/*!
 *  Font Awesome Animations 
 *  v1.0.0
 *  https://github.com/the-muda-organization/font-awesome-animations
 *  MIT License
 */

/******************* ANIMATIONS *******************/

/**** BOUNCE ****/
    @keyframes bounce{0%,10%,20%,50%,80%,100%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}
    .faa.faa-bounce,
    .faa-parent:hover .faa-bounce{
        animation-name:bounce
    }

/**** BURST ****/
    @keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}
    .faa.faa-burst,
    .faa-parent:hover .faa-burst{
        animation-name:burst;
        animation-timing-function:linear
    }

/**** FALLING ****/
    @keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0%);opacity:1}100%{transform:translateY(50%);opacity:0}}
    .faa.faa-falling,
    .faa-parent:hover .faa-falling{
        animation-name:falling;
        animation-timing-function:linear
    }

/**** FLASH ****/
    @keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
    .faa.faa-flash,
    .faa-parent:hover .faa-flash{
        animation-name:flash
    }

/**** FLIP X ****/
    @keyframes flipX{0%,100%{transform:rotate3d(1,0,0,90deg)}40%{transform:rotate3d(1,0,0,-20deg)}60%{transform:rotate3d(1,0,0,10deg)}80%{transform:rotate3d(1,0,0,-5deg)}}
    .faa.faa-flip-x,
    .faa-parent:hover .faa-flip-x{
        animation-name:flipX
    }

/**** FLIP Y ****/
    @keyframes flipY{0%,100%{transform:rotate3d(0,1,0,90deg)}40%{transform:rotate3d(0,1,0,-20deg)}60%{transform:rotate3d(0,1,0,10deg)}80%{transform:rotate3d(0,1,0,-5deg)}}
    .faa.faa-flip-y,
    .faa-parent:hover .faa-flip-y{
        animation-name:flipY
    }

/**** FLOATING ****/
    @keyframes floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
    .faa.faa-floating,
    .faa-parent:hover .faa-floating{
        animation-name:floating;
        animation-timing-function:linear
    }

/**** PULSE ****/
    @keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.75)}}
    .faa.faa-pulse,
    .faa-parent:hover .faa-pulse{
        animation-name:pulse;
        animation-timing-function:linear
    }

/**** RING ****/
    @keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}4%,12%{transform:rotate(-18deg)}6%,14%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}20%,100%{transform:rotate(0deg)}}
    .faa.faa-ring,
    .faa-parent:hover .faa-ring{
        animation-name:ring
    }

/**** RUBBER BAND ****/
    @keyframes rubberBand{0%,100%{transform:scale(1,1)}30%{transform:scale(1.25,.85)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}
    .faa.faa-rubber-band,
    .faa-parent:hover .faa-rubber-band{
        animation-name:rubberBand
    }

/**** SHAKE X ****/
    @keyframes shakeX{0%,12%,24%,36%,100%{transform:translate(0,0)}6%,18%,30%{transform:translate(5px,0)}}
    .faa.faa-shake-x,
    .faa-parent:hover .faa-shake-x{
        animation-name:shakeX
    }

/**** SHAKE Y ****/
    @keyframes shakeY{0%,12%,24%,36%,100%{transform:translate(0,0)}6%,18%,30%{transform:translate(0,5px)}}
    .faa.faa-shake-y,
    .faa-parent:hover .faa-shake-y{
        animation-name:shakeY
    }

/**** SLIDE LEFT ****/
    @keyframes slideLeft{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0%);opacity:1}100%{transform:translateX(-50%);opacity:0}}
    .faa.faa-slide-left,
    .faa-parent:hover .faa-slide-left{
        animation-name:slideLeft;
        animation-timing-function:linear
    }

/**** SLIDE RIGHT ****/
    @keyframes slideRight{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0%);opacity:1}100%{transform:translateX(50%);opacity:0}}
    .faa.faa-slide-right,
    .faa-parent:hover .faa-slide-right{
        animation-name:slideRight;
        animation-timing-function:linear
    }

/**** SWING ****/
    @keyframes swing{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}75%,100%{transform:rotate(0deg)}}
    .faa.faa-swing,
    .faa-parent:hover .faa-swing{
        animation-name:swing
    }

/**** TADA ****/
    @keyframes tada{0%,80%,100%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-10deg)}30%,50%,70%{transform:scale(1.3) rotate(10deg)}40%,60%{transform:scale(1.3) rotate(-10deg)}}
    .faa.faa-tada,
    .faa-parent:hover .faa-tada{
        animation-name:tada;
        animation-timing-function:linear
    }



/******************* GENERAL *******************/
.faa,
.faa-parent [class*="faa-"]{
    animation-duration:2s;
    animation-fill-mode:both;
    animation-iteration-count:infinite
}

/******************* MEDIA *******************/
@media (print),(prefers-reduced-motion:reduce){
    .faa,
    .faa-parent [class*="faa-"]{
        animation-duration:1ms!important;
        transition-duration:1ms!important;
        animation-iteration-count:1!important
    }
}