diff --git a/public/css/animate.min.css b/public/css/animate.min.css
new file mode 100644
index 0000000..2be1c33
--- /dev/null
+++ b/public/css/animate.min.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2015 Daniel Eden
+*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
\ No newline at end of file
diff --git a/public/css/hover.css b/public/css/hover.css
new file mode 100644
index 0000000..e6f715b
--- /dev/null
+++ b/public/css/hover.css
@@ -0,0 +1,4879 @@
+/*!
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.2
+ * Author: Ian Lunn @IanLunn
+ * Author URL: http://ianlunn.co.uk/
+ * Github: https://github.com/IanLunn/Hover
+
+ * Made available under a MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+
+ * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
+ */
+/* 2D TRANSITIONS */
+/* Grow */
+.hvr-grow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+/* Shrink */
+.hvr-shrink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+}
+
+/* Pulse */
+@-webkit-keyframes hvr-pulse {
+ 25% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 75% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+}
+
+@keyframes hvr-pulse {
+ 25% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+
+ 75% {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+}
+
+.hvr-pulse {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+ -webkit-animation-name: hvr-pulse;
+ animation-name: hvr-pulse;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/* Pulse Grow */
+@-webkit-keyframes hvr-pulse-grow {
+ to {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+
+@keyframes hvr-pulse-grow {
+ to {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+
+.hvr-pulse-grow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+ -webkit-animation-name: hvr-pulse-grow;
+ animation-name: hvr-pulse-grow;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+}
+
+/* Pulse Shrink */
+@-webkit-keyframes hvr-pulse-shrink {
+ to {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+}
+
+@keyframes hvr-pulse-shrink {
+ to {
+ -webkit-transform: scale(0.9);
+ transform: scale(0.9);
+ }
+}
+
+.hvr-pulse-shrink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+ -webkit-animation-name: hvr-pulse-shrink;
+ animation-name: hvr-pulse-shrink;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+}
+
+/* Push */
+@-webkit-keyframes hvr-push {
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@keyframes hvr-push {
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.hvr-push {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+ -webkit-animation-name: hvr-push;
+ animation-name: hvr-push;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Pop */
+@-webkit-keyframes hvr-pop {
+ 50% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+}
+
+@keyframes hvr-pop {
+ 50% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+}
+
+.hvr-pop {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+ -webkit-animation-name: hvr-pop;
+ animation-name: hvr-pop;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Bounce In */
+.hvr-bounce-in {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Bounce Out */
+.hvr-bounce-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Rotate */
+.hvr-rotate {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
+ -webkit-transform: rotate(4deg);
+ transform: rotate(4deg);
+}
+
+/* Grow Rotate */
+.hvr-grow-rotate {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
+ -webkit-transform: scale(1.1) rotate(4deg);
+ transform: scale(1.1) rotate(4deg);
+}
+
+/* Float */
+.hvr-float {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+}
+
+/* Sink */
+.hvr-sink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+}
+
+/* Bob */
+@-webkit-keyframes hvr-bob {
+ 0% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(-4px);
+ transform: translateY(-4px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+}
+
+@keyframes hvr-bob {
+ 0% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(-4px);
+ transform: translateY(-4px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+}
+
+@-webkit-keyframes hvr-bob-float {
+ 100% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+}
+
+@keyframes hvr-bob-float {
+ 100% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px);
+ }
+}
+
+.hvr-bob {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+ -webkit-animation-name: hvr-bob-float, hvr-bob;
+ animation-name: hvr-bob-float, hvr-bob;
+ -webkit-animation-duration: .3s, 1.5s;
+ animation-duration: .3s, 1.5s;
+ -webkit-animation-delay: 0s, .3s;
+ animation-delay: 0s, .3s;
+ -webkit-animation-timing-function: ease-out, ease-in-out;
+ animation-timing-function: ease-out, ease-in-out;
+ -webkit-animation-iteration-count: 1, infinite;
+ animation-iteration-count: 1, infinite;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: normal, alternate;
+ animation-direction: normal, alternate;
+}
+
+/* Hang */
+@-webkit-keyframes hvr-hang {
+ 0% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+}
+
+@keyframes hvr-hang {
+ 0% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+}
+
+@-webkit-keyframes hvr-hang-sink {
+ 100% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+}
+
+@keyframes hvr-hang-sink {
+ 100% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+}
+
+.hvr-hang {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+ -webkit-animation-name: hvr-hang-sink, hvr-hang;
+ animation-name: hvr-hang-sink, hvr-hang;
+ -webkit-animation-duration: .3s, 1.5s;
+ animation-duration: .3s, 1.5s;
+ -webkit-animation-delay: 0s, .3s;
+ animation-delay: 0s, .3s;
+ -webkit-animation-timing-function: ease-out, ease-in-out;
+ animation-timing-function: ease-out, ease-in-out;
+ -webkit-animation-iteration-count: 1, infinite;
+ animation-iteration-count: 1, infinite;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: normal, alternate;
+ animation-direction: normal, alternate;
+}
+
+/* Skew */
+.hvr-skew {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
+ -webkit-transform: skew(-10deg);
+ transform: skew(-10deg);
+}
+
+/* Skew Forward */
+.hvr-skew-forward {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%;
+}
+.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
+ -webkit-transform: skew(-10deg);
+ transform: skew(-10deg);
+}
+
+/* Skew Backward */
+.hvr-skew-backward {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%;
+}
+.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+}
+
+/* Wobble Vertical */
+@-webkit-keyframes hvr-wobble-vertical {
+ 16.65% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes hvr-wobble-vertical {
+ 16.65% {
+ -webkit-transform: translateY(8px);
+ transform: translateY(8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.hvr-wobble-vertical {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+ -webkit-animation-name: hvr-wobble-vertical;
+ animation-name: hvr-wobble-vertical;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble Horizontal */
+@-webkit-keyframes hvr-wobble-horizontal {
+ 16.65% {
+ -webkit-transform: translateX(8px);
+ transform: translateX(8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateX(-6px);
+ transform: translateX(-6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateX(4px);
+ transform: translateX(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateX(1px);
+ transform: translateX(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes hvr-wobble-horizontal {
+ 16.65% {
+ -webkit-transform: translateX(8px);
+ transform: translateX(8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateX(-6px);
+ transform: translateX(-6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateX(4px);
+ transform: translateX(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateX(1px);
+ transform: translateX(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.hvr-wobble-horizontal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+ -webkit-animation-name: hvr-wobble-horizontal;
+ animation-name: hvr-wobble-horizontal;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble To Bottom Right */
+@-webkit-keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ -webkit-transform: translate(8px, 8px);
+ transform: translate(8px, 8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translate(-6px, -6px);
+ transform: translate(-6px, -6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translate(4px, 4px);
+ transform: translate(4px, 4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translate(1px, 1px);
+ transform: translate(1px, 1px);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+
+@keyframes hvr-wobble-to-bottom-right {
+ 16.65% {
+ -webkit-transform: translate(8px, 8px);
+ transform: translate(8px, 8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translate(-6px, -6px);
+ transform: translate(-6px, -6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translate(4px, 4px);
+ transform: translate(4px, 4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translate(-2px, -2px);
+ transform: translate(-2px, -2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translate(1px, 1px);
+ transform: translate(1px, 1px);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+
+.hvr-wobble-to-bottom-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+ -webkit-animation-name: hvr-wobble-to-bottom-right;
+ animation-name: hvr-wobble-to-bottom-right;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble To Top Right */
+@-webkit-keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ -webkit-transform: translate(8px, -8px);
+ transform: translate(8px, -8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translate(-6px, 6px);
+ transform: translate(-6px, 6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translate(4px, -4px);
+ transform: translate(4px, -4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translate(1px, -1px);
+ transform: translate(1px, -1px);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+
+@keyframes hvr-wobble-to-top-right {
+ 16.65% {
+ -webkit-transform: translate(8px, -8px);
+ transform: translate(8px, -8px);
+ }
+
+ 33.3% {
+ -webkit-transform: translate(-6px, 6px);
+ transform: translate(-6px, 6px);
+ }
+
+ 49.95% {
+ -webkit-transform: translate(4px, -4px);
+ transform: translate(4px, -4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translate(-2px, 2px);
+ transform: translate(-2px, 2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translate(1px, -1px);
+ transform: translate(1px, -1px);
+ }
+
+ 100% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+
+.hvr-wobble-to-top-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+ -webkit-animation-name: hvr-wobble-to-top-right;
+ animation-name: hvr-wobble-to-top-right;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble Top */
+@-webkit-keyframes hvr-wobble-top {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+@keyframes hvr-wobble-top {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+.hvr-wobble-top {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%;
+}
+.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+ -webkit-animation-name: hvr-wobble-top;
+ animation-name: hvr-wobble-top;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble Bottom */
+@-webkit-keyframes hvr-wobble-bottom {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+@keyframes hvr-wobble-bottom {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+.hvr-wobble-bottom {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform-origin: 100% 0;
+ transform-origin: 100% 0;
+}
+.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+ -webkit-animation-name: hvr-wobble-bottom;
+ animation-name: hvr-wobble-bottom;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Wobble Skew */
+@-webkit-keyframes hvr-wobble-skew {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+@keyframes hvr-wobble-skew {
+ 16.65% {
+ -webkit-transform: skew(-12deg);
+ transform: skew(-12deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skew(10deg);
+ transform: skew(10deg);
+ }
+
+ 49.95% {
+ -webkit-transform: skew(-6deg);
+ transform: skew(-6deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skew(4deg);
+ transform: skew(4deg);
+ }
+
+ 83.25% {
+ -webkit-transform: skew(-2deg);
+ transform: skew(-2deg);
+ }
+
+ 100% {
+ -webkit-transform: skew(0);
+ transform: skew(0);
+ }
+}
+
+.hvr-wobble-skew {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+ -webkit-animation-name: hvr-wobble-skew;
+ animation-name: hvr-wobble-skew;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Buzz */
+@-webkit-keyframes hvr-buzz {
+ 50% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+}
+
+@keyframes hvr-buzz {
+ 50% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+}
+
+.hvr-buzz {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+ -webkit-animation-name: hvr-buzz;
+ animation-name: hvr-buzz;
+ -webkit-animation-duration: 0.15s;
+ animation-duration: 0.15s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/* Buzz Out */
+@-webkit-keyframes hvr-buzz-out {
+ 10% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 20% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 40% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 70% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 90% {
+ -webkit-transform: translateX(1px) rotate(0);
+ transform: translateX(1px) rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-1px) rotate(0);
+ transform: translateX(-1px) rotate(0);
+ }
+}
+
+@keyframes hvr-buzz-out {
+ 10% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 20% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 40% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 70% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 90% {
+ -webkit-transform: translateX(1px) rotate(0);
+ transform: translateX(1px) rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-1px) rotate(0);
+ transform: translateX(-1px) rotate(0);
+ }
+}
+
+.hvr-buzz-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+}
+.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+ -webkit-animation-name: hvr-buzz-out;
+ animation-name: hvr-buzz-out;
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* BACKGROUND TRANSITIONS */
+/* Fade */
+.hvr-fade {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ overflow: hidden;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: color, background-color;
+ transition-property: color, background-color;
+}
+.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
+ background-color: #DC143C;
+ color: white;
+}
+
+/* Back Pulse */
+@-webkit-keyframes hvr-back-pulse {
+ 50% {
+ background-color: rgba(32, 152, 209, 0.75);
+ }
+}
+
+@keyframes hvr-back-pulse {
+ 50% {
+ background-color: rgba(32, 152, 209, 0.75);
+ }
+}
+
+.hvr-back-pulse {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ overflow: hidden;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-property: color, background-color;
+ transition-property: color, background-color;
+}
+.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+ -webkit-animation-name: hvr-back-pulse;
+ animation-name: hvr-back-pulse;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-delay: 0.5s;
+ animation-delay: 0.5s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ background-color: #DC143C;
+ background-color: #DC143C;
+ color: white;
+}
+
+/* Sweep To Right */
+.hvr-sweep-to-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-sweep-to-right:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: 0 50%;
+ transform-origin: 0 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+ color: white;
+}
+.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+}
+
+/* Sweep To Left */
+.hvr-sweep-to-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-sweep-to-left:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
+ color: white;
+}
+.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+}
+
+/* Sweep To Bottom */
+.hvr-sweep-to-bottom {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-sweep-to-bottom:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
+ color: white;
+}
+.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+}
+
+/* Sweep To Top */
+.hvr-sweep-to-top {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-sweep-to-top:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+ color: white;
+}
+.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+}
+
+/* Bounce To Right */
+.hvr-bounce-to-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-to-right:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: 0 50%;
+ transform-origin: 0 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
+ color: white;
+}
+.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Left */
+.hvr-bounce-to-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-to-left:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: 100% 50%;
+ transform-origin: 100% 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
+ color: white;
+}
+.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Bottom */
+.hvr-bounce-to-bottom {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-to-bottom:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
+ color: white;
+}
+.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Bounce To Top */
+.hvr-bounce-to-top {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+}
+.hvr-bounce-to-top:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: 50% 100%;
+ transform-origin: 50% 100%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
+ color: white;
+}
+.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Radial Out */
+.hvr-radial-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+ background: #e1e1e1;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-radial-out:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ border-radius: 100%;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
+ color: white;
+}
+.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+}
+
+/* Radial In */
+.hvr-radial-in {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+ background: #DC143C;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-radial-in:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #e1e1e1;
+ border-radius: 100%;
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
+ color: white;
+}
+.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+/* Rectangle In */
+.hvr-rectangle-in {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #DC143C;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-rectangle-in:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #e1e1e1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
+ color: white;
+}
+.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+/* Rectangle Out */
+.hvr-rectangle-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #e1e1e1;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-rectangle-out:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
+ color: white;
+}
+.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+
+/* Shutter In Horizontal */
+.hvr-shutter-in-horizontal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #DC143C;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-shutter-in-horizontal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #e1e1e1;
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
+ color: white;
+}
+.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+}
+
+/* Shutter Out Horizontal */
+.hvr-shutter-out-horizontal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #e1e1e1;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-shutter-out-horizontal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #DC143C;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
+ color: white;
+}
+.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1);
+}
+
+/* Shutter In Vertical */
+.hvr-shutter-in-vertical {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #DC143C;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-shutter-in-vertical:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #e1e1e1;
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
+ color: white;
+}
+.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+}
+
+/* Shutter Out Vertical */
+.hvr-shutter-out-vertical {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ background: #e1e1e1;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-shutter-out-vertical:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #DC143C;
+ -webkit-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: 50%;
+ transform-origin: 50%;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
+ color: white;
+}
+.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
+ -webkit-transform: scaleY(1);
+ transform: scaleY(1);
+}
+
+/* BORDER TRANSITIONS */
+/* Border Fade */
+.hvr-border-fade {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow;
+ transition-property: box-shadow;
+ box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
+ /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
+ box-shadow: inset 0 0 0 4px #DC143C, 0 0 1px rgba(0, 0, 0, 0);
+ /* Hack to improve aliasing on mobile/tablet devices */
+}
+
+/* Hollow */
+.hvr-hollow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: background;
+ transition-property: background;
+ box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
+ /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
+ background: none;
+}
+
+/* Trim */
+.hvr-trim {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-trim:before {
+ content: '';
+ position: absolute;
+ border: white solid 4px;
+ top: 4px;
+ left: 4px;
+ right: 4px;
+ bottom: 4px;
+ opacity: 0;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+}
+.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
+ opacity: 1;
+}
+
+/* Ripple Out */
+@-webkit-keyframes hvr-ripple-out {
+ 100% {
+ top: -12px;
+ right: -12px;
+ bottom: -12px;
+ left: -12px;
+ opacity: 0;
+ }
+}
+
+@keyframes hvr-ripple-out {
+ 100% {
+ top: -12px;
+ right: -12px;
+ bottom: -12px;
+ left: -12px;
+ opacity: 0;
+ }
+}
+
+.hvr-ripple-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-ripple-out:before {
+ content: '';
+ position: absolute;
+ border: #e1e1e1 solid 6px;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+}
+.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
+ -webkit-animation-name: hvr-ripple-out;
+ animation-name: hvr-ripple-out;
+}
+
+/* Ripple In */
+@-webkit-keyframes hvr-ripple-in {
+ 100% {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 1;
+ }
+}
+
+@keyframes hvr-ripple-in {
+ 100% {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 1;
+ }
+}
+
+.hvr-ripple-in {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-ripple-in:before {
+ content: '';
+ position: absolute;
+ border: #e1e1e1 solid 4px;
+ top: -12px;
+ right: -12px;
+ bottom: -12px;
+ left: -12px;
+ opacity: 0;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+}
+.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
+ -webkit-animation-name: hvr-ripple-in;
+ animation-name: hvr-ripple-in;
+}
+
+/* Outline Out */
+.hvr-outline-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-outline-out:before {
+ content: '';
+ position: absolute;
+ border: #e1e1e1 solid 4px;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: top, right, bottom, left;
+ transition-property: top, right, bottom, left;
+}
+.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
+ top: -8px;
+ right: -8px;
+ bottom: -8px;
+ left: -8px;
+}
+
+/* Outline In */
+.hvr-outline-in {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-outline-in:before {
+ pointer-events: none;
+ content: '';
+ position: absolute;
+ border: #e1e1e1 solid 4px;
+ top: -16px;
+ right: -16px;
+ bottom: -16px;
+ left: -16px;
+ opacity: 0;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: top, right, bottom, left;
+ transition-property: top, right, bottom, left;
+}
+.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
+ top: -8px;
+ right: -8px;
+ bottom: -8px;
+ left: -8px;
+ opacity: 1;
+}
+
+/* Round Corners */
+.hvr-round-corners {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: border-radius;
+ transition-property: border-radius;
+}
+.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
+ border-radius: 1em;
+}
+
+/* Underline From Left */
+.hvr-underline-from-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-underline-from-left:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 100%;
+ bottom: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: right;
+ transition-property: right;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
+ right: 0;
+}
+
+/* Underline From Center */
+.hvr-underline-from-center {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-underline-from-center:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 50%;
+ right: 50%;
+ bottom: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: left, right;
+ transition-property: left, right;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
+ left: 0;
+ right: 0;
+}
+
+/* Underline From Right */
+.hvr-underline-from-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-underline-from-right:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 100%;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: left;
+ transition-property: left;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
+ left: 0;
+}
+
+/* Overline From Left */
+.hvr-overline-from-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-overline-from-left:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 100%;
+ top: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: right;
+ transition-property: right;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
+ right: 0;
+}
+
+/* Overline From Center */
+.hvr-overline-from-center {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-overline-from-center:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 50%;
+ right: 50%;
+ top: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: left, right;
+ transition-property: left, right;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
+ left: 0;
+ right: 0;
+}
+
+/* Overline From Right */
+.hvr-overline-from-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-overline-from-right:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 100%;
+ right: 0;
+ top: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transition-property: left;
+ transition-property: left;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
+ left: 0;
+}
+
+/* Reveal */
+.hvr-reveal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-reveal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ border-color: #DC143C;
+ border-style: solid;
+ border-width: 0;
+ -webkit-transition-property: border-width;
+ transition-property: border-width;
+ -webkit-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ border-width: 4px;
+}
+
+/* Underline Reveal */
+.hvr-underline-reveal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-underline-reveal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+
+/* Overline Reveal */
+.hvr-overline-reveal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-overline-reveal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 0;
+ top: 0;
+ background: #DC143C;
+ height: 4px;
+ -webkit-transform: translateY(-4px);
+ transform: translateY(-4px);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
+
+/* SHADOW/GLOW TRANSITIONS */
+/* Glow */
+.hvr-glow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow;
+ transition-property: box-shadow;
+}
+.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+}
+
+/* Shadow */
+.hvr-shadow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow;
+ transition-property: box-shadow;
+}
+.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
+ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+}
+
+/* Grow Shadow */
+.hvr-grow-shadow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow, transform;
+ transition-property: box-shadow, transform;
+}
+.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
+ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+}
+
+/* Box Shadow Outset */
+.hvr-box-shadow-outset {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow;
+ transition-property: box-shadow;
+}
+.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
+ box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
+}
+
+/* Box Shadow Inset */
+.hvr-box-shadow-inset {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: box-shadow;
+ transition-property: box-shadow;
+ box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
+ /* Hack to improve aliasing on mobile/tablet devices */
+}
+.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
+ box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
+ /* Hack to improve aliasing on mobile/tablet devices */
+}
+
+/* Float Shadow */
+.hvr-float-shadow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-float-shadow:before {
+ pointer-events: none;
+ position: absolute;
+ z-index: -1;
+ content: '';
+ top: 100%;
+ left: 5%;
+ height: 10px;
+ width: 90%;
+ opacity: 0;
+ background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
+ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
+ /* W3C */
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform, opacity;
+ transition-property: transform, opacity;
+}
+.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px);
+ /* move the element up by 5px */
+}
+.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
+ opacity: 1;
+ -webkit-transform: translateY(5px);
+ transform: translateY(5px);
+ /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
+}
+
+/* Shadow Radial */
+.hvr-shadow-radial {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-shadow-radial:before, .hvr-shadow-radial:after {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ left: 0;
+ width: 100%;
+ box-sizing: border-box;
+ background-repeat: no-repeat;
+ height: 5px;
+ opacity: 0;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+}
+.hvr-shadow-radial:before {
+ bottom: 100%;
+ background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
+ background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
+}
+.hvr-shadow-radial:after {
+ top: 100%;
+ background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
+ background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
+}
+.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
+ opacity: 1;
+}
+
+/* SPEECH BUBBLES */
+/* Bubble Top */
+.hvr-bubble-top {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-bubble-top:before {
+ pointer-events: none;
+ position: absolute;
+ z-index: -1;
+ content: '';
+ border-style: solid;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ left: calc(50% - 10px);
+ top: 0;
+ border-width: 0 10px 10px 10px;
+ border-color: transparent transparent #e1e1e1 transparent;
+}
+.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+/* Bubble Right */
+.hvr-bubble-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-bubble-right:before {
+ pointer-events: none;
+ position: absolute;
+ z-index: -1;
+ content: '';
+ border-style: solid;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ top: calc(50% - 10px);
+ right: 0;
+ border-width: 10px 0 10px 10px;
+ border-color: transparent transparent transparent #e1e1e1;
+}
+.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px);
+}
+
+/* Bubble Bottom */
+.hvr-bubble-bottom {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-bubble-bottom:before {
+ pointer-events: none;
+ position: absolute;
+ z-index: -1;
+ content: '';
+ border-style: solid;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ left: calc(50% - 10px);
+ bottom: 0;
+ border-width: 10px 10px 0 10px;
+ border-color: #e1e1e1 transparent transparent transparent;
+}
+.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+}
+
+/* Bubble Left */
+.hvr-bubble-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-bubble-left:before {
+ pointer-events: none;
+ position: absolute;
+ z-index: -1;
+ content: '';
+ border-style: solid;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ top: calc(50% - 10px);
+ left: 0;
+ border-width: 10px 10px 10px 0;
+ border-color: transparent #e1e1e1 transparent transparent;
+}
+.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px);
+}
+
+/* Bubble Float Top */
+.hvr-bubble-float-top {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-top:before {
+ position: absolute;
+ z-index: -1;
+ content: '';
+ left: calc(50% - 10px);
+ top: 0;
+ border-style: solid;
+ border-width: 0 10px 10px 10px;
+ border-color: transparent transparent #e1e1e1 transparent;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+}
+.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+
+/* Bubble Float Right */
+.hvr-bubble-float-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-right:before {
+ position: absolute;
+ z-index: -1;
+ top: calc(50% - 10px);
+ right: 0;
+ content: '';
+ border-style: solid;
+ border-width: 10px 0 10px 10px;
+ border-color: transparent transparent transparent #e1e1e1;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px);
+}
+.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px);
+}
+
+/* Bubble Float Bottom */
+.hvr-bubble-float-bottom {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-bottom:before {
+ position: absolute;
+ z-index: -1;
+ content: '';
+ left: calc(50% - 10px);
+ bottom: 0;
+ border-style: solid;
+ border-width: 10px 10px 0 10px;
+ border-color: #e1e1e1 transparent transparent transparent;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+}
+.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
+ -webkit-transform: translateY(10px);
+ transform: translateY(10px);
+}
+
+/* Bubble Float Left */
+.hvr-bubble-float-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-left:before {
+ position: absolute;
+ z-index: -1;
+ content: '';
+ top: calc(50% - 10px);
+ left: 0;
+ border-style: solid;
+ border-width: 10px 10px 10px 0;
+ border-color: transparent #e1e1e1 transparent transparent;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+}
+.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
+ -webkit-transform: translateX(10px);
+ transform: translateX(10px);
+}
+.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
+ -webkit-transform: translateX(-10px);
+ transform: translateX(-10px);
+}
+
+/* ICONS */
+/* Icon Back */
+.hvr-icon-back {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-left: 2.2em;
+ -webkit-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+}
+.hvr-icon-back:before {
+ content: "\f137";
+ position: absolute;
+ left: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
+ -webkit-transform: translateX(-4px);
+ transform: translateX(-4px);
+}
+
+/* Icon Forward */
+.hvr-icon-forward {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+}
+.hvr-icon-forward:before {
+ content: "\f138";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
+ -webkit-transform: translateX(4px);
+ transform: translateX(4px);
+}
+
+/* Icon Down */
+@-webkit-keyframes hvr-icon-down {
+ 0%,
+ 50%,
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 25%,
+ 75% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+@keyframes hvr-icon-down {
+ 0%,
+ 50%,
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 25%,
+ 75% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+/* Icon Down */
+.hvr-icon-down {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-down:before {
+ content: "\f01a";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
+ -webkit-animation-name: hvr-icon-down;
+ animation-name: hvr-icon-down;
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+/* Icon Up */
+@-webkit-keyframes hvr-icon-up {
+ 0%,
+ 50%,
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 25%,
+ 75% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+@keyframes hvr-icon-up {
+ 0%,
+ 50%,
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ 25%,
+ 75% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+/* Icon Up */
+.hvr-icon-up {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-up:before {
+ content: "\f01b";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
+ -webkit-animation-name: hvr-icon-up;
+ animation-name: hvr-icon-up;
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+/* Icon Spin */
+.hvr-icon-spin {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-spin:before {
+ content: "\f021";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transition-duration: 1s;
+ transition-duration: 1s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-in-out;
+ transition-timing-function: ease-in-out;
+}
+.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+
+/* Icon Drop */
+@-webkit-keyframes hvr-icon-drop {
+ 0% {
+ opacity: 0;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+
+ 51%,
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes hvr-icon-drop {
+ 0% {
+ opacity: 0;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+
+ 51%,
+ 100% {
+ opacity: 1;
+ }
+}
+
+/* Icon Drop */
+.hvr-icon-drop {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-drop:before {
+ content: "\f041";
+ position: absolute;
+ right: 1em;
+ opacity: 1;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
+ opacity: 0;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-animation-name: hvr-icon-drop;
+ animation-name: hvr-icon-drop;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ -webkit-animation-delay: 0.3s;
+ animation-delay: 0.3s;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+ animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
+}
+
+/* Icon Fade */
+.hvr-icon-fade {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-fade:before {
+ content: "\f00c";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.5s;
+ transition-duration: 0.5s;
+ -webkit-transition-property: color;
+ transition-property: color;
+}
+.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
+ color: #0F9E5E;
+}
+
+/* Icon Float Away */
+@-webkit-keyframes hvr-icon-float-away {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-1em);
+ transform: translateY(-1em);
+ }
+}
+
+@keyframes hvr-icon-float-away {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-1em);
+ transform: translateY(-1em);
+ }
+}
+
+/* Icon Float Away */
+.hvr-icon-float-away {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-float-away:before, .hvr-icon-float-away:after {
+ content: "\f055";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+}
+.hvr-icon-float-away:after {
+ opacity: 0;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+}
+.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
+ -webkit-animation-name: hvr-icon-float-away;
+ animation-name: hvr-icon-float-away;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+/* Icon Sink Away */
+@-webkit-keyframes hvr-icon-sink-away {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(1em);
+ transform: translateY(1em);
+ }
+}
+
+@keyframes hvr-icon-sink-away {
+ 0% {
+ opacity: 1;
+ }
+
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(1em);
+ transform: translateY(1em);
+ }
+}
+
+/* Icon Sink Away */
+.hvr-icon-sink-away {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
+ content: "\f056";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-sink-away:after {
+ opacity: 0;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+}
+.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
+ -webkit-animation-name: hvr-icon-sink-away;
+ animation-name: hvr-icon-sink-away;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+/* Icon Grow */
+.hvr-icon-grow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-grow:before {
+ content: "\f118";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
+ -webkit-transform: scale(1.3) translateZ(0);
+ transform: scale(1.3) translateZ(0);
+}
+
+/* Icon Shrink */
+.hvr-icon-shrink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-shrink:before {
+ content: "\f119";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+}
+
+/* Icon Pulse */
+@-webkit-keyframes hvr-icon-pulse {
+ 25% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
+
+ 75% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+}
+
+@keyframes hvr-icon-pulse {
+ 25% {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
+
+ 75% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+}
+
+.hvr-icon-pulse {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-pulse:before {
+ content: "\f015";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
+ -webkit-animation-name: hvr-icon-pulse;
+ animation-name: hvr-icon-pulse;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/* Icon Pulse Grow */
+@-webkit-keyframes hvr-icon-pulse-grow {
+ to {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
+}
+
+@keyframes hvr-icon-pulse-grow {
+ to {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
+}
+
+.hvr-icon-pulse-grow {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-pulse-grow:before {
+ content: "\f015";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
+ -webkit-animation-name: hvr-icon-pulse-grow;
+ animation-name: hvr-icon-pulse-grow;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+}
+
+/* Icon Pulse Shrink */
+@-webkit-keyframes hvr-icon-pulse-shrink {
+ to {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+}
+
+@keyframes hvr-icon-pulse-shrink {
+ to {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+}
+
+.hvr-icon-pulse-shrink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+}
+.hvr-icon-pulse-shrink:before {
+ content: "\f015";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
+ -webkit-animation-name: hvr-icon-pulse-shrink;
+ animation-name: hvr-icon-pulse-shrink;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+}
+
+/* Icon Push */
+@-webkit-keyframes hvr-icon-push {
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+
+@keyframes hvr-icon-push {
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+
+.hvr-icon-push {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-push:before {
+ content: "\f006";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
+ -webkit-animation-name: hvr-icon-push;
+ animation-name: hvr-icon-push;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Icon Pop */
+@-webkit-keyframes hvr-icon-pop {
+ 50% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+@keyframes hvr-icon-pop {
+ 50% {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ }
+}
+
+.hvr-icon-pop {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-pop:before {
+ content: "\f005";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
+ -webkit-animation-name: hvr-icon-pop;
+ animation-name: hvr-icon-pop;
+ -webkit-animation-duration: 0.3s;
+ animation-duration: 0.3s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Icon Bounce */
+.hvr-icon-bounce {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-bounce:before {
+ content: "\f087";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+ transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
+}
+
+/* Icon Rotate */
+.hvr-icon-rotate {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-rotate:before {
+ content: "\f0c6";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
+ -webkit-transform: rotate(20deg);
+ transform: rotate(20deg);
+}
+
+/* Icon Grow Rotate */
+.hvr-icon-grow-rotate {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-grow-rotate:before {
+ content: "\f095";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
+ -webkit-transform: scale(1.5) rotate(12deg);
+ transform: scale(1.5) rotate(12deg);
+}
+
+/* Icon Float */
+.hvr-icon-float {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-float:before {
+ content: "\f01b";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
+ -webkit-transform: translateY(-4px);
+ transform: translateY(-4px);
+}
+
+/* Icon Sink */
+.hvr-icon-sink {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-sink:before {
+ content: "\f01a";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+}
+
+/* Icon Bob */
+@-webkit-keyframes hvr-icon-bob {
+ 0% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+@keyframes hvr-icon-bob {
+ 0% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+@-webkit-keyframes hvr-icon-bob-float {
+ 100% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+@keyframes hvr-icon-bob-float {
+ 100% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+}
+
+.hvr-icon-bob {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-bob:before {
+ content: "\f077";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
+ -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
+ animation-name: hvr-icon-bob-float, hvr-icon-bob;
+ -webkit-animation-duration: .3s, 1.5s;
+ animation-duration: .3s, 1.5s;
+ -webkit-animation-delay: 0s, .3s;
+ animation-delay: 0s, .3s;
+ -webkit-animation-timing-function: ease-out, ease-in-out;
+ animation-timing-function: ease-out, ease-in-out;
+ -webkit-animation-iteration-count: 1, infinite;
+ animation-iteration-count: 1, infinite;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: normal, alternate;
+ animation-direction: normal, alternate;
+}
+
+/* Icon Hang */
+@-webkit-keyframes hvr-icon-hang {
+ 0% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+@keyframes hvr-icon-hang {
+ 0% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+
+ 50% {
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+@-webkit-keyframes hvr-icon-hang-sink {
+ 100% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+@keyframes hvr-icon-hang-sink {
+ 100% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+}
+
+.hvr-icon-hang {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-hang:before {
+ content: "\f078";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
+ -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
+ animation-name: hvr-icon-hang-sink, hvr-icon-hang;
+ -webkit-animation-duration: .3s, 1.5s;
+ animation-duration: .3s, 1.5s;
+ -webkit-animation-delay: 0s, .3s;
+ animation-delay: 0s, .3s;
+ -webkit-animation-timing-function: ease-out, ease-in-out;
+ animation-timing-function: ease-out, ease-in-out;
+ -webkit-animation-iteration-count: 1, infinite;
+ animation-iteration-count: 1, infinite;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: normal, alternate;
+ animation-direction: normal, alternate;
+}
+
+/* Icon Wobble Horizontal */
+@-webkit-keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ -webkit-transform: translateX(6px);
+ transform: translateX(6px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateX(4px);
+ transform: translateX(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateX(1px);
+ transform: translateX(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes hvr-icon-wobble-horizontal {
+ 16.65% {
+ -webkit-transform: translateX(6px);
+ transform: translateX(6px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateX(4px);
+ transform: translateX(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateX(1px);
+ transform: translateX(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.hvr-icon-wobble-horizontal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-wobble-horizontal:before {
+ content: "\f061";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
+ -webkit-animation-name: hvr-icon-wobble-horizontal;
+ animation-name: hvr-icon-wobble-horizontal;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Icon Wobble Vertical */
+@-webkit-keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes hvr-icon-wobble-vertical {
+ 16.65% {
+ -webkit-transform: translateY(6px);
+ transform: translateY(6px);
+ }
+
+ 33.3% {
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px);
+ }
+
+ 49.95% {
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ }
+
+ 66.6% {
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ }
+
+ 83.25% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+.hvr-icon-wobble-vertical {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-wobble-vertical:before {
+ content: "\f062";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
+ -webkit-animation-name: hvr-icon-wobble-vertical;
+ animation-name: hvr-icon-wobble-vertical;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* Icon Buzz */
+@-webkit-keyframes hvr-icon-buzz {
+ 50% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+}
+
+@keyframes hvr-icon-buzz {
+ 50% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+}
+
+.hvr-icon-buzz {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-buzz:before {
+ content: "\f017";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
+ -webkit-animation-name: hvr-icon-buzz;
+ animation-name: hvr-icon-buzz;
+ -webkit-animation-duration: 0.15s;
+ animation-duration: 0.15s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+/* Icon Buzz Out */
+@-webkit-keyframes hvr-icon-buzz-out {
+ 10% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 20% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 40% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 70% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 90% {
+ -webkit-transform: translateX(1px) rotate(0);
+ transform: translateX(1px) rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-1px) rotate(0);
+ transform: translateX(-1px) rotate(0);
+ }
+}
+
+@keyframes hvr-icon-buzz-out {
+ 10% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 20% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(3px) rotate(2deg);
+ transform: translateX(3px) rotate(2deg);
+ }
+
+ 40% {
+ -webkit-transform: translateX(-3px) rotate(-2deg);
+ transform: translateX(-3px) rotate(-2deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 70% {
+ -webkit-transform: translateX(2px) rotate(1deg);
+ transform: translateX(2px) rotate(1deg);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-2px) rotate(-1deg);
+ transform: translateX(-2px) rotate(-1deg);
+ }
+
+ 90% {
+ -webkit-transform: translateX(1px) rotate(0);
+ transform: translateX(1px) rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: translateX(-1px) rotate(0);
+ transform: translateX(-1px) rotate(0);
+ }
+}
+
+.hvr-icon-buzz-out {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ padding-right: 2.2em;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+}
+.hvr-icon-buzz-out:before {
+ content: "\f023";
+ position: absolute;
+ right: 1em;
+ padding: 0 1px;
+ font-family: FontAwesome;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
+ -webkit-animation-name: hvr-icon-buzz-out;
+ animation-name: hvr-icon-buzz-out;
+ -webkit-animation-duration: 0.75s;
+ animation-duration: 0.75s;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+}
+
+/* CURLS */
+/* Curl Top Left */
+.hvr-curl-top-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-curl-top-left:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0;
+ top: 0;
+ left: 0;
+ background: white;
+ /* IE9 */
+ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
+ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
+ /*For IE7-8-9*/
+ z-index: 1000;
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: width, height;
+ transition-property: width, height;
+}
+.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
+ width: 25px;
+ height: 25px;
+}
+
+/* Curl Top Right */
+.hvr-curl-top-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-curl-top-right:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0;
+ top: 0;
+ right: 0;
+ background: white;
+ /* IE9 */
+ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
+ box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: width, height;
+ transition-property: width, height;
+}
+.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
+ width: 25px;
+ height: 25px;
+}
+
+/* Curl Bottom Right */
+.hvr-curl-bottom-right {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-curl-bottom-right:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0;
+ bottom: 0;
+ right: 0;
+ background: white;
+ /* IE9 */
+ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: width, height;
+ transition-property: width, height;
+}
+.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
+ width: 25px;
+ height: 25px;
+}
+
+/* Curl Bottom Left */
+.hvr-curl-bottom-left {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+}
+.hvr-curl-bottom-left:before {
+ pointer-events: none;
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0;
+ bottom: 0;
+ left: 0;
+ background: white;
+ /* IE9 */
+ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
+ box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-property: width, height;
+ transition-property: width, height;
+}
+.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
+ width: 25px;
+ height: 25px;
+}
diff --git a/public/css/notification.css b/public/css/notification.css
new file mode 100644
index 0000000..811d7a2
--- /dev/null
+++ b/public/css/notification.css
@@ -0,0 +1,68 @@
+html,
+body {
+ margin: 0 !important;
+ padding: 0 !important;
+ background-color: transparent !important;
+}
+a {
+ color: #DC143C;
+ text-decoration: none;
+ -webkit-transition: all .3s;
+ transition: all .3s;
+}
+a:hover {
+ text-decoration: underline;
+}
+#aak-notice {
+ font-family: arial;
+ color: #000;
+ font-size: 1em;
+ border: 1px solid #999;
+ border-radius: 3px;
+ width: 350px;
+ max-width: 350px;
+ min-height: 100px;
+ top: 0;
+ left: 0;
+ line-height: 1.2;
+ z-index: 999999;
+ position: fixed;
+ display: block;
+ margin: 0px;
+ background-color: #fff;
+ background-image: url(//raw.githubusercontent.com/reek/anti-adblock-killer/master/anti-adblock-killer-icon.png);
+ background-repeat: no-repeat;
+ background-position: 8px center;
+ background-size: 64px;
+}
+#aak-notice-content {
+ background-color: #fff;
+ width: 262px;
+ height: 80px;
+ min-height: 80px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ margin: 0px 10px 10px 80px;
+ padding: 0;
+ text-align: left;
+ vertical-align: middle;
+}
+#aak-notice-close {
+ background-color: #fff;
+ text-align: right;
+ cursor: pointer;
+ color: #999;
+ font-size: 1.5em;
+ font-weight: bold;
+ display: block;
+ line-height: 0px;
+ padding: 15px 7px 5px 0px;
+ -webkit-transition: all .3s;
+ transition: all .3s
+}
+#aak-notice-close:before {
+ content: "×";
+}
+#aak-notice-close:hover {
+ color: #DC143C;
+}
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000..56670f5
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,440 @@
+@charset=utf-8;
+@import url(//fonts.googleapis.com/css?family=Oswald);
+
+html {
+ background-color: #DC143C;
+}
+
+body {
+ font-family: "Oswald", Arial, Tahoma;
+ font-size: 1em;
+ margin: 0;
+ padding: 0;
+}
+
+h1 {
+ background: url("//raw.githubusercontent.com/reek/anti-adblock-killer/master/anti-adblock-killer-icon.png") no-repeat 50px 10px;
+ background-size: 48px 48px;
+ background-color: #DC143C;
+ color: #fff;
+ padding: 10px 110px;
+ font-size: 2em;
+ text-transform: uppercase;
+}
+
+h1 a {
+ color: #fff;
+}
+
+h2 {
+ font-weight: normal;
+ color: #DC143C;
+ margin: 3px 0px;
+ font-size: 1.9em;
+}
+
+h3 {
+ font-weight: normal;
+ color: #DC143C;
+ padding: 5px 20px;
+ margin: 3px 0px;
+ background-color: transparent;
+ text-transform: uppercase;
+ text-align: left;
+ border-bottom: 3px solid #DC143C;
+ font-size: 1.2em;
+}
+
+h5 {
+ font-weight: normal;
+ color: #000;
+ background-color: transparent;
+ text-transform: uppercase;
+ text-align: left;
+ text-decoration: none;
+ font-size: 1em;
+ border-bottom: 2px solid #000;
+}
+
+a {
+ text-decoration: none;
+ color: #DC143C;
+}
+
+ul {
+ list-style-type: square;
+ color: #fff;
+}
+
+input[type=checkbox].css-checkbox {
+ position: absolute;
+ z-index: -1000;
+ left: -1000px;
+ overflow: hidden;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ width: 1px;
+ margin: -1px;
+ padding: 0;
+ border: 0;
+}
+
+input[type=checkbox].css-checkbox + label.css-label {
+ padding-left: 22px;
+ height: 17px;
+ display: inline-block;
+ line-height: 17px;
+ background-repeat: no-repeat;
+ background-position: 0 0;
+ font-size: 17px;
+ vertical-align: middle;
+ cursor: pointer;
+}
+
+input[type=checkbox].css-checkbox:checked + label.css-label {
+ background-position: 0 -17px;
+}
+
+label.css-label {
+ background-image: url(../images/checkboxes.png);
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/* Mozilla based browsers */
+::-moz-selection {
+ background-color: #DC143C;
+ color: #fff;
+}
+
+/* Works in Safari */
+::selection {
+ background-color: #DC143C;
+ color: #fff;
+}
+
+.red {
+ color: #DC143C;
+}
+
+.grey {
+ color: #888;
+}
+
+.smallest {
+ font-size: .5em;
+}
+
+.small {
+ font-size: .8em;
+}
+
+.normal {
+ font-size: 1em;
+}
+
+.big {
+ font-size: 1.3em;
+}
+
+.bigest {
+ font-size: 1.5em;
+}
+
+.center {
+ text-align: center;
+}
+
+.left {
+ text-align: left;
+}
+
+.right {
+ text-align: right;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.code {
+ color: #888;
+ padding:0 2px;
+ background-color: #eee;
+ border: 1px solid #ddd;
+}
+
+.notice {
+ color: #F8D0D8;
+ margin: 3% 0%;
+ padding: 2%;
+ background-color: #FFF0F3;
+ border: 1px solid #DC143C;
+}
+
+.fieldset {
+ color: #666;
+ padding: 10px;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ margin: 10px 0;
+}
+
+.content {
+ padding: 10px 20px;
+ min-height: 500px;
+}
+
+.header {
+ background-color: #DC143C;
+ color: #fff;
+ padding-top: 15%;
+ min-height: 650px;
+ text-align: center;
+}
+
+.brand {
+ font-size: 3em;
+}
+
+.slogan {
+ font-size: 1.5em;
+}
+
+.section {
+ margin: 0px 50px 0px 50px;
+ background-color: #fff;
+ color: #000;
+}
+
+.section::before {
+ content: "";
+ display: block;
+ background-color: #DC143C;
+ background-image: url("../images/cut-left.png");
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ background-size: 100% 30px;
+ height: 30px;
+ width: 100%;
+}
+
+.section::after {
+ content: "";
+ display: block;
+ background-color: #DC143C;
+ background-image: url("../images/cut-bottom-right.png");
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ background-size: 100% 30px;
+ height: 30px;
+ width: 100%;
+}
+
+.button-alt {
+ font-size: 16px;
+ border: 2px solid #fff;
+ background-color: #DC143C;
+ color: #fff;
+ padding: 8px 16px;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.button-alt:hover {
+ background-color: #fff;
+ color: #DC143C;
+ text-decoration: none;
+ border: 2px solid #fff;
+}
+
+.button {
+ font-size: 16px;
+ border: 2px solid #DC143C;
+ background-color: #fff;
+ color: #DC143C;
+ padding: 8px 16px;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.button:hover {
+ color: #fff;
+ text-decoration: none;
+}
+
+.field {
+ padding: 10px 20px;
+ width: 40%;
+ border: 2px solid #ddd;
+ color: #666;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.field:focus,
+.filed-empty {
+ color: #000;
+ border: 2px solid #DC143C;
+}
+
+.field-list {
+ color: #DC143C;
+ font-size: 16px;
+ padding: 10px 20px;
+ width: 50%;
+ border: 2px solid #DC143C;
+}
+
+.footer {
+ background-color: #333;
+ color: #999;
+ padding: 20px 50px;
+ margin-top: 50px;
+ height:200px;
+}
+
+.listBox {
+
+}
+
+.listFloat {
+ float:left;
+ width:100px;
+ list-style-type: none;
+}
+
+.listTitle {
+ color: #fff;
+ text-decoration:underline;
+ text-transform: uppercase;
+}
+
+.listLink {
+ color: #999;
+}
+
+.listLink:hover {
+ color: #fff;
+}
+
+.copyright {
+ text-align:center;
+}
+
+/* #C61236 #FCE8EC #DC143C */
+#menu {
+ top: 10px;
+ left: 0px;
+ position: fixed;
+ z-index: 10;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+#menu .menu-wrap {
+ width: 50px;
+}
+
+#menu .menu-wrap:hover {
+ width: 150px;
+}
+
+#menu .menu-icon {
+ padding: 5px;
+ display: block;
+ text-decoration: none;
+ background-color: #DC143C;
+ height: 27px;
+ width: 40px;
+}
+
+#menu .menu-icon:hover {
+ background: rgba(0,0,0,.1);
+}
+
+#menu .menu-icon .line {
+ background-color: #fff;
+ border-radius: 1px;
+ height: 6px;
+ margin-bottom: 4px;
+ width: 40px;
+}
+
+#menu .menu-list {
+ padding: 0;
+ margin: 5px 0;
+ list-style: none;
+ text-align: left;
+ transition: all .5s;
+}
+
+#menu .menu-list li {
+ max-height: 0;
+ overflow: hidden;
+ background: #DC143C;
+ border: none;
+ margin: 0;
+}
+
+#menu .menu-list li a {
+ margin: 5px;
+ padding: 5px 10px;
+ color: #fff;
+ display: block;
+ width: 150px;
+ border-left: 6px solid #DC143C;
+}
+
+#menu .menu-list li a:hover {
+ background: rgba(0,0,0,.1);
+ color: white;
+ border-left: 6px solid white;
+}
+
+#menu .menu-wrap:hover li {
+ max-height: 15em;
+}
+
+#aak-settings-box {
+ display: none;
+}
+
+#alert {
+ /* some styles to position the modal at the center of the page */
+ display: none;
+ overflow: hidden;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 300px;
+ height: 200px;
+ margin-left: -150px;
+ margin-top: -100px;
+ background-color: #fff;
+ border: 5px solid #fff;
+ text-align: center;
+ /* needed styles for the overlay */
+ z-index: 10;
+ /* keep on top of other elements on the page */
+ outline: 9999px solid rgba(0,0,0,0.5);
+}
+
+#alert-content {
+ overflow: auto;
+ margin: 0 10px;
+ padding-top: 10px;
+ width: 280px;
+ background-color: #fff;
+ height: 100px;
+}
+
+#howto {
+ display:none;
+}
\ No newline at end of file
diff --git a/public/images/adblock_resources.png b/public/images/adblock_resources.png
new file mode 100644
index 0000000..5210422
Binary files /dev/null and b/public/images/adblock_resources.png differ
diff --git a/public/images/adblockplus_resources.png b/public/images/adblockplus_resources.png
new file mode 100644
index 0000000..ba96a85
Binary files /dev/null and b/public/images/adblockplus_resources.png differ
diff --git a/public/images/anti-adblock-killer-player-fw.png b/public/images/anti-adblock-killer-player-fw.png
new file mode 100644
index 0000000..201fe6f
Binary files /dev/null and b/public/images/anti-adblock-killer-player-fw.png differ
diff --git a/public/images/bait.png b/public/images/bait.png
new file mode 100644
index 0000000..b9c67b4
Binary files /dev/null and b/public/images/bait.png differ
diff --git a/public/images/bg_hr.png b/public/images/bg_hr.png
new file mode 100644
index 0000000..7973bd6
Binary files /dev/null and b/public/images/bg_hr.png differ
diff --git a/public/images/bitcoin.png b/public/images/bitcoin.png
new file mode 100644
index 0000000..75d0a75
Binary files /dev/null and b/public/images/bitcoin.png differ
diff --git a/public/images/blacktocat.png b/public/images/blacktocat.png
new file mode 100644
index 0000000..6e264fe
Binary files /dev/null and b/public/images/blacktocat.png differ
diff --git a/public/images/body-bg.png b/public/images/body-bg.png
new file mode 100644
index 0000000..d0618fe
Binary files /dev/null and b/public/images/body-bg.png differ
diff --git a/public/images/checkboxes.png b/public/images/checkboxes.png
new file mode 100644
index 0000000..e37aa00
Binary files /dev/null and b/public/images/checkboxes.png differ
diff --git a/public/images/chrome.png b/public/images/chrome.png
new file mode 100644
index 0000000..6196fc4
Binary files /dev/null and b/public/images/chrome.png differ
diff --git a/public/images/close.png b/public/images/close.png
new file mode 100644
index 0000000..a3bdc4c
Binary files /dev/null and b/public/images/close.png differ
diff --git a/public/images/close16.png b/public/images/close16.png
new file mode 100644
index 0000000..47611ce
Binary files /dev/null and b/public/images/close16.png differ
diff --git a/public/images/cut-bottom-right.png b/public/images/cut-bottom-right.png
new file mode 100644
index 0000000..c7f244b
Binary files /dev/null and b/public/images/cut-bottom-right.png differ
diff --git a/public/images/cut-left.png b/public/images/cut-left.png
new file mode 100644
index 0000000..de14224
Binary files /dev/null and b/public/images/cut-left.png differ
diff --git a/public/images/dogecoin.png b/public/images/dogecoin.png
new file mode 100644
index 0000000..a52c945
Binary files /dev/null and b/public/images/dogecoin.png differ
diff --git a/public/images/donate_circle_32.png b/public/images/donate_circle_32.png
new file mode 100644
index 0000000..47aa2f4
Binary files /dev/null and b/public/images/donate_circle_32.png differ
diff --git a/public/images/download.png b/public/images/download.png
new file mode 100644
index 0000000..c26d307
Binary files /dev/null and b/public/images/download.png differ
diff --git a/public/images/extensions.png b/public/images/extensions.png
new file mode 100644
index 0000000..3069b95
Binary files /dev/null and b/public/images/extensions.png differ
diff --git a/public/images/firefox.png b/public/images/firefox.png
new file mode 100644
index 0000000..552903a
Binary files /dev/null and b/public/images/firefox.png differ
diff --git a/public/images/flattr.png b/public/images/flattr.png
new file mode 100644
index 0000000..071aace
Binary files /dev/null and b/public/images/flattr.png differ
diff --git a/public/images/github_circle_32.png b/public/images/github_circle_32.png
new file mode 100644
index 0000000..0875ab5
Binary files /dev/null and b/public/images/github_circle_32.png differ
diff --git a/public/images/greasemonkey.png b/public/images/greasemonkey.png
new file mode 100644
index 0000000..fb922fb
Binary files /dev/null and b/public/images/greasemonkey.png differ
diff --git a/public/images/header-layer.png b/public/images/header-layer.png
new file mode 100644
index 0000000..5382e39
Binary files /dev/null and b/public/images/header-layer.png differ
diff --git a/public/images/header.png b/public/images/header.png
new file mode 100644
index 0000000..b0c3456
Binary files /dev/null and b/public/images/header.png differ
diff --git a/public/images/header_twitter.png b/public/images/header_twitter.png
new file mode 100644
index 0000000..d27b5b8
Binary files /dev/null and b/public/images/header_twitter.png differ
diff --git a/public/images/highlight-bg.jpg b/public/images/highlight-bg.jpg
new file mode 100644
index 0000000..4c4a78e
Binary files /dev/null and b/public/images/highlight-bg.jpg differ
diff --git a/public/images/hr.png b/public/images/hr.png
new file mode 100644
index 0000000..6c723a5
Binary files /dev/null and b/public/images/hr.png differ
diff --git a/public/images/icon.png b/public/images/icon.png
new file mode 100644
index 0000000..adb12a1
Binary files /dev/null and b/public/images/icon.png differ
diff --git a/public/images/icon_download.png b/public/images/icon_download.png
new file mode 100644
index 0000000..a2a287f
Binary files /dev/null and b/public/images/icon_download.png differ
diff --git a/public/images/ie.png b/public/images/ie.png
new file mode 100644
index 0000000..577dd73
Binary files /dev/null and b/public/images/ie.png differ
diff --git a/public/images/litecoin.png b/public/images/litecoin.png
new file mode 100644
index 0000000..a65bf2d
Binary files /dev/null and b/public/images/litecoin.png differ
diff --git a/public/images/logo_v1_layers.png b/public/images/logo_v1_layers.png
new file mode 100644
index 0000000..78dd7e8
Binary files /dev/null and b/public/images/logo_v1_layers.png differ
diff --git a/public/images/logo_v2_layers.png b/public/images/logo_v2_layers.png
new file mode 100644
index 0000000..a576ccb
Binary files /dev/null and b/public/images/logo_v2_layers.png differ
diff --git a/public/images/msedge.png b/public/images/msedge.png
new file mode 100644
index 0000000..72d16c1
Binary files /dev/null and b/public/images/msedge.png differ
diff --git a/public/images/ninjakit.png b/public/images/ninjakit.png
new file mode 100644
index 0000000..a0ce8fc
Binary files /dev/null and b/public/images/ninjakit.png differ
diff --git a/public/images/octocat-icon.png b/public/images/octocat-icon.png
new file mode 100644
index 0000000..f0ba137
Binary files /dev/null and b/public/images/octocat-icon.png differ
diff --git a/public/images/opera.png b/public/images/opera.png
new file mode 100644
index 0000000..2881744
Binary files /dev/null and b/public/images/opera.png differ
diff --git a/public/images/paypal.png b/public/images/paypal.png
new file mode 100644
index 0000000..b7dbcdf
Binary files /dev/null and b/public/images/paypal.png differ
diff --git a/public/images/safari.png b/public/images/safari.png
new file mode 100644
index 0000000..0a6cc88
Binary files /dev/null and b/public/images/safari.png differ
diff --git a/public/images/sprite_download.png b/public/images/sprite_download.png
new file mode 100644
index 0000000..f2babd5
Binary files /dev/null and b/public/images/sprite_download.png differ
diff --git a/public/images/tampermonkey.png b/public/images/tampermonkey.png
new file mode 100644
index 0000000..b6859b5
Binary files /dev/null and b/public/images/tampermonkey.png differ
diff --git a/public/images/tar-gz-icon.png b/public/images/tar-gz-icon.png
new file mode 100644
index 0000000..d50f34f
Binary files /dev/null and b/public/images/tar-gz-icon.png differ
diff --git a/public/images/test.png b/public/images/test.png
new file mode 100644
index 0000000..4c9564c
Binary files /dev/null and b/public/images/test.png differ
diff --git a/public/images/twitter.png b/public/images/twitter.png
new file mode 100644
index 0000000..5c63fdc
Binary files /dev/null and b/public/images/twitter.png differ
diff --git a/public/images/twitter_circle_32.png b/public/images/twitter_circle_32.png
new file mode 100644
index 0000000..4b84fa4
Binary files /dev/null and b/public/images/twitter_circle_32.png differ
diff --git a/public/images/ublock_resources.png b/public/images/ublock_resources.png
new file mode 100644
index 0000000..733704c
Binary files /dev/null and b/public/images/ublock_resources.png differ
diff --git a/public/images/userscripts.png b/public/images/userscripts.png
new file mode 100644
index 0000000..4a6f7a5
Binary files /dev/null and b/public/images/userscripts.png differ
diff --git a/public/images/zip-icon.png b/public/images/zip-icon.png
new file mode 100644
index 0000000..162c425
Binary files /dev/null and b/public/images/zip-icon.png differ
diff --git a/public/index.html b/public/index.html
index 30d74d2..d72252f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1 +1,323 @@
-test
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Anti-Adblock Killer Continued
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Anti-Adblock Killer Continued
+
+
+ Helps you keep your Ad-Blocker active, when you visit a website and it asks you to disable.
+
+
+ Composed of a user script «AakScript» written in javascript and a filter list «AakList» using the same syntax as lists AdBlock and AdBlock Plus, the two are complementary and unlock different website.
+
+
+ You can report a issue or contribute to the project by visiting the «GitLab» repository.
+
+
+
Note
+
+ THIS IS NOT A UNIVERSAL SOLUTION FOR ALL ANTI ADBLOCK SCRIPTS
+
+
+
+
+
+
+
+
+
+
+
+
Please head over to GitLab for install instructions
+
+
+
Compatible
+
+
Firefox, Chrome, Opera, Safari, Edge
+
+
+
+
+
+
+
+
+
+
+
Please head over to GitLab for install instructions
+
+
+
Compatible
+
+
Adblock, Adblock Plus, uBlock Origin, Adguard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Your Configuration
+
+
+
General
+
+
+
Debug
+
+
+
+ Save
+
+
+
+
* youwatch.org, biztok.pl, wp.tv, wp.pl, sportowefakty.pl, kafeteria.tv, .wrzuta.pl, pudelek.tv, komediowo.pl, sfora.pl, autokrata.pl, sportfan.pl, wawalove.pl, hotmoney.pl, aleseriale.pl, babol.pl, snobka.pl, nocoty.pl, money.pl, tvn.pl, tvn24.pl, player.pl, ipla.tv, m6web.fr, myspass.de, vgtv.no
+
** tvn.pl, tvn24.pl, player.pl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file