@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_38212324 { background-color: #ffffff; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 90px; overflow: hidden; position: relative; width: 728px; z-index: 1; } #b_38212324 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_38212324 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_38212325 { top: 39px; left: 0px; z-index: 1; } #img_38212325 { width: 728px; height: 50px; } #img_38212325.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_38212327 { top: 20px; left: 66.0001220703125px; z-index: 2; } #img_38212327 { width: 215px; height: 55px; } #img_38212327.bnfy-enter { -webkit-animation: scale-in-center 1000ms 10000ms ease 1 both; animation: scale-in-center 1000ms 10000ms ease 1 both; } #el_38212328 { top: 0px; left: 489.9999542236328px; z-index: 3; } #img_38212328 { width: 238px; height: 90px; } #img_38212328.bnfy-enter { -webkit-animation: slide-in-right 1000ms 12000ms ease 1 both; animation: slide-in-right 1000ms 12000ms ease 1 both; } #el_38212329 { top: 39.1400146484375px; left: 566.8187789916992px; z-index: 4; } #img_38212329 { width: 118px; height: 16px; } #img_38212329.bnfy-enter { -webkit-animation: slide-in-right 1000ms 12000ms ease 1 both; animation: slide-in-right 1000ms 12000ms ease 1 both; } #el_38212331 { top: 0px; left: 0px; z-index: 5; } #img_38212331 { width: 728px; height: 90px; } #img_38212331.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38212331.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_38212332 { top: 0px; left: 0px; z-index: 6; } #img_38212332 { width: 315px; height: 90px; } #img_38212332.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: none 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38212332.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_38212333 { top: 26.5400390625px; left: 35.29998779296875px; z-index: 7; } #img_38212333 { width: 138px; height: 41px; } #img_38212333.bnfy-enter { -webkit-animation: slide-in-left 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: slide-in-left 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_38212333.bnfy-exit { -webkit-animation: fade-out-left 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: fade-out-left 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_38212335 { top: 1px; left: 0px; z-index: 8; } #img_38212335 { width: 728px; height: 89px; } #img_38212335.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_38212335.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_38212336 { top: 0px; left: 486px; z-index: 9; } #img_38212336 { width: 242px; height: 90px; } #img_38212336.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_38212336.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_38212337 { top: 26.6600341796875px; left: 522.891716003418px; z-index: 10; } #img_38212337 { width: 184px; height: 45px; } #img_38212337.bnfy-enter { -webkit-animation: slide-in-right 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; animation: slide-in-right 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; } #img_38212337.bnfy-exit { -webkit-animation: fade-out-right 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: fade-out-right 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_38212339 { top: 30px; left: 521px; z-index: 11; } #img_38212339 { width: 161px; height: 42px; } #img_38212339.bnfy-enter { -webkit-animation: fade-in 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; animation: fade-in 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; } #img_38212339.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_38212340 { top: 0px; left: 0px; z-index: 12; } #img_38212340 { width: 449px; height: 90px; } #img_38212340.bnfy-enter { -webkit-animation: slide-in-left 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; animation: slide-in-left 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; } #img_38212340.bnfy-exit { -webkit-animation: fade-out-left 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; animation: fade-out-left 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; } #el_38212341 { top: 26.5400390625px; left: 30.96002197265625px; z-index: 13; } #img_38212341 { width: 359px; height: 45px; } #img_38212341.bnfy-enter { -webkit-animation: slide-in-left 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; animation: slide-in-left 1000ms 6000ms ease 1 both, simple-hide 0ms 10000ms both; } #img_38212341.bnfy-exit { -webkit-animation: fade-out-left 1000ms 10000ms ease 1 both, simple-show 0ms 10000ms both; animation: fade-out-left 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-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 } } @-webkit-keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fade-out { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } } @keyframes fade-out-left { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } } @-webkit-keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } } @keyframes fade-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } to { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } }