@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_22321 { 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_22321 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_22321 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_22322 { top: 0px; left: 0px; z-index: 1; } #img_22322 { width: 300px; height: 250px; } #img_22322.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both; animation: fade-in 1000ms 0ms ease 1 both; } #el_22323 { top: 50px; left: 24px; z-index: 2; } #img_22323 { width: 203px; height: 107px; } #img_22323.bnfy-enter { -webkit-animation: slide-in-right 1100ms 0ms ease 1 both; animation: slide-in-right 1100ms 0ms ease 1 both; } #el_22324 { top: 0px; left: 35px; z-index: 3; } #img_22324 { width: 265px; height: 250px; } #img_22324.bnfy-enter { -webkit-animation: slide-in-right 1100ms 300ms ease 1 both; animation: slide-in-right 1100ms 300ms ease 1 both; } #el_22325 { top: 157px; left: 16px; z-index: 4; } #img_22325 { width: 139px; height: 45px; } #img_22325.bnfy-enter { -webkit-animation: fade-in 1200ms 100ms ease 1 both; animation: fade-in 1200ms 100ms ease 1 both; } #el_22328 { top: 221px; left: 24px; z-index: 5; } #img_22328 { width: 178px; height: 19px; } #img_22328.bnfy-enter { -webkit-animation: fade-in 1000ms 500ms ease 1 both; animation: fade-in 1000ms 500ms ease 1 both; } #el_22329 { top: 14px; left: 24px; z-index: 6; } #img_22329 { width: 82px; height: 23px; } #img_22329.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both; animation: fade-in 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 fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } }