CSS3 Animations

<div class="con_k058">
 <div class="spd-row spd-padding-bottom-30">
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow fadeInUp animated"><img src="../../images/hover-image/11.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="2s" style="visibility: visible; animation-duration: 1s; animation-delay: 2s; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow fadeInUp animated"><img src="../../images/hover-image/11.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="3s" style="visibility: visible; animation-duration: 1s; animation-delay: 3s; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow fadeInUp animated"><img src="../../images/hover-image/11.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="4s" style="visibility: visible; animation-duration: 1s; animation-delay: 4s; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow fadeInUp animated"><img src="../../images/hover-image/11.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k059">
 <div class="spd-row spd-padding-bottom-30">
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateIn animated"><img src="../../images/hover-image/3.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateIn animated"><img src="../../images/hover-image/3.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateIn animated"><img src="../../images/hover-image/3.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateIn animated"><img src="../../images/hover-image/3.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k060">
 <div class="spd-row spd-padding-bottom-30">
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpLeft;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpLeft animated"><img src="../../images/hover-image/15.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpLeft;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpLeft animated"><img src="../../images/hover-image/15.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpLeft;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpLeft animated"><img src="../../images/hover-image/15.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpLeft;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpLeft animated"><img src="../../images/hover-image/15.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k061">
 <div class="spd-row spd-padding-bottom-30">
 <h3>rotateInDownLeft</h3>

 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownLeft;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownLeft animated"><img
 src="../../images/hover-image/14.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownLeft;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownLeft animated"><img
 src="../../images/hover-image/14.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownLeft;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownLeft animated"><img
 src="../../images/hover-image/14.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownLeft;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownLeft animated"><img
 src="../../images/hover-image/14.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k062">
 <div class="spd-row spd-padding-bottom-30">
 <h3>rotateInUpRight</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpRight animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpRight animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpRight animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInUpRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInUpRight animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k063">
 <div class="spd-row spd-padding-bottom-30">
 <h3>rotateInDownRight</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownRight animated"><img src="../../images/hover-image/12.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownRight animated"><img src="../../images/hover-image/12.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownRight animated"><img src="../../images/hover-image/12.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: rotateInDownRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-10 wow rotateInDownRight animated"><img src="../../images/hover-image/12.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k064">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeIn</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeIn animated"><img src="../../images/hover-image/9.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeIn animated"><img src="../../images/hover-image/9.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeIn animated"><img src="../../images/hover-image/9.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeIn;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeIn animated"><img src="../../images/hover-image/9.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k065">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInUp</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUp animated"><img src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUp animated"><img src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUp animated"><img src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUp;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUp animated"><img src="../../images/hover-image/13.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k066">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInDown</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDown;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDown animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDown;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDown animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDown;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDown animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDown;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDown animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k067">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInRight</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRight animated"><img src="../../images/hover-image/1.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRight animated"><img src="../../images/hover-image/1.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRight animated"><img src="../../images/hover-image/1.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRight;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRight animated"><img src="../../images/hover-image/1.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k068">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInUpBig</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUpBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUpBig animated"><img src="../../images/hover-image/5.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUpBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUpBig animated"><img src="../../images/hover-image/5.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUpBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUpBig animated"><img src="../../images/hover-image/5.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInUpBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInUpBig animated"><img src="../../images/hover-image/5.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k069">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInDownBig</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDownBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDownBig animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDownBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDownBig animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDownBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDownBig animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInDownBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInDownBig animated"><img src="../../images/hover-image/8.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k070">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInLeftBig</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInLeftBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInLeftBig animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInLeftBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInLeftBig animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInLeftBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInLeftBig animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInLeftBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInLeftBig animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k071">
 <div class="spd-row spd-padding-bottom-30">
 <h3>fadeInRightBig</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRightBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRightBig animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRightBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRightBig animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRightBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRightBig animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: fadeInRightBig;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow fadeInRightBig animated"><img src="../../images/hover-image/2.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k072">
 <div class="spd-row spd-padding-bottom-30">
 <h3>flipInX</h3>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInX;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInX animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInX;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInX animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInX;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInX animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInX;" class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInX animated"><img src="../../images/hover-image/4.jpg" alt="image"></div>
 </div>
</div>

<div class="con_k073">
 <div class="spd-row spd-padding-bottom-30"><h3>flipInY</h3>

 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInY;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInY animated"><img
 src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInY;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInY animated"><img
 src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInY;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInY animated"><img
 src="../../images/hover-image/13.jpg" alt="image"></div>
 <div data-wow-duration="1s" data-wow-delay="1s" style="visibility: visible; animation-name: flipInY;"
 class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-top-10 wow flipInY animated"><img
 src="../../images/hover-image/13.jpg" alt="image"></div>
 </div>
</div>