@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_12577 { background-color: #ffffff; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 600px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_12577 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_12577 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_151664 { top: 0px; left: 0px; z-index: 1; mix-blend-mode: normal; } #img_151664 { width: 300px; height: 600px; } #img_151664.bnfy-enter { -webkit-animation: custom-grow 12000ms 0ms ease 1 both; animation: custom-grow 12000ms 0ms ease 1 both; } #el_12580 { top: 60px; left: 56px; z-index: 2; mix-blend-mode: normal; } #img_12580 { width: 188px; height: 69px; } #img_12580.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_12581 { top: 229px; left: 5.380615234375px; z-index: 3; mix-blend-mode: normal; } #img_12581 { width: 163.23876953125px; height: 45.23866271972656px; } #img_12581.bnfy-enter { -webkit-animation: fade-in-left 400ms 100ms ease 1 both; animation: fade-in-left 400ms 100ms ease 1 both; } #el_12586 { top: 523px; left: 72.5078125px; z-index: 4; mix-blend-mode: normal; } #img_12586 { width: 154.984375px; height: 46.046142578125px; } #img_12586.bnfy-enter { -webkit-animation: fade-in-bottom 400ms 3300ms ease 1 both; animation: fade-in-bottom 400ms 3300ms ease 1 both; } #el_12587 { top: 287px; left: 4px; z-index: 5; mix-blend-mode: normal; } #img_12587 { width: 273px; height: 45px; } #img_12587.bnfy-enter { -webkit-animation: fade-in-left 400ms 800ms ease 1 both; animation: fade-in-left 400ms 800ms ease 1 both; } #el_12591 { top: 327px; left: 4px; z-index: 6; mix-blend-mode: normal; } #img_12591 { width: 266px; height: 45px; } #img_12591.bnfy-enter { -webkit-animation: fade-in-left 400ms 900ms ease 1 both; animation: fade-in-left 400ms 900ms ease 1 both; } #el_12594 { top: 367px; left: 4px; z-index: 7; mix-blend-mode: normal; } #img_12594 { width: 295px; height: 45px; } #img_12594.bnfy-enter { -webkit-animation: fade-in-left 400ms 1000ms ease 1 both; animation: fade-in-left 400ms 1000ms ease 1 both; } #el_12799 { top: 407px; left: 4px; z-index: 8; mix-blend-mode: normal; } #img_12799 { width: 296px; height: 45px; } #img_12799.bnfy-enter { -webkit-animation: fade-in-left 400ms 1100ms ease 1 both; animation: fade-in-left 400ms 1100ms 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 } }