@charset "UTF-8"; .delay-animation { animation-delay: 0.5s; } .delay-animation2 { animation-delay: 0.8s; } .delay-animation3 { animation-delay: 1.1s; } .delay-animation4 { animation-delay: 1.4s; } .pre-animation { visibility: hidden !important; } .smallDownBounce { animation-name: smallDownBounce; -webkit-animation-name: smallDownBounce; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes smallDownBounce { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes smallDownBounce { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } .smallUpBounce { animation-name: smallUpBounce; -webkit-animation-name: smallUpBounce; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes smallUpBounce { 0% { transform: translateY(100%); } 50% { transform: translateY(-8%); } 65% { transform: translateY(4%); } 80% { transform: translateY(-4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes smallUpBounce { 0% { -webkit-transform: translateY(100%); } 50% { -webkit-transform: translateY(-8%); } 65% { -webkit-transform: translateY(4%); } 80% { -webkit-transform: translateY(-4%); } 95% { -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .slideUpExpand { animation-name: slideUpExpand; -webkit-animation-name: slideUpExpand; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes slideUpExpand { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideUpExpand { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30% { -webkit-transform: translateY(-8%) scaleX(0.5); } 40% { -webkit-transform: translateY(2%) scaleX(0.5); } 50% { -webkit-transform: translateY(0%) scaleX(1.1); } 60% { -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80% { -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100% { -webkit-transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { -webkit-transform: translateY(-7%) scaleY(1.12); } 75% { -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } .zoomRock { animation-name: zoomRock; -webkit-animation-name: zoomRock; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes zoomRock { 0% { transform: rotate(0deg) scale(.3); } 20% { transform: rotate(-2deg) scaleY(1); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes zoomRock { 0% { -webkit-transform: rotate(0deg) scale(.3); } 20% { -webkit-transform: rotate(-2deg) scaleY(1); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } .jumpDown { -webkit-animation-name: jumpDown; animation-name: jumpDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes jumpDown { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes jumpDown { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .blink { -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .shake { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .nope { -webkit-animation-name: nope; animation-name: nope; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes nope { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 20%, 60% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 40%, 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @keyframes nope { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20%, 60% { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } 40%, 80% { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .tada { -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInSlow { -webkit-animation-name: fadeInSlow; animation-name: fadeInSlow; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInSlow { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInSlow { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInSlower { -webkit-animation-name: fadeInSlower; animation-name: fadeInSlower; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInSlower { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInSlower { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bigSlideDown { -webkit-animation-name: bigSlideDown; animation-name: bigSlideDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bigSlideDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bigSlideDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bigSlideLeft { -webkit-animation-name: bigSlideLeft; animation-name: bigSlideLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bigSlideLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bigSlideLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bigSlideRight { -webkit-animation-name: bigSlideRight; animation-name: bigSlideRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bigSlideRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bigSlideRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bigSlideUp { -webkit-animation-name: bigSlideUp; animation-name: bigSlideUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes bigSlideUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bigSlideUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .spinner { -webkit-animation-name: spinner; animation-name: spinner; -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes spinner { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes spinner { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .inTheWind { -webkit-animation-name: inTheWind; animation-name: inTheWind; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes inTheWind { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes inTheWind { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .seeSaw { -webkit-animation-name: seeSaw; animation-name: seeSaw; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes seeSaw { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes seeSaw { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .zoomingIn { -webkit-animation-name: zoomingIn; animation-name: zoomingIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes zoomingIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes zoomingIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rollingIn { -webkit-animation-name: rollingIn; animation-name: rollingIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes rollingIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollingIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .expand { -webkit-animation-name: expand; animation-name: expand; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes expand { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes expand { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .flyInDown { -webkit-animation-name: flyInDown; animation-name: flyInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes flyInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .flyInLeft { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .flyInRight { -webkit-animation-name: flyInRight; animation-name: flyInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes flyInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes flyInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .flyInUp { -webkit-animation-name: flyInUp; animation-name: flyInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes flyInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .wavering { animation-name: wavering; -webkit-animation-name: wavering; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes wavering { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes wavering { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } .blinking { -webkit-animation-name: blinking; animation-name: blinking; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes blinking { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0.5; } } @keyframes blinking { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0.5; } } .blinkingSlow { -webkit-animation-name: blinkingSlow; animation-name: blinkingSlow; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes blinkingSlow { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0.5; } } @keyframes blinkingSlow { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0.5; } } .pulsating { animation-name: pulsating; -webkit-animation-name: pulsating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulsating { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulsating { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } .jelly { -webkit-animation-name: jelly; animation-name: jelly; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } @-webkit-keyframes jelly { 0% { -webkit-transform: scale(0.5000, 0.5000); } 1% { -webkit-transform: scale(0.5278, 0.5320); } 2% { -webkit-transform: scale(0.5605, 0.5764); } 3% { -webkit-transform: scale(0.5971, 0.6306); } 4% { -webkit-transform: scale(0.6367, 0.6917); } 5% { -webkit-transform: scale(0.6783, 0.7572); } 6% { -webkit-transform: scale(0.7211, 0.8245); } 7% { -webkit-transform: scale(0.7642, 0.8911); } 8% { -webkit-transform: scale(0.8071, 0.9550); } 9% { -webkit-transform: scale(0.8489, 1.014); } 10% { -webkit-transform: scale(0.8892, 1.067); } 11% { -webkit-transform: scale(0.9274, 1.113); } 12% { -webkit-transform: scale(0.9632, 1.151); } 13% { -webkit-transform: scale(0.9961, 1.180); } 14% { -webkit-transform: scale(1.026, 1.201); } 15% { -webkit-transform: scale(1.053, 1.213); } 16% { -webkit-transform: scale(1.076, 1.217); } 17% { -webkit-transform: scale(1.112, 1.202); } 18% { -webkit-transform: scale(1.125, 1.186); } 19% { -webkit-transform: scale(1.135, 1.166); } 20% { -webkit-transform: scale(1.142, 1.142); } 21% { -webkit-transform: scale(1.145, 1.115); } 22% { -webkit-transform: scale(1.146, 1.087); } 23% { -webkit-transform: scale(1.145, 1.059); } 24% { -webkit-transform: scale(1.142, 1.032); } 25% { -webkit-transform: scale(1.136, 1.006); } 26% { -webkit-transform: scale(1.129, 0.9826); } 27% { -webkit-transform: scale(1.121, 0.9619); } 28% { -webkit-transform: scale(1.111, 0.9444); } 29% { -webkit-transform: scale(1.101, 0.9304); } 30% { -webkit-transform: scale(1.089, 0.9201); } 31% { -webkit-transform: scale(1.078, 0.9133); } 32% { -webkit-transform: scale(1.066, 0.9101); } 33% { -webkit-transform: scale(1.055, 0.9101); } 34% { -webkit-transform: scale(1.032, 0.9187); } 35% { -webkit-transform: scale(1.022, 0.9264); } 36% { -webkit-transform: scale(1.012, 0.9358); } 37% { -webkit-transform: scale(1.003, 0.9464); } 38% { -webkit-transform: scale(0.9949, 0.9578); } 39% { -webkit-transform: scale(0.9876, 0.9695); } 40% { -webkit-transform: scale(0.9811, 0.9811); } 41% { -webkit-transform: scale(0.9755, 0.9922); } 42% { -webkit-transform: scale(0.9709, 1.002); } 43% { -webkit-transform: scale(0.9671, 1.012); } 44% { -webkit-transform: scale(0.9643, 1.020); } 45% { -webkit-transform: scale(0.9623, 1.026); } 46% { -webkit-transform: scale(0.9611, 1.031); } 47% { -webkit-transform: scale(0.9606, 1.035); } 48% { -webkit-transform: scale(0.9608, 1.037); } 49% { -webkit-transform: scale(0.9616, 1.038); } 50% { -webkit-transform: scale(0.9647, 1.035); } 51% { -webkit-transform: scale(0.9669, 1.032); } 52% { -webkit-transform: scale(0.9695, 1.029); } 53% { -webkit-transform: scale(0.9722, 1.025); } 54% { -webkit-transform: scale(0.9752, 1.020); } 55% { -webkit-transform: scale(0.9782, 1.015); } 56% { -webkit-transform: scale(0.9814, 1.010); } 57% { -webkit-transform: scale(0.9845, 1.006); } 58% { -webkit-transform: scale(0.9876, 1.001); } 59% { -webkit-transform: scale(0.9905, 0.9970); } 60% { -webkit-transform: scale(0.9934, 0.9934); } 61% { -webkit-transform: scale(0.9961, 0.9903); } 62% { -webkit-transform: scale(0.9986, 0.9879); } 63% { -webkit-transform: scale(1.001, 0.9861); } 64% { -webkit-transform: scale(1.003, 0.9849); } 65% { -webkit-transform: scale(1.005, 0.9844); } 66% { -webkit-transform: scale(1.006, 0.9844); } 67% { -webkit-transform: scale(1.009, 0.9859); } 68% { -webkit-transform: scale(1.009, 0.9872); } 69% { -webkit-transform: scale(1.010, 0.9888); } 70% { -webkit-transform: scale(1.010, 0.9907); } 71% { -webkit-transform: scale(1.011, 0.9927); } 72% { -webkit-transform: scale(1.011, 0.9947); } 73% { -webkit-transform: scale(1.010, 0.9967); } 74% { -webkit-transform: scale(1.010, 0.9986); } 75% { -webkit-transform: scale(1.010, 1.000); } 76% { -webkit-transform: scale(1.009, 1.002); } 77% { -webkit-transform: scale(1.008, 1.003); } 78% { -webkit-transform: scale(1.008, 1.005); } 79% { -webkit-transform: scale(1.007, 1.005); } 80% { -webkit-transform: scale(1.006, 1.006); } 81% { -webkit-transform: scale(1.005, 1.006); } 82% { -webkit-transform: scale(1.004, 1.007); } 83% { -webkit-transform: scale(1.004, 1.006); } 84% { -webkit-transform: scale(1.002, 1.006); } 85% { -webkit-transform: scale(1.001, 1.005); } 86% { -webkit-transform: scale(1.001, 1.004); } 87% { -webkit-transform: scale(0.9999, 1.003); } 88% { -webkit-transform: scale(0.9994, 1.003); } 89% { -webkit-transform: scale(0.9989, 1.002); } 90% { -webkit-transform: scale(0.9984, 1.001); } 91% { -webkit-transform: scale(0.9981, 1.000); } 92% { -webkit-transform: scale(0.9977, 0.9995); } 93% { -webkit-transform: scale(0.9975, 0.9988); } 94% { -webkit-transform: scale(0.9973, 0.9983); } 95% { -webkit-transform: scale(0.9972, 0.9979); } 96% { -webkit-transform: scale(0.9972, 0.9976); } 97% { -webkit-transform: scale(0.9971, 0.9974); } 98% { -webkit-transform: scale(0.9972, 0.9973); } 99% { -webkit-transform: scale(0.9973, 0.9973); } 100% { -webkit-transform: scale(1); } } @keyframes jelly { 0% { -webkit-transform: : scale(0.5000, 0.5000); } 1% { transform: scale(0.5278, 0.5320); } 2% { transform: scale(0.5605, 0.5764); } 3% { transform: scale(0.5971, 0.6306); } 4% { transform: scale(0.6367, 0.6917); } 5% { transform: scale(0.6783, 0.7572); } 6% { transform: scale(0.7211, 0.8245); } 7% { transform: scale(0.7642, 0.8911); } 8% { transform: scale(0.8071, 0.9550); } 9% { transform: scale(0.8489, 1.014); } 10% { transform: scale(0.8892, 1.067); } 11% { transform: scale(0.9274, 1.113); } 12% { transform: scale(0.9632, 1.151); } 13% { transform: scale(0.9961, 1.180); } 14% { transform: scale(1.026, 1.201); } 15% { transform: scale(1.053, 1.213); } 16% { transform: scale(1.076, 1.217); } 17% { transform: scale(1.112, 1.202); } 18% { transform: scale(1.125, 1.186); } 19% { transform: scale(1.135, 1.166); } 20% { transform: scale(1.142, 1.142); } 21% { transform: scale(1.145, 1.115); } 22% { transform: scale(1.146, 1.087); } 23% { transform: scale(1.145, 1.059); } 24% { transform: scale(1.142, 1.032); } 25% { transform: scale(1.136, 1.006); } 26% { transform: scale(1.129, 0.9826); } 27% { transform: scale(1.121, 0.9619); } 28% { transform: scale(1.111, 0.9444); } 29% { transform: scale(1.101, 0.9304); } 30% { transform: scale(1.089, 0.9201); } 31% { transform: scale(1.078, 0.9133); } 32% { transform: scale(1.066, 0.9101); } 33% { transform: scale(1.055, 0.9101); } 34% { transform: scale(1.032, 0.9187); } 35% { transform: scale(1.022, 0.9264); } 36% { transform: scale(1.012, 0.9358); } 37% { transform: scale(1.003, 0.9464); } 38% { transform: scale(0.9949, 0.9578); } 39% { transform: scale(0.9876, 0.9695); } 40% { transform: scale(0.9811, 0.9811); } 41% { transform: scale(0.9755, 0.9922); } 42% { transform: scale(0.9709, 1.002); } 43% { transform: scale(0.9671, 1.012); } 44% { transform: scale(0.9643, 1.020); } 45% { transform: scale(0.9623, 1.026); } 46% { transform: scale(0.9611, 1.031); } 47% { transform: scale(0.9606, 1.035); } 48% { transform: scale(0.9608, 1.037); } 49% { transform: scale(0.9616, 1.038); } 50% { transform: scale(0.9647, 1.035); } 51% { transform: scale(0.9669, 1.032); } 52% { transform: scale(0.9695, 1.029); } 53% { transform: scale(0.9722, 1.025); } 54% { transform: scale(0.9752, 1.020); } 55% { transform: scale(0.9782, 1.015); } 56% { transform: scale(0.9814, 1.010); } 57% { transform: scale(0.9845, 1.006); } 58% { transform: scale(0.9876, 1.001); } 59% { transform: scale(0.9905, 0.9970); } 60% { transform: scale(0.9934, 0.9934); } 61% { transform: scale(0.9961, 0.9903); } 62% { transform: scale(0.9986, 0.9879); } 63% { transform: scale(1.001, 0.9861); } 64% { transform: scale(1.003, 0.9849); } 65% { transform: scale(1.005, 0.9844); } 66% { transform: scale(1.006, 0.9844); } 67% { transform: scale(1.009, 0.9859); } 68% { transform: scale(1.009, 0.9872); } 69% { transform: scale(1.010, 0.9888); } 70% { transform: scale(1.010, 0.9907); } 71% { transform: scale(1.011, 0.9927); } 72% { transform: scale(1.011, 0.9947); } 73% { transform: scale(1.010, 0.9967); } 74% { transform: scale(1.010, 0.9986); } 75% { transform: scale(1.010, 1.000); } 76% { transform: scale(1.009, 1.002); } 77% { transform: scale(1.008, 1.003); } 78% { transform: scale(1.008, 1.005); } 79% { transform: scale(1.007, 1.005); } 80% { transform: scale(1.006, 1.006); } 81% { transform: scale(1.005, 1.006); } 82% { transform: scale(1.004, 1.007); } 83% { transform: scale(1.004, 1.006); } 84% { transform: scale(1.002, 1.006); } 85% { transform: scale(1.001, 1.005); } 86% { transform: scale(1.001, 1.004); } 87% { transform: scale(0.9999, 1.003); } 88% { transform: scale(0.9994, 1.003); } 89% { transform: scale(0.9989, 1.002); } 90% { transform: scale(0.9984, 1.001); } 91% { transform: scale(0.9981, 1.000); } 92% { transform: scale(0.9977, 0.9995); } 93% { transform: scale(0.9975, 0.9988); } 94% { transform: scale(0.9973, 0.9983); } 95% { transform: scale(0.9972, 0.9979); } 96% { transform: scale(0.9972, 0.9976); } 97% { transform: scale(0.9971, 0.9974); } 98% { transform: scale(0.9972, 0.9973); } 99% { transform: scale(0.9973, 0.9973); } 100% { transform: scale(1); } } .spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .spin_slow { -webkit-animation: spin_slow 4s infinite linear; animation: spin_slow 4s infinite linear; } @-webkit-keyframes spin_slow { 0% { webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin_slow { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }