/*  \/ CREATED BY @abhiprojectz ANI LICENSE 	
		don't erase these comments while using moja-anim-css 
			on your projects!

			AUTHOR: https://twitter.com/abhiprojectz;	*/
/*			keyframes- slide right */

.r-0 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:0px;
}
.r-100 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100px;
}
.r-200 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:200px;
}
.r-300 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:300px;
}
.r-400 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:400px;
}
.r-500 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:500px;
}
.r-600 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:600px;
}
.r-700 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:700px;
}
.r-800 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:800px;
}
.r-900 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:900px;
}
.r-1000 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:1000px;
}
.r-1\/4 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:25vw;
}
.r-1\/2 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50vw;
}
.r-1\/6 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16.666vw;
}
.r-1\/3 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:33.333vw;
}
.r-2\/3 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:66.666vw;
}
.r-3\/4 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75vw;
}
.r-max {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100vw;
}
.r-1\/5 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20vw;
}
.r-2\/5 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40vw;
}
.r-3\/5 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60vw;
}
.r-4\/5 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80vw;
}

.r-2 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:2px;
}
.r-4 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:4px;
}
.r-6 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:6px;
}
.r-8 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:8px;
}
.r-10 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.r-12 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.r-14 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:14px;
}
.r-16 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16px;
}
.r-18 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:18px;
}
.r-15 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:15px;
}
.r-20 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20px;
}
.r-30 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:30px;
}
.r-35 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:35px;
}
.r-40 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40px;
}
.r-45 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:45px;
}
.r-50 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50px;
}
.r-55 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:55px;
}
.r-60 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60px;
}
.r-65 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:65px;
}
.r-70 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:70px;
}
.r-75 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75px;
}
.r-80 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80px;
}
.r-85 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:85px;
}
.r-90 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:90px;
}
.r-95 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:95px;
}
.r-150 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:150px;
}
.r-250 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:250px;
}
.r-350 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:350px;
}
.r-450 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:450px;
}
.r-550 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:550px;
}
.r-650 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:650px;
}
.r-750 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:750px;
}
.r-850 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:850px;
}
.r-950 {
	animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:950px;
}

.rotate-0 {
	animation: rotate 0.6s ease-in-out both;
	--val: 0deg;
}
.rotate-1 {
	animation: rotate 0.6s ease-in-out both;
	--val: 1deg;
}
.rotate-2 {
	animation: rotate 0.6s ease-in-out both;
	--val: 2deg;
}
.rotate-4 {
	animation: rotate 0.6s ease-in-out both;
	--val: 4deg;
}
.rotate-6 {
	animation: rotate 0.6s ease-in-out both;
	--val: 6deg;
}
.rotate-8 {
	animation: rotate 0.6s ease-in-out both;
	--val: 8deg;
}
.rotate-45 {
	animation: rotate 0.6s ease-in-out both;
	--val: 45deg;
}
.rotate-90 {
	animation: rotate 0.6s ease-in-out both;
	--val: 90deg;
}
.rotate-180 {
	animation: rotate 0.6s ease-in-out both;
	--val: 180deg;
}
.rotate-360 {
	animation: rotate 0.6s ease-in-out both;
	--val: 360deg;
}
.rotate-270 {
	animation: rotate 0.6s ease-in-out both;
	--val: 270deg;
}
.rotate-320 {
	animation: rotate 0.6s ease-in-out both;
	--val: 320deg;
}
.rotate-60 {
	animation: rotate 0.6s ease-in-out both;
	--val: 60deg;
}

.l-0 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:0px;
}
.l-100 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100px;
}
.l-200 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:200px;
}
.l-300 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:300px;
}
.l-400 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:400px;
}
.l-500 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:500px;
}
.l-600 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:600px;
}
.l-700 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:700px;
}
.l-800 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:800px;
}
.l-900 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:900px;
}
.l-1000 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:1000px;
}
.l-1\/4 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:25vw;
}
.l-1\/2 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50vw;
}
.l-1\/6 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16.666vw;
}
.l-1\/3 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:33.333vw;
}
.l-2\/3 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:66.666vw;
}
.l-3\/4 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75vw;
}
.l-max {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100vw;
}
.l-1\/5 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20vw;
}
.l-2\/5 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40vw;
}
.l-3\/5 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60vw;
}
.l-4\/5 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80vw;
}

