@keyframes video_5 {
0% {--i: 1;-webkit-mask-position:100% 100%;}
1% {--i: 0.98;-webkit-mask-position:99% 99%;}
2% {--i: 0.96;-webkit-mask-position:98% 98%;}
3% {--i: 0.94;-webkit-mask-position:97% 97%;}
4% {--i: 0.92;-webkit-mask-position:96% 96%;}
5% {--i: 0.9;-webkit-mask-position:95% 95%;}
6% {--i: 0.88;-webkit-mask-position:94% 94%;}
7% {--i: 0.86;-webkit-mask-position:93% 93%;}
8% {--i: 0.84;-webkit-mask-position:92% 92%;}
9% {--i: 0.82;-webkit-mask-position:91% 91%;}
10% {--i: 0.8;-webkit-mask-position:90% 90%;}
11% {--i: 0.78;-webkit-mask-position:89% 89%;}
12% {--i: 0.76;-webkit-mask-position:88% 88%;}
13% {--i: 0.74;-webkit-mask-position:87% 87%;}
14% {--i: 0.72;-webkit-mask-position:86% 86%;}
15% {--i: 0.7;-webkit-mask-position:85% 85%;}
16% {--i: 0.68;-webkit-mask-position:84% 84%;}
17% {--i: 0.66;-webkit-mask-position:83% 83%;}
18% {--i: 0.64;-webkit-mask-position:82% 82%;}
19% {--i: 0.62;-webkit-mask-position:81% 81%;}
20% {--i: 0.6;-webkit-mask-position:80% 80%;}
21% {--i: 0.58;-webkit-mask-position:79% 79%;}
22% {--i: 0.56;-webkit-mask-position:78% 78%;}
23% {--i: 0.54;-webkit-mask-position:77% 77%;}
24% {--i: 0.52;-webkit-mask-position:76% 76%;}
25% {--i: 0.5;-webkit-mask-position:75% 75%;}
26% {--i: 0.48;-webkit-mask-position:74% 74%;}
27% {--i: 0.46;-webkit-mask-position:73% 73%;}
28% {--i: 0.44;-webkit-mask-position:72% 72%;}
29% {--i: 0.42;-webkit-mask-position:71% 71%;}
30% {--i: 0.4;-webkit-mask-position:70% 70%;}
31% {--i: 0.38;-webkit-mask-position:69% 69%;}
32% {--i: 0.36;-webkit-mask-position:68% 68%;}
33% {--i: 0.34;-webkit-mask-position:67% 67%;}
34% {--i: 0.32;-webkit-mask-position:66% 66%;}
35% {--i: 0.3;-webkit-mask-position:65% 65%;}
36% {--i: 0.28;-webkit-mask-position:64% 64%;}
37% {--i: 0.26;-webkit-mask-position:63% 63%;}
38% {--i: 0.24;-webkit-mask-position:62% 62%;}
39% {--i: 0.22;-webkit-mask-position:61% 61%;}
40% {--i: 0.2;-webkit-mask-position:60% 60%;}
41% {--i: 0.18;-webkit-mask-position:59% 59%;}
42% {--i: 0.16;-webkit-mask-position:58% 58%;}
43% {--i: 0.14;-webkit-mask-position:57% 57%;}
44% {--i: 0.12;-webkit-mask-position:56% 56%;}
45% {--i: 0.1;-webkit-mask-position:55% 55%;}
46% {--i: 0.08;-webkit-mask-position:54% 54%;}
47% {--i: 0.06;-webkit-mask-position:53% 53%;}
48% {--i: 0.04;-webkit-mask-position:52% 52%;}
49% {--i: 0.02;-webkit-mask-position:51% 51%;}
50% {--i: 0;-webkit-mask-position:50% 50%;}
51% {--i: -0.02;-webkit-mask-position:49% 49%;}
52% {--i: -0.04;-webkit-mask-position:48% 48%;}
53% {--i: -0.06;-webkit-mask-position:47% 47%;}
54% {--i: -0.08;-webkit-mask-position:46% 46%;}
55% {--i: -0.1;-webkit-mask-position:45% 45%;}
56% {--i: -0.12;-webkit-mask-position:44% 44%;}
57% {--i: -0.14;-webkit-mask-position:43% 43%;}
58% {--i: -0.16;-webkit-mask-position:42% 42%;}
59% {--i: -0.18;-webkit-mask-position:41% 41%;}
60% {--i: -0.2;-webkit-mask-position:40% 40%;}
61% {--i: -0.22;-webkit-mask-position:39% 39%;}
62% {--i: -0.24;-webkit-mask-position:38% 38%;}
63% {--i: -0.26;-webkit-mask-position:37% 37%;}
64% {--i: -0.28;-webkit-mask-position:36% 36%;}
65% {--i: -0.3;-webkit-mask-position:35% 35%;}
66% {--i: -0.32;-webkit-mask-position:34% 34%;}
67% {--i: -0.34;-webkit-mask-position:33% 33%;}
68% {--i: -0.36;-webkit-mask-position:32% 32%;}
69% {--i: -0.38;-webkit-mask-position:31% 31%;}
70% {--i: -0.4;-webkit-mask-position:30% 30%;}
71% {--i: -0.42;-webkit-mask-position:29% 29%;}
72% {--i: -0.44;-webkit-mask-position:28% 28%;}
73% {--i: -0.46;-webkit-mask-position:27% 27%;}
74% {--i: -0.48;-webkit-mask-position:26% 26%;}
75% {--i: -0.5;-webkit-mask-position:25% 25%;}
76% {--i: -0.52;-webkit-mask-position:24% 24%;}
77% {--i: -0.54;-webkit-mask-position:23% 23%;}
78% {--i: -0.56;-webkit-mask-position:22% 22%;}
79% {--i: -0.58;-webkit-mask-position:21% 21%;}
80% {--i: -0.6;-webkit-mask-position:20% 20%;}
81% {--i: -0.62;-webkit-mask-position:19% 19%;}
82% {--i: -0.64;-webkit-mask-position:18% 18%;}
83% {--i: -0.66;-webkit-mask-position:17% 17%;}
84% {--i: -0.68;-webkit-mask-position:16% 16%;}
85% {--i: -0.7;-webkit-mask-position:15% 15%;}
86% {--i: -0.72;-webkit-mask-position:14% 14%;}
87% {--i: -0.74;-webkit-mask-position:13% 13%;}
88% {--i: -0.76;-webkit-mask-position:12% 12%;}
89% {--i: -0.78;-webkit-mask-position:11% 11%;}
90% {--i: -0.8;-webkit-mask-position:10% 10%;}
91% {--i: -0.82;-webkit-mask-position:9% 9%;}
92% {--i: -0.84;-webkit-mask-position:8% 8%;}
93% {--i: -0.86;-webkit-mask-position:7% 7%;}
94% {--i: -0.88;-webkit-mask-position:6% 6%;}
95% {--i: -0.9;-webkit-mask-position:5% 5%;}
96% {--i: -0.92;-webkit-mask-position:4% 4%;}
97% {--i: -0.94;-webkit-mask-position:3% 3%;}
98% {--i: -0.96;-webkit-mask-position:2% 2%;}
99% {--i: -0.98;-webkit-mask-position:1% 1%;}
100% {--i: -1;-webkit-mask-position:0% 0%;}
}

