@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_38012881 { 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_38012881 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_38012881 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_38012882 { top: 143.508056640625px; left: 0px; z-index: 1; } #img_38012882 { width: 300px; height: 107px; } #img_38012882.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_38012884 { top: 29.508056640625px; left: 42px; z-index: 2; } #img_38012884 { width: 216px; height: 151px; } #img_38012884.bnfy-enter { -webkit-animation: scale-in-center 1000ms 10000ms ease 1 both; animation: scale-in-center 1000ms 10000ms ease 1 both; } #el_38012885 { top: 192.5078125px; left: 0px; z-index: 3; } #img_38012885 { width: 300px; height: 58px; } #img_38012885.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 12000ms ease 1 both; animation: slide-in-bottom 1000ms 12000ms ease 1 both; } #el_38012886 { top: 221.597900390625px; left: 195.27294921875px; z-index: 4; } #img_38012886 { width: 83px; height: 12px; } #img_38012886.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 12000ms ease 1 both; animation: slide-in-bottom 1000ms 12000ms ease 1 both; } #el_38012888 { top: 0px; left: 0px; z-index: 5; } #img_38012888 { width: 300px; height: 250px; } #img_38012888.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: fade-in 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38012888.bnfy-exit { -webkit-animation: fade-out 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: fade-out 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_38012889 { top: 115px; left: 0px; z-index: 6; } #img_38012889 { width: 300px; height: 135px; } #img_38012889.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: slide-in-bottom 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38012889.bnfy-exit { -webkit-animation: fade-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: fade-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_38012890 { top: 154.447998046875px; left: 29.56005859375px; z-index: 7; } #img_38012890 { width: 140px; height: 72px; } #img_38012890.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: slide-in-bottom 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38012890.bnfy-exit { -webkit-animation: fade-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: fade-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_38012892 { top: 0px; left: 0px; z-index: 8; } #img_38012892 { width: 300px; height: 250px; } #img_38012892.bnfy-enter { -webkit-animation: fade-in 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; animation: fade-in 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; } #img_38012892.bnfy-exit { -webkit-animation: fade-out 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: fade-out 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_38012893 { top: 0px; left: 0px; z-index: 9; } #img_38012893 { width: 300px; height: 146px; } #img_38012893.bnfy-enter { -webkit-animation: slide-in-top 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; animation: slide-in-top 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; } #img_38012893.bnfy-exit { -webkit-animation: fade-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: fade-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_38012894 { top: 33.736083984375px; left: 32.05615234375px; z-index: 10; } #img_38012894 { width: 105px; height: 72px; } #img_38012894.bnfy-enter { -webkit-animation: slide-in-top 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; animation: slide-in-top 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; } #img_38012894.bnfy-exit { -webkit-animation: fade-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: fade-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_38012896 { top: -480.49185855929863px; left: -253.00003523138366px; z-index: 11; } #img_38012896 { width: 853px; height: 807px; } #img_38012896.bnfy-enter { -webkit-animation: slide-in-right 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; animation: slide-in-right 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; } #img_38012896.bnfy-exit { -webkit-animation: fade-out 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; animation: fade-out 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; } #el_38012897 { top: 36.592041015625px; left: 33.35986328125px; z-index: 12; } #img_38012897 { width: 204px; height: 124px; } #img_38012897.bnfy-enter { -webkit-animation: slide-in-right 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; animation: slide-in-right 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; } #img_38012897.bnfy-exit { -webkit-animation: fade-out 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; animation: fade-out 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms 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 scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slide-in-bottom { 0% { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @keyframes fade-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @-webkit-keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slide-in-top { 0% { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes fade-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @keyframes fade-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } } @-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 } }