@keyframes hero_box_in {
  0% {
    transform:translateX(300px);
    opacity:0;
    visibility:hidden
  }
  90% {
    transform:translateX(-20px);
    opacity:1;
    visibility:visible
  }
  100% {
    transform:translateX(0);
    opacity:1;
    visibility:visible
  }
}@keyframes hero_box_out {
   0% {
     transform:translateX(0);
     opacity:1;
     visibility:visible
   }
   10% {
     transform:translateX(20px);
     opacity:1;
     visibility:visible
   }
   100% {
     transform:translateX(-400px);
     opacity:0;
     visibility:hidden
   }
 }.box-item.show {
  }.box-item.show .boxListItemTop {
     animation:hero_box_in 1s ease-in-out 0.3s alternate 1 forwards;
   }
.box-item.hide .boxListItemTop {
  animation:hero_box_out 1s ease-in-out 0.3s alternate 1 forwards;
}
.box-item.show .boxListItemImg {
  animation:hero_box_in 1s ease-in-out 0.1s alternate 1 forwards;
}
.box-item.hide .boxListItemImg {
  animation:hero_box_out 1s ease-in-out 0.1s alternate 1 forwards;
}
.box-item.show .boxListItemStatDescription {
  animation:hero_box_in 1s ease-in-out 0.2s alternate 1 forwards;
}
.box-item.hide .boxListItemStatDescription {
  animation:hero_box_out 1s ease-in-out 0.2s alternate 1 forwards;
}
.box-item.show .boxListItemStatSVG {
  animation:hero_box_in 1s ease-in-out 0s alternate 1 forwards;
}
.box-item.hide .boxListItemStatSVG {
  animation:hero_box_out 1s ease-in-out 0s alternate 1 forwards;
}