@keyframes WNS_logo_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px) scale(0.3);
    transform: translateX(-100px) scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-100px) scale(1);
    transform: translateX(-100px) scale(1);
  }

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

.WNS_logo_ani {
    -webkit-animation-name: WNS_logo_ani; 
    animation-name: WNS_logo_ani; 
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

@-webkit-keyframes WNS2_logo_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes WNS2_logo_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.WNS2_logo_ani {
    -webkit-animation-name: WNS2_logo_ani; 
    animation-name: WNS2_logo_ani; 
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
@keyframes text_1_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.text_1_ani {
  -webkit-animation-name: text_1_ani;
  animation-name: text_1_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes text_2_ani {
 0% {
      opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes text_2_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(200px);
      transform: translateX(200px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.text_2_ani {
  -webkit-animation-name: text_2_ani;
  animation-name: text_2_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}


@-webkit-keyframes text_3_ani {
 0% {
      opacity: 0;
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes text_3_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-500px);
      transform: translateX(-500px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.text_3_ani {
  -webkit-animation-name: text_3_ani;
  animation-name: text_3_ani;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes text_4_ani {
 0% {
      opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes text_4_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.text1_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text2_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text3_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text4_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text5_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text6_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text7_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text8_start_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text_4_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text_4_1_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}.text_4_2_ani {
  -webkit-animation-name: text_4_ani;
  animation-name: text_4_ani;
  animation-delay: 1.4s;
  -webkit-animation-delay: 1.4s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes text_5_ani {
 0% {
      opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@keyframes text_5_ani {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

.text_5_ani {
  -webkit-animation-name: text_5_ani;
  animation-name: text_5_ani;
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.text_5_1_ani {
  -webkit-animation-name: text_5_ani;
  animation-name: text_5_ani;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.ind_logo_ani {
  -webkit-animation-name: text_5_ani;
  animation-name: text_5_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.ind_txt_ani {
  -webkit-animation-name: text_5_ani;
  animation-name: text_5_ani;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}


@keyframes fanRorate_start {
  0% {
    transform: rotate(0deg) scale(0);
    -webkit-transform: rotate(0deg) scale(0);
  }

  100% {
    transform: rotate(360deg)scale(1);
    -webkit-transform: rotate(360deg)scale(1);
  }
}
.fanRorateAni_dice1 {
  -webkit-animation-name: fanRorate_start;
  animation-name: fanRorate_start;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
}
.fanRorateAni_dice2 {
  -webkit-animation-name: fanRorate_start;
  animation-name: fanRorate_start;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
}



@-webkit-keyframes fanRorate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes fanRorate {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

.fanRorateAni {
  -webkit-animation-name: fanRorate;
  animation-name: fanRorate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.fanRorateline1Ani {
  -webkit-animation-name: fanRorate;
  animation-name: fanRorate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.fanRorateline2Ani {
  -webkit-animation-name: fanRorate;
  animation-name: fanRorate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.fanRorateline3Ani {
  -webkit-animation-name: fanRorate;
  animation-name: fanRorate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bcard_star_ani {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bcard_star_ani {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bcard_star_ani {
  -webkit-animation-name: bcard_star_ani;
   animation-name: bcard_star_ani; 
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
@-webkit-keyframes bcard_simba_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateY(320px);
    transform: translateY(320px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bcard_simba_ani {
  0% {
    opacity: 0;
    -webkit-transform: translateY(320px);
    transform: translateY(320px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.bcard_simba_ani {
  -webkit-animation-name: bcard_simba_ani;
  animation-name: bcard_simba_ani;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes treeani {
  0% {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  0% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
  }

  100% {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
}

@keyframes treeani {
  0% {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
  }

  100% {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
}

.treeaMoveni {
  -webkit-animation-name: treeani;
  animation-name: treeani;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes Stripwidthincrease {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes Stripwidthincrease {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.StripwidthincreaseR_1 {
  -webkit-animation-name: Stripwidthincrease;
  animation-name: Stripwidthincrease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.StripwidthincreaseR_2 {
  -webkit-animation-name: Stripwidthincrease;
  animation-name: Stripwidthincrease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.StripwidthincreaseR_3 {
  -webkit-animation-name: Stripwidthincrease;
  animation-name: Stripwidthincrease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.StripwidthincreaseR_4 {
  -webkit-animation-name: Stripwidthincrease;
  animation-name: Stripwidthincrease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes roll_arrow_Anim {
 0% {
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
  }
  50%{
    -webkit-transform: translateX(-10px) rotate(11deg);
        transform: translateX(-10px) rotate(11deg);
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
  }
}

@keyframes roll_arrow_Anim {
  0% {
        -webkit-transform: rotate(0deg) translate(0px, 0px);
        transform: rotate(0deg) translate(0px, 0px);
  }
  50%{
    -webkit-transform: rotate(10deg) translate(-5px, -5px);
    transform: rotate(10deg) translate(-5px, -5px);
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, 0px);
    transform: rotate(0deg) translate(0px, 0px);
  }
}

.roll_arrow_Anim {
  -webkit-animation-name: roll_arrow_Anim;
  animation-name: roll_arrow_Anim;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  /* -webkit-transform-origin: left top; */
  /* transform-origin: left top; */
}





@-webkit-keyframes clock2Ani {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
   }
  
   100% {
     -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
 }
 
 @keyframes clock2Ani {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
   }
  
   100% {
     -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
 }
 
 .clock2_Ani {
   -webkit-animation-name: clock2Ani;
   animation-name: clock2Ani;
   animation-delay: 0s;
   -webkit-animation-delay: 0s;
   animation-duration: 15s;
   -webkit-animation-duration: 15s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;

 }
 


@-webkit-keyframes clock1Ani {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
   }
  
   100% {
     -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
 }
 
 @keyframes clock1Ani {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
   }
  
   100% {
     -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
   }
 }
 
 .clock1_Ani {
   -webkit-animation-name: clock1Ani;
   animation-name: clock1Ani;
   animation-delay: 15s;
   -webkit-animation-delay: 15s;
   animation-duration: 15s;
   -webkit-animation-duration: 15s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
 
 }
 @-webkit-keyframes cloud_1_ani {
  0%{
      opacity: 1;
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
  } 
  100% {
      opacity: 1;
      -webkit-transform: translateX(-665px);
      transform: translateX(-665px);
  }
}

@keyframes cloud_1_ani {
  0%{
      opacity: 1;
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(-665px);
      transform: translateX(-665px);
  }
}

.cloud_1_ani {
   -webkit-animation-name: cloud_1_ani;
   animation-name: cloud_1_ani;
   animation-delay: 0.5s;
   -webkit-animation-delay: 0.5s;
   animation-duration: 30s;
   -webkit-animation-duration: 30s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud_2_ani {
   -webkit-animation-name: cloud_1_ani;
   animation-name: cloud_1_ani;
   animation-delay: 1s;
   -webkit-animation-delay: 1s;
   animation-duration: 40s;
   -webkit-animation-duration: 40s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud_3_ani {
   -webkit-animation-name: cloud_1_ani;
   animation-name: cloud_1_ani;
   animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s;
   animation-duration: 50s;
   -webkit-animation-duration: 50s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud_4_ani {
   -webkit-animation-name: cloud_1_ani;
   animation-name: cloud_1_ani;
   animation-delay: 2s;
   -webkit-animation-delay: 2s;
   animation-duration: 60s;
   -webkit-animation-duration: 60s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}

@-webkit-keyframes cloud_2_ani {
 0%{
      opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
  }
  
  100% {
      opacity: 1;
      -webkit-transform: translateX(-475px);
      transform: translateX(-475px);
  }
}

@keyframes cloud_2_ani {
  0%{
      opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(-475px);
      transform: translateX(-475px);
  }
}
.cloud2_1_ani {
   -webkit-animation-name: cloud_2_ani;
   animation-name: cloud_2_ani;
   animation-delay: 0.5s;
   -webkit-animation-delay: 0.5s;
   animation-duration: 30s;
   -webkit-animation-duration: 30s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud2_2_ani {
   -webkit-animation-name: cloud_2_ani;
   animation-name: cloud_2_ani;
   animation-delay: 1s;
   -webkit-animation-delay: 1s;
   animation-duration: 40s;
   -webkit-animation-duration: 40s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud2_3_ani {
   -webkit-animation-name: cloud_2_ani;
   animation-name: cloud_2_ani;
   animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s;
   animation-duration: 50s;
   -webkit-animation-duration: 50s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}
.cloud2_4_ani {
   -webkit-animation-name: cloud_2_ani;
   animation-name: cloud_2_ani;
   animation-delay: 2s;
   -webkit-animation-delay: 2s;
   animation-duration: 60s;
   -webkit-animation-duration: 60s;
   animation-fill-mode: both;
   -webkit-animation-fill-mode: both;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
}


@-webkit-keyframes air_bullon_ani {
 0% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
  }
  50% {
      opacity: 1;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
  }
}

@keyframes air_bullon_ani {
  0% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
  }
  50% {
      opacity: 1;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
  }
}

.air_bullon_ani {
  -webkit-animation-name: air_bullon_ani;
  animation-name: air_bullon_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes windmill_1_ani {
 0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

@keyframes windmill_1_ani {
  0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

.windmill_1_ani {
  -webkit-animation-name: windmill_1_ani;
  animation-name: windmill_1_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transform-origin: 20px 23px;
  -webkit-transform-origin: 20px 23px;
}
@-webkit-keyframes wind_fan_ani {
 0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

@keyframes wind_fan_ani {
  0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

.wind_fan_ani {
  -webkit-animation-name: wind_fan_ani;
  animation-name: wind_fan_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transform-origin: 15px 16px;
  -webkit-transform-origin: 15px 16px;
}
@-webkit-keyframes line_chas_ani {
 0% {
      opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
  }
  100% {
      opacity: 1;
    -webkit-transform: scale(1);
        transform: scale(1);
  }
}

@keyframes line_chas_ani {
  0% {
      opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
  }
  100% {
      opacity: 1;
    -webkit-transform: scale(1);
        transform: scale(1);
  }
}

.line_chas_ani {
  -webkit-animation-name: line_chas_ani;
  animation-name: line_chas_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

@keyframes windfan_fade_ani {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.windfan_fade_ani {
  -webkit-animation-name: windfan_fade_ani;
  animation-name: windfan_fade_ani;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.windfan2_fade_ani {
  -webkit-animation-name: windfan_fade_ani;
  animation-name: windfan_fade_ani;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes wind_1_ani {
 0% {
      opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(0px);
        transform: translateY(0px);
  }
}

@keyframes wind_1_ani {
  0% {
      opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(0px);
        transform: translateY(0px);
  }
}

.wind_1_ani {
  -webkit-animation-name: wind_1_ani;
  animation-name: wind_1_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes wind_2_ani {
 0% {
      opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
  }
  100% {
      opacity: 1;
    -webkit-transform: scale(0.8);
        transform: scale(0.8);
  }
}

@keyframes wind_2_ani {
  0% {
      opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
  }
  100% {
      opacity: 1;
    -webkit-transform: scale(0.8);
        transform: scale(0.8);
  }
}

.wind_2_ani {
  -webkit-animation-name: wind_2_ani;
  animation-name: wind_2_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
@-webkit-keyframes kitefade_ani {
 0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(-90deg);
      transform: scale(0) rotate(-90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(-90deg);
      transform: scale(1) rotate(-90deg);
  }
}

@keyframes kitefade_ani {
  0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(-90deg);
      transform: scale(0) rotate(-90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(-90deg);
      transform: scale(1) rotate(-90deg);
  }
}

.kitefade_ani {
  -webkit-animation-name: kitefade_ani;
  animation-name: kitefade_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
/*@-webkit-keyframes kite_move_ani {
 25% {
      opacity: 1;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
  }
  75% {
      opacity: 1;
    -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
  }
}

@keyframes kite_move_ani {
  25% {
      opacity: 1;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
  }
  75% {
      opacity: 1;
    -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
  }
}

.kite_move_ani {
  -webkit-animation-name: kite_move_ani;
  animation-name: kite_move_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 8s;
  -webkit-animation-duration: 8s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 88px 53px;
  transform-origin: 88px 53px;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}*/
@-webkit-keyframes kite_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -1729px;
  }
}
@keyframes kite_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -1729px;
  }
}

.kite_move_ani {
  animation-name: kite_move_ani;
  -webkit-animation-name: kite_move_ani;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-timing-function: steps(19, end);
  -webkit-animation-timing-function: steps(19, end);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes factoryfade_ani {
  0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(-90deg);
      transform: scale(0) rotate(-90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(-90deg);
      transform: scale(1) rotate(-90deg);
  }
}

@keyframes factoryfade_ani {
  0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(-90deg);
      transform: scale(0) rotate(-90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(-90deg);
      transform: scale(1) rotate(-90deg);
  }
}

.factoryfade_ani {
  -webkit-animation-name: factoryfade_ani;
  animation-name: factoryfade_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes factory_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -1638px;
  }
}
@keyframes factory_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -1638px;
  }
}

.factory_move_ani {
  animation-name: factory_move_ani;
  -webkit-animation-name: factory_move_ani;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-timing-function: steps(21, end);
  -webkit-animation-timing-function: steps(21, end);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes waterfallfade_ani {
 0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(90deg);
      transform: scale(0) rotate(90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(90deg);
      transform: scale(1) rotate(90deg);
  }
}

@keyframes waterfallfade_ani {
  0% {
      opacity: 0;
      -webkit-transform: scale(0) rotate(90deg);
      transform: scale(0) rotate(90deg);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1) rotate(90deg);
      transform: scale(1) rotate(90deg);
  }
}

.waterfallfade_ani {
  -webkit-animation-name: waterfallfade_ani;
  animation-name: waterfallfade_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes waterfall_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -741px;
  }
}
@keyframes waterfall_move_ani {
0%{
  background-position: 0px;
  }
100% {
  background-position: -741px;
  }
}

.waterfall_move_ani {
  animation-name: waterfall_move_ani;
  -webkit-animation-name: waterfall_move_ani;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-timing-function: steps(19, end);
  -webkit-animation-timing-function: steps(19, end);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes train_ain {
 0% {
      opacity: 1;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
  }
  90% {
      opacity: 1;
    -webkit-transform: translateX(-236px);
        transform: translateX(-236px);
  }
  100% {
      opacity: 0;
    -webkit-transform: translateX(-245px);
        transform: translateX(-245px);
  }
}

@keyframes train_ain {
  0% {
      opacity: 1;
      -webkit-transform: translateX(200px);
      transform: translateX(200px);
  }
  90% {
      opacity: 1;
    -webkit-transform: translateX(-236px);
        transform: translateX(-236px);
  }
  100% {
      opacity: 0;
    -webkit-transform: translateX(-245px);
        transform: translateX(-245px);
  }
}

.train_ain {
  -webkit-animation-name: train_ain;
  animation-name: train_ain;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 8s;
  -webkit-animation-duration: 8s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

@keyframes train_fadeIN_ani {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.train_fadeIN_ani {
  -webkit-animation-name: train_fadeIN_ani;
  animation-name: train_fadeIN_ani;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
}

@-webkit-keyframes tractor_ain {
 0% {
      opacity: 1;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(-260px);
        transform: translateY(-260px);
  }
}

@keyframes tractor_ain {
  0% {
      opacity: 1;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(-260px);
        transform: translateY(-260px);
  }
}

.tractor_ain {
      -webkit-animation-name: tractor_ain;
      animation-name: tractor_ain;
      animation-delay: 0.5s;
      -webkit-animation-delay: 0.5s;
      animation-duration: 15s;
      -webkit-animation-duration: 15s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}

@-webkit-keyframes truck_ani {
 0% {
      opacity: 1;
        -webkit-transform: translateX(70px);
        transform: translateX(70px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateX(-390px);
        transform: translateX(-390px);
  }
}

@keyframes truck_ani {
  0% {
      opacity: 1;
        -webkit-transform: translateX(70px);
        transform: translateX(70px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateX(-390px);
        transform: translateX(-390px);
  }
}

.truck_ani {
      -webkit-animation-name: truck_ani;
      animation-name: truck_ani;
      animation-delay: 0.5s;
      -webkit-animation-delay: 0.5s;
      animation-duration: 30s;
      -webkit-animation-duration: 30s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}
.car_1_ani {
      -webkit-animation-name: truck_ani;
      animation-name: truck_ani;
      animation-delay: 0.5s;
      -webkit-animation-delay: 0.5s;
      animation-duration: 20s;
      -webkit-animation-duration: 20s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}

@-webkit-keyframes car_2_ani {
 0% {
      opacity: 1;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(-230px);
        transform: translateY(-230px);
  }
}

@keyframes car_2_ani {
  0% {
      opacity: 1;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
  }
  100% {
      opacity: 1;
    -webkit-transform: translateY(-230px);
        transform: translateY(-230px);
  }
}
.car_2_ani {
      -webkit-animation-name: car_2_ani;
      animation-name: car_2_ani;
      animation-delay: 0.5s;
      -webkit-animation-delay: 0.5s;
      animation-duration: 20s;
      -webkit-animation-duration: 20s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}

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

@keyframes tractor_fadeIN_ani {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.tractor_fadeIN_ani {
  -webkit-animation-name: tractor_fadeIN_ani;
  animation-name: tractor_fadeIN_ani;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease;
}

@-webkit-keyframes fog_1_ani {
 0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes fog_1_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.fog_1_ani {
  -webkit-animation-name: fog_1_ani;
  animation-name: fog_1_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fog_2_ani {
 0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes fog_2_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.fog_2_ani {
  -webkit-animation-name: fog_2_ani;
  animation-name: fog_2_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fog_3_ani {
 0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes fog_3_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.fog_3_ani {
  -webkit-animation-name: fog_3_ani;
  animation-name: fog_3_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.52s;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fog_4_ani {
 0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

@keyframes fog_4_ani {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-1px);
      transform: translateX(-1px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
  }
}

.fog_4_ani {
  -webkit-animation-name: fog_4_ani;
  animation-name: fog_4_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/*-------------------------------------introscreeen3-animation----------------------------------------------------------------------*/
@-webkit-keyframes trans_divIn {
  0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
  
    100% {
       opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes trans_divIn {
  0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
  
    100% {
       opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
.trans_divIn {
    -webkit-animation-name: trans_divIni;
    animation-name: trans_divIn;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@-webkit-keyframes trans_divOut {
  0% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
  
    100% {
       opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}

@keyframes trans_divOut {
  0% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
  
    100% {
       opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}

.trans_divOut {
    -webkit-animation-name: trans_divOut;
    animation-name: trans_divOut;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}


@-webkit-keyframes windmill_1_ani {
 0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

@keyframes windmill_1_ani {
  0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

.windmill_1_ani {
  -webkit-animation-name: windmill_1_ani;
  animation-name: windmill_1_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transform-origin: 20px 23px;
  -webkit-transform-origin: 20px 23px;
}
@-webkit-keyframes wind_fan_ani {
 0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

@keyframes wind_fan_ani {
  0% {
      opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  100% {
      opacity: 1;
    -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
  }
}

.wind_fan_ani {
  -webkit-animation-name: wind_fan_ani;
  animation-name: wind_fan_ani;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transform-origin: 15px 16px;
  -webkit-transform-origin: 15px 16px;
}
@-webkit-keyframes bcard_star_ani {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bcard_star_ani {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bcard_star_ani {
  -webkit-animation-name: bcard_star_ani;
   animation-name: bcard_star_ani; 
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}