.video_5 {
  animation:video_5 1s infinite;
  animation-direction:alternate;
  -webkit-animation:video_5 1s infinite;
  -webkit-animation-direction:alternate;
  animation-duration: 3s;
}


@keyframes line_move{
0% {right:-40rem}
100% {right:0;}
}

.line_move{
  /* animation:line_move 1s infinite; */
  /* animation-direction:alternate; */
  -webkit-animation: line_move 20s infinite;
  -webkit-animation-direction: normal;
  animation-timing-function: linear;
}

@keyframes line_shine{
0% {opacity:1}
50% {opacity:0;}
100% {opacity:1;}
}

.line_shine{
  /* animation:line_move 1s infinite; */
  /* animation-direction:alternate; */
  -webkit-animation: line_shine 3s infinite;
  -webkit-animation-direction: normal;
  animation-timing-function: linear;
  z-index: 100;
}




@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@keyframes fadeout {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeout {
  -webkit-animation-name: fadeout;
  animation-name: fadeout;
}


@keyframes fademap {
  0% {
    -webkit-transform:scale(.1);
	transform:scale(.1);
	opacity:0;
	filter:alpha(opacity=0)
  }

  100% {
    -webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	filter:alpha(opacity=1)
  }
}

.fademap {
  -webkit-animation-name: fademap;
  animation-name: fademap;
}



@-webkit-keyframes ani-circle-a {
	0% {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	opacity:0;
	filter:alpha(opacity=0)
}
	10% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity:0.7;
	filter:alpha(opacity=0.7)
}
100% {	-webkit-transform:scale(5);
	-moz-transform:scale(5);
	transform:scale(5);
	opacity:0;
	filter:alpha(opacity=0)
}
}
@-moz-keyframes ani-circle-a {
	0% {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	opacity:0;
	filter:alpha(opacity=0)
}
	10% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity:0.7;
	filter:alpha(opacity=0.7)
}
100% {	-webkit-transform:scale(5);
	-moz-transform:scale(5);
	transform:scale(5);
	opacity:0;
	filter:alpha(opacity=0)
}
}
@keyframes ani-circle-a {
	0% {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	opacity:0;
	filter:alpha(opacity=0)
}
	10% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
	opacity:0.7;
	filter:alpha(opacity=0.7)
}
100% {	-webkit-transform:scale(5);
	-moz-transform:scale(5);
	transform:scale(5);
	opacity:0;
	filter:alpha(opacity=0)
}
}
.ani-circle-a {
    -webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;
    -moz-animation: ani-circle-a 4.5s ease-out forwards infinite;
    animation: ani-circle-a 4.5s ease-out forwards infinite;
}




