Line 10,399: | Line 10,399: | ||
</script> | </script> | ||
+ | <style> | ||
+ | @charset "UTF-8"; | ||
+ | /*! | ||
+ | * animate.css -http://daneden.me/animate | ||
+ | * Version - 3.6.0 | ||
+ | * Licensed under the MIT license - http://opensource.org/licenses/MIT | ||
+ | * | ||
+ | * Copyright (c) 2018 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; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounce { | ||
+ | from, | ||
+ | 20%, | ||
+ | 53%, | ||
+ | 80%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 40%, | ||
+ | 43% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | -webkit-transform: translate3d(0, -30px, 0); | ||
+ | transform: translate3d(0, -30px, 0); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | -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 { | ||
+ | from, | ||
+ | 20%, | ||
+ | 53%, | ||
+ | 80%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 40%, | ||
+ | 43% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | -webkit-transform: translate3d(0, -30px, 0); | ||
+ | transform: translate3d(0, -30px, 0); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); | ||
+ | -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 { | ||
+ | from, | ||
+ | 50%, | ||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 25%, | ||
+ | 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flash { | ||
+ | from, | ||
+ | 50%, | ||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 25%, | ||
+ | 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flash { | ||
+ | -webkit-animation-name: flash; | ||
+ | animation-name: flash; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes pulse { | ||
+ | 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 pulse { | ||
+ | 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); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .pulse { | ||
+ | -webkit-animation-name: pulse; | ||
+ | animation-name: pulse; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rubberBand { | ||
+ | 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(0.95, 1.05, 1); | ||
+ | transform: scale3d(0.95, 1.05, 1); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: scale3d(1.05, 0.95, 1); | ||
+ | transform: scale3d(1.05, 0.95, 1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rubberBand { | ||
+ | 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(0.95, 1.05, 1); | ||
+ | transform: scale3d(0.95, 1.05, 1); | ||
+ | } | ||
+ | |||
+ | 75% { | ||
+ | -webkit-transform: scale3d(1.05, 0.95, 1); | ||
+ | transform: scale3d(1.05, 0.95, 1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rubberBand { | ||
+ | -webkit-animation-name: rubberBand; | ||
+ | animation-name: rubberBand; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes shake { | ||
+ | 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 shake { | ||
+ | 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); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .shake { | ||
+ | -webkit-animation-name: shake; | ||
+ | animation-name: shake; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes headShake { | ||
+ | 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 headShake { | ||
+ | 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); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .headShake { | ||
+ | -webkit-animation-timing-function: ease-in-out; | ||
+ | animation-timing-function: ease-in-out; | ||
+ | -webkit-animation-name: headShake; | ||
+ | animation-name: headShake; | ||
+ | } | ||
+ | |||
+ | @-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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 10%, | ||
+ | 20% { | ||
+ | -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(0.9, 0.9, 0.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 tada { | ||
+ | from { | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | |||
+ | 10%, | ||
+ | 20% { | ||
+ | -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); | ||
+ | transform: scale3d(0.9, 0.9, 0.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); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .tada { | ||
+ | -webkit-animation-name: tada; | ||
+ | animation-name: tada; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes wobble { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 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: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes wobble { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 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: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .wobble { | ||
+ | -webkit-animation-name: wobble; | ||
+ | animation-name: wobble; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes jello { | ||
+ | from, | ||
+ | 11.1%, | ||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 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 jello { | ||
+ | from, | ||
+ | 11.1%, | ||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | 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); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .jello { | ||
+ | -webkit-animation-name: jello; | ||
+ | animation-name: jello; | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceIn { | ||
+ | from, | ||
+ | 20%, | ||
+ | 40%, | ||
+ | 60%, | ||
+ | 80%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | 20% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(0.9, 0.9, 0.9); | ||
+ | transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); | ||
+ | transform: scale3d(0.97, 0.97, 0.97); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceIn { | ||
+ | from, | ||
+ | 20%, | ||
+ | 40%, | ||
+ | 60%, | ||
+ | 80%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | 0% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | 20% { | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: scale3d(0.9, 0.9, 0.9); | ||
+ | transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); | ||
+ | transform: scale3d(0.97, 0.97, 0.97); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1, 1, 1); | ||
+ | transform: scale3d(1, 1, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceIn { | ||
+ | -webkit-animation-duration: 0.75s; | ||
+ | animation-duration: 0.75s; | ||
+ | -webkit-animation-name: bounceIn; | ||
+ | animation-name: bounceIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInDown { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInDown { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInDown { | ||
+ | -webkit-animation-name: bounceInDown; | ||
+ | animation-name: bounceInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInLeft { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInLeft { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInLeft { | ||
+ | -webkit-animation-name: bounceInLeft; | ||
+ | animation-name: bounceInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInRight { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInRight { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceInRight { | ||
+ | -webkit-animation-name: bounceInRight; | ||
+ | animation-name: bounceInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes bounceInUp { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceInUp { | ||
+ | from, | ||
+ | 60%, | ||
+ | 75%, | ||
+ | 90%, | ||
+ | to { | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | from { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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(0.9, 0.9, 0.9); | ||
+ | transform: scale3d(0.9, 0.9, 0.9); | ||
+ | } | ||
+ | |||
+ | 50%, | ||
+ | 55% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes bounceOut { | ||
+ | 20% { | ||
+ | -webkit-transform: scale3d(0.9, 0.9, 0.9); | ||
+ | transform: scale3d(0.9, 0.9, 0.9); | ||
+ | } | ||
+ | |||
+ | 50%, | ||
+ | 55% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(1.1, 1.1, 1.1); | ||
+ | transform: scale3d(1.1, 1.1, 1.1); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOut { | ||
+ | -webkit-animation-duration: 0.75s; | ||
+ | animation-duration: 0.75s; | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .bounceOutUp { | ||
+ | -webkit-animation-name: bounceOutUp; | ||
+ | animation-name: bounceOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeIn { | ||
+ | -webkit-animation-name: fadeIn; | ||
+ | animation-name: fadeIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInDown { | ||
+ | -webkit-animation-name: fadeInDown; | ||
+ | animation-name: fadeInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInDownBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInDownBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInDownBig { | ||
+ | -webkit-animation-name: fadeInDownBig; | ||
+ | animation-name: fadeInDownBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInLeft { | ||
+ | -webkit-animation-name: fadeInLeft; | ||
+ | animation-name: fadeInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInLeftBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInLeftBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInLeftBig { | ||
+ | -webkit-animation-name: fadeInLeftBig; | ||
+ | animation-name: fadeInLeftBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInRight { | ||
+ | -webkit-animation-name: fadeInRight; | ||
+ | animation-name: fadeInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInRightBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInRightBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInRightBig { | ||
+ | -webkit-animation-name: fadeInRightBig; | ||
+ | animation-name: fadeInRightBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInUp { | ||
+ | -webkit-animation-name: fadeInUp; | ||
+ | animation-name: fadeInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeInUpBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeInUpBig { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeInUpBig { | ||
+ | -webkit-animation-name: fadeInUpBig; | ||
+ | animation-name: fadeInUpBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOut { | ||
+ | -webkit-animation-name: fadeOut; | ||
+ | animation-name: fadeOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutDown { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutDown { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutDown { | ||
+ | -webkit-animation-name: fadeOutDown; | ||
+ | animation-name: fadeOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutDownBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutDownBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, 2000px, 0); | ||
+ | transform: translate3d(0, 2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutDownBig { | ||
+ | -webkit-animation-name: fadeOutDownBig; | ||
+ | animation-name: fadeOutDownBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutLeft { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutLeft { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutLeft { | ||
+ | -webkit-animation-name: fadeOutLeft; | ||
+ | animation-name: fadeOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutLeftBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutLeftBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-2000px, 0, 0); | ||
+ | transform: translate3d(-2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutLeftBig { | ||
+ | -webkit-animation-name: fadeOutLeftBig; | ||
+ | animation-name: fadeOutLeftBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutRight { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutRight { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutRight { | ||
+ | -webkit-animation-name: fadeOutRight; | ||
+ | animation-name: fadeOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutRightBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutRightBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(2000px, 0, 0); | ||
+ | transform: translate3d(2000px, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutRightBig { | ||
+ | -webkit-animation-name: fadeOutRightBig; | ||
+ | animation-name: fadeOutRightBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutUp { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutUp { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutUp { | ||
+ | -webkit-animation-name: fadeOutUp; | ||
+ | animation-name: fadeOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeOutUpBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes fadeOutUpBig { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(0, -2000px, 0); | ||
+ | transform: translate3d(0, -2000px, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .fadeOutUpBig { | ||
+ | -webkit-animation-name: fadeOutUpBig; | ||
+ | animation-name: fadeOutUpBig; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flip { | ||
+ | from { | ||
+ | -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(0.95, 0.95, 0.95); | ||
+ | transform: perspective(400px) scale3d(0.95, 0.95, 0.95); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flip { | ||
+ | from { | ||
+ | -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(0.95, 0.95, 0.95); | ||
+ | transform: perspective(400px) scale3d(0.95, 0.95, 0.95); | ||
+ | -webkit-animation-timing-function: ease-in; | ||
+ | animation-timing-function: ease-in; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipInX { | ||
+ | from { | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px); | ||
+ | transform: perspective(400px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipInY { | ||
+ | from { | ||
+ | -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); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipOutX { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipOutX { | ||
+ | -webkit-animation-duration: 0.75s; | ||
+ | animation-duration: 0.75s; | ||
+ | -webkit-animation-name: flipOutX; | ||
+ | animation-name: flipOutX; | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes flipOutY { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes flipOutY { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .flipOutY { | ||
+ | -webkit-animation-duration: 0.75s; | ||
+ | animation-duration: 0.75s; | ||
+ | -webkit-backface-visibility: visible !important; | ||
+ | backface-visibility: visible !important; | ||
+ | -webkit-animation-name: flipOutY; | ||
+ | animation-name: flipOutY; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes lightSpeedIn { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes lightSpeedIn { | ||
+ | from { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .lightSpeedIn { | ||
+ | -webkit-animation-name: lightSpeedIn; | ||
+ | animation-name: lightSpeedIn; | ||
+ | -webkit-animation-timing-function: ease-out; | ||
+ | animation-timing-function: ease-out; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes lightSpeedOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | transform: translate3d(100%, 0, 0) skewX(30deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes lightSpeedOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -200deg); | ||
+ | transform: rotate3d(0, 0, 1, -200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateIn { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -200deg); | ||
+ | transform: rotate3d(0, 0, 1, -200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateIn { | ||
+ | -webkit-animation-name: rotateIn; | ||
+ | animation-name: rotateIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInDownLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -45deg); | ||
+ | transform: rotate3d(0, 0, 1, -45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInDownLeft { | ||
+ | -webkit-animation-name: rotateInDownLeft; | ||
+ | animation-name: rotateInDownLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInDownRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInDownRight { | ||
+ | -webkit-animation-name: rotateInDownRight; | ||
+ | animation-name: rotateInDownRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInUpLeft { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 45deg); | ||
+ | transform: rotate3d(0, 0, 1, 45deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInUpLeft { | ||
+ | -webkit-animation-name: rotateInUpLeft; | ||
+ | animation-name: rotateInUpLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateInUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -90deg); | ||
+ | transform: rotate3d(0, 0, 1, -90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateInUpRight { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, -90deg); | ||
+ | transform: rotate3d(0, 0, 1, -90deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rotateInUpRight { | ||
+ | -webkit-animation-name: rotateInUpRight; | ||
+ | animation-name: rotateInUpRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes rotateOut { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | -webkit-transform: rotate3d(0, 0, 1, 200deg); | ||
+ | transform: rotate3d(0, 0, 1, 200deg); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rotateOut { | ||
+ | from { | ||
+ | -webkit-transform-origin: center; | ||
+ | transform-origin: center; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: left bottom; | ||
+ | transform-origin: left bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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 { | ||
+ | from { | ||
+ | -webkit-transform-origin: right bottom; | ||
+ | transform-origin: right bottom; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -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; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 700px, 0); | ||
+ | transform: translate3d(0, 700px, 0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .hinge { | ||
+ | -webkit-animation-duration: 2s; | ||
+ | animation-duration: 2s; | ||
+ | -webkit-animation-name: hinge; | ||
+ | animation-name: hinge; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes jackInTheBox { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) rotate(30deg); | ||
+ | transform: scale(0.1) rotate(30deg); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: rotate(-10deg); | ||
+ | transform: rotate(-10deg); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-transform: rotate(3deg); | ||
+ | transform: rotate(3deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale(1); | ||
+ | transform: scale(1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes jackInTheBox { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) rotate(30deg); | ||
+ | transform: scale(0.1) rotate(30deg); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | -webkit-transform: rotate(-10deg); | ||
+ | transform: rotate(-10deg); | ||
+ | } | ||
+ | |||
+ | 70% { | ||
+ | -webkit-transform: rotate(3deg); | ||
+ | transform: rotate(3deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale(1); | ||
+ | transform: scale(1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .jackInTheBox { | ||
+ | -webkit-animation-name: jackInTheBox; | ||
+ | animation-name: jackInTheBox; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes rollIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes rollIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .rollIn { | ||
+ | -webkit-animation-name: rollIn; | ||
+ | animation-name: rollIn; | ||
+ | } | ||
+ | |||
+ | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ | ||
+ | |||
+ | @-webkit-keyframes rollOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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 { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | 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 { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomIn { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomIn { | ||
+ | -webkit-animation-name: zoomIn; | ||
+ | animation-name: zoomIn; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInDown { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInDown { | ||
+ | -webkit-animation-name: zoomInDown; | ||
+ | animation-name: zoomInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInLeft { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInLeft { | ||
+ | -webkit-animation-name: zoomInLeft; | ||
+ | animation-name: zoomInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInRight { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInRight { | ||
+ | -webkit-animation-name: zoomInRight; | ||
+ | animation-name: zoomInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomInUp { | ||
+ | from { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | 60% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomInUp { | ||
+ | -webkit-animation-name: zoomInUp; | ||
+ | animation-name: zoomInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOut { | ||
+ | from { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | 50% { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.3, 0.3, 0.3); | ||
+ | transform: scale3d(0.3, 0.3, 0.3); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOut { | ||
+ | -webkit-animation-name: zoomOut; | ||
+ | animation-name: zoomOut; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutDown { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutDown { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutDown { | ||
+ | -webkit-animation-name: zoomOutDown; | ||
+ | animation-name: zoomOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes zoomOutLeft { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); | ||
+ | transform: scale(0.1) translate3d(-2000px, 0, 0); | ||
+ | -webkit-transform-origin: left center; | ||
+ | transform-origin: left center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutLeft { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); | ||
+ | transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); | ||
+ | transform: scale(0.1) translate3d(2000px, 0, 0); | ||
+ | -webkit-transform-origin: right center; | ||
+ | transform-origin: right center; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutRight { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); | ||
+ | transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes zoomOutUp { | ||
+ | 40% { | ||
+ | opacity: 1; | ||
+ | -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | opacity: 0; | ||
+ | -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); | ||
+ | transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); | ||
+ | -webkit-transform-origin: center bottom; | ||
+ | transform-origin: center bottom; | ||
+ | -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .zoomOutUp { | ||
+ | -webkit-animation-name: zoomOutUp; | ||
+ | animation-name: zoomOutUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInDown { | ||
+ | -webkit-animation-name: slideInDown; | ||
+ | animation-name: slideInDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInLeft { | ||
+ | -webkit-animation-name: slideInLeft; | ||
+ | animation-name: slideInLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInRight { | ||
+ | -webkit-animation-name: slideInRight; | ||
+ | animation-name: slideInRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideInUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideInUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideInUp { | ||
+ | -webkit-animation-name: slideInUp; | ||
+ | animation-name: slideInUp; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutDown { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, 100%, 0); | ||
+ | transform: translate3d(0, 100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutDown { | ||
+ | -webkit-animation-name: slideOutDown; | ||
+ | animation-name: slideOutDown; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutLeft { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutLeft { | ||
+ | -webkit-animation-name: slideOutLeft; | ||
+ | animation-name: slideOutLeft; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutRight { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutRight { | ||
+ | -webkit-animation-name: slideOutRight; | ||
+ | animation-name: slideOutRight; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes slideOutUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes slideOutUp { | ||
+ | from { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | to { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, -100%, 0); | ||
+ | transform: translate3d(0, -100%, 0); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .slideOutUp { | ||
+ | -webkit-animation-name: slideOutUp; | ||
+ | animation-name: slideOutUp; | ||
+ | } | ||
+ | |||
+ | /*! | ||
+ | * Hover.css (http://ianlunn.github.io/Hover/) | ||
+ | * Version: 2.3.2 | ||
+ | * Author: Ian Lunn @IanLunn | ||
+ | * Author URL: http://ianlunn.co.uk/ | ||
+ | * Github: https://github.com/IanLunn/Hover | ||
+ | |||
+ | * Hover.css Copyright Ian Lunn 2017. Generated with Sass. | ||
+ | */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-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}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-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:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.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)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);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:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);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:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);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:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.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,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.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,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(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,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.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:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.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:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.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;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.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;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.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:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-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:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-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)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-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)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-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}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} | ||
+ | |||
+ | @charset "UTF-8";.magictime{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}@-webkit-keyframes puffIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(2px);filter:blur(2px)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}}@keyframes puffIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(2px);filter:blur(2px)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}}.puffOut{-webkit-animation-name:puffOut;animation-name:puffOut}@-webkit-keyframes puffOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(2px);filter:blur(2px)}}@keyframes puffOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(2px);filter:blur(2px)}}.vanishIn{-webkit-animation-name:vanishIn;animation-name:vanishIn}@-webkit-keyframes vanishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(90px);filter:blur(90px)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}}@keyframes vanishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(90px);filter:blur(90px)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}}.vanishOut{-webkit-animation-name:vanishOut;animation-name:vanishOut}@-webkit-keyframes vanishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(20px);filter:blur(20px)}}@keyframes vanishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(2,2);transform:scale(2,2);-webkit-filter:blur(20px);filter:blur(20px)}}.boingInUp{-webkit-animation-name:boingInUp;animation-name:boingInUp}@-webkit-keyframes boingInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(50deg);transform:perspective(800px) rotateX(50deg)}100%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}@keyframes boingInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(-90deg);transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(50deg);transform:perspective(800px) rotateX(50deg)}100%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}.boingOutDown{-webkit-animation-name:boingOutDown;animation-name:boingOutDown}@-webkit-keyframes boingOutDown{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(0);transform:perspective(800px) rotateX(0) rotateY(0)}20%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(10deg);transform:perspective(800px) rotateX(0) rotateY(10deg)}30%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(0);transform:perspective(800px) rotateX(0) rotateY(0)}40%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);transform:perspective(800px) rotateX(10deg) rotateY(10deg)}100%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0);transform:perspective(800px) rotateX(90deg) rotateY(0)}}@keyframes boingOutDown{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(0);transform:perspective(800px) rotateX(0) rotateY(0)}20%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(10deg);transform:perspective(800px) rotateX(0) rotateY(10deg)}30%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0) rotateY(0);transform:perspective(800px) rotateX(0) rotateY(0)}40%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(10deg) rotateY(10deg);transform:perspective(800px) rotateX(10deg) rotateY(10deg)}100%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:perspective(800px) rotateX(90deg) rotateY(0);transform:perspective(800px) rotateX(90deg) rotateY(0)}}.foolishIn{-webkit-animation-name:foolishIn;animation-name:foolishIn}@-webkit-keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(360deg);transform:scale(0,0) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}40%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}80%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0);transform:scale(1,1) rotate(0)}}@keyframes foolishIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(360deg);transform:scale(0,0) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}40%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}80%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(0);transform:scale(1,1) rotate(0)}}.foolishOut{-webkit-animation-name:foolishOut;animation-name:foolishOut}@-webkit-keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(360deg);transform:scale(1,1) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}40%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}80%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(0);transform:scale(0,0) rotate(0)}}@keyframes foolishOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotate(360deg);transform:scale(1,1) rotate(360deg)}20%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}40%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}60%{opacity:1;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}80%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(.5,.5) rotate(0);transform:scale(.5,.5) rotate(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotate(0);transform:scale(0,0) rotate(0)}}.holeOut{-webkit-animation-name:holeOut;animation-name:holeOut}@-webkit-keyframes holeOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotateY(180deg);transform:scale(0,0) rotateY(180deg)}}@keyframes holeOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0) rotateY(180deg);transform:scale(0,0) rotateY(180deg)}}.swashIn{-webkit-animation-name:swashIn;animation-name:swashIn}@-webkit-keyframes swashIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0);transform:scale(0,0)}90%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes swashIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0);transform:scale(0,0)}90%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1)}}.swashOut{-webkit-animation-name:swashOut;animation-name:swashOut}@-webkit-keyframes swashOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1)}80%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0);transform:scale(0,0)}}@keyframes swashOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1,1);transform:scale(1,1)}80%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0);transform:scale(0,0)}}.bombLeftOut{-webkit-animation-name:bombLeftOut;animation-name:bombLeftOut}@-webkit-keyframes bombLeftOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:blur(0);filter:blur(0)}50%{opacity:1;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(20px);filter:blur(20px)}}@keyframes bombLeftOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:blur(0);filter:blur(0)}50%{opacity:1;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:-100% 50%;transform-origin:-100% 50%;-webkit-transform:rotate(-160deg);transform:rotate(-160deg);-webkit-filter:blur(20px);filter:blur(20px)}}.bombRightOut{-webkit-animation-name:bombRightOut;animation-name:bombRightOut}@-webkit-keyframes bombRightOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:blur(0);filter:blur(0)}50%{opacity:1;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(20px);filter:blur(20px)}}@keyframes bombRightOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:blur(0);filter:blur(0)}50%{opacity:1;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(0);filter:blur(0)}100%{opacity:0;-webkit-transform-origin:200% 50%;transform-origin:200% 50%;-webkit-transform:rotate(160deg);transform:rotate(160deg);-webkit-filter:blur(20px);filter:blur(20px)}}.magic{-webkit-animation-name:magic;animation-name:magic}@-webkit-keyframes magic{0%{opacity:1;-webkit-transform-origin:100% 200%;transform-origin:100% 200%;-webkit-transform:scale(1,1) rotate(0);transform:scale(1,1) rotate(0)}100%{opacity:0;-webkit-transform-origin:200% 500%;transform-origin:200% 500%;-webkit-transform:scale(0,0) rotate(270deg);transform:scale(0,0) rotate(270deg)}}@keyframes magic{0%{opacity:1;-webkit-transform-origin:100% 200%;transform-origin:100% 200%;-webkit-transform:scale(1,1) rotate(0);transform:scale(1,1) rotate(0)}100%{opacity:0;-webkit-transform-origin:200% 500%;transform-origin:200% 500%;-webkit-transform:scale(0,0) rotate(270deg);transform:scale(0,0) rotate(270deg)}}.swap{-webkit-animation-name:swap;animation-name:swap}@-webkit-keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0);transform:scale(0,0) translate(-700px,0)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}}@keyframes swap{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) translate(-700px,0);transform:scale(0,0) translate(-700px,0)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}}.twisterInDown{-webkit-animation-name:twisterInDown;animation-name:twisterInDown}@-webkit-keyframes twisterInDown{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)}30%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) rotate(0) translateY(0);transform:scale(1,1) rotate(0) translateY(0)}}@keyframes twisterInDown{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)}30%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scale(1,1) rotate(0) translateY(0);transform:scale(1,1) rotate(0) translateY(0)}}.twisterInUp{-webkit-animation-name:twisterInUp;animation-name:twisterInUp}@-webkit-keyframes twisterInUp{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)}30%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1) rotate(0) translateY(0);transform:scale(1,1) rotate(0) translateY(0)}}@keyframes twisterInUp{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)}30%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1) rotate(0) translateY(0);transform:scale(1,1) rotate(0) translateY(0)}}.spaceInDown{-webkit-animation-name:spaceInDown;animation-name:spaceInDown}@-webkit-keyframes spaceInDown{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0,200%);transform:scale(.2) translate(0,200%)}100%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes spaceInDown{0%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0,200%);transform:scale(.2) translate(0,200%)}100%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.spaceInLeft{-webkit-animation-name:spaceInLeft;animation-name:spaceInLeft}@-webkit-keyframes spaceInLeft{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%,0);transform:scale(.2) translate(-200%,0)}100%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes spaceInLeft{0%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%,0);transform:scale(.2) translate(-200%,0)}100%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.spaceInRight{-webkit-animation-name:spaceInRight;animation-name:spaceInRight}@-webkit-keyframes spaceInRight{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%,0);transform:scale(.2) translate(200%,0)}100%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes spaceInRight{0%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%,0);transform:scale(.2) translate(200%,0)}100%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.spaceInUp{-webkit-animation-name:spaceInUp;animation-name:spaceInUp}@-webkit-keyframes spaceInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translate(0,-200%);transform:scale(.2) translate(0,-200%)}100%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes spaceInUp{0%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translate(0,-200%);transform:scale(.2) translate(0,-200%)}100%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.spaceOutDown{-webkit-animation-name:spaceOutDown;animation-name:spaceOutDown}@-webkit-keyframes spaceOutDown{0%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0,200%);transform:scale(.2) translate(0,200%)}}@keyframes spaceOutDown{0%{opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(.2) translate(0,200%);transform:scale(.2) translate(0,200%)}}.spaceOutLeft{-webkit-animation-name:spaceOutLeft;animation-name:spaceOutLeft}@-webkit-keyframes spaceOutLeft{0%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%,0);transform:scale(.2) translate(-200%,0)}}@keyframes spaceOutLeft{0%{opacity:1;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scale(.2) translate(-200%,0);transform:scale(.2) translate(-200%,0)}}.spaceOutRight{-webkit-animation-name:spaceOutRight;animation-name:spaceOutRight}@-webkit-keyframes spaceOutRight{0%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%,0);transform:scale(.2) translate(200%,0)}}@keyframes spaceOutRight{0%{opacity:1;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.2) translate(200%,0);transform:scale(.2) translate(200%,0)}}.spaceOutUp{-webkit-animation-name:spaceOutUp;animation-name:spaceOutUp}@-webkit-keyframes spaceOutUp{0%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translate(0,-200%);transform:scale(.2) translate(0,-200%)}}@keyframes spaceOutUp{0%{opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.2) translate(0,-200%);transform:scale(.2) translate(0,-200%)}}.perspectiveDown{-webkit-animation-name:perspectiveDown;animation-name:perspectiveDown}@-webkit-keyframes perspectiveDown{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}}@keyframes perspectiveDown{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}}.perspectiveDownReturn{-webkit-animation-name:perspectiveDownReturn;animation-name:perspectiveDownReturn}@-webkit-keyframes perspectiveDownReturn{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}@keyframes perspectiveDownReturn{0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(-180deg);transform:perspective(800px) rotateX(-180deg)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}.perspectiveLeft{-webkit-animation-name:perspectiveLeft;animation-name:perspectiveLeft}@-webkit-keyframes perspectiveLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}}@keyframes perspectiveLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}}.perspectiveLeftReturn{-webkit-animation-name:perspectiveLeftReturn;animation-name:perspectiveLeftReturn}@-webkit-keyframes perspectiveLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}}@keyframes perspectiveLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg);transform:perspective(800px) rotateY(-180deg)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}}.perspectiveRight{-webkit-animation-name:perspectiveRight;animation-name:perspectiveRight}@-webkit-keyframes perspectiveRight{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}100%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}}@keyframes perspectiveRight{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}100%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}}.perspectiveRightReturn{-webkit-animation-name:perspectiveRightReturn;animation-name:perspectiveRightReturn}@-webkit-keyframes perspectiveRightReturn{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}100%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}}@keyframes perspectiveRightReturn{0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg);transform:perspective(800px) rotateY(180deg)}100%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0);transform:perspective(800px) rotateY(0)}}.perspectiveUp{-webkit-animation-name:perspectiveUp;animation-name:perspectiveUp}@-webkit-keyframes perspectiveUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}@keyframes perspectiveUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}.perspectiveUpReturn{-webkit-animation-name:perspectiveUpReturn;animation-name:perspectiveUpReturn}@-webkit-keyframes perspectiveUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}@keyframes perspectiveUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0);transform:perspective(800px) rotateX(0)}}.rotateDown{-webkit-animation-name:rotateDown;animation-name:rotateDown}@-webkit-keyframes rotateDown{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0) translateZ(0);transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@keyframes rotateDown{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0) translateZ(0);transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(800px) rotateX(-180deg) translateZ(300px);transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}.rotateLeft{-webkit-animation-name:rotateLeft;animation-name:rotateLeft}@-webkit-keyframes rotateLeft{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0) translateZ(0);transform:perspective(800px) rotateY(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}@keyframes rotateLeft{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0) translateZ(0);transform:perspective(800px) rotateY(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(-180deg) translateZ(300px);transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}.rotateRight{-webkit-animation-name:rotateRight;animation-name:rotateRight}@-webkit-keyframes rotateRight{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0) translate3d(0);transform:perspective(800px) rotateY(0) translate3d(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);transform:perspective(800px) rotateY(180deg) translateZ(150px)}}@keyframes rotateRight{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0) translate3d(0);transform:perspective(800px) rotateY(0) translate3d(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateY(180deg) translateZ(150px);transform:perspective(800px) rotateY(180deg) translateZ(150px)}}.rotateUp{-webkit-animation-name:rotateUp;animation-name:rotateUp}@-webkit-keyframes rotateUp{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0) translateZ(0);transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@keyframes rotateUp{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0) translateZ(0);transform:perspective(800px) rotateX(0) translateZ(0)}100%{opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(800px) rotateX(180deg) translateZ(100px);transform:perspective(800px) rotateX(180deg) translateZ(100px)}}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideDown{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideDown{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}@-webkit-keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDownReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}.slideLeft{-webkit-animation-name:slideLeft;animation-name:slideLeft}@-webkit-keyframes slideLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideLeft{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}@-webkit-keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeftReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}.slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}@-webkit-keyframes slideRight{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRight{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideRightReturn{-webkit-animation-name:slideRightReturn;animation-name:slideRightReturn}@-webkit-keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRightReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes slideUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideUp{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideUpReturn{-webkit-animation-name:slideUpReturn;animation-name:slideUpReturn}@-webkit-keyframes slideUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUpReturn{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateY(0);transform:translateY(0)}}.openDownLeft{-webkit-animation-name:openDownLeft;animation-name:openDownLeft}@-webkit-keyframes openDownLeft{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeft{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownLeftReturn{-webkit-animation-name:openDownLeftReturn;animation-name:openDownLeftReturn}@-webkit-keyframes openDownLeftReturn{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownLeftReturn{0%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownRight{-webkit-animation-name:openDownRight;animation-name:openDownRight}@-webkit-keyframes openDownRight{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRight{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightReturn{-webkit-animation-name:openDownRightReturn;animation-name:openDownRightReturn}@-webkit-keyframes openDownRightReturn{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openDownRightReturn{0%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpLeft{-webkit-animation-name:openUpLeft;animation-name:openUpLeft}@-webkit-keyframes openUpLeft{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeft{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftReturn{-webkit-animation-name:openUpLeftReturn;animation-name:openUpLeftReturn}@-webkit-keyframes openUpLeftReturn{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpLeftReturn{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openUpRight{-webkit-animation-name:openUpRight;animation-name:openUpRight}@-webkit-keyframes openUpRight{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRight{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightReturn{-webkit-animation-name:openUpRightReturn;animation-name:openUpRightReturn}@-webkit-keyframes openUpRightReturn{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes openUpRightReturn{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.openDownLeftOut{-webkit-animation-name:openDownLeftOut;animation-name:openDownLeftOut}@-webkit-keyframes openDownLeftOut{0%{opacity:1;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownLeftOut{0%{opacity:1;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openDownRightOut{-webkit-animation-name:openDownRightOut;animation-name:openDownRightOut}@-webkit-keyframes openDownRightOut{0%{opacity:1;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openDownRightOut{0%{opacity:1;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpLeftOut{-webkit-animation-name:openUpLeftOut;animation-name:openUpLeftOut}@-webkit-keyframes openUpLeftOut{0%{opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpLeftOut{0%{opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(110deg);transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.openUpRightOut{-webkit-animation-name:openUpRightOut;animation-name:openUpRightOut}@-webkit-keyframes openUpRightOut{0%{opacity:1;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes openUpRightOut{0%{opacity:1;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{opacity:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.tinDownIn{-webkit-animation-name:tinDownIn;animation-name:tinDownIn}@-webkit-keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);transform:scale(1,1) translateY(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes tinDownIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);transform:scale(1,1) translateY(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}.tinDownOut{-webkit-animation-name:tinDownOut;animation-name:tinDownOut}@-webkit-keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);transform:scale(1,1) translateY(900%)}}@keyframes tinDownOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateY(900%);transform:scale(1,1) translateY(900%)}}.tinLeftIn{-webkit-animation-name:tinLeftIn;animation-name:tinLeftIn}@-webkit-keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);transform:scale(1,1) translateX(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}}@keyframes tinLeftIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);transform:scale(1,1) translateX(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}}.tinLeftOut{-webkit-animation-name:tinLeftOut;animation-name:tinLeftOut}@-webkit-keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);transform:scale(1,1) translateX(-900%)}}@keyframes tinLeftOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateX(-900%);transform:scale(1,1) translateX(-900%)}}.tinRightIn{-webkit-animation-name:tinRightIn;animation-name:tinRightIn}@-webkit-keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);transform:scale(1,1) translateX(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}}@keyframes tinRightIn{0%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);transform:scale(1,1) translateX(900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}}.tinRightOut{-webkit-animation-name:tinRightOut;animation-name:tinRightOut}@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);transform:scale(1,1) translateX(900%)}}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateX(0);transform:scale(1,1) translateX(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateX(0);transform:scale(1.1,1.1) translateX(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateX(900%);transform:scale(1,1) translateX(900%)}}.tinUpIn{-webkit-animation-name:tinUpIn;animation-name:tinUpIn}@-webkit-keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);transform:scale(1,1) translateY(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes tinUpIn{0%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);transform:scale(1,1) translateY(-900%)}50%,70%,90%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%,60%,80%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}.tinUpOut{-webkit-animation-name:tinUpOut;animation-name:tinUpOut}@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);transform:scale(1,1) translateY(-900%)}}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%,30%{opacity:1;-webkit-transform:scale(1.1,1.1) translateY(0);transform:scale(1.1,1.1) translateY(0)}100%{opacity:0;-webkit-transform:scale(1,1) translateY(-900%);transform:scale(1,1) translateY(-900%)}} | ||
+ | |||
+ | </style> | ||
Revision as of 07:24, 27 June 2018