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

  100% {
    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.75; }
}

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