/**********************************************
 * DPF GLOBAL ANIMATIONS STYLES FCV: 27/11/2019
 *********************************************/
 /* ----------------------------------------------
 * Generated by Animista on 2021-4-22 13:15:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
* ----------------------------------------
* animation kenburns-top
* ----------------------------------------
*/
.kenburns-top {
	-webkit-animation: kenburns-top 5s ease-out both;
			animation: kenburns-top 5s ease-out both;
}
@-webkit-keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
	-webkit-transform-origin: 50% 16%;
			transform-origin: 50% 16%;
  }
  100% {
	-webkit-transform: scale(1.25) translateY(-15px);
			transform: scale(1.25) translateY(-15px);
	-webkit-transform-origin: top;
			transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
	-webkit-transform: scale(1) translateY(0);
			transform: scale(1) translateY(0);
	-webkit-transform-origin: 50% 16%;
			transform-origin: 50% 16%;
  }
  100% {
	-webkit-transform: scale(1.25) translateY(-15px);
			transform: scale(1.25) translateY(-15px);
	-webkit-transform-origin: top;
			transform-origin: top;
  }
}
/* ----------------------------------------------
 * Generated by CSSANIMATION.IO
 * Licensed under FreeBSD License.
 * w: http://cssanimation.io/
 * ---------------------------------------------- */
