@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_214 { background-color: #d9eeed; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 250px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_214 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_214 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_308305746 { top: 98px; left: 10px; z-index: 1; } #img_308305746 { width: 290px; height: 49px; } #img_308305746.bnfy-enter { -webkit-animation: custom-clouds-start-center 9000ms 0ms ease infinite both; animation: custom-clouds-start-center 9000ms 0ms ease infinite both; } #el_308305747 { top: 61px; left: 57px; z-index: 2; } #img_308305747 { width: 176px; height: 26px; } #img_308305747.bnfy-enter { -webkit-animation: custom-clouds-start-center 9000ms 4600ms ease infinite both; animation: custom-clouds-start-center 9000ms 4600ms ease infinite both; } #el_308305748 { top: 136px; left: 89px; z-index: 3; } #img_308305748 { width: 150px; height: 43px; } #img_308305748.bnfy-enter { -webkit-animation: custom-clouds-start-center 9700ms 1400ms ease infinite both; animation: custom-clouds-start-center 9700ms 1400ms ease infinite both; } #el_308305749 { top: 57px; left: 143px; z-index: 4; } #img_308305749 { width: 157px; height: 49px; } #img_308305749.bnfy-enter { -webkit-animation: custom-clouds-start-center 9000ms 4900ms ease infinite both; animation: custom-clouds-start-center 9000ms 4900ms ease infinite both; } #el_308305750 { top: 219.28297424316406px; left: -1px; z-index: 5; } #img_308305750 { width: 1031px; height: 47px; } #img_308305750.bnfy-enter { -webkit-animation: custom-gr-sl-30px 500ms 0ms ease 1 both; animation: custom-gr-sl-30px 500ms 0ms ease 1 both; } #el_308306148 { top: 13px; left: 83px; z-index: 6; } #img_308306148 { width: 201px; height: 55px; } #img_308306148.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both; animation: fade-in 1000ms 0ms ease 1 both; } #el_308306149 { top: 111px; left: 86px; z-index: 7; } #img_308306149 { width: 128px; height: 42px; } #img_308306149.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_308306150 { top: 111px; left: 86px; z-index: 8; } #img_308306150 { width: 128px; height: 42px; } #img_308306150.bnfy-enter { -webkit-animation: fade-in 0ms 800ms ease 1 both, simple-hide 0ms 800ms both; animation: fade-in 0ms 800ms ease 1 both, simple-hide 0ms 800ms both; } #img_308306150.bnfy-exit { -webkit-animation: custom-button-switch 2000ms 800ms ease infinite both, simple-show 0ms 800ms both; animation: custom-button-switch 2000ms 800ms ease infinite both, simple-show 0ms 800ms both; } #el_308306151 { top: 111px; left: 86px; z-index: 9; } #img_308306151 { width: 128px; height: 42px; } #img_308306151.bnfy-enter { -webkit-animation: fade-in 1000ms 4000ms ease 1 both; animation: fade-in 1000ms 4000ms ease 1 both; } #el_308306152 { top: 111px; left: 86px; z-index: 10; } #img_308306152 { width: 128px; height: 42px; } #img_308306152.bnfy-enter { -webkit-animation: fade-in 800ms 6000ms ease 1 both, simple-hide 0ms 6800ms both; animation: fade-in 800ms 6000ms ease 1 both, simple-hide 0ms 6800ms both; } #img_308306152.bnfy-exit { -webkit-animation: custom-button-switch 2000ms 6800ms ease infinite both, simple-show 0ms 6800ms both; animation: custom-button-switch 2000ms 6800ms ease infinite both, simple-show 0ms 6800ms both; } #el_I3083061531411149 { top: 136px; left: 217px; z-index: 11; } #img_I3083061531411149 { width: 68px; height: 88px; } #img_I3083061531411149.bnfy-enter { -webkit-animation: custom-man-run-m400px 3000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: custom-man-run-m400px 3000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_I3083061531411149.bnfy-exit { -webkit-animation: flicker-out-1 600ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: flicker-out-1 600ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_I3083061541411150 { top: 125px; left: 217px; z-index: 12; } #img_I3083061541411150 { width: 77px; height: 99px; } #img_I3083061541411150.bnfy-enter { -webkit-animation: flicker-in-1 600ms 3300ms ease 1 both, simple-hide 0ms 4000ms both; animation: flicker-in-1 600ms 3300ms ease 1 both, simple-hide 0ms 4000ms both; } #img_I3083061541411150.bnfy-exit { -webkit-animation: custom-jump-20px 1500ms 4000ms ease infinite both, simple-show 0ms 4000ms both; animation: custom-jump-20px 1500ms 4000ms ease infinite both, simple-show 0ms 4000ms both; } #el_308306155 { top: 161px; left: 14px; z-index: 13; } #img_308306155 { width: 56px; height: 44px; } #img_308306155.bnfy-enter { -webkit-animation: custom-coins-appear-less 1000ms 0ms ease 1 both, simple-hide 0ms 1000ms both; animation: custom-coins-appear-less 1000ms 0ms ease 1 both, simple-hide 0ms 1000ms both; } #img_308306155.bnfy-exit { -webkit-animation: scale-out-center 700ms 1000ms ease 1 both, simple-show 0ms 1000ms both; animation: scale-out-center 700ms 1000ms ease 1 both, simple-show 0ms 1000ms both; } #el_308306156 { top: 161px; left: 14px; z-index: 14; } #img_308306156 { width: 56px; height: 44px; } #img_308306156.bnfy-enter { -webkit-animation: fade-in 0ms 1000ms ease 1 both, simple-hide 0ms 1000ms both; animation: fade-in 0ms 1000ms ease 1 both, simple-hide 0ms 1000ms both; } #img_308306156.bnfy-exit { -webkit-animation: flicker-out-1 700ms 1000ms ease 1 both, simple-show 0ms 1000ms both; animation: flicker-out-1 700ms 1000ms ease 1 both, simple-show 0ms 1000ms both; } #el_308306157 { top: 161px; left: 14px; z-index: 15; } #img_308306157 { width: 56px; height: 44px; } #img_308306157.bnfy-enter { -webkit-animation: fade-in 0ms 1200ms ease 1 both, simple-hide 0ms 1200ms both; animation: fade-in 0ms 1200ms ease 1 both, simple-hide 0ms 1200ms both; } #img_308306157.bnfy-exit { -webkit-animation: flicker-out-1 600ms 1200ms ease 1 both, simple-show 0ms 1200ms both; animation: flicker-out-1 600ms 1200ms ease 1 both, simple-show 0ms 1200ms both; } #el_308306158 { top: 161px; left: 217px; z-index: 16; } #img_308306158 { width: 69px; height: 44px; } #img_308306158.bnfy-enter { -webkit-animation: flicker-in-1 800ms 600ms ease 1 both, simple-hide 0ms 2900ms both; animation: flicker-in-1 800ms 600ms ease 1 both, simple-hide 0ms 2900ms both; } #img_308306158.bnfy-exit { -webkit-animation: flicker-out-1 800ms 2900ms ease 1 both, simple-show 0ms 2900ms both; animation: flicker-out-1 800ms 2900ms ease 1 both, simple-show 0ms 2900ms both; } #el_308306159 { top: 161px; left: 217px; z-index: 17; } #img_308306159 { width: 69px; height: 44px; } #img_308306159.bnfy-enter { -webkit-animation: fade-in 0ms 2900ms ease 1 both, simple-hide 0ms 2900ms both; animation: fade-in 0ms 2900ms ease 1 both, simple-hide 0ms 2900ms both; } #img_308306159.bnfy-exit { -webkit-animation: flicker-out-1 700ms 2900ms ease 1 both, simple-show 0ms 2900ms both; animation: flicker-out-1 700ms 2900ms ease 1 both, simple-show 0ms 2900ms both; } #el_308306160 { top: 161px; left: 217px; z-index: 18; } #img_308306160 { width: 69px; height: 44px; } #img_308306160.bnfy-enter { -webkit-animation: flicker-in-1 0ms 3000ms ease 1 both, simple-hide 0ms 3000ms both; animation: flicker-in-1 0ms 3000ms ease 1 both, simple-hide 0ms 3000ms both; } #img_308306160.bnfy-exit { -webkit-animation: flicker-out-1 500ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: flicker-out-1 500ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_308306161 { top: 170px; left: 175px; z-index: 19; } #img_308306161 { width: 23px; height: 26px; } #img_308306161.bnfy-enter { -webkit-animation: custom-coins-appear-less 1000ms 300ms ease 1 both, simple-hide 0ms 2300ms both; animation: custom-coins-appear-less 1000ms 300ms ease 1 both, simple-hide 0ms 2300ms both; } #img_308306161.bnfy-exit { -webkit-animation: scale-out-center 700ms 2300ms ease 1 both, simple-show 0ms 2300ms both; animation: scale-out-center 700ms 2300ms ease 1 both, simple-show 0ms 2300ms both; } #el_308306162 { top: 170px; left: 175px; z-index: 20; } #img_308306162 { width: 22px; height: 26px; } #img_308306162.bnfy-enter { -webkit-animation: fade-in 0ms 2300ms ease 1 both, simple-hide 0ms 2300ms both; animation: fade-in 0ms 2300ms ease 1 both, simple-hide 0ms 2300ms both; } #img_308306162.bnfy-exit { -webkit-animation: flicker-out-1 600ms 2300ms ease 1 both, simple-show 0ms 2300ms both; animation: flicker-out-1 600ms 2300ms ease 1 both, simple-show 0ms 2300ms both; } #el_308306163 { top: 170px; left: 175px; z-index: 21; } #img_308306163 { width: 22px; height: 26px; } #img_308306163.bnfy-enter { -webkit-animation: fade-in 0ms 2500ms ease 1 both, simple-hide 0ms 2500ms both; animation: fade-in 0ms 2500ms ease 1 both, simple-hide 0ms 2500ms both; } #img_308306163.bnfy-exit { -webkit-animation: flicker-out-1 600ms 2500ms ease 1 both, simple-show 0ms 2500ms both; animation: flicker-out-1 600ms 2500ms ease 1 both, simple-show 0ms 2500ms both; } #el_308306164 { top: 170px; left: 131px; z-index: 22; } #img_308306164 { width: 22px; height: 26px; } #img_308306164.bnfy-enter { -webkit-animation: custom-coins-appear-less 1000ms 200ms ease 1 both, simple-hide 0ms 1900ms both; animation: custom-coins-appear-less 1000ms 200ms ease 1 both, simple-hide 0ms 1900ms both; } #img_308306164.bnfy-exit { -webkit-animation: scale-out-center 600ms 1900ms ease 1 both, simple-show 0ms 1900ms both; animation: scale-out-center 600ms 1900ms ease 1 both, simple-show 0ms 1900ms both; } #el_308306165 { top: 170px; left: 131px; z-index: 23; } #img_308306165 { width: 22px; height: 26px; } #img_308306165.bnfy-enter { -webkit-animation: fade-in 0ms 1900ms ease 1 both, simple-hide 0ms 1900ms both; animation: fade-in 0ms 1900ms ease 1 both, simple-hide 0ms 1900ms both; } #img_308306165.bnfy-exit { -webkit-animation: flicker-out-1 600ms 1900ms ease 1 both, simple-show 0ms 1900ms both; animation: flicker-out-1 600ms 1900ms ease 1 both, simple-show 0ms 1900ms both; } #el_308306166 { top: 170px; left: 131px; z-index: 24; } #img_308306166 { width: 22px; height: 26px; } #img_308306166.bnfy-enter { -webkit-animation: fade-in 0ms 2100ms ease 1 both, simple-hide 0ms 2100ms both; animation: fade-in 0ms 2100ms ease 1 both, simple-hide 0ms 2100ms both; } #img_308306166.bnfy-exit { -webkit-animation: flicker-out-1 600ms 2100ms ease 1 both, simple-show 0ms 2100ms both; animation: flicker-out-1 600ms 2100ms ease 1 both, simple-show 0ms 2100ms both; } #el_308306167 { top: 170px; left: 87px; z-index: 25; } #img_308306167 { width: 22px; height: 26px; } #img_308306167.bnfy-enter { -webkit-animation: custom-coins-appear-less 1000ms 100ms ease 1 both, simple-hide 0ms 1500ms both; animation: custom-coins-appear-less 1000ms 100ms ease 1 both, simple-hide 0ms 1500ms both; } #img_308306167.bnfy-exit { -webkit-animation: scale-out-center 600ms 1500ms ease 1 both, simple-show 0ms 1500ms both; animation: scale-out-center 600ms 1500ms ease 1 both, simple-show 0ms 1500ms both; } #el_308306168 { top: 170px; left: 87px; z-index: 26; } #img_308306168 { width: 22px; height: 26px; } #img_308306168.bnfy-enter { -webkit-animation: fade-in 0ms 1500ms ease 1 both, simple-hide 0ms 1500ms both; animation: fade-in 0ms 1500ms ease 1 both, simple-hide 0ms 1500ms both; } #img_308306168.bnfy-exit { -webkit-animation: flicker-out-1 600ms 1500ms ease 1 both, simple-show 0ms 1500ms both; animation: flicker-out-1 600ms 1500ms ease 1 both, simple-show 0ms 1500ms both; } #el_308306169 { top: 170px; left: 87px; z-index: 27; } #img_308306169 { width: 22px; height: 26px; } #img_308306169.bnfy-enter { -webkit-animation: fade-in 0ms 1700ms ease 1 both, simple-hide 0ms 1700ms both; animation: fade-in 0ms 1700ms ease 1 both, simple-hide 0ms 1700ms both; } #img_308306169.bnfy-exit { -webkit-animation: flicker-out-1 600ms 1700ms ease 1 both, simple-show 0ms 1700ms both; animation: flicker-out-1 600ms 1700ms ease 1 both, simple-show 0ms 1700ms both; } #el_308306170 { top: 14px; left: 14px; z-index: 28; } #img_308306170 { width: 55px; height: 55px; } #img_308306170.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; }
@media (print), (prefers-reduced-motion: reduce) { .banner__element { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important; } } @-webkit-keyframes simple-show { 0% { visibility: hidden; } 100% { visibility: visible; } } @keyframes simple-show { 0% { visibility: hidden; } 100% { visibility: visible; } } @-webkit-keyframes simple-hide { 0% { visibility: visible; } 100% { visibility: hidden; } } @keyframes simple-hide { 0% { visibility: visible; } 100% { visibility: hidden; } } @-webkit-keyframes custom-clouds-start-center { 0% { -webkit-transform: translateX(660px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; } 100% { -webkit-transform: translateX(-660px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; }
} @keyframes custom-clouds-start-center { 0% { transform: translateX(660px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; } 100% { transform: translateX(-660px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; }
} @-webkit-keyframes custom-gr-sl-30px { 0% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; } 100% { -webkit-transform: translateX(-30px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; }
} @keyframes custom-gr-sl-30px { 0% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; } 100% { transform: translateX(-30px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; }
} @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes custom-button-switch { 0% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; } 33% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; } 34% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 0; } 66% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 0; } 67% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; } 100% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; }
} @keyframes custom-button-switch { 0% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; } 33% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; } 34% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 0; } 66% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 0; } 67% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; } 100% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; }
} @-webkit-keyframes custom-man-run-m400px { 0% { -webkit-transform: translateX(-400px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; } 100% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; }
} @keyframes custom-man-run-m400px { 0% { transform: translateX(-400px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; } 100% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; }
} @-webkit-keyframes flicker-out-1 { 0%, 13.9%, 15%, 22.9%, 25%, 34.9%, 40%, 42.9%, 45%, 50%, 54.9%, 69.5%, 69.9%, 79.9% { opacity: 1 } 14%, 14.9%, 23%, 24.9%, 35%, 39.9%, 43%, 44.9%, 55%, 69.4%, 70%, 79.4%, 80%, 89.8%, 90% { opacity: 0; -webkit-box-shadow: none; box-shadow: none } 89.9% { opacity: 1; -webkit-box-shadow: none; box-shadow: none } to { opacity: 0 } } @keyframes flicker-out-1 { 0%, 13.9%, 15%, 22.9%, 25%, 34.9%, 40%, 42.9%, 45%, 50%, 54.9%, 69.5%, 69.9%, 79.9% { opacity: 1 } 14%, 14.9%, 23%, 24.9%, 35%, 39.9%, 43%, 44.9%, 55%, 69.4%, 70%, 79.4%, 80%, 89.8%, 90% { opacity: 0; -webkit-box-shadow: none; box-shadow: none } 89.9% { opacity: 1; -webkit-box-shadow: none; box-shadow: none } to { opacity: 0 } } @-webkit-keyframes flicker-in-1 { 0%, 10%, 10.2%, 20%, 20.6%, 30%, 30.6%, 45%, 55.1%, 57%, 60.1%, 65%, 75.1%, 77%, 85.1%, 86% { opacity: 0 } 10.1%, 20.1%, 30.1%, 30.5%, 45.1%, 50%, 55%, 57.1%, 60%, 65.1%, 75%, 77.1%, 85%, 86.1%, to { opacity: 1 } } @keyframes flicker-in-1 { 0%, 10%, 10.2%, 20%, 20.6%, 30%, 30.6%, 45%, 55.1%, 57%, 60.1%, 65%, 75.1%, 77%, 85.1%, 86% { opacity: 0 } 10.1%, 20.1%, 30.1%, 30.5%, 45.1%, 50%, 55%, 57.1%, 60%, 65.1%, 75%, 77.1%, 85%, 86.1%, to { opacity: 1 } } @-webkit-keyframes custom-jump-20px { 0% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; } 50% { -webkit-transform: translateX(0px) translateY(-20px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; } 100% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: linear; opacity: 1; }
} @keyframes custom-jump-20px { 0% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; } 50% { transform: translateX(0px) translateY(-20px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; } 100% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: linear; opacity: 1; }
} @-webkit-keyframes custom-coins-appear-less { 0% { -webkit-transform: translateX(0px) translateY(30px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 0; } 50% { -webkit-transform: translateX(0px) translateY(-10px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; } 100% { -webkit-transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; }
} @keyframes custom-coins-appear-less { 0% { transform: translateX(0px) translateY(30px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 0; } 50% { transform: translateX(0px) translateY(-10px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; } 100% { transform: translateX(0px) translateY(0px) scale(1) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; }
} @-webkit-keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } } @keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } to { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } }