/* Created by: Era Information Technology */

@keyframes img_1 {
  from {
  
    opacity: 0;
  }

  to {
      
    opacity: 1;
  }
}

@keyframes img_2 {
  0% {opacity: 0;}
  70% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes img_3 {
0% { top: 400px;}

  100% { top: 0;}
}

@keyframes img_4 {
0% {     bottom: 400px;}

  100% { bottom: 0;}
}
@keyframes img_5 {
  0% {opacity: 0;}
  70% {opacity: 0;}
  100% {opacity: 1;}

}

.body_coo {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 99999;
    background: #fff;
    top: 0px;
    bottom: 0px;
}


#img_1 {
    animation-duration: 3s;
  animation-name: img_1;
      position: absolute;
          left: 0;
}
#img_2 {
    animation-duration: 4s;
  animation-name: img_2;
      position: absolute;
          left: 0;
}
#img_3 {
    animation-duration: 3s;
  animation-name: img_3;
      left: 0;
      position: absolute;
        
}
#img_4 {
    animation-duration: 3s;
  animation-name: img_4;
      position: absolute;
          left: 0;
}
#img_5 {
    animation-duration: 5s;
  animation-name: img_5;
      position: absolute;
        left: 0;
}
.moving_logo {
    width: 270px;
    height: 300px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
        overflow: hidden;
        margin-top: 10%;
    text-align: center;
}