@charset "utf-8";
/* CSS Document */



/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/*===================== 
	animation styles 
=======================*/

.animate-cont {
    overflow: hidden;
}

.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}

.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease both;
}

.scrolled.fade-in-delayed {
  animation: fade-in 1s ease both;
	animation-delay: 300ms;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease both;
}
.scrolled.fade-in-top {
  animation: fade-in-top 1s ease both;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease both;
}

.scrolled.slide-right {
  animation: slide-in-right 1s ease both;
}

.scrolled.slide-down {
  animation: slide-in-down 1s ease both;
}

.scrolled.slide-up {
  animation: slide-in-up 1s ease both;
}

.load-right {
    animation: slide-in-right 1s ease both;
}
.load-left {
    animation: slide-in-left 1s ease both;
}
.load-bottom {
    animation: fade-in-bottom 1s ease both;
}
.load-top {
    animation: fade-in-top 1s ease both;
}
.fade-from-black {
    animation: fade-from-black 1s ease both;
}



/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-down {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-up {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-from-black {
  0% {
	  background-color: #1d1f22;
  }
  100% {
	  background-color: transparent;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}