@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.wow-infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes wowbounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 wowbounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .wow-infinite.bounce { -webkit-animation-name: wowbounce; animation-name: wowbounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes wowflash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes wowflash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .wow-infinite.flash { -webkit-animation-name: wowflash; animation-name: wowflash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wowpulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes wowpulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .wow-infinite.pulse { -webkit-animation-name: wowpulse; animation-name: wowpulse; } @-webkit-keyframes wowrubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes wowrubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .wow-infinite.rubberBand { -webkit-animation-name: wowrubberBand; animation-name: wowrubberBand; } @-webkit-keyframes wowshake { from, to { -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 wowshake { from, to { -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); } } .wow-infinite.shake { -webkit-animation-name: wowshake; animation-name: wowshake; } @-webkit-keyframes wowheadShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes wowheadShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .wow-infinite.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: wowheadShake; animation-name: wowheadShake; } @-webkit-keyframes wowswing { 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); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes wowswing { 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); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .wow-infinite.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: wowswing; animation-name: wowswing; } @-webkit-keyframes wowtada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes wowtada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .wow-infinite.tada { -webkit-animation-name: wowtada; animation-name: wowtada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wowwobble { from { -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); } to { -webkit-transform: none; transform: none; } } @keyframes wowwobble { from { -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); } to { -webkit-transform: none; transform: none; } } .wow-infinite.wobble { -webkit-animation-name: wowwobble; animation-name: wowwobble; } @-webkit-keyframes wowjello { from, 11.1%, to { -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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes wowjello { from, 11.1%, to { -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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .wow-infinite.jello { -webkit-animation-name: wowjello; animation-name: wowjello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceright { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: rotate(90deg) translate3d(0,0,0); transform: rotate(90deg) translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(90deg) translate3d(0, -30px, 0); transform: rotate(90deg) translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(90deg) translate3d(0, -15px, 0); transform: rotate(90deg) translate3d(0, -15px, 0); } 90% { -webkit-transform: rotate(90deg) translate3d(0,-4px,0); transform: rotate(90deg) translate3d(0,-4px,0); } } @keyframes bounceright { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: rotate(90deg) translate3d(0,0,0); transform: rotate(90deg) translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(90deg) translate3d(0, -30px, 0); transform: rotate(90deg) translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(90deg) translate3d(0, -15px, 0); transform: rotate(90deg) translate3d(0, -15px, 0); } 90% { -webkit-transform: rotate(90deg) translate3d(0,-4px,0); transform: rotate(90deg) translate3d(0,-4px,0); } } .bounceright { -webkit-animation-name: bounceright; animation-name: bounceright; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flashright { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flashright { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flashright { -webkit-animation-name: flashright; animation-name: flashright; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulseright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 50% { -webkit-transform: rotate(90deg) scale3d(1.05, 1.05, 1.05); transform: rotate(90deg) scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } @keyframes pulseright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 50% { -webkit-transform: rotate(90deg) scale3d(1.05, 1.05, 1.05); transform: rotate(90deg) scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } .pulseright { -webkit-animation-name: pulseright; animation-name: pulseright; } @-webkit-keyframes rubberBandright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 30% { -webkit-transform: rotate(90deg) scale3d(1.25, 0.75, 1); transform: rotate(90deg) scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: rotate(90deg) scale3d(0.75, 1.25, 1); transform: rotate(90deg) scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: rotate(90deg) scale3d(1.15, 0.85, 1); transform: rotate(90deg) scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: rotate(90deg) scale3d(.95, 1.05, 1); transform: rotate(90deg) scale3d(.95, 1.05, 1); } 75% { -webkit-transform: rotate(90deg) scale3d(1.05, .95, 1); transform: rotate(90deg) scale3d(1.05, .95, 1); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } @keyframes rubberBandright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 30% { -webkit-transform: rotate(90deg) scale3d(1.25, 0.75, 1); transform: rotate(90deg) scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: rotate(90deg) scale3d(0.75, 1.25, 1); transform: rotate(90deg) scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: rotate(90deg) scale3d(1.15, 0.85, 1); transform: rotate(90deg) scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: rotate(90deg) scale3d(.95, 1.05, 1); transform: rotate(90deg) scale3d(.95, 1.05, 1); } 75% { -webkit-transform: rotate(90deg) scale3d(1.05, .95, 1); transform: rotate(90deg) scale3d(1.05, .95, 1); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } .rubberBandright { -webkit-animation-name: rubberBandright; animation-name: rubberBandright; } @-webkit-keyframes shakeright { from, to { -webkit-transform: rotate(90deg) translate3d(0, 0, 0); transform: rotate(90deg) translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(90deg) translate3d(-10px, 0, 0); transform: rotate(90deg) translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: rotate(90deg) translate3d(10px, 0, 0); transform: rotate(90deg) translate3d(10px, 0, 0); } } @keyframes shakeright { from, to { -webkit-transform: rotate(90deg) translate3d(0, 0, 0); transform: rotate(90deg) translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(90deg) translate3d(-10px, 0, 0); transform: rotate(90deg) translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: rotate(90deg) translate3d(10px, 0, 0); transform: rotate(90deg) translate3d(10px, 0, 0); } } .shakeright { -webkit-animation-name: shakeright; animation-name: shakeright; } @-webkit-keyframes headShakeright { 0% { -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); } 6.5% { -webkit-transform: rotate(90deg) translateX(-6px) rotateY(-9deg); transform: rotate(90deg) translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: rotate(90deg) translateX(5px) rotateY(7deg); transform: rotate(90deg) translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: rotate(90deg) translateX(-3px) rotateY(-5deg); transform: rotate(90deg) translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: rotate(90deg) translateX(2px) rotateY(3deg); transform: rotate(90deg) translateX(2px) rotateY(3deg); } 50% { -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); } } @keyframes headShakeright { 0% { -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); } 6.5% { -webkit-transform: rotate(90deg) translateX(-6px) rotateY(-9deg); transform: rotate(90deg) translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: rotate(90deg) translateX(5px) rotateY(7deg); transform: rotate(90deg) translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: rotate(90deg) translateX(-3px) rotateY(-5deg); transform: rotate(90deg) translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: rotate(90deg) translateX(2px) rotateY(3deg); transform: rotate(90deg) translateX(2px) rotateY(3deg); } 50% { -webkit-transform: rotate(90deg) translateX(0); transform: rotate(90deg) translateX(0); } } .headShakeright { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShakeright; animation-name: headShakeright; } @-webkit-keyframes swingright { 20% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 15deg); transform: rotate(90deg) rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, -10deg); transform: rotate(90deg) rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 5deg); transform: rotate(90deg) rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, -5deg); transform: rotate(90deg) rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 0deg); transform: rotate(90deg) rotate3d(0, 0, 1, 0deg); } } @keyframes swingright { 20% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 15deg); transform: rotate(90deg) rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, -10deg); transform: rotate(90deg) rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 5deg); transform: rotate(90deg) rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, -5deg); transform: rotate(90deg) rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate(90deg) rotate3d(0, 0, 1, 0deg); transform: rotate(90deg) rotate3d(0, 0, 1, 0deg); } } .swingright { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swingright; animation-name: swingright; } @-webkit-keyframes tadaright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate(90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } @keyframes tadaright { from { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate(90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: rotate(90deg) scale3d(1, 1, 1); transform: rotate(90deg) scale3d(1, 1, 1); } } .tadaright { -webkit-animation-name: tadaright; animation-name: tadaright; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobbleright { from { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } 15% { -webkit-transform: rotate(90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: rotate(90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: rotate(90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: rotate(90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: rotate(90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: rotate(90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: rotate(90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: rotate(90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: rotate(90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } } @keyframes wobbleright { from { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } 15% { -webkit-transform: rotate(90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: rotate(90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: rotate(90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: rotate(90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: rotate(90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: rotate(90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: rotate(90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: rotate(90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: rotate(90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: rotate(90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } } .wobbleright { -webkit-animation-name: wobbleright; animation-name: wobbleright; } @-webkit-keyframes jelloright { from, 11.1%, to { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } 22.2% { -webkit-transform: rotate(90deg) skewX(-12.5deg) skewY(-12.5deg); transform: rotate(90deg) skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: rotate(90deg) skewX(6.25deg) skewY(6.25deg); transform: rotate(90deg) skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: rotate(90deg) skewX(-3.125deg) skewY(-3.125deg); transform: rotate(90deg) skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: rotate(90deg) skewX(1.5625deg) skewY(1.5625deg); transform: rotate(90deg) skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: rotate(90deg) skewX(-0.78125deg) skewY(-0.78125deg); transform: rotate(90deg) skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: rotate(90deg) skewX(0.390625deg) skewY(0.390625deg); transform: rotate(90deg) skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: rotate(90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); transform: rotate(90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jelloright { from, 11.1%, to { -webkit-transform: rotate(90deg) none; transform: rotate(90deg) none; } 22.2% { -webkit-transform: rotate(90deg) skewX(-12.5deg) skewY(-12.5deg); transform: rotate(90deg) skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: rotate(90deg) skewX(6.25deg) skewY(6.25deg); transform: rotate(90deg) skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: rotate(90deg) skewX(-3.125deg) skewY(-3.125deg); transform: rotate(90deg) skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: rotate(90deg) skewX(1.5625deg) skewY(1.5625deg); transform: rotate(90deg) skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: rotate(90deg) skewX(-0.78125deg) skewY(-0.78125deg); transform: rotate(90deg) skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: rotate(90deg) skewX(0.390625deg) skewY(0.390625deg); transform: rotate(90deg) skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: rotate(90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); transform: rotate(90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jelloright { -webkit-animation-name: jelloright; animation-name: jelloright; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceleft { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: rotate(-90deg) translate3d(0,0,0); transform: rotate(-90deg) translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(-90deg) translate3d(0, -30px, 0); transform: rotate(-90deg) translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(-90deg) translate3d(0, -15px, 0); transform: rotate(-90deg) translate3d(0, -15px, 0); } 90% { -webkit-transform: rotate(-90deg) translate3d(0,-4px,0); transform: rotate(-90deg) translate3d(0,-4px,0); } } @keyframes bounceleft { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: rotate(-90deg) translate3d(0,0,0); transform: rotate(-90deg) translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(-90deg) translate3d(0, -30px, 0); transform: rotate(-90deg) translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: rotate(-90deg) translate3d(0, -15px, 0); transform: rotate(-90deg) translate3d(0, -15px, 0); } 90% { -webkit-transform: rotate(-90deg) translate3d(0,-4px,0); transform: rotate(-90deg) translate3d(0,-4px,0); } } .bounceleft { -webkit-animation-name: bounceleft; animation-name: bounceleft; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flashleft { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flashleft { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flashleft { -webkit-animation-name: flashleft; animation-name: flashleft; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulseleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 50% { -webkit-transform: rotate(-90deg) scale3d(1.05, 1.05, 1.05); transform: rotate(-90deg) scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } @keyframes pulseleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 50% { -webkit-transform: rotate(-90deg) scale3d(1.05, 1.05, 1.05); transform: rotate(-90deg) scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } .pulseleft { -webkit-animation-name: pulseleft; animation-name: pulseleft; } @-webkit-keyframes rubberBandleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 30% { -webkit-transform: rotate(-90deg) scale3d(1.25, 0.75, 1); transform: rotate(-90deg) scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: rotate(-90deg) scale3d(0.75, 1.25, 1); transform: rotate(-90deg) scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: rotate(-90deg) scale3d(1.15, 0.85, 1); transform: rotate(-90deg) scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: rotate(-90deg) scale3d(.95, 1.05, 1); transform: rotate(-90deg) scale3d(.95, 1.05, 1); } 75% { -webkit-transform: rotate(-90deg) scale3d(1.05, .95, 1); transform: rotate(-90deg) scale3d(1.05, .95, 1); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } @keyframes rubberBandleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 30% { -webkit-transform: rotate(-90deg) scale3d(1.25, 0.75, 1); transform: rotate(-90deg) scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: rotate(-90deg) scale3d(0.75, 1.25, 1); transform: rotate(-90deg) scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: rotate(-90deg) scale3d(1.15, 0.85, 1); transform: rotate(-90deg) scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: rotate(-90deg) scale3d(.95, 1.05, 1); transform: rotate(-90deg) scale3d(.95, 1.05, 1); } 75% { -webkit-transform: rotate(-90deg) scale3d(1.05, .95, 1); transform: rotate(-90deg) scale3d(1.05, .95, 1); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } .rubberBandleft { -webkit-animation-name: rubberBandleft; animation-name: rubberBandleft; } @-webkit-keyframes shakeleft { from, to { -webkit-transform: rotate(-90deg) translate3d(0, 0, 0); transform: rotate(-90deg) translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(-90deg) translate3d(-10px, 0, 0); transform: rotate(-90deg) translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0); transform: rotate(-90deg) translate3d(10px, 0, 0); } } @keyframes shakeleft { from, to { -webkit-transform: rotate(-90deg) translate3d(0, 0, 0); transform: rotate(-90deg) translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: rotate(-90deg) translate3d(-10px, 0, 0); transform: rotate(-90deg) translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0); transform: rotate(-90deg) translate3d(10px, 0, 0); } } .shakeleft { -webkit-animation-name: shakeleft; animation-name: shakeleft; } @-webkit-keyframes headShakeleft { 0% { -webkit-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); } 6.5% { -webkit-transform: rotate(-90deg) translateX(-6px) rotateY(-9deg); transform: rotate(-90deg) translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: rotate(-90deg) translateX(5px) rotateY(7deg); transform: rotate(-90deg) translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: rotate(-90deg) translateX(-3px) rotateY(-5deg); transform: rotate(-90deg) translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: rotate(-90deg) translateX(2px) rotateY(3deg); transform: rotate(-90deg) translateX(2px) rotateY(3deg); } 50% { -webkit-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); } } @keyframes headShakeleft { 0% { -webkit-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); } 6.5% { -webkit-transform: rotate(-90deg) translateX(-6px) rotateY(-9deg); transform: rotate(-90deg) translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: rotate(-90deg) translateX(5px) rotateY(7deg); transform: rotate(-90deg) translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: rotate(-90deg) translateX(-3px) rotateY(-5deg); transform: rotate(-90deg) translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: rotate(-90deg) translateX(2px) rotateY(3deg); transform: rotate(-90deg) translateX(2px) rotateY(3deg); } 50% { -webkit-transform: rotate(-90deg) translateX(0); transform: rotate(-90deg) translateX(0); } } .headShakeleft { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShakeleft; animation-name: headShakeleft; } @-webkit-keyframes swingleft { 20% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 15deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, -10deg); transform: rotate(-90deg) rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 5deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, -5deg); transform: rotate(-90deg) rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 0deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 0deg); } } @keyframes swingleft { 20% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 15deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, -10deg); transform: rotate(-90deg) rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 5deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, -5deg); transform: rotate(-90deg) rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate(-90deg) rotate3d(0, 0, 1, 0deg); transform: rotate(-90deg) rotate3d(0, 0, 1, 0deg); } } .swingleft { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swingleft; animation-name: swingleft; } @-webkit-keyframes tadaleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate(-90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } @keyframes tadaleft { from { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate(-90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: rotate(-90deg) scale3d(1, 1, 1); transform: rotate(-90deg) scale3d(1, 1, 1); } } .tadaleft { -webkit-animation-name: tadaleft; animation-name: tadaleft; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobbleleft { from { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } 15% { -webkit-transform: rotate(-90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: rotate(-90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: rotate(-90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: rotate(-90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: rotate(-90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: rotate(-90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: rotate(-90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: rotate(-90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: rotate(-90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } } @keyframes wobbleleft { from { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } 15% { -webkit-transform: rotate(-90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: rotate(-90deg) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: rotate(-90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: rotate(-90deg) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: rotate(-90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: rotate(-90deg) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: rotate(-90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: rotate(-90deg) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: rotate(-90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: rotate(-90deg) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } } .wobbleleft { -webkit-animation-name: wobbleleft; animation-name: wobbleleft; } @-webkit-keyframes jelloleft { from, 11.1%, to { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } 22.2% { -webkit-transform: rotate(-90deg) skewX(-12.5deg) skewY(-12.5deg); transform: rotate(-90deg) skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: rotate(-90deg) skewX(6.25deg) skewY(6.25deg); transform: rotate(-90deg) skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: rotate(-90deg) skewX(-3.125deg) skewY(-3.125deg); transform: rotate(-90deg) skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: rotate(-90deg) skewX(1.5625deg) skewY(1.5625deg); transform: rotate(-90deg) skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: rotate(-90deg) skewX(-0.78125deg) skewY(-0.78125deg); transform: rotate(-90deg) skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: rotate(-90deg) skewX(0.390625deg) skewY(0.390625deg); transform: rotate(-90deg) skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: rotate(-90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); transform: rotate(-90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jelloleft { from, 11.1%, to { -webkit-transform: rotate(-90deg) none; transform: rotate(-90deg) none; } 22.2% { -webkit-transform: rotate(-90deg) skewX(-12.5deg) skewY(-12.5deg); transform: rotate(-90deg) skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: rotate(-90deg) skewX(6.25deg) skewY(6.25deg); transform: rotate(-90deg) skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: rotate(-90deg) skewX(-3.125deg) skewY(-3.125deg); transform: rotate(-90deg) skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: rotate(-90deg) skewX(1.5625deg) skewY(1.5625deg); transform: rotate(-90deg) skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: rotate(-90deg) skewX(-0.78125deg) skewY(-0.78125deg); transform: rotate(-90deg) skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: rotate(-90deg) skewX(0.390625deg) skewY(0.390625deg); transform: rotate(-90deg) skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: rotate(-90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); transform: rotate(-90deg) skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jelloleft { -webkit-animation-name: jelloleft; animation-name: jelloleft; -webkit-transform-origin: center; transform-origin: center; }