@keyframes zoomIn_16 {
  0% {
  opacity: 1;
  }
  12% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  100% {
    opacity: 1;
  }
}
.zoomIn_16 {
  -webkit-animation-name: zoomIn_16;
  animation-name: zoomIn_16;
}

@keyframes fadeBgWhite {
  0% {
  background-color:#fff;
  }
  100% {
  background:#none;
  }
}
.fadeBgWhite {
  -webkit-animation-name: fadeBgWhite;
  animation-name: fadeBgWhite;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0.2rem);
    -ms-transform: translateX(0.2rem);
    transform: translateX(0.2rem);
  }

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}



@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-0.2rem);
    -ms-transform: translateX(-0.2rem);
    transform: translateX(-0.2rem);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@keyframes fadeInUp_10 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }

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

.fadeInUp_10 {
  -webkit-animation-name: fadeInUp_10;
  animation-name: fadeInUp_10;
}


@keyframes fadeInDown_12 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  17% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  34% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown_12 {
  -webkit-animation-name: fadeInDown_12;
  animation-name: fadeInDown_12;
}

@keyframes fadeInUp_14 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  14% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
  28% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp_14 {
  -webkit-animation-name: fadeInUp_14;
  animation-name: fadeInUp_14;
}

@keyframes fadeInDown_16 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  12% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  25% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown_16 {
  -webkit-animation-name: fadeInDown_16;
  animation-name: fadeInDown_16;
}

@keyframes fadeInUp_18 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  11% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
  22% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
    -ms-transform: translateY(0.2rem);
    transform: translateY(0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp_18 {
  -webkit-animation-name: fadeInUp_18;
  animation-name: fadeInUp_18;
}

@keyframes fadeInDown_20 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown_20 {
  -webkit-animation-name: fadeInDown_20;
  animation-name: fadeInDown_20;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated_12 {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_14 {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_16 {
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_18 {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated_20 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}








.inout{
animation:inout 0.8s infinite;
animation-direction:alternate;
-webkit-animation:inout 0.8s infinite; /*Safari and Chrome*/
-webkit-animation-direction:alternate;
}

@keyframes inout
{
0% {opacity:0}
100% {opacity:1}
}

@-webkit-keyframes inout
{
0% {opacity:0}
100% {opacity:1}
}

.blight{
animation:blight 0.8s infinite;
animation-direction:alternate;
-webkit-animation:blight 0.8s infinite; /*Safari and Chrome*/
-webkit-animation-direction:alternate;
}

@keyframes blight
{
100% {opacity:1; }
0% {opacity:0.55; }
}

@-webkit-keyframes blight
{
100% {opacity:1; }
0% {opacity:0.55; }
}


@keyframes dd {
    to {
        transform: translateY(0.10rem);
    }
}

@keyframes ee {
    to {
        transform: translateY(0.20rem);
    }
}