@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_12598 { background-color: #ffffff; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 250px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_12598 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_12598 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_151665 { top: 0px; left: 0px; z-index: 1; mix-blend-mode: normal; } #img_151665 { width: 300px; height: 250px; } #img_151665.bnfy-enter { -webkit-animation: custom-grow 12000ms 0ms ease 1 both; animation: custom-grow 12000ms 0ms ease 1 both; } #el_12601 { top: 137px; left: 12px; z-index: 2; mix-blend-mode: normal; } #img_12601 { width: 233px; height: 23px; } #img_12601.bnfy-enter { -webkit-animation: fade-in-left 400ms 900ms ease 1 both; animation: fade-in-left 400ms 900ms ease 1 both; } #el_12807 { top: 161px; left: 12px; z-index: 3; mix-blend-mode: normal; } #img_12807 { width: 238px; height: 23px; } #img_12807.bnfy-enter { -webkit-animation: fade-in-left 400ms 1000ms ease 1 both; animation: fade-in-left 400ms 1000ms ease 1 both; } #el_12605 { top: 114px; left: 12px; z-index: 4; mix-blend-mode: normal; } #img_12605 { width: 190px; height: 22px; } #img_12605.bnfy-enter { -webkit-animation: fade-in-left 400ms 800ms ease 1 both; animation: fade-in-left 400ms 800ms ease 1 both; } #el_12609 { top: 77px; left: 9.83837890625px; z-index: 5; mix-blend-mode: normal; } #img_12609 { width: 130.3232421875px; height: 37.323486328125px; } #img_12609.bnfy-enter { -webkit-animation: fade-in-left 400ms 100ms ease 1 both; animation: fade-in-left 400ms 100ms ease 1 both; } #el_12614 { top: 12px; left: 179px; z-index: 6; mix-blend-mode: normal; } #img_12614 { width: 109px; height: 40px; } #img_12614.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_12615 { top: 200px; left: 87.369140625px; z-index: 7; mix-blend-mode: normal; } #img_12615 { width: 125.26171875px; height: 37.21539306640625px; } #img_12615.bnfy-enter { -webkit-animation: fade-in-bottom 400ms 3300ms ease 1 both; animation: fade-in-bottom 400ms 3300ms 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-grow { 0% { -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.2) rotate(0deg); -webkit-transform-origin: center center; -webkit-animation-timing-function: ease; opacity: 1; }
} @keyframes custom-grow { 0% { 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.2) rotate(0deg); transform-origin: center center; animation-timing-function: ease; opacity: 1; }
} @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } }