@-webkit-keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}@keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}@-webkit-keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@-webkit-keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}@keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}@-webkit-keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}@keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}@-webkit-keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}@keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}@-webkit-keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}@keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}@-webkit-keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}@keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}@keyframes hvr-ripple-out {
0% {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 1;
}
100% {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: 0;
}
}@keyframes hvr-ripple-out-two {
0% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}@-webkit-keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@-webkit-keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}@keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}@-webkit-keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}@keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}@keyframes animationFramesThree {
0% {
transform: translate(165px, -179px);
}
100% {
transform: translate(-346px, 617px);
}
}@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform: translate(165px, -179px);
}
100% {
-webkit-transform: translate(-346px, 617px);
}
}@keyframes animationFramesFour {
0% {
transform: translate(-300px, 151px) rotate(0deg);
}
100% {
transform: translate(251px, -200px) rotate(180deg);
}
}@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform: translate(-300px, 151px) rotate(0deg);
}
100% {
-webkit-transform: translate(251px, -200px) rotate(180deg);
}
}@keyframes animationFramesFive {
0% {
transform: translate(61px, -99px) rotate(0deg);
}
21% {
transform: translate(4px, -190px) rotate(38deg);
}
41% {
transform: translate(-139px, -200px) rotate(74deg);
}
60% {
transform: translate(-263px, -164px) rotate(108deg);
}
80% {
transform: translate(-195px, -49px) rotate(144deg);
}
100% {
transform: translate(-1px, 0px) rotate(180deg);
}
}@-webkit-keyframes animationFramesFive {
0% {
-webkit-transform: translate(61px, -99px) rotate(0deg);
}
21% {
-webkit-transform: translate(4px, -190px) rotate(38deg);
}
41% {
-webkit-transform: translate(-139px, -200px) rotate(74deg);
}
60% {
-webkit-transform: translate(-263px, -164px) rotate(108deg);
}
80% {
-webkit-transform: translate(-195px, -49px) rotate(144deg);
}
100% {
-webkit-transform: translate(-1px, 0px) rotate(180deg);
}
}@keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}@keyframes imageBgAnim {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}.faded-text{-webkit-animation:linear infinite alternate;-webkit-animation-name:run;-webkit-animation-duration:25s;-ms-animation:linear infinite alternate;-ms-animation-name:run;-ms-animation-duration:25s;-moz-animation:linear infinite alternate;-moz-animation-name:run;-moz-animation-duration:25s}@-webkit-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}@-moz-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}