#animation{
margin:0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.animation_fadeup,
.animation_fadeup2,
.animation_fadeup3,
.animation_fadeup4{
margin:0;
/*overflow: hidden;*/
visibility:hidden;
}

.fadeInUp {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
   visibility: visible !important;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 60%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp-2 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp-2;
   visibility: visible !important;
}
@keyframes fadeInUp-2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 60%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp-3 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp-3;
   visibility: visible !important;
}
@keyframes fadeInUp-3 {
  0% {
    opacity: 0;
    transform: translate3d(0, 60%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


.fadeInUp-4{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp-4;
   visibility: visible !important;
}
@keyframes fadeInUp-4 {
  0% {
    opacity: 0;
    transform: translate3d(0, 60%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animation_fadein-sp,
.animation_fadein-sp2,
.animation_fadedown{
margin:0;
visibility:hidden;
}

.fadeIn-sp {
-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-sp;
  visibility: visible !important;
}
@keyframes fadeIn-sp {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}

.fadeIn-sp2 {
-webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-sp2;
  visibility: visible !important;
}
@keyframes fadeIn-sp2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}