.l-2 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:2px;
}
.l-4 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:4px;
}
.l-6 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:6px;
}
.l-8 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:8px;
}
.l-10 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.l-12 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.l-14 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:14px;
}
.l-16 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16px;
}
.l-18 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:18px;
}
.l-15 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:15px;
}
.l-20 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20px;
}
.l-30 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:30px;
}
.l-35 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:35px;
}
.l-40 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40px;
}
.l-45 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:45px;
}
.l-50 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50px;
}
.l-55 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:55px;
}
.l-60 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60px;
}
.l-65 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:65px;
}
.l-70 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:70px;
}
.l-75 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75px;
}
.l-80 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80px;
}
.l-85 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:85px;
}
.l-90 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:90px;
}
.l-95 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:95px;
}
.l-150 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:150px;
}
.l-250 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:250px;
}
.l-350 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:350px;
}
.l-450 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:450px;
}
.l-550 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:550px;
}
.l-650 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:650px;
}
.l-750 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:750px;
}
.l-850 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:850px;
}
.l-950 {
	animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:950px;
}
.t-0 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:0px;
}
.t-100 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100px;
}
.t-200 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:200px;
}
.t-300 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:300px;
}
.t-400 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:400px;
}
.t-500 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:500px;
}
.t-600 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:600px;
}
.t-700 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:700px;
}
.t-800 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:800px;
}
.t-900 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:900px;
}
.t-1000 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:1000px;
}
.t-1\/4 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:25vw;
}
.t-1\/2 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50vw;
}
.t-1\/6 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16.666vw;
}
.t-1\/3 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:33.333vw;
}
.t-2\/3 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:66.666vw;
}
.t-3\/4 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75vw;
}
.t-max {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100vw;
}
.t-1\/5 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20vw;
}
.t-2\/5 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40vw;
}
.t-3\/5 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60vw;
}
.t-4\/5 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80vw;
}

.t-2 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:2px;
}
.t-4 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:4px;
}
.t-6 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:6px;
}
.t-8 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:8px;
}
.t-10 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.t-12 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.t-14 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:14px;
}
.t-16 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16px;
}
.t-18 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:18px;
}
.t-15 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:15px;
}
.t-20 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20px;
}
.t-30 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:30px;
}
.t-35 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:35px;
}
.t-40 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40px;
}
.t-45 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:45px;
}
.t-50 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50px;
}
.t-55 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:55px;
}
.t-60 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60px;
}
.t-65 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:65px;
}
.t-70 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:70px;
}
.t-75 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75px;
}
.t-80 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80px;
}
.t-85 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:85px;
}
.t-90 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:90px;
}
.t-95 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:95px;
}
.t-150 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:150px;
}
.t-250 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:250px;
}
.t-350 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:350px;
}
.t-450 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:450px;
}
.t-550 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:550px;
}
.t-650 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:650px;
}
.t-750 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:750px;
}
.t-850 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:850px;
}
.t-950 {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:950px;
}
.b-0 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:0px;
}
.b-100 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100px;
}
.b-200 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:200px;
}
.b-300 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:300px;
}
.b-400 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:400px;
}
.b-500 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:500px;
}
.b-600 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:600px;
}
.b-700 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:700px;
}
.b-800 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:800px;
}
.b-900 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:900px;
}
.b-1000 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:1000px;
}
.b-1\/4 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:25vw;
}
.b-1\/2 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50vw;
}
.b-1\/6 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16.666vw;
}
.b-1\/3 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:33.333vw;
}
.b-2\/3 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:66.666vw;
}
.b-3\/4 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75vw;
}
.b-max {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:100vw;
}
.b-1\/5 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20vw;
}
.b-2\/5 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40vw;
}
.b-3\/5 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60vw;
}
.b-4\/5 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80vw;
}

