.bg-pan-bl {
	-webkit-animation: bg-pan-bl 8s both;
	        animation: bg-pan-bl 8s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-4-25 16:9:43
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bg-pan-bl
 * ----------------------------------------
 */
@-webkit-keyframes bg-pan-bl {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes bg-pan-bl {
  0% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}

.slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-4-25 16:13:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


	.fade-in-top {
			-webkit-animation: fade-in-top 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
			animation: fade-in-top 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
		}

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

		.fade-in-bottom {
			-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
					animation: fade-in-bottom 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
		}

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

	.bounce-in-top {
			-webkit-animation: bounce-in-top 1.1s both;
			animation: bounce-in-top 1.1s both;
		}
		/* ----------------------------------------------
		* Generated by Animista on 2020-10-19 0:51:30
		* Licensed under FreeBSD License.
		* See http://animista.net/license for more info. 
		* w: http://animista.net, t: @cssanimista
		* ---------------------------------------------- */

		/**
		* ----------------------------------------
		* animation bounce-in-top
		* ----------------------------------------
		*/
		@-webkit-keyframes bounce-in-top {
		0% {
			-webkit-transform: translateY(-500px);
					transform: translateY(-500px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
			opacity: 0;
		}
		38% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
			opacity: 1;
		}
		55% {
			-webkit-transform: translateY(-65px);
					transform: translateY(-65px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		72% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		81% {
			-webkit-transform: translateY(-28px);
					transform: translateY(-28px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		90% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		95% {
			-webkit-transform: translateY(-8px);
					transform: translateY(-8px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		100% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		}
		@keyframes bounce-in-top {
		0% {
			-webkit-transform: translateY(-500px);
					transform: translateY(-500px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
			opacity: 0;
		}
		38% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
			opacity: 1;
		}
		55% {
			-webkit-transform: translateY(-65px);
					transform: translateY(-65px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		72% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		81% {
			-webkit-transform: translateY(-28px);
					transform: translateY(-28px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		90% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		95% {
			-webkit-transform: translateY(-8px);
					transform: translateY(-8px);
			-webkit-animation-timing-function: ease-in;
					animation-timing-function: ease-in;
		}
		100% {
			-webkit-transform: translateY(0);
					transform: translateY(0);
			-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out;
		}
		}


@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-right 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
			position: fixed;
			top: 0;
			left:0;
			display: none;
			width: 100%;
			min-height: 100vh;
			z-index: 999;
			background-color: rgba(0,0,0,.3);
			
}