@keyframes wrench{0%{transform:rotate(-12deg)}
8%{transform:rotate(12deg)}
10%{transform:rotate(24deg)}
18%{transform:rotate(-24deg)}
20%{transform:rotate(-24deg)}
28%{transform:rotate(24deg)}
30%{transform:rotate(24deg)}
38%{transform:rotate(-24deg)}
40%{transform:rotate(-24deg)}
48%{transform:rotate(24deg)}
50%{transform:rotate(24deg)}
58%{transform:rotate(-24deg)}
60%{transform:rotate(-24deg)}
68%{transform:rotate(24deg)}
75%{transform:rotate(0deg)}
}
.faa-wrench.animated, .faa-wrench.animated-hover:hover{animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial;}
@keyframes ring{0%{transform:rotate(-15deg)}
2%{transform:rotate(15deg)}
4%{transform:rotate(-18deg)}
6%{transform:rotate(18deg)}
8%{transform:rotate(-22deg)}
10%{transform:rotate(22deg)}
12%{transform:rotate(-18deg)}
14%{transform:rotate(18deg)}
16%{transform:rotate(-12deg)}
18%{transform:rotate(12deg)}
20%{transform:rotate(0deg)}
}
.faa-ring.animated, .faa-ring.animated-hover:hover{animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0px;transform-origin-z:initial;}
@keyframes vertical{0%{transform:translate(0,-3px)}
4%{transform:translate(0,3px)}
8%{transform:translate(0,-3px)}
12%{transform:translate(0,3px)}
16%{transform:translate(0,-3px)}
20%{transform:translate(0,3px)}
22%{transform:translate(0,0)}
}
.faa-vertical.animated, .faa-vertical.animated-hover:hover{animation:vertical 2s ease infinite;}
@keyframes horizontal{0%{transform:translate(0,0)}
6%{transform:translate(5px,0)}
12%{transform:translate(0,0)}
18%{transform:translate(5px,0)}
24%{transform:translate(0,0)}
30%{transform:translate(5px,0)}
36%{transform:translate(0,0)}
}
.faa-horizontal.animated, .faa-horizontal.animated-hover:hover{animation:horizontal 2s ease infinite;}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.faa-flash.animated, .faa-flash.animated-hover:hover{animation:flash 2s ease infinite;}
@keyframes bounce{0%,10%,20%,50%,80%{transform:translateY(0)}
40%{transform:translateY(-15px)}
60%{transform:translateY(-15px)}
}
.faa-bounce.animated, .faa-bounce.animated-hover:hover{animation:bounce 2s ease infinite;}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
.faa-spin.animated, .faa-spin.animated-hover:hover{animation:spin 1.5s linear infinite;}
@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-6px)}
100%{transform:translateY(0)}
}
.faa-float.animated, .faa-float.animated-hover:hover{animation:float 2s linear infinite;}
@keyframes pulse{0%{transform:scale(1.1)}
50%{transform:scale(0.8)}
100%{transform:scale(1.1)}
}
.faa-pulse.animated, .faa-pulse.animated-hover:hover{animation:pulse 2s linear infinite;}
.faa-shake.animated, .faa-shake.animated-hover:hover{animation:wrench 2.5s ease infinite;}
@keyframes tada{0%{transform:scale(1)}
10%,20%{transform:scale(.9) rotate(-8deg);}
30%,50%,70%{transform:scale(1.3) rotate(8deg)}
40%,60%{transform:scale(1.3) rotate(-8deg)}
80%{transform:scale(1) rotate(0)}
}
.faa-tada.animated, .faa-tada.animated-hover:hover{animation:tada 2s linear infinite;}
@keyframes passing{0%{transform:translateX(-50%);opacity:0}
50%{transform:translateX(0%);opacity:1}
100%{transform:translateX(50%);opacity:0}
}
.faa-passing.animated, .faa-passing.animated-hover:hover{animation:passing 3s linear infinite;}