.b-2 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:2px;
}
.b-4 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:4px;
}
.b-6 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:6px;
}
.b-8 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:8px;
}
.b-10 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.b-12 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:10px;
}
.b-14 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:14px;
}
.b-16 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:16px;
}
.b-18 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:18px;
}
.b-15 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:15px;
}
.b-20 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:20px;
}
.b-30 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:30px;
}
.b-35 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:35px;
}
.b-40 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:40px;
}
.b-45 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:45px;
}
.b-50 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:50px;
}
.b-55 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:55px;
}
.b-60 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:60px;
}
.b-65 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:65px;
}
.b-70 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:70px;
}
.b-75 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:75px;
}
.b-80 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:80px;
}
.b-85 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:85px;
}
.b-90 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:90px;
}
.b-95 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:95px;
}
.b-150 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:150px;
}
.b-250 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:250px;
}
.b-350 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:350px;
}
.b-450 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:450px;
}
.b-550 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:550px;
}
.b-650 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:650px;
}
.b-750 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:750px;
}
.b-850 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:850px;
}
.b-950 {
	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	--val:950px;
}
.slide {
  animation: slide 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100px);
  }
}

@keyframes slide-right {
	
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--val));
  }
}
/*		keyframe - slide left  */
@keyframes slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--val)));
  }
}
/* 		keyframe -slide top */
@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-1 * var(--val)));
  }
}

/* 			keyframe - slide bottom */

@keyframes slide-bottom {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(var(--val));
  }
}
	
/*		key rotate */
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(var(--val));
  }
}


.fade {
  animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  
}

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

