Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- .animated {
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5s;
- -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
- }
- @-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
- }
- @-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: .75s;
- animation-duration: .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: .75s;
- animation-duration: .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,
- .MoveWe .we .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: .75s;
- animation-duration: .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: .75s;
- animation-duration: .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
- }
- @-webkit-keyframes rollInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-40%, 0, 0) rotate3d(0, 0, 1, 30deg);
- transform: translate3d(-40%, 0, 0) rotate3d(0, 0, 1, 30deg)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes rollInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 60deg);
- transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, 60deg)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .rollInLeft {
- -webkit-animation-name: rollInLeft;
- animation-name: rollInLeft
- }
- @-webkit-keyframes fadeInLeftScale {
- from {
- opacity: 0;
- -webkit-transform: translate(-200px, -300px) scale(0, 0) skew(10deg, 15deg);
- transform: translate(-200px, -300px) scale(0, 0) skew(10deg, 15deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px)scale(1, 1) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- @keyframes fadeInLeftScale {
- from {
- opacity: 0;
- -webkit-transform: translate(-200px, -300px) scale(0, 0) skew(10deg, 15deg);
- transform: translate(-200px, -300px) scale(0, 0) skew(10deg, 15deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- .fadeInLeftScale {
- -webkit-animation-name: fadeInLeftScale;
- animation-name: fadeInLeftScale
- }
- @-webkit-keyframes LineHeight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 70px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 31px;
- }
- }
- @keyframes LineHeight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 70px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 31px;
- }
- }
- .LineHeight {
- -webkit-animation-name: LineHeight;
- animation-name: LineHeight;
- -webkit-animation-duration: 0.7s;
- animation-duration: 0.7s;
- }
- @-webkit-keyframes fadeRightUser {
- from {
- opacity: 0.5;
- -webkit-transform: translate(0px, 28px);
- transform: translate(0px, 28px);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
- }
- }
- @keyframes fadeRightUser {
- from {
- opacity: 0.5;
- -webkit-transform: translate(0px, 28px);
- transform: translate(0px, 28px);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
- }
- }
- .fadeRightUser {
- -webkit-animation-name: fadeRightUser;
- animation-name: fadeRightUser
- }
- @-webkit-keyframes PulseDot {
- 30% {
- opacity: 0.5;
- -webkit-box-shadow: 0 0 0 0 rgba(211, 62, 75, 1)
- }
- 90% {
- opacity: 1;
- -webkit-box-shadow: 0 0 0 20px rgba(211, 62, 75, 0)
- }
- 100% {
- opacity: 1;
- -webkit-box-shadow: 0 0 0 0 rgba(211, 62, 75, 0)
- }
- }
- @keyframes PulseDot {
- 30% {
- opacity: 0.5;
- -moz-box-shadow: 0 0 0 0 rgba(211, 62, 75, 1);
- box-shadow: 0 0 0 0 rgba(211, 62, 75, 1)
- }
- 90% {
- opacity: 1;
- -moz-box-shadow: 0 0 0 20px rgba(211, 62, 75, 0);
- box-shadow: 0 0 0 20px rgba(211, 62, 75, 0)
- }
- 100% {
- opacity: 1;
- -moz-box-shadow: 0 0 0 0 rgba(211, 62, 75, 0);
- box-shadow: 0 0 0 0 rgba(211, 62, 75, 0)
- }
- }
- .PulseDot {
- -webkit-animation-name: PulseDot;
- animation-name: PulseDot
- }
- @-webkit-keyframes DeliveryLeft {
- from {
- opacity: 0;
- -webkit-transform: translate(40px, 0px);
- transform: translate(40px, 0px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes DeliveryLeft {
- from {
- opacity: 0;
- -webkit-transform: translate(40px, 0px);
- transform: translate(40px, 0px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- .DeliveryLeft {
- -webkit-animation-duration: 0.2s;
- animation-duration: 0.2s;
- -webkit-animation-name: DeliveryLeft;
- animation-name: DeliveryLeft
- }
- @-webkit-keyframes DeliveryRight {
- from {
- opacity: 0;
- -webkit-transform: translate(-40px, 0px);
- transform: translate(-40px, 0px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes DeliveryRight {
- from {
- opacity: 0;
- -webkit-transform: translate(-40px, 0px);
- transform: translate(-40px, 0px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- .DeliveryRight {
- -webkit-animation-duration: 0.2s;
- animation-duration: 0.2s;
- -webkit-animation-name: DeliveryRight;
- animation-name: DeliveryRight
- }
- @-webkit-keyframes fadeInUpthankyou {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 10%, 0);
- transform: translate3d(0, 10%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInUpthankyou {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 10%, 0);
- transform: translate3d(0, 10%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInUpthankyou {
- -webkit-animation-name: fadeInUpthankyou;
- animation-name: fadeInUpthankyou;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- }
- @media all and (min-width:768px) {
- @-webkit-keyframes slideInUpDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 110px
- }
- 50% {
- -webkit-transform: translate3d(0, -30%, 0);
- -ms-transform: translate3d(0, -30%, 0);
- transform: translate3d(0, -30%, 0);
- left: 150px
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 110px
- }
- }
- @keyframes slideInUpDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 110px
- }
- 50% {
- -webkit-transform: translate3d(0, -30%, 0);
- -ms-transform: translate3d(0, -30%, 0);
- transform: translate3d(0, -30%, 0);
- left: 150px
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 110px
- }
- }
- .slideInUpDown {
- -webkit-animation-name: slideInUpDown;
- -ms-animation-name: slideInUpDown;
- animation-name: slideInUpDown;
- }
- @-webkit-keyframes slideWeRight {
- from {
- -webkit-transform: translate(300px, 0);
- transform: translate(300px, 0);
- visibility: visible
- }
- to {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- @keyframes slideWeRight {
- from {
- -webkit-transform: translate(300px, 0);
- transform: translate(300px, 0);
- visibility: visible
- }
- to {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- .slideWeRight {
- transform: translate(0px, 0);
- -webkit-animation-name: slideWeRight;
- animation-name: slideWeRight
- }
- @-webkit-keyframes fadeInUpRotate {
- from {
- line-height: 250px;
- letter-spacing: 30px;
- width: 1080px;
- opacity: 0;
- -webkit-transform: translate(-520px, -460px) scale(1, 1) rotate(50deg);
- transform: translate(-520px, -460px) scale(1, 1) rotate(50deg);
- }
- to {
- line-height: 80px;
- letter-spacing: 0px;
- opacity: 1;
- -webkit-transform: translate(0px, 0px)scale(1, 1) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- @keyframes fadeInUpRotate {
- from {
- line-height: 250px;
- letter-spacing: 30px;
- width: auto;
- opacity: 0;
- -webkit-transform: translate(-520px, -460px) scale(1, 1) rotate(50deg);
- transform: translate(-520px, -460px) scale(1, 1) rotate(50deg);
- }
- to {
- line-height: 80px;
- opacity: 1;
- letter-spacing: 0px;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- .fadeInUpRotate {
- -webkit-animation-name: fadeInUpRotate;
- animation-name: fadeInUpRotate;
- -webkit-animation-duration: 0.7s;
- animation-duration: 0.7s;
- }
- @-webkit-keyframes fadeInRightbannerContent {
- 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 fadeInRightbannerContent {
- 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)
- }
- }
- .fadeInRightbannerContent {
- -webkit-animation-name: fadeInRightbannerContent;
- animation-name: fadeInRightbannerContent
- }
- @-webkit-keyframes DesignDevelop {
- 0% {
- -ms-transform: translate(0px, 0px);
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
- }
- 100% {
- -ms-transform: translate(10px, 20px);
- -webkit-transform: translate(10px, 20px);
- transform: translate(10px, 20px);
- }
- }
- @keyframes DesignDevelop {
- 0% {
- -ms-transform: translate(0px, 0px);
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
- }
- 100% {
- -ms-transform: translate(10px, 20px);
- -webkit-transform: translate(10px, 20px);
- transform: translate(10px, 20px);
- }
- }
- @-webkit-keyframes fadeInDownRight {
- from {
- opacity: 0;
- -webkit-transform: translate(500px, -300px);
- transform: translate(500px, -300px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes fadeInDownRight {
- from {
- opacity: 0;
- -webkit-transform: translate(500px, -300px);
- transform: translate(500px, -300px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- .fadeInDownRight {
- transform: translate(0px, 0px);
- -webkit-animation-name: fadeInDownRight;
- animation-name: fadeInDownRight;
- -webkit-animation-duration: 0.6s;
- animation-duration: 0.6s;
- }
- @-webkit-keyframes fadeInRightToLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, -50deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, -50deg);
- -webkit-transform-origin: center;
- transform-origin: center;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
- -webkit-transform-origin: center;
- transform-origin: center;
- }
- }
- @keyframes fadeInRightToLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, -50deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, -50deg);
- -webkit-transform-origin: center;
- transform-origin: center;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0) translate3d(0, 0, 0);
- -webkit-transform-origin: center;
- transform-origin: center;
- }
- }
- .fadeInRightToLeft {
- -webkit-animation-name: fadeInRightToLeft;
- animation-name: fadeInRightToLeft
- }
- @-webkit-keyframes UpShuttle {
- 0% {
- -webkit-transform: translate(0px, 250px) scale(0.3, 0.3);
- transform: translate(0px, 250px) scale(0.3, 0.3);
- opacity: 0
- }
- 30% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, -50px) scale(1, 1);
- transform: translate(0px, -50px) scale(1, 1);
- opacity: 1
- }
- 55% {
- -webkit-transform: translate(0px, -50px) scale(1, 1);
- transform: translate(0px, -50px) scale(1, 1);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- }
- @keyframes UpShuttle {
- 0% {
- -webkit-transform: translate(0px, 250px) scale(0.3, 0.3);
- transform: translate(0px, 250px) scale(0.3, 0.3);
- opacity: 0
- }
- 30% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, -50px) scale(1, 1);
- transform: translate(0px, -50px) scale(1, 1);
- opacity: 1
- }
- 55% {
- -webkit-transform: translate(0px, -50px) scale(1, 1);
- transform: translate(0px, -50px) scale(1, 1);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- }
- .UpShuttle {
- transform: translate(0px, 0px) scale(1, 1);
- -webkit-animation-name: UpShuttle;
- animation-name: UpShuttle;
- -webkit-animation-duration: 1.3s;
- animation-duration: 1.3s;
- }
- @-webkit-keyframes fadeInLeftBulb {
- 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 fadeInLeftBulb {
- 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)
- }
- }
- .fadeInLeftBulb {
- -webkit-animation-name: fadeInLeft;
- animation-name: fadeInLeft
- }
- @-webkit-keyframes fadeInSpeed {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, -70px);
- transform: translate(0px, -70px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes fadeInSpeed {
- 0% {
- opacity: 0;
- -webkit-transform: translate(0px, 0px) scale(0.3, 0.3);
- transform: translate(0px, 0px) scale(0.3, 0.3)
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate(0px, -70px) scale(1, 1);
- transform: translate(0px, -70px) scale(1, 1)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate(0px, -70px)scale(1, 1);
- transform: translate(0px, -70px)scale(1, 1)
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1) opacity:0
- }
- }
- .fadeInSpeed {
- opacity: 0;
- transform: scale(0.3, 0.3);
- -webkit-animation-name: fadeInSpeed;
- animation-name: fadeInSpeed;
- -webkit-animation-duration: 1.1s;
- animation-duration: 1.2s;
- }
- @-webkit-keyframes fadeInRightNormal {
- from {
- opacity: 0;
- -webkit-transform: translate3d(10%, 0, 0);
- transform: translate3d(10%, 0, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInRightNormal {
- from {
- opacity: 0;
- -webkit-transform: translate3d(10%, 0, 0);
- transform: translate3d(10%, 0, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInRightNormal {
- -webkit-animation-name: fadeInRightNormal;
- animation-name: fadeInRightNormal
- }
- @-webkit-keyframes fadeInLeftRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(-100%, 0) rotate(-45deg) scale(0.95, 0.95);
- transform: translate(-100%, 0) rotate(-45deg) scale(0.95, 0.95);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(0.95, 0.95);
- transform: translate(0, 0) scale(0.95, 0.95);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(1, 1);
- transform: translate(0, 0) scale(1, 1);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- }
- @keyframes fadeInLeftRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(-100%, 0) rotate(-45deg) scale(0.95, 0.95);
- transform: translate(-100%, 0) rotate(-45deg) scale(0.95, 0.95);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(0.95, 0.95);
- transform: translate(0, 0) scale(0.95, 0.95);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(1, 1);
- transform: translate(0, 0) scale(1, 1);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
- }
- }
- .fadeInLeftRotate {
- -webkit-animation-name: fadeInLeftRotate;
- animation-name: fadeInLeftRotate;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- }
- @-webkit-keyframes fadeInRotateRight {
- from {
- opacity: 0;
- -webkit-transform: translate(100%, 0) rotate(45deg) scale(0.95, 0.95);
- transform: translate(100%, 0) rotate(45deg) scale(0.95, 0.95);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(0.95, 0.95);
- transform: translate(0, 0) scale(0.95, 0.95);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(1, 1);
- transform: translate(0, 0) scale(1, 1);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- }
- @keyframes fadeInRotateRight {
- from {
- opacity: 0;
- -webkit-transform: translate(100%, 0) rotate(45deg) scale(0.95, 0.95);
- transform: translate(100%, 0) rotate(45deg) scale(0.95, 0.95);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(0.95, 0.95);
- transform: translate(0, 0) scale(0.95, 0.95);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate(0, 0) scale(1, 1);
- transform: translate(0, 0) scale(1, 1);
- -webkit-transform-origin: right bottom;
- transform-origin: right bottom;
- }
- }
- .fadeInRotateRight {
- -webkit-animation-name: fadeInRotateRight;
- animation-name: fadeInRotateRight;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- }
- @-webkit-keyframes fadeInUpscale {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) scale(0.95, 0.95);
- transform: translate3d(0, 100%, 0) scale(0.95, 0.95);
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(0.95, 0.95);
- transform: translate3d(0, 0, 0) scale(0.95, 0.95);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
- transform: translate3d(0, 0, 0) scale(1, 1);
- }
- }
- @keyframes fadeInUpscale {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0) scale(0.95, 0.95);
- transform: translate3d(0, 100%, 0) scale(0.95, 0.95);
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(0.95, 0.95);
- transform: translate3d(0, 0, 0) scale(0.95, 0.95);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
- transform: translate3d(0, 0, 0) scale(1, 1);
- }
- }
- .fadeInUpscale {
- -webkit-animation-name: fadeInUpscale;
- animation-name: fadeInUpscale;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- }
- @-webkit-keyframes fadeInDowninner {
- 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 fadeInDowninner {
- 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)
- }
- }
- .fadeInDowninner {
- -webkit-animation-name: fadeInDowninner;
- animation-name: fadeInDowninner
- }
- @-webkit-keyframes fadeZoomDelivery {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1.3, 1.3);
- transform: scale(1.3, 1.3);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- }
- @keyframes fadeZoomDelivery {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1.3, 1.3);
- transform: scale(1.3, 1.3);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- }
- .fadeZoomDelivery {
- -webkit-animation-duration: 1.2s;
- animation-duration: 1.2s;
- -webkit-animation-name: fadeZoomDelivery;
- animation-name: fadeZoomDelivery
- }
- @-webkit-keyframes fadezoomscale {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- @keyframes fadezoomscale {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- .fadezoomscale {
- -webkit-animation-name: fadezoomscale;
- animation-name: fadezoomscale;
- }
- @-webkit-keyframes fadeZoomDeliveryRotate {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1.3, 1.3);
- transform: scale(1.3, 1.3);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- }
- @keyframes fadeZoomDeliveryRotate {
- 0% {
- opacity: 0.5;
- -webkit-transform: scale(0, 0) rotate(0deg);
- transform: scale(0, 0) rotate(0deg);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1.3, 1.3) rotate(-45deg);
- transform: scale(1.3, 1.3) rotate(-45deg);
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale(1, 1) rotate(0deg);
- transform: scale(1, 1) rotate(0deg);
- }
- }
- .fadeZoomDeliveryRotate {
- -webkit-animation-duration: 1.2s;
- animation-duration: 1.2s;
- -webkit-animation-name: fadeZoomDeliveryRotate;
- animation-name: fadeZoomDeliveryRotate
- }
- @-webkit-keyframes zoomIntotalActivity {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3)
- }
- 50% {
- opacity: 1
- }
- }
- @keyframes zoomIntotalActivity {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3)
- }
- 50% {
- opacity: 1
- }
- }
- .zoomIntotalActivity {
- -webkit-animation-name: zoomIntotalActivity;
- animation-name: zoomIntotalActivity
- }
- @-webkit-keyframes fadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(300px, -250px) scale(0, 0) rotate(-90deg);
- transform: translate(300px, -250px) scale(0, 0) rotate(-90deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px)scale(1, 1) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- @keyframes fadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(300px, -250px) scale(0, 0) rotate(-90deg);
- transform: translate(300px, -250px) scale(0, 0) rotate(-90deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- .fadeInRightRotate {
- -webkit-animation-name: fadeInRightRotate;
- animation-name: fadeInRightRotate
- }
- }
- @media all and (max-width:767px) {
- @-webkit-keyframes slideInUpDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 64px
- }
- 50% {
- -webkit-transform: translate3d(0, -30%, 0);
- -ms-transform: translate3d(0, -30%, 0);
- transform: translate3d(0, -30%, 0);
- left: 90px
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 64px
- }
- }
- @keyframes slideInUpDown {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 64px
- }
- 50% {
- -webkit-transform: translate3d(0, -30%, 0);
- -ms-transform: translate3d(0, -30%, 0);
- transform: translate3d(0, -30%, 0);
- left: 90px
- }
- to {
- visibility: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- left: 64px
- }
- }
- .slideInUpDown {
- -webkit-animation-name: slideInUpDown;
- -ms-animation-name: slideInUpDown;
- animation-name: slideInUpDown;
- }
- @-webkit-keyframes fadeInUpRotate {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0) rotate(40deg);
- transform: translate3d(-100%, -100%, 0) rotate(40deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
- transform: translate3d(0, 0, 0) rotate(0deg);
- }
- }
- @keyframes fadeInUpRotate {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0) rotate(40deg);
- transform: translate3d(-100%, -100%, 0) rotate(40deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
- transform: translate3d(0, 0, 0) rotate(0deg);
- }
- }
- .fadeInUpRotate {
- -webkit-animation-name: fadeInUpRotate;
- animation-name: fadeInUpRotate
- }
- @-webkit-keyframes fadeInRightbannerContent {
- from {
- opacity: 0;
- line-height: 30px;
- }
- to {
- opacity: 1;
- line-height: 25px;
- }
- }
- @keyframes fadeInRightbannerContent {
- from {
- opacity: 0;
- line-height: 30px;
- }
- to {
- opacity: 1;
- line-height: 25px;
- }
- }
- .fadeInRightbannerContent {
- -webkit-animation-name: fadeInRightbannerContent;
- animation-name: fadeInRightbannerContent;
- }
- @-webkit-keyframes fadeInDown-mobile {
- 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-mobile {
- 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-mobile {
- -webkit-animation-name: fadeInDown-mobile;
- animation-name: fadeInDown-mobile
- }
- @-webkit-keyframes slideWeRight {
- from {
- -webkit-transform: translate(120px, 0);
- transform: translate(120px, 0);
- visibility: visible
- }
- to {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- @keyframes slideWeRight {
- from {
- -webkit-transform: translate(120px, 0);
- transform: translate(120px, 0);
- visibility: visible
- }
- to {
- -webkit-transform: translate(0, 0);
- transform: translate(0, 0)
- }
- }
- .slideWeRight {
- transform: translate(0px, 0);
- -webkit-animation-name: slideWeRight;
- animation-name: slideWeRight
- }
- @-webkit-keyframes rollInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0) rotate(40deg);
- transform: translate3d(-100%, -100%, 0) rotate(40deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
- transform: translate3d(0, 0, 0) rotate(0deg);
- }
- }
- @keyframes rollInLeft {
- from {
- opacity: 0;
- -webkit-transform: translate3d(-100%, -100%, 0) rotate(40deg);
- transform: translate3d(-100%, -100%, 0) rotate(40deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
- transform: translate3d(0, 0, 0) rotate(0deg);
- }
- }
- .rollInLeft {
- -webkit-animation-name: rollInLeft;
- animation-name: rollInLeft
- }
- @-webkit-keyframes fadeInDownRight {
- from {
- opacity: 0;
- -webkit-transform: translate(500px, 300px);
- transform: translate(500px, 300px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes fadeInDownRight {
- from {
- opacity: 0;
- -webkit-transform: translate(500px, 300px);
- transform: translate(500px, 300px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- .fadeInDownRight {
- transform: translate(0px, 0px);
- -webkit-animation-name: fadeInDownRight;
- animation-name: fadeInDownRight;
- -webkit-animation-duration: 0.6s;
- animation-duration: 0.6s;
- }
- @-webkit-keyframes fadeInUpshuttle {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 50px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: normal
- }
- }
- @keyframes fadeInUpshuttle {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 50px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: normal
- }
- }
- .fadeInUpshuttle {
- -webkit-animation-name: fadeInUpshuttle;
- animation-name: fadeInUpshuttle
- }
- @-webkit-keyframes fadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0);
- transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0)
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0);
- transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0);
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInRightRotate {
- -webkit-animation-name: fadeInRightRotate;
- animation-name: fadeInRightRotate
- }
- @-webkit-keyframes zoomIntotalActivity {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0);
- transform: scale3d(0.3, 0.3, 0.3) translate3d(0, 100%, 0);
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) translate3d(0, 100%, 0);
- transform: translate3d(0, 0, 0) translate3d(0, 100%, 0);
- }
- }
- @keyframes zoomIntotalActivity {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3)
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .zoomIntotalActivity {
- -webkit-animation-name: zoomIntotalActivity;
- animation-name: zoomIntotalActivity
- }
- }
- @-webkit-keyframes rotatemoon {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- 50% {
- -webkit-transform: rotate(5deg);
- transform: rotate(5deg)
- }
- to {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- }
- @keyframes rotatemoon {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- 50% {
- -webkit-transform: rotate(10deg);
- transform: rotate(10deg)
- }
- to {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- }
- .rotatemoon {
- -webkit-animation-name: rotatemoon;
- animation-name: rotatemoon
- }
- @-webkit-keyframes fadeInLeftWhat {
- 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 fadeInLeftWhat {
- 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)
- }
- }
- .fadeInLeftWhat {
- -webkit-animation-name: fadeInLeftWhat;
- animation-name: fadeInLeftWhat
- }
- @-webkit-keyframes fadeInDownWe {
- 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 fadeInDownWe {
- 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)
- }
- }
- .fadeInDownWe {
- -webkit-animation-name: fadeInDownWe;
- animation-name: fadeInDownWe
- }
- @-webkit-keyframes fadeInRightDo {
- 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 fadeInRightDo {
- 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)
- }
- }
- .fadeInRightDo {
- -webkit-animation-name: fadeInRightDo;
- animation-name: fadeInRightDo;
- }
- @-webkit-keyframes fadeInRightcontent {
- 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 fadeInRightcontent {
- 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)
- }
- }
- .fadeInRightcontent {
- -webkit-animation-name: fadeInRightcontent;
- animation-name: fadeInRightcontent;
- }
- @-webkit-keyframes fadeInRightWe {
- 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 fadeInRightWe {
- 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)
- }
- }
- .MoveWe .we .fadeInRightWe {
- -webkit-animation-name: fadeInRightWe;
- animation-name: fadeInRightWe
- }
- .we-text .fadeInRight {
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both
- }
- @-webkit-keyframes fadeInDownaboutUs {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- 30% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 90 {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes fadeInDownaboutUs {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- }
- 30% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 90 {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .fadeInDownaboutUs {
- opacity: 0;
- -webkit-animation-name: fadeInDownaboutUs;
- animation-name: fadeInDownaboutUs
- }
- @-webkit-keyframes fadeInUpsomthing {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 10%, 0);
- transform: translate3d(0, 10%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInUpsomthing {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 10%, 0);
- transform: translate3d(0, 10%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInUpsomthing {
- -webkit-animation-name: fadeInUpsomthing;
- animation-name: fadeInUpsomthing
- }
- @-webkit-keyframes rotatesomthing {
- from {
- opacity: 0;
- -webkit-transform: rotate(-50deg);
- transform: rotate(-50deg)
- }
- to {
- opacity: 1;
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- }
- @keyframes rotatesomthing {
- from {
- opacity: 0;
- -webkit-transform: rotate(-50deg);
- transform: rotate(-50deg)
- }
- to {
- opacity: 1;
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg)
- }
- }
- .rotatesomthing {
- -webkit-animation-name: rotatesomthing;
- animation-name: rotatesomthing
- }
- @-webkit-keyframes fadeInUplineheight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 80px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 50px;
- }
- }
- @keyframes fadeInUplineheight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 80px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 50px;
- }
- }
- .fadeInUplineheight {
- -webkit-animation-name: fadeInUplineheight;
- animation-name: fadeInUplineheight;
- }
- @-webkit-keyframes fadeInUplinep {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 80px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 50px;
- }
- }
- @keyframes fadeInUplinep {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- line-height: 80px;
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- line-height: 25px;
- }
- }
- .fadeInUplinep {
- -webkit-animation-name: fadeInUplinep;
- animation-name: fadeInUplinep;
- }
- @-webkit-keyframes webfadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(20%, 0, 0);
- transform: translate3d(20%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes webfadeInRight {
- from {
- opacity: 0;
- -webkit-transform: translate3d(20%, 0, 0);
- transform: translate3d(20%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- .step-min.step-one #step-one .step-content.webfadeInRight,
- .step-min.step-one #step-two .step-content.webfadeInRight,
- .step-min.step-one #step-three .step-content.webfadeInRight {
- -webkit-animation-name: webfadeInRight;
- animation-name: webfadeInRight
- }
- @-webkit-keyframes fadeInUpScale {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, 400px) scale(1, 1) skew(-10deg, -15deg);
- transform: translate(0px, 400px) scale(1, 1) skew(-10deg, -15deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px)scale(1, 1) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- @keyframes fadeInUpScale {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, 400px) scale(1, 1) skew(-10deg, -15deg);
- transform: translate(0px, 400px) scale(1, 1) skew(-10deg, -15deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- .fadeInUpScale {
- -webkit-animation-name: fadeInUpScale;
- animation-name: fadeInUpScale
- }
- @-webkit-keyframes webfadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(300px, -250px) scale(0, 0) rotate(50deg);
- transform: translate(300px, -250px) scale(0, 0) rotate(50deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- @keyframes webfadeInRightRotate {
- from {
- opacity: 0;
- -webkit-transform: translate(300px, -250px) scale(0, 0) rotate(50deg);
- transform: translate(300px, -250px) scale(0, 0) rotate(50deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- }
- }
- .webfadeInRightRotate {
- -webkit-animation-name: webfadeInRightRotate;
- animation-name: webfadeInRightRotate
- }
- @-webkit-keyframes webfadeInUpScale {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, 400px) scale(1, 1) skew(25deg, -4deg);
- transform: translate(0px, 400px) scale(1, 1) skew(25deg, -4deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px)scale(1, 1) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- @keyframes webfadeInUpScale {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, 400px) scale(1, 1) skew(25deg, -4deg);
- transform: translate(0px, 400px) scale(1, 1) skew(25deg, -4deg);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- transform: translate(0px, 0px) scale(1, 1) skew(0deg, 0deg);
- }
- }
- .webfadeInUpScale {
- -webkit-animation-name: webfadeInUpScale;
- animation-name: webfadeInUpScale
- }
- @-webkit-keyframes fadeInRightCores {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 90%, 0);
- transform: translate3d(100%, 90%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInRightCores {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 90%, 0);
- transform: translate3d(100%, 90%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInRightCores {
- -webkit-animation-name: fadeInRightCores;
- animation-name: fadeInRightCores
- }
- @-webkit-keyframes fadeInDownHalfCircle {
- from {
- opacity: 0;
- -webkit-transform: translate(-310px, -200px);
- transform: translate(-310px, -200px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(-310px, 60px);
- transform: translate(-310px, 60px)
- }
- }
- @keyframes fadeInDownHalfCircle {
- from {
- opacity: 0;
- -webkit-transform: translate(-310px, -200px);
- transform: translate(-310px, -200px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(-310px, 60px);
- transform: translate(-310px, 60px)
- }
- }
- .web-design-development.inner-page .half-circle.fadeInDownHalfCircle {
- -webkit-animation-name: fadeInDownHalfCircle;
- animation-name: fadeInDownHalfCircle
- }
- @-webkit-keyframes fadeInRighttarget {
- from {
- opacity: 0;
- -webkit-transform: translate(110px, -80px);
- transform: translate(110px, -80px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(-25px, -3px);
- transform: translate(-25px, -3px)
- }
- }
- @keyframes fadeInRighttarget {
- from {
- opacity: 0;
- -webkit-transform: translate(110px, -80px);
- transform: translate(110px, -80px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(-25px, -3px);
- transform: translate(-25px, -3px)
- }
- }
- .fadeInRighttarget {
- -webkit-animation-duration: 0.2s;
- animation-duration: 0.2s;
- -webkit-animation-name: fadeInRighttarget;
- animation-name: fadeInRighttarget
- }
- @-webkit-keyframes fadeZoomTarget {
- from {
- opacity: 0.5;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- }
- @keyframes fadeZoomTarget {
- from {
- opacity: 0.5;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- }
- .fadeZoomTarget {
- -webkit-animation-name: fadeZoomTarget;
- animation-name: fadeZoomTarget
- }
- @-webkit-keyframes fadeIntopdevelopment {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0)
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(-5%, 0, 0);
- transform: translate3d(-5%, 0, 0)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(-5%, 0, 0);
- transform: translate3d(-5%, 0, 0)
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeIntopdevelopment {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0)
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(0, 1, 0);
- transform: translate3d(0, 1, 0)
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeIntopdevelopment {
- -webkit-animation-name: fadeIntopdevelopment;
- animation-name: fadeIntopdevelopment;
- }
- @-webkit-keyframes rotateIndevelopment {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: rotate3d(0, 0, -1, 100deg);
- transform: rotate3d(0, 0, -1, 100deg);
- opacity: 0
- }
- to {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1
- }
- }
- @keyframes rotateIndevelopment {
- from {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: rotate3d(0, 0, -1, 100deg);
- transform: rotate3d(0, 0, -1, 100deg);
- opacity: 0
- }
- to {
- -webkit-transform-origin: center;
- transform-origin: center;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1
- }
- }
- .rotateIndevelopment {
- -webkit-animation-name: rotateIndevelopment;
- animation-name: rotateIndevelopment
- }
- @-webkit-keyframes fadeInRightsmoth {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0)
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(-5%, 0, 0);
- transform: translate3d(-5%, 0, 0)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(-5%, 0, 0);
- transform: translate3d(-5%, 0, 0)
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInRightsmoth {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0)
- }
- 40% {
- opacity: 1;
- -webkit-transform: translate3d(-1%, 0, 0);
- transform: translate3d(-1%, 0, 0)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(-1%, 0, 0);
- transform: translate3d(-1%, 0, 0)
- }
- 100% {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInRightsmoth {
- -webkit-animation-name: fadeInRightsmoth;
- animation-name: fadeInRightsmoth;
- -webkit-animation-duration: 0.8s;
- animation-duration: 0.8s;
- }
- @-webkit-keyframes zoomIntechnologies {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3)
- }
- 50% {
- opacity: 1
- }
- }
- @keyframes zoomIntechnologies {
- from {
- opacity: 0;
- -webkit-transform: scale3d(0.3, 0.3, 0.3);
- transform: scale3d(0.3, 0.3, 0.3)
- }
- 40% {
- opacity: 1;
- -webkit-transform: scale3d(1.01, 1.01, 1.01);
- transform: scale3d(1.01, 1.01, 1.01)
- }
- 60% {
- opacity: 1;
- -webkit-transform: scale3d(1.01, 1.01, 1.01);
- transform: scale3d(1.01, 1.01, 1.01)
- }
- 100% {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1)
- }
- }
- .zoomIntechnologies {
- -webkit-animation-name: zoomIntechnologies;
- animation-name: zoomIntechnologies;
- -webkit-animation-duration: 0.8s;
- animation-duration: 0.8s;
- }
- @-webkit-keyframes PulseDotdevelop {
- 30% {
- opacity: 0.5;
- -webkit-box-shadow: 0 0 0 0 rgba(211, 62, 75, 1)
- }
- 90% {
- opacity: 1;
- -webkit-box-shadow: 0 0 0 20px rgba(211, 62, 75, 0)
- }
- 100% {
- opacity: 1;
- -webkit-box-shadow: 0 0 0 0 rgba(211, 62, 75, 0)
- }
- }
- @keyframes PulseDotdevelop {
- 30% {
- opacity: 0.5;
- -moz-box-shadow: 0 0 0 0 rgba(211, 62, 75, 1);
- box-shadow: 0 0 0 0 rgba(211, 62, 75, 1)
- }
- 90% {
- opacity: 1;
- -moz-box-shadow: 0 0 0 20px rgba(211, 62, 75, 0);
- box-shadow: 0 0 0 20px rgba(211, 62, 75, 0)
- }
- 100% {
- opacity: 1;
- -moz-box-shadow: 0 0 0 0 rgba(211, 62, 75, 0);
- box-shadow: 0 0 0 0 rgba(211, 62, 75, 0)
- }
- }
- .PulseDotdevelop {
- -webkit-animation-name: PulseDotdevelop;
- animation-name: PulseDotdevelop
- }
- @-webkit-keyframes fadeRightUserdevelop {
- from {
- opacity: 0.5;
- -webkit-transform: translate(0px, 28px);
- transform: translate(0px, 28px);
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px);
- }
- }
- @keyframes fadeRightUserdevelop {
- from {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 10% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 20% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 30% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 40% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 60% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 80% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 90% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- }
- .fadeRightUserdevelop {
- transform: scale(0, 0);
- -webkit-animation-name: fadeRightUserdevelop;
- animation-name: fadeRightUserdevelop;
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- }
- @-webkit-keyframes fadeZoomTargetdevelop {
- from {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 10% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 20% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 30% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 40% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 60% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- }
- @keyframes fadeZoomTargetdevelop {
- from {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- 10% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 20% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 30% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 40% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 50% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 60% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 65% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 70% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 75% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 80% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 85% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 90% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 95% {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(0, 0);
- transform: scale(0, 0);
- }
- }
- .fadeZoomTargetdevelop {
- transform: scale(0, 0);
- -webkit-animation-name: fadeZoomTargetdevelop;
- animation-name: fadeZoomTargetdevelop;
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- }
- @-webkit-keyframes UpShuttletechnologies {
- 0% {
- -webkit-transform: translate(0px, 250px) scale(0.5, 0.5);
- transform: translate(0px, 250px) scale(0.5, 0.5);
- opacity: 0
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5);
- transform: translate(0px, 0px) scale(0.5, 0.5);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, -30px) scale(1.01, 1.01);
- transform: translate(0px, -30px) scale(1.01, 1.01);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- }
- @keyframes UpShuttletechnologies {
- 0% {
- -webkit-transform: translate(0px, 250px) scale(0.5, 0.5);
- transform: translate(0px, 250px) scale(0.5, 0.5);
- opacity: 0
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5);
- transform: translate(0px, 0px) scale(0.5, 0.5);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, -30px) scale(1.01, 1.01);
- transform: translate(0px, -30px) scale(1.01, 1.01);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1);
- opacity: 1
- }
- }
- .UpShuttletechnologies {
- -webkit-animation-name: UpShuttletechnologies;
- animation-name: UpShuttletechnologies;
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- }
- @-webkit-keyframes fadeInSpeedDevelop {
- from {
- opacity: 0;
- -webkit-transform: translate(0px, -70px);
- transform: translate(0px, -70px)
- }
- to {
- opacity: 1;
- -webkit-transform: translate(0px, 0px);
- transform: translate(0px, 0px)
- }
- }
- @keyframes fadeInSpeedDevelop {
- 0% {
- opacity: 0;
- -webkit-transform: translate(0px, 0px) scale(0.3, 0.3);
- transform: translate(0px, 0px) scale(0.3, 0.3)
- }
- 50% {
- opacity: 1;
- -webkit-transform: translate(0px, -30px) scale(1, 1);
- transform: translate(0px, -30px) scale(1, 1)
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate(0px, -30px)scale(1, 1);
- transform: translate(0px, -30px)scale(1, 1)
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1);
- transform: translate(0px, 0px) scale(1, 1) opacity:0
- }
- }
- .fadeInSpeedDevelop {
- opacity: 0;
- transform: scale(0.3, 0.3);
- -webkit-animation-name: fadeInSpeedDevelop;
- animation-name: fadeInSpeedDevelop;
- -webkit-animation-duration: 1.1s;
- animation-duration: 1.2s;
- }
- @-webkit-keyframes technologies-one {
- from {
- opacity: 0;
- padding-top: 40px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-one {
- from {
- opacity: 0;
- padding-top: 40px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-one {
- -webkit-animation-name: technologies-one;
- animation-name: technologies-one;
- }
- @-webkit-keyframes technologies-two {
- from {
- opacity: 0;
- padding-top: 80px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-two {
- from {
- opacity: 0;
- padding-top: 80px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-two {
- -webkit-animation-name: technologies-two;
- animation-name: technologies-two;
- }
- @-webkit-keyframes technologies-three {
- from {
- opacity: 0;
- padding-top: 120px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-three {
- from {
- opacity: 0;
- padding-top: 120px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-three {
- -webkit-animation-name: technologies-three;
- animation-name: technologies-three;
- }
- @-webkit-keyframes technologies-four {
- from {
- opacity: 0;
- padding-top: 160px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-four {
- from {
- opacity: 0;
- padding-top: 160px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-four {
- -webkit-animation-name: technologies-four;
- animation-name: technologies-four;
- }
- @-webkit-keyframes technologies-five {
- from {
- opacity: 0;
- padding-top: 200px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-five {
- from {
- opacity: 0;
- padding-top: 200px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-five {
- -webkit-animation-name: technologies-five;
- animation-name: technologies-five;
- }
- @-webkit-keyframes technologies-six-new {
- from {
- opacity: 0;
- padding-top: 240px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- @keyframes technologies-six-new {
- from {
- opacity: 0;
- padding-top: 240px
- }
- to {
- opacity: 1;
- padding-top: 0px
- }
- }
- .technologies-six-new {
- -webkit-animation-name: technologies-six-new;
- animation-name: technologies-six-new;
- }
- @-webkit-keyframes language-section-block {
- from {
- opacity: 0;
- -webkit-transform: skewY(20deg);
- transform: skewY(20deg);
- }
- to {
- opacity: 1;
- -webkit-transform: skewY(0deg);
- transform: skewY(0deg);
- }
- }
- @keyframes language-section-block {
- from {
- opacity: 0;
- -webkit-transform: skewY(20deg);
- transform: skewY(20deg);
- }
- to {
- opacity: 1;
- -webkit-transform: skewY(0deg);
- transform: skewY(0deg);
- }
- }
- .language-section-block {
- -webkit-animation-name: language-section-block;
- animation-name: language-section-block;
- }
- @-webkit-keyframes fadeInTopCores {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- @keyframes fadeInTopCores {
- from {
- opacity: 0;
- -webkit-transform: translate3d(100%, -100%, 0);
- transform: translate3d(100%, -100%, 0)
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0)
- }
- }
- .fadeInTopCores {
- -webkit-animation-name: fadeInTopCores;
- animation-name: fadeInTopCores
- }
- @-webkit-keyframes rotateInResults1 {
- 0% {
- -webkit-transform: translate(0px, 0px) scale(0, 0) rotate(-360deg);
- transform: translate(0px, 0px) scale(0, 0) rotate(-360deg);
- opacity: 0
- }
- 45% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(720deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(720deg);
- opacity: 0
- }
- }
- @keyframes rotateInResults1 {
- 0% {
- -webkit-transform: translate(0px, 0px) scale(0, 0) rotate(-360deg);
- transform: translate(0px, 0px) scale(0, 0) rotate(-360deg);
- opacity: 0
- }
- 45% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- 50% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(720deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(720deg);
- opacity: 0
- }
- }
- .rotateInResults1 {
- opacity: 0;
- -webkit-animation-name: rotateInResults1;
- animation-name: rotateInResults1;
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- }
- @-webkit-keyframes rotateInResults2 {
- from {
- -webkit-transform: rotate(-360deg);
- transform: rotate(-360deg);
- opacity: 0
- }
- to {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- opacity: 1
- }
- }
- @keyframes rotateInResults2 {
- from {
- -webkit-transform: rotate(-360deg);
- transform: rotate(-360deg);
- opacity: 0
- }
- to {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- opacity: 1
- }
- }
- .rotateInResults2 {
- -webkit-animation-name: rotateInResults2;
- animation-name: rotateInResults2;
- -webkit-animation-duration: 1.2s;
- animation-duration: 1.2s;
- }
- @-webkit-keyframes fadeOCE {
- 0% {
- -webkit-transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 0
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 1
- }
- 70% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5) rotate(180deg);
- transform: translate(0px, 0px) scale(0.5, 0.5) rotate(180deg);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5) rotate(-90deg);
- transform: translate(0px, 0px) scale(0.5, 0.5) rotate(-90deg);
- opacity: 1
- }
- }
- @keyframes fadeOCE {
- 0% {
- -webkit-transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 0
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 1
- }
- 70% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(180deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(180deg);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(-90deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(-90deg);
- opacity: 1
- }
- }
- .fadeOCE {
- transform: translate(0px, 0px) scale(1, 1) rotate(-90deg);
- -webkit-animation-name: fadeOCE;
- animation-name: fadeOCE;
- -webkit-animation-duration: 1.2s;
- animation-duration: 1.2s;
- }
- @-webkit-keyframes fadePcLine {
- 0% {
- -webkit-transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(-150px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 0
- }
- 40% {
- -webkit-transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- transform: translate(0px, 0px) scale(0.3, 0.3) rotate(0deg);
- opacity: 1
- }
- 70% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5) rotate(180deg);
- transform: translate(0px, 0px) scale(0.5, 0.5) rotate(180deg);
- opacity: 1
- }
- 100% {
- -webkit-transform: translate(0px, 0px) scale(0.5, 0.5) rotate(-90deg);
- transform: translate(0px, 0px) scale(0.5, 0.5) rotate(-90deg);
- opacity: 1
- }
- }
- @keyframes fadePcLine {
- 0% {
- -webkit-transform: translate(10px, -50px) scale(0.2, 1) rotate(30deg);
- transform: translate(10px, -50px) scale(0.2, 1) rotate(30deg);
- opacity: 0
- }
- 40% {
- width: 136px;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- 100% {
- width: 30px;
- height: 11px;
- -webkit-transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- transform: translate(0px, 0px) scale(1, 1) rotate(0deg);
- opacity: 1
- }
- }
- .pc-line.fadePcLine {
- width: 30px;
- -webkit-animation-name: fadePcLine;
- animation-name: fadePcLine;
- -webkit-animation-duration: 0.9s;
- animation-duration: 0.9s;
- -webkit-transition: all ease-in-out 0.5s;
- -moz-transition: all ease-in-out 0.5s;
- -o-transition: all ease-in-out 0.5s;
- -ms-transition: all ease-in-out 0.5s;
- transition: all ease-in-out 0.5s;
- }
- @-webkit-keyframes RotateZoom {
- from {
- -webkit-transform: scale(0, 0) rotate(180deg);
- transform: scale(0, 0) rotate(180deg);
- }
- to {
- -webkit-transform: scale(1, 1) rotate(0deg);
- transform: scale(1, 1) rotate(0deg);
- }
- }
- @keyframes RotateZoom {
- from {
- -webkit-transform: scale(0, 0) rotate(-180deg);
- transform: scale(0, 0) rotate(-180deg);
- }
- to {
- -webkit-transform: scale(1, 1) rotate(0deg);
- transform: scale(1, 1) rotate(0deg);
- }
- }
- .RotateZoom {
- -webkit-animation-name: RotateZoom;
- animation-name: RotateZoom;
- -webkit-animation-duration: 0.4s;
- animation-duration: 0.4s;
- }
- @-webkit-keyframes slideInUpCross {
- from {
- -webkit-transform: rotate(30deg);
- -webkit-transform-origin: 0% 100%;
- transform: rotate(30deg);
- transform-origin: 0% 100%;
- opacity: 0
- }
- to {
- -webkit-transform: rotate(0deg);
- -webkit-transform-origin: 0% 100%;
- transform: rotate(0deg);
- transform-origin: 0% 100%;
- opacity: 1
- }
- }
- @keyframes slideInUpCross {
- from {
- -webkit-transform: rotate(30deg);
- -webkit-transform-origin: 0% 100%;
- transform: rotate(30deg);
- transform-origin: 0% 100%;
- opacity: 0
- }
- to {
- -webkit-transform: rotate(0deg);
- -webkit-transform-origin: 0% 100%;
- transform: rotate(0deg);
- transform-origin: 0% 100%;
- opacity: 1
- }
- }
- .slideInUpCross {
- -webkit-animation-name: slideInUpCross;
- animation-name: slideInUpCross;
- }
- .mad-content.fadeInUp {
- -webkit-animation-duration: 0.7s;
- animation-duration: 0.7s;
- }
- @-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
- }
- @-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
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement