.ant{position: fixed; top:0; left:0; width:100%; height:100%; z-index: 999; pointer-events: none; overflow: hidden; display: none;}
.ant.animate > span{position: absolute; top:0; left:0; width:100%; height:100%;  -webkit-animation:ant 3s linear; animation:ant 3s linear;}
.ant.animate > span > span{position: absolute; top:0; left:0; width:100%; height:100%; -webkit-animation:antBounce 3s linear; animation:antBounce 3s linear;}
.ant.animate > span > span > span{position: absolute; top:0%; left:0; width:50px; height:40px;  -webkit-animation:antRotate 3s linear; animation:antRotate 3s linear;}
.ant.animate > span > span > span > span{position: absolute; top:0; left:0; width:100%; height:100%; background:url(ant.png) 0 0; }
.ant.animate > span > span > span > .ant-image-2{background:url(ant-2.png) 0 0;}
.ant.animate{display: block;}

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

@-webkit-keyframes antBounce{
   0%{-webkit-transform:translateY(0);}
   10%{-webkit-transform:translateY(20%);}
   20%{-webkit-transform:translateY(40%);}
   25%{-webkit-transform:translateY(40%);}
   35%{-webkit-transform:translateY(20%);}
   40%{-webkit-transform:translateY(20%);}
   50%{-webkit-transform:translateY(40%);}
   60%{-webkit-transform:translateY(60%);}
   65%{-webkit-transform:translateY(60%);}
   75%{-webkit-transform:translateY(40%);}
   85%{-webkit-transform:translateY(20%);}
   95%{-webkit-transform:translateY(0%);}
   100%{-webkit-transform:translateY(0%);}
}

@-webkit-keyframes antRotate{
   0%{-webkit-transform:rotate(35deg);}
   15%{-webkit-transform:rotate(35deg);}
   25%{-webkit-transform:rotate(-35deg);}
   35%{-webkit-transform:rotate(-35deg);}
   40%{-webkit-transform:rotate(35deg);}
   60%{-webkit-transform:rotate(35deg);}
   65%{-webkit-transform:rotate(-35deg);}
   95%{-webkit-transform:rotate(-35deg);}
   100%{-webkit-transform:rotate(0);}
}

@keyframes ant{
   0%{transform:translateX(-50px);}
   100%{transform:translateX(100%);}
}

@keyframes antBounce{
   0%{transform:translateY(0);}
   10%{transform:translateY(20%);}
   20%{transform:translateY(40%);}
   25%{transform:translateY(40%);}
   35%{transform:translateY(20%);}
   40%{transform:translateY(20%);}
   50%{transform:translateY(40%);}
   60%{transform:translateY(60%);}
   65%{transform:translateY(60%);}
   75%{transform:translateY(40%);}
   85%{transform:translateY(20%);}
   95%{transform:translateY(0%);}
   100%{transform:translateY(0%);}
}

@keyframes antRotate{
   0%{transform:rotate(35deg);}
   15%{transform:rotate(35deg);}
   25%{transform:rotate(-35deg);}
   35%{transform:rotate(-35deg);}
   40%{transform:rotate(35deg);}
   60%{transform:rotate(35deg);}
   65%{transform:rotate(-35deg);}
   95%{transform:rotate(-35deg);}
   100%{transform:rotate(0);}
}