.leBeat span { animation-name: leBeat; }
@keyframes leBeat {
	14%, 42% { transform: scale(1.3) }
	28%, 70% { transform: scale(1) }
}
.leFadeIn span { animation-name: leFadeIn }
@keyframes leFadeIn {
	from { opacity: 0 }
	to { opacity: 1 }
}
.leFadeOut span { animation-name: leFadeOut }
@keyframes leFadeOut {
	to { opacity: 0 }
}
.leFadeInLeft span { animation-name: leFadeInLeft }
@keyframes leFadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-60px);
	}
	to { opacity: 1 }
}
.leFadeOutLeft span { animation-name: leFadeOutLeft }
@keyframes leFadeOutLeft {
	from { opacity: 1 }
	to {
		opacity: 0;
		transform: translateX(-60px);
	}
}
.leFadeInRight span { animation-name: leFadeInRight }
@keyframes leFadeInRight {
	from {
		opacity: 0;
		transform: translateX(60px);
	}
	to { opacity: 1 }
}
.leFadeOutRight span { animation-name: leFadeOutRight }
@keyframes leFadeOutRight {
	from { opacity: 1 }
	to {
		opacity: 0;
		transform: translateX(60px);
	}
}
.leFadeInTop span { animation-name: leFadeInTop }
@keyframes leFadeInTop {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}
	to { opacity: 1 }
}
.leFadeOutTop span { animation-name: leFadeOutTop }
@keyframes leFadeOutTop {
	from { opacity: 1 }
	to {
		opacity: 0;
		transform: translateY(-100%);
	}
}
.leFadeInBottom span { animation-name: leFadeInBottom }
@keyframes leFadeInBottom {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to { opacity: 1 }
}
.leFadeOutBottom span { animation-name: leFadeOutBottom }
@keyframes leFadeOutBottom {
	from { opacity: 1 }
	to {
		opacity: 0;
		transform: translateY(100%);
	}
}
.lePeek span { animation-name: lePeek }
@keyframes lePeek {
	25% {  transform: rotateX(30deg) translateY(10px) rotate(-13deg); }
	50% { transform: translateY(-22px) rotate(3deg) scale(1.1);  }
}
.leSnake span { animation: leSnake 1.5s ease-in-out; animation-iteration-count: infinite }
@keyframes leSnake {
	from, to { transform: translateY(0px) }
	50% { transform: translateY(30px) }
}
.leEffect3d { animation-name: effect3d }
@keyframes effect3d {
	to {
		text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
	}
}
.leRainDrop span { animation-name: leRainDrop; animation-iteration-count: infinite; }
@keyframes leRainDrop {
	0%, 25%, 55%, 75%, 87%, 97%, 100% { transform: scaleX(1.0) }
	26%, 56%, 76% { transform: scaleX(1.3) scaleY(0.8) }
	31%, 61%, 81% { transform: scaleX(0.8) scaleY(1.2) }
	76%, 88% { transform: scaleX(1.2) }
	98% { transform: scaleX(1.1) }
}
.lePepe { animation-name: pepe; animation-iteration-count: infinite }
@keyframes pepe {
	from, 33%, 66%, to { transform: rotate(4deg) }
	16%, 50%, 83% { transform: rotate(-4deg) }
}
.leWaterWave span { animation: leWaterWave .2s linear infinite }
@keyframes leWaterWave {
	50% { transform: skewY(1deg) skewX(-1deg) scale(1.06) }
}
.lightning { animation-name: lightning }
@keyframes lightning {
	from, 50%, to { opacity: 1 }
	25%, 75% { opacity: 0 }
}
.leJoltZoom span { animation-name: leJoltZoom }
@keyframes leJoltZoom {
	10% { font-size: 140% }
	40% { font-size: 80% }
	100% { font-size: 100% }
}
.typing {
	width: 473px;
	overflow: hidden;
	white-space: nowrap;
	border-right: 2px solid #7E2EA0;
	animation: typing 2s steps(12, end), cursor .2s steps(12, end) infinite;
}
@keyframes typing {
	from { width: 0 }
}
@keyframes cursor {
	50% { border-color: transparent }
}
.electricity { animation-name: electricity; animation-iteration-count: infinite }
@keyframes electricity {
	from, 37%, 67%, 85%, 93% { transform: translateY(30px) }
	4%, 64%, 88% { transform: translateY(10px) }
	8%, 24%, 32%, 44% { transform: translateY(5px) }
	12%, 52%, 60%, 20% { transform: translateY(10px) }
	16%, 40% { transform: translateY(5px) }
	28%, 56% { transform: translateY(10px) }
	48%, 72%, 80%, 96% { transform: translateY(30px) }
	76%, to { transform: translateY(40px) }
}
.wipe {
	width: 473px;
	overflow: hidden;
	margin: 0 auto;
	display: inline-flex;
	animation-name: wipe;
}
@keyframes wipe {
	to { width: 0 }
}
.open {
	width: 473px;
	margin: 0 auto;
	overflow: hidden;
	display: inline-flex;
	animation-name: open;
}
@keyframes open {
	from { width: 0 }
}
.leMagnify span { animation-name: leMagnify }
@keyframes leMagnify {
	50% {
		transform: scale(1.8);
		letter-spacing: 26px
	}
}
.leMovingBackFromRight span { animation-name: leMovingBackFromRight; transform-origin: bottom }
@keyframes leMovingBackFromRight {
	40% { transform: rotate(45deg) }
	100% {
		transform: rotate(0deg);
		animation-timing-function: cubic-bezier(0,.9,.7,1.45)
	}
}
.leMovingBackFromLeft span { animation-name: leMovingBackFromLeft; transform-origin: bottom }
@keyframes leMovingBackFromLeft {
	40% { transform: rotate(-45deg) }
	100% {
		transform: rotate(0deg);
		animation-timing-function: cubic-bezier(0,.9,.7,1.45)
	}
}
.leKickOutFront span { animation-name: leKickOutBehind; transform-origin: top }
@keyframes leKickOutBehind {
	40% { transform: rotate(-45deg) }
	100% {
		transform: rotate(0deg);
		animation-timing-function: cubic-bezier(0,.9,.7,1.45)
	}
}
.leKickOutBehind span { animation-name: leKickOutFront; transform-origin: top }
@keyframes leKickOutFront {
	40% { transform: rotate(45deg) }
	100% {
		transform: rotate(0deg);
		animation-timing-function: cubic-bezier(0,.9,.7,1.45)
	}
}
.leSkateX span { animation-name: leScaleX; animation-iteration-count: infinite }
@keyframes leScaleX {
	50% { transform: scaleX(0.4) }
}
.leSkateY span { animation-name: leSkateY; animation-iteration-count: infinite }
@keyframes leSkateY {
	50% { transform: scaleY(0.4) }
}
.leSkateXY span { animation-name: leSkateXY; animation-iteration-count: infinite; animation-duration: 1.5s; }
@keyframes leSkateXY {
	25% { transform: scale3d(1, 0.4, 0) }
	50% { transform: scale3d(0.4, 0.4, 1) }
	75% { transform: scale3d(0.4, 1, 1) }
}
.leScaleXIn span { animation-name: leScaleXIn }
@keyframes leScaleXIn {
	from {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	50% { opacity: 1 }
}
.leScaleXOut span { animation-name: leScaleXOut }
@keyframes leScaleXOut {
	to {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
	from { opacity: 1 }
}
.leScaleYIn span { animation-name: leScaleYIn }
@keyframes leScaleYIn {
	from {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	50% { opacity: 1 }
}
.leScaleYOut span { animation-name: leScaleYOut }
@keyframes leScaleYOut {
	to {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
	from { opacity: 1 }
}
.swingInLeft { animation-name: swingInLeft }
@keyframes swingInLeft {
	from {
		transform: matrix(3, 0, 0, 3, -800, 0);
		animation-timing-function: ease-out;
	}
	50% { transform: matrix(1.3, 0, 0, 1.3, 20, 0) }
}
.swingInRight { animation-name: swingInRight }
@keyframes swingInRight {
	from {
		transform: matrix(3, 0, 0, 3, 800, 0);
		animation-timing-function: ease-out;
	}
	50% { transform: matrix(1.3, 0, 0, 1.3, -20, 0) }
}
.magic {
  -webkit-animation-name: magic;
  animation-name: magic;
}
@-webkit-keyframes magic {
  0% {
	opacity: 1;
	-webkit-transform-origin: 100% 200%;
	transform-origin: 100% 200%;
	-webkit-transform: scale(1, 1) rotate(0deg);
	transform: scale(1, 1) rotate(0deg);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 200% 500%;
	transform-origin: 200% 500%;
	-webkit-transform: scale(0, 0) rotate(270deg);
	transform: scale(0, 0) rotate(270deg);
  }
}
@keyframes magic {
  0% {
	opacity: 1;
	-webkit-transform-origin: 100% 200%;
	transform-origin: 100% 200%;
	-webkit-transform: scale(1, 1) rotate(0deg);
	transform: scale(1, 1) rotate(0deg);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 200% 500%;
	transform-origin: 200% 500%;
	-webkit-transform: scale(0, 0) rotate(270deg);
	transform: scale(0, 0) rotate(270deg);
  }
}
.swap {
  -webkit-animation-name: swap;
  animation-name: swap;
}
@-webkit-keyframes swap {
  0% {
	opacity: 0;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scale(0, 0) translate(-700px, 0px);
	transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
	opacity: 1;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(1, 1) translate(0px, 0px);
	transform: scale(1, 1) translate(0px, 0px);
  }
}
@keyframes swap {
  0% {
	opacity: 0;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scale(0, 0) translate(-700px, 0px);
	transform: scale(0, 0) translate(-700px, 0px);
  }

  100% {
	opacity: 1;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-transform: scale(1, 1) translate(0px, 0px);
	transform: scale(1, 1) translate(0px, 0px);
  }
}
.vanishIn {
  animation-name: vanishIn;
}

@-webkit-keyframes vanishIn {
  0% {
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(2, 2);
	filter: blur(90px);
  }
  100% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(1, 1);
	filter: blur(0px);
  }
}

@keyframes vanishIn {
  0% {
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(2, 2);
	filter: blur(90px);
  }
  100% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(1, 1);
	filter: blur(0px);
  }
}
.vanishOut {
  animation-name: vanishOut;
}

@-webkit-keyframes vanishOut {
  0% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(1, 1);
	filter: blur(0px);
  }
  100% {
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(2, 2);
	filter: blur(20px);
  }
}

@keyframes vanishOut {
  0% {
	opacity: 1;
	transform-origin: 50% 50%;
	transform: scale(1, 1);
	filter: blur(0px);
  }
  100% {
	opacity: 0;
	transform-origin: 50% 50%;
	transform: scale(2, 2);
	filter: blur(20px);
  }
}
.rotateLeft {
  -webkit-animation-name: rotateLeft;
  animation-name: rotateLeft;
}
@-webkit-keyframes rotateLeft {
  0% {
	opacity: 1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
	transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
	transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}
@keyframes rotateLeft {
  0% {
	opacity: 1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
	transform: perspective(800px) rotateY(0deg) translateZ(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
	transform: perspective(800px) rotateY(-180deg) translateZ(300px);
  }
}
.rotateRight {
  -webkit-animation-name: rotateRight;
  animation-name: rotateRight;
}
@-webkit-keyframes rotateRight {
  0% {
	opacity: 1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
	transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
	transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}
@keyframes rotateRight {
  0% {
	opacity: 1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
	transform: perspective(800px) rotateY(0deg) translate3d(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
	transform: perspective(800px) rotateY(180deg) translateZ(150px);
  }
}
.bombLeftOut {
  -webkit-animation-name: bombLeftOut;
  animation-name: bombLeftOut;
}
@-webkit-keyframes bombLeftOut {
  0% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-filter: blur(0px);
	filter: blur(0px);
  }

  50% {
	opacity: 1;
	-webkit-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
	-webkit-transform: rotate(-160deg);
	transform: rotate(-160deg);
	-webkit-filter: blur(0px);
	filter: blur(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
	-webkit-transform: rotate(-160deg);
	transform: rotate(-160deg);
	-webkit-filter: blur(20px);
	filter: blur(20px);
  }
}
@keyframes bombLeftOut {
  0% {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-filter: blur(0px);
	filter: blur(0px);
  }

  50% {
	opacity: 1;
	-webkit-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
	-webkit-transform: rotate(-160deg);
	transform: rotate(-160deg);
	-webkit-filter: blur(0px);
	filter: blur(0px);
  }

  100% {
	opacity: 0;
	-webkit-transform-origin: -100% 50%;
	transform-origin: -100% 50%;
	-webkit-transform: rotate(-160deg);
	transform: rotate(-160deg);
	-webkit-filter: blur(20px);
	filter: blur(20px);
  }
}
@-webkit-keyframes zoomIn{
    0%
    {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
        }
    }
@keyframes zoomIn{
    0%
    {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
        }
    }
.animate__zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomOut{
    0%
    {
        opacity:1
    }
    50%
    {
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to
    {
        opacity:0
        }
    }
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
        }
    }
.animate__zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@keyframes reveal-a {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  12% {
    opacity: 0.6; }
  14% {
    opacity: 0.3; }
  16% {
    opacity: 0.9; }
  18% {
    opacity: 0.4; }
  20% {
    opacity: 1; }
  22% {
    opacity: 0.3; }
  34% {
    opacity: 0.8; }
  36% {
    opacity: 0.9; }
  48% {
    opacity: 0.5; }
  52% {
    opacity: 1; }
  54% {
    opacity: 0.2; }
  58% {
    opacity: 1; }
  60% {
    opacity: 0.6; }
  62% {
    opacity: 1; }
  78% {
    opacity: 1; }
  80% {
    opacity: 0.4; }
  84% {
    opacity: 1; }
  90% {
    opacity: 7; }
  92% {
    opacity: 0.3; }
  94% {
    opacity: 0.8; }
  96% {
    opacity: 0.6; }
  98% {
    opacity: 1; } }

@keyframes reveal-b {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  12% {
    opacity: 0.3; }
  14% {
    opacity: 0.8; }
  16% {
    opacity: 0.9; }
  18% {
    opacity: 0.5; }
  20% {
    opacity: 1; }
  22% {
    opacity: 0.7; }
  34% {
    opacity: 0.2; }
  36% {
    opacity: 0.8; }
  48% {
    opacity: 0.6; }
  54% {
    opacity: 0.3; }
  58% {
    opacity: 0.8; }
  60% {
    opacity: 0.7; }
  62% {
    opacity: 0.4; }
  78% {
    opacity: 1; }
  80% {
    opacity: 0.4; }
  84% {
    opacity: 1; }
  90% {
    opacity: 0.8; }
  92% {
    opacity: 0.7; }
  94% {
    opacity: 0.2; }
  96% {
    opacity: 0.8; }
  98% {
    opacity: 1; } }

@keyframes reveal-c {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  12% {
    opacity: 0.7; }
  14% {
    opacity: 0.4; }
  16% {
    opacity: 0.9; }
  18% {
    opacity: 0.5; }
  20% {
    opacity: 1; }
  22% {
    opacity: 0.4; }
  34% {
    opacity: 0.7; }
  36% {
    opacity: 0.6; }
  48% {
    opacity: 0.9; }
  34% {
    opacity: 0.7; }
  36% {
    opacity: 1; }
  38% {
    opacity: 0.2; }
  40% {
    opacity: 0.7; }
  42% {
    opacity: 0.9; }
  54% {
    opacity: 0.5; }
  58% {
    opacity: 1; }
  60% {
    opacity: 0.4; }
  62% {
    opacity: 1; }
  78% {
    opacity: 1; }
  80% {
    opacity: 0.7; }
  84% {
    opacity: 1; }
  88% {
    opacity: 1; }
  92% {
    opacity: 0.4; }
  94% {
    opacity: 0.7; }
  96% {
    opacity: 0.6; }
  98% {
    opacity: 1; } }

@keyframes hover-a {
  5% {
    opacity: 0.4; }
  10% {
    opacity: 0.7; }
  15% {
    opacity: 0.3; }
  20% {
    opacity: 0.9; }
  25% {
    opacity: 0.4; }
  30% {
    opacity: 0.6; }
  35% {
    opacity: 0.7; }
  40% {
    opacity: 0.3; }
  45% {
    opacity: 1; }
  50% {
    opacity: 0.8; }
  55% {
    opacity: 0.9; }
  60% {
    opacity: 0.5; }
  65% {
    opacity: 0.7; }
  70% {
    opacity: 0.4; }
  75% {
    opacity: 0.3; }
  80% {
    opacity: 0.9; }
  85% {
    opacity: 0.7; }
  90% {
    opacity: 0.5; }
  95% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@keyframes hover-b {
  5% {
    opacity: 0.9; }
  10% {
    opacity: 0.3; }
  15% {
    opacity: 0.5; }
  20% {
    opacity: 0.7; }
  25% {
    opacity: 0.2; }
  30% {
    opacity: 0.6; }
  35% {
    opacity: 0.9; }
  40% {
    opacity: 0.3; }
  45% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  55% {
    opacity: 0.4; }
  60% {
    opacity: 0.9; }
  65% {
    opacity: 0.7; }
  70% {
    opacity: 0.2; }
  75% {
    opacity: 0.6; }
  80% {
    opacity: 0.9; }
  85% {
    opacity: 0.8; }
  90% {
    opacity: 0.5; }
  95% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes hover-c {
  5% {
    opacity: 0.8; }
  10% {
    opacity: 0.3; }
  15% {
    opacity: 0.4; }
  20% {
    opacity: 0.7; }
  25% {
    opacity: 0.4; }
  30% {
    opacity: 0.9; }
  35% {
    opacity: 0.7; }
  40% {
    opacity: 0.4; }
  45% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  55% {
    opacity: 0.7; }
  60% {
    opacity: 0.9; }
  65% {
    opacity: 0.7; }
  70% {
    opacity: 0.4; }
  75% {
    opacity: 0.3; }
  80% {
    opacity: 0.6; }
  85% {
    opacity: 0.7; }
  90% {
    opacity: 0.3; }
  95% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes hide-unselected-a {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  32% {
    opacity: 0; }
  34% {
    opacity: 1; }
  36% {
    opacity: 0; }
  38% {
    opacity: 1; }
  60% {
    opacity: 1; }
  62% {
    opacity: 0; }
  64% {
    opacity: 1; }
  74% {
    opacity: 1; }
  76% {
    opacity: 0; }
  78% {
    opacity: 1; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0; }
  92% {
    opacity: 1; }
  94% {
    opacity: 0; }
  96% {
    opacity: 1; }
  98% {
    opacity: 0; } }

@keyframes hide-selected-a {
  0% {
    color: #000000;
    text-shadow: #000000 0 0 0, #000000 0 0 0; }
  10% {
    opacity: 0.7;
    color: var(--text-color, #f8a488);
    text-shadow: var(--color, #f8a488) 0 0 10px, var(--color, #f8a488) 0 0 3px; }
  7% {
    opacity: 0.3; }
  10% {
    opacity: 0.9; }
  13% {
    opacity: 0.4; }
  15% {
    opacity: 0.6; }
  18% {
    opacity: 0.7; }
  20% {
    opacity: 0.3; }
  23% {
    opacity: 1; }
  25% {
    opacity: 0.6; }
  98% {
    opacity: 1;
    text-shadow: var(--color, #fff2ef) 0 0 1px, var(--color, #fff2ef) 0 0 2px, var(--color, #fff2ef) 0 0 3px, var(--color, #fff2ef) 0 0 4px, var(--color, #fff2ef) 0 0 5px, var(--color, #ffdcd2) 0 0 6px, var(--color, #ffdcd2) 0 0 6px, var(--color, #ffdcd2) 0 0 7px, var(--color, #ffdcd2) 0 0 8px, var(--color, #ffdcd2) 0 0 9px, var(--color, #f8a488) 0 0 10px, var(--color, #f8a488) 0 0 11px; } }
@keyframes ping {
	0% {
		transform: scale(1);
		opacity: 0
	}
	30% {
		opacity: .8
	}
	80% {
		transform: scale(1.3);
		opacity: 0
	}
	to {
		transform: scale(2.2);
		opacity: 0
	}
}
 
@keyframes cool-button {
	0% {
		transform: scale(0);
		box-shadow: inset 0 0 0 25px #525fff
	}
	30% {
		box-shadow: inset 0 0 0 20px #525fff
	}
	to {
		transform: scale(1);
		box-shadow: inset 0 0 0 0 #525fff
	}
}
@keyframes text-hide {
	0% {
		transform: translate(0);
		opacity: 1
	}
	50% {
		transform: translate(-100px);
		opacity: 0
	}
	to {
		transform: translate(-100px);
		opacity: 0
	}
}
.heartBeat { 
	animation-name: heartBeat; 
	animation-iteration-count: infinite 
}
@keyframes heartBeat {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.5);}
}
/* FCV Transitions */
@-webkit-keyframes loadingSpinnerGradientAnimation {
    0% {
        opacity: 0.3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}

@-moz-keyframes loadingSpinnerGradientAnimation {
    0% {
        opacity: 0.3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}

@-o-keyframes loadingSpinnerGradientAnimation {
    0% {
        opacity: 0.3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}

@keyframes loadingSpinnerGradientAnimation {
    0% {
        opacity: 0.3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.3
    }
}
.fadein {
  width: 100px;
  height: 100px;
  background-color: blue;
  position: relative;
  -webkit-animation-name: fade_in; 
  -webkit-animation-duration: 4s;
  animation-name: fade_in;
  animation-duration: 4s;
}
@keyframes fade_in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeout {
  width: 100px;
  height: 100px;
  background-color: blue;
  position: relative;
  -webkit-animation-name: fade_out; 
  -webkit-animation-duration: 4s; 
  animation-name: fade_out;
  animation-duration: 4s;
}
@keyframes fade_out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.flash {
  width: 100px;
  height: 100px;
  background-color: green;
  position: relative;
  -webkit-animation-name: flash;
  -webkit-animation-duration: 4s; 
  animation-name: flash;
  animation-duration: 4s;
}
@keyframes flash{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
/* NEW ANIMATIONS*/
@keyframes mymove {
  50% {transform: rotateY(90deg);}
}

@keyframes opac { 
  0% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fading{0%{opacity:0.2}50%{opacity:1}100%{opacity:0.2}}
@-webkit-keyframes hintToMoveOnAnim{0%{opacity:0.8}20%{opacity:0.2}60%{opacity:0.2}100%{opacity:0.8}}
@-moz-keyframes hintToMoveOnAnim{0%{opacity:0.8}20%{opacity:0.2}60%{opacity:0.2}100%{opacity:0.8}}
@-ms-keyframes hintToMoveOnAnim{0%{opacity:0.8}20%{opacity:0.2}60%{opacity:0.2}100%{opacity:0.8}}
@keyframes hintToMoveOnAnim{0%{opacity:0.8}20%{opacity:0.2}60%{opacity:0.2}100%{opacity:0.8}}
@-webkit-keyframes hintToMoveOnAnimIntro{0%{opacity:0.8}50%{opacity:0.2}100%{opacity:0.8}}
@-moz-keyframes hintToMoveOnAnimIntro{0%{opacity:0.8}50%{opacity:0.2}100%{opacity:0.8}}
@-ms-keyframes hintToMoveOnAnimIntro{0%{opacity:0.8}50%{opacity:0.2}100%{opacity:0.8}}
@keyframes hintToMoveOnAnimIntro{0%{opacity:0.8}50%{opacity:0.2}100%{opacity:0.8}}
@-webkit-keyframes hiddenAnim{0%{opacity:0}100%{opacity:0}}
@-webkit-keyframes fadeInAnim{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes fadeInAnim{0%{opacity:0}100%{opacity:1}}
@-ms-keyframes fadeInAnim{0%{opacity:0}100%{opacity:1}}
@keyframes fadeInAnim{0%{opacity:0}100%{opacity:1}}


@-webkit-keyframes scroll-in-forwards{
    from{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes scroll-in-forwards{
    from{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-o-keyframes scroll-in-forwards{
    from{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes scroll-in-forwards{
    from{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes scroll-in-backwards{
    from{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes scroll-in-backwards{
    from{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-o-keyframes scroll-in-backwards{
    from{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes scroll-in-backwards{
    from{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes scroll-out-forwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@-moz-keyframes scroll-out-forwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@-o-keyframes scroll-out-forwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes scroll-out-forwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@-webkit-keyframes scroll-out-backwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@-moz-keyframes scroll-out-backwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@-o-keyframes scroll-out-backwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@keyframes scroll-out-backwards{
    from{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@-webkit-keyframes scroll-in-left{
    0%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-moz-keyframes scroll-in-left{
    0%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-o-keyframes scroll-in-left{
    0%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@keyframes scroll-in-left{
    0%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes scroll-in-right{
    0%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-moz-keyframes scroll-in-right{
    0%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-o-keyframes scroll-in-right{
    0%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@keyframes scroll-in-right{
    0%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes scroll-out-left{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}
@-moz-keyframes scroll-out-left{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}
@-o-keyframes scroll-out-left{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}
@keyframes scroll-out-left{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        -moz-transform:translate(-100%, 0);
        -ms-transform:translate(-100%, 0);
        -o-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}
@-webkit-keyframes scroll-out-right{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
}
@-moz-keyframes scroll-out-right{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
}
@-o-keyframes scroll-out-right{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
}
@keyframes scroll-out-right{
    0%{
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -o-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(100%, 0);
        -moz-transform:translate(100%, 0);
        -ms-transform:translate(100%, 0);
        -o-transform:translate(100%, 0);
        transform:translate(100%, 0)
    }
}