.roll {
  animation: roll-in-left 0.6s ease-out both;
}
@keyframes roll-in-left {
  0% {
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
.tilt{
  animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  
}
@keyframes tilt-in-top-1 {
  0% {
    transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.swing {
  animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
   }

@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}

.scaleIn {
  animation: scale-in 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.scaleOut {
  animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes scale-down-center {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
.rotate {
  animation: rotate-center 0.6s ease-in-out both;
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotateIn {
  animation: rotate-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-center {
  0% {
    transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}
.flipHorizontal {
  animation: flip-horizontal 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes flip-horizontal {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(180deg);
  }
}

.flipVertical {
  animation: flip-vertical 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes flip-vertical {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(180deg);
  }
}
.roll-left {
  animation: roll-in-left 0.6s ease-out both;
}
@keyframes roll-in-left {
  0% {
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
.roll-top {
  animation: roll-in-top 0.6s ease-out both;
}

@keyframes roll-in-top {
  0% {
    transform: translateY(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
.roll-right {
  animation: roll-in-right 0.6s ease-out both;
}

@keyframes roll-in-right {
  0% {
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
.roll-bottom {
  animation: roll-in-bottom 0.6s ease-out both;
}

@keyframes roll-in-bottom {
  0% {
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
.slit {
  animation: slitIn 0.45s ease-out both;
}

@keyframes slitIn {
  0% {
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateY(0);
  }
}
.shake {
  animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@keyframes shake-horizontal {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
  }
}
.wobble {
  animation: wobble-hor-bottom 0.8s both;
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}

.blink {
  animation: blink-2 1.2s both;
}

@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.vibrate {
  animation: vibrate-2 0.3s linear infinite both;
}

@keyframes vibrate-2 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(2px, -2px);
  }
  40% {
    transform: translate(2px, 2px);
  }
  60% {
    transform: translate(-2px, 2px);
  }
  80% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
.bgColor {
  animation: bgcolor 4s linear infinite alternate both;
}
.bounce-top {
  animation: bounce-top 0.9s both;
}
@keyframes bounce-top {
  0% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.bounce-bottom {
  animation: bounce-bottom 0.9s both;
}

@keyframes bounce-bottom {
  0% {
    transform: translateY(45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

.bounce-left {
  animation: bounce-left 0.8s both;
}

@keyframes bounce-left {
  0% {
    transform: translateX(-48px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateX(-26px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateX(-13px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateX(-6.5px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateX(-4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.bounce-right {
  animation: bounce-right 0.8s both;
}
@keyframes bounce-right {
  0% {
    transform: translateX(48px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateX(26px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateX(13px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateX(6.5px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateX(4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.flash-min {
  animation: flash-min 2s linear infinite both;
}
@keyframes flash-min {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
  52.8% {
    opacity: 0;
  }
  52.81% {
    opacity: 1;
  }
}
.flash-max {
  animation: flash-max 8s linear infinite both;
}
@keyframes flash-max {
  0%,
  100% {
    opacity: 1;
  }
  -0.02% {
    opacity: 1;
  }
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.02% {
    opacity: 1;
  }
  8.98% {
    opacity: 1;
  }
  9% {
    opacity: 0;
  }
  9.8% {
    opacity: 0;
  }
  9.82% {
    opacity: 1;
  }
  9.48% {
    opacity: 1;
  }
  9.5% {
    opacity: 1;
  }
  9.6% {
    opacity: 1;
  }
  9.62% {
    opacity: 1;
  }
  14.98% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
  15.8% {
    opacity: 0.5;
  }
  15.82% {
    opacity: 1;
  }
  15.18% {
    opacity: 1;
  }
  15.2% {
    opacity: 0.7;
  }
  16% {
    opacity: 0.7;
  }
  16.02% {
    opacity: 1;
  }
  15.48% {
    opacity: 1;
  }
  15.5% {
    opacity: 0.5;
  }
  16.2% {
    opacity: 0.5;
  }
  16.22% {
    opacity: 1;
  }
  16.98% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  17.8% {
    opacity: 1;
  }
  17.82% {
    opacity: 1;
  }
  20.48% {
    opacity: 1;
  }
  20.5% {
    opacity: 0.9;
  }
  21.3% {
    opacity: 0.9;
  }
  21.32% {
    opacity: 1;
  }
  20.98% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  22.02% {
    opacity: 1;
  }
  39.98% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  41% {
    opacity: 1;
  }
  41.02% {
    opacity: 1;
  }
  40.48% {
    opacity: 1;
  }
  40.5% {
    opacity: 0.6;
  }
  41.4% {
    opacity: 0.6;
  }
  41.42% {
    opacity: 1;
  }
  41.98% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  42.8% {
    opacity: 1;
  }
  42.82% {
    opacity: 1;
  }
  59.98% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  61% {
    opacity: 1;
  }
  61.02% {
    opacity: 1;
  }
  60.18% {
    opacity: 1;
  }
  60.2% {
    opacity: 0.2;
  }
  61% {
    opacity: 0.2;
  }
  61.02% {
    opacity: 1;
  }
  60.78% {
    opacity: 1;
  }
  60.8% {
    opacity: 0.4;
  }
  61.6% {
    opacity: 0.4;
  }
  61.62% {
    opacity: 1;
  }
  61.38% {
    opacity: 1;
  }
  61.4% {
    opacity: 0;
  }
  62.2% {
    opacity: 0;
  }
  62.22% {
    opacity: 1;
  }
  61.78% {
    opacity: 1;
  }
  61.8% {
    opacity: 1;
  }
  62.8% {
    opacity: 1;
  }
  62.82% {
    opacity: 1;
  }
  75.98% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  77.02% {
    opacity: 1;
  }
  77.98% {
    opacity: 1;
  }
  78% {
    opacity: 0.7;
  }
  78.8% {
    opacity: 0.7;
  }
  78.82% {
    opacity: 1;
  }
  78.98% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  80.02% {
    opacity: 1;
  }
  99.98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
  101% {
    opacity: 1;
  }
  101.02% {
    opacity: 1;
  }
}
.zoom-min {
  animation: zoom-min 0.6s ease-out both;
}
@keyframes zoom-min {
  0% {
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
.zoom-max {
  animation: zoom-max 1s ease-out both;
}
@keyframes zoom-max {
  0% {
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
.blur {
  animation: blur 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@keyframes blur {
  0% {
    transform: scale(2);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
  }
}
.fastrax-left {
  animation: fastrax-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@keyframes fastrax-left {
  0% {
    transform: translateX(-1000px) rotate(-720deg);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    filter: blur(0);
    opacity: 1;
  }
}
.fastrax-top {
  animation: fastrax-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@keyframes fastrax-top {
  0% {
    transform: translateY(-800px) rotate(-720deg);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    filter: blur(0);
    opacity: 1;
  }
}
.fastrax-right {
  animation: fastrax-right 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@keyframes fastrax-right {
  0% {
    transform: translateX(1000px) rotate(720deg);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    filter: blur(0);
    opacity: 1;
  }
}
.fastrax-bottom {
  animation: fastrax-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@keyframes fastrax-bottom {
  0% {
    transform: translateY(800px) rotate(720deg);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
.dur-0 {
	animation-duration: 0s;
}
.dur-1 {
	animation-duration: 1s;
}
.dur-2 {
	animation-duration: 2s;
}

.dur-3 {
	animation-duration: 3s;
}

.dur-4 {
	animation-duration: 4s;
}

.dur-5 {
	animation-duration: 5s;
}

.dur-6 {
	animation-duration: 6s;
}

.dur-7 {
	animation-duration: 7s;
}

.dur-8 {
	animation-duration: 8s;
}

.dur-9 {
	animation-duration: 9s;
}

.dur-10 {
	animation-duration: 10s;
}

.dur-11 {
	animation-duration: 11s;
}

.dur-12 {
	animation-duration: 12s;
}

.dur-13 {
	animation-duration: 13s;
}

.dur-14 {
	animation-duration: 14s;
}

.dur-16 {
	animation-duration: 16s;
}

.dur-17 {
	animation-duration: 17s;
}

.dur-18 {
	animation-duration: 18s;
}

.dur-19 {
	animation-duration: 19s;
}

.dur-20 {
	animation-duration: 20s;
}

.dur-25 {
	animation-duration: 25s;
}

.dur-30 {
	animation-duration: 30s;
}

.dur-40 {
	animation-duration: 40s;
}

.dur-50 {
	animation-duration: 50s;
}

.dur-60 {
	animation-duration: 60s;
}

.dur-70 {
	animation-duration: 70s;
}

.dur-80 {
	animation-duration: 80s;
}

.dur-90 {
	animation-duration: 90s;
}

.dur-100 {
	animation-duration: 100s;
}

.dur-15 {
	animation-duration: 15s;
}
.dur-25 {
	animation-duration: 25s;
}

.dur-35 {
	animation-duration: 35s;
}

.dur-45 {
	animation-duration: 45s;
}

.dur-55 {
	animation-duration: 55s;
}

.dur-65 {
	animation-duration: 65s;
}

.dur-75 {
	animation-duration: 75s;
}

.dur-85 {
	animation-duration: 85s;
}

.dur-95 {
	animation-duration: 95s;
}

.dur-initial {
	animation-duration: initial;
}

.dur-inherit {
	animation-duration: inherit;
}
.del-0 {
	animation-delay: 0s;
}
.del-1 {
	animation-delay: 1s;
}
.del-2 {
	animation-delay: 2s;
}

.del-3 {
	animation-delay: 3s;
}

.del-4 {
	animation-delay: 4s;
}

.del-5 {
	animation-delay: 5s;
}

.del-6 {
	animation-delay: 6s;
}

.del-7 {
	animation-delay: 7s;
}

.del-8 {
	animation-delay: 8s;
}

.del-9 {
	animation-delay: 9s;
}

.del-10 {
	animation-delay: 10s;
}

.del-11 {
	animation-delay: 11s;
}

.del-12 {
	animation-delay: 12s;
}

.del-13 {
	animation-delay: 13s;
}

.del-14 {
	animation-delay: 14s;
}

.del-16 {
	animation-delay: 16s;
}

.del-17 {
	animation-delay: 17s;
}

.del-18 {
	animation-delay: 18s;
}

.del-19 {
	animation-delay: 19s;
}

.del-20 {
	animation-delay: 20s;
}

.del-25 {
	animation-delay: 25s;
}

.del-30 {
	animation-delay: 30s;
}

.del-40 {
	animation-delay: 40s;
}

.del-50 {
	animation-delay: 50s;
}

.del-60 {
	animation-delay: 60s;
}

.del-70 {
	animation-delay: 70s;
}

.del-80 {
	animation-delay: 80s;
}

.del-90 {
	animation-delay: 90s;
}

.del-100 {
	animation-delay: 100s;
}

.del-15 {
	animation-delay: 15s;
}
.del-25 {
	animation-delay: 25s;
}

.del-35 {
	animation-delay: 35s;
}

.del-45 {
	animation-delay: 45s;
}

.del-55 {
	animation-delay: 55s;
}

.del-65 {
	animation-delay: 65s;
}

.del-75 {
	animation-delay: 75s;
}

.del-85 {
	animation-delay: 85s;
}

.del-95 {
	animation-delay: 95s;
}

.del-initial {
	animation-delay: initial;
}

.del-inherit {
	animation-delay: inherit;
}
.linear {
	animation-timing-function: linear;
}
.ease {
	animation-timing-function: ease;
}
.ease-in {
	animation-timing-function: ease-in;
}
.ease-out {
	animation-timing-function: ease-out;
}
.ease-in-out {
	animation-timing-function: ease-in-out;
}
.initial {
	animation-timing-function: initial;
}
.inherit {
	animation-timing-function: inherit;
}

.iteration {
	animation-iteration-count: ;
}

.iteration-0 {
	animation-iteration-count: 0s;
}
.iteration-1 {
	animation-iteration-count: 1s;
}
.iteration-2 {
	animation-iteration-count: 2s;
}

.iteration-3 {
	animation-iteration-count: 3s;
}

.iteration-4 {
	animation-iteration-count: 4s;
}

.iteration-5 {
	animation-iteration-count: 5s;
}

.iteration-6 {
	animation-iteration-count: 6s;
}

.iteration-7 {
	animation-iteration-count: 7s;
}

.iteration-8 {
	animation-iteration-count: 8s;
}

.iteration-9 {
	animation-iteration-count: 9s;
}

.iteration-10 {
	animation-iteration-count: 10s;
}

.iteration-11 {
	animation-iteration-count: 11s;
}

.iteration-12 {
	animation-iteration-count: 12s;
}

.iteration-13 {
	animation-iteration-count: 13s;
}

.iteration-14 {
	animation-iteration-count: 14s;
}

.iteration-16 {
	animation-iteration-count: 16s;
}

.iteration-17 {
	animation-iteration-count: 17s;
}

.iteration-18 {
	animation-iteration-count: 18s;
}

.iteration-19 {
	animation-iteration-count: 19s;
}

.iteration-20 {
	animation-iteration-count: 20s;
}

.iteration-25 {
	animation-iteration-count: 25s;
}

.iteration-30 {
	animation-iteration-count: 30s;
}

.iteration-40 {
	animation-iteration-count: 40s;
}

.iteration-50 {
	animation-iteration-count: 50s;
}
.iteration-15 {
	animation-iteration-count: 15s;
}
.iteration-25 {
	animation-iteration-count: 25s;
}

.iteration-35 {
	animation-iteration-count: 35s;
}

.iteration-45 {
	animation-iteration-count: 45s;
}

.iteration-initial {
	animation-iteration-count: initial;
}

.iteration-inherit {
	animation-iteration-count: inherit;
}

.iteration-infinite {
	animation-iteration-count: infinite;
}

.mode-none {
	animation-fill-mode: none;
}

.mode-forwards {
	animation-fill-mode: forwards;
}

.mode-backwards {
	animation-fill-mode: backwards;
}

.mode-both {
	animation-fill-mode: both;
}

.mode-initial {
	animation-fill-mode: initial;
}

.mode-inherit {
	animation-fill-mode: inherit;
}

.state-paused {
	animation-play-state: paused;
}

.state-running {
	animation-play-state: running;
}

.state-initial {
	animation-play-state: initial;
}

.state-inherit {
	animation-play-state: inherit;
}

.dir-normal {
	animation-direction: normal;
}

.dir-reverse {
	animation-direction: reverse;
}

.dir-alternate {
	animation-direction: alternate;
}

.dir-alternate-reverse {
	animation-direction: alternate-reverse;
}

.dir-initial {
	animation-direction: initial;
}

.dir-inherit {
	animation-direction: inherit;
}