@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_5131031 { background-color: #ffffff; border: 0; box-sizing: border-box; cursor: pointer; display: block; height: 600px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_5131031 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_5131031 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_5131032 { top: 0px; left: 0px; z-index: 1; } #img_5131032 { width: 300px; height: 600px; } #img_5131032.bnfy-enter { -webkit-animation: fade-in 1000ms 0ms ease 1 both; animation: fade-in 1000ms 0ms ease 1 both; } #el_5131049 { top: 572px; left: 27px; z-index: 2; } #img_5131049 { width: 247px; height: 28px; } #img_5131049.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_5131049.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: slide-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_5131050 { top: 440px; left: 111px; z-index: 3; } #img_5131050 { width: 77px; height: 77px; } #img_5131050.bnfy-enter { -webkit-animation: puff-in-center 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: puff-in-center 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_5131050.bnfy-exit { -webkit-animation: puff-out-center 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: puff-out-center 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_5131035 { top: 54px; left: 0px; z-index: 4; } #img_5131035 { width: 300px; height: 334px; } #img_5131035.bnfy-enter { -webkit-animation: slide-in-top 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: slide-in-top 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_5131035.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: slide-out-bottom 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_5131040 { top: 0px; left: 27px; z-index: 5; } #img_5131040 { width: 247px; height: 35px; } #img_5131040.bnfy-enter { -webkit-animation: slide-in-top 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; animation: slide-in-top 1000ms 0ms ease 1 both, simple-hide 0ms 3000ms both; } #img_5131040.bnfy-exit { -webkit-animation: slide-out-top 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; animation: slide-out-top 1000ms 3000ms ease 1 both, simple-show 0ms 3000ms both; } #el_5131073 { top: 466px; left: 0px; z-index: 6; } #img_5131073 { width: 300px; height: 134px; } #img_5131073.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; animation: slide-in-bottom 1000ms 3000ms ease 1 both, simple-hide 0ms 6000ms both; } #img_5131073.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_5131078 { top: 107px; left: 0px; z-index: 7; } #img_5131078 { width: 300px; height: 65px; } #img_5131078.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_5131078.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_5131079 { top: 77px; left: 28px; z-index: 8; } #img_5131079 { width: 244px; height: 43px; } #img_5131079.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_5131079.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_5131080 { top: 0px; left: 27px; z-index: 9; } #img_5131080 { width: 247px; height: 62px; } #img_5131080.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_5131080.bnfy-exit { -webkit-animation: slide-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: slide-out-top 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_5131081 { top: 184px; left: 0px; z-index: 10; } #img_5131081 { width: 300px; height: 265px; } #img_5131081.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_5131081.bnfy-exit { -webkit-animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; animation: slide-out-bottom 1000ms 6000ms ease 1 both, simple-show 0ms 6000ms both; } #el_5771194 { top: 184px; left: 0px; z-index: 11; } #img_5771194 { width: 300px; height: 265px; } #img_5771194.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 6000ms ease 1 both; animation: slide-in-bottom 1000ms 6000ms ease 1 both; } #el_5131110 { top: 510px; left: 87px; z-index: 12; } #img_5131110 { width: 128px; height: 54px; } #img_5131110.bnfy-enter { -webkit-animation: slide-in-bottom 1000ms 6100ms ease 1 both; animation: slide-in-bottom 1000ms 6100ms ease 1 both; } #el_5131127 { top: 56px; left: 28px; z-index: 13; } #img_5131127 { width: 247px; height: 96px; } #img_5131127.bnfy-enter { -webkit-animation: slide-in-top 1000ms 6000ms ease 1 both; animation: slide-in-top 1000ms 6000ms ease 1 both; } #el_5131128 { top: 85px; left: 33px; z-index: 14; } #img_5131128 { width: 203px; height: 66px; } #img_5131128.bnfy-enter { -webkit-animation: slide-in-top 1000ms 6000ms ease 1 both; animation: slide-in-top 1000ms 6000ms ease 1 both; } #el_5131129 { top: 71px; left: 228px; z-index: 15; } #img_5131129 { width: 39px; height: 68px; } #img_5131129.bnfy-enter { -webkit-animation: slide-in-top 1000ms 6000ms ease 1 both, simple-hide 0ms 7000ms both; animation: slide-in-top 1000ms 6000ms ease 1 both, simple-hide 0ms 7000ms both; } #img_5131129.bnfy-exit { -webkit-animation: blink-1 1000ms 7000ms ease 1 both, simple-show 0ms 7000ms both; animation: blink-1 1000ms 7000ms ease 1 both, simple-show 0ms 7000ms both; } #el_5131130 { top: 0px; left: 28px; z-index: 16; } #img_5131130 { width: 247px; height: 24px; } #img_5131130.bnfy-enter { -webkit-animation: slide-in-top 1000ms 6000ms ease 1 both; animation: slide-in-top 1000ms 6000ms ease 1 both; } #el_7251215 { top: 585px; left: 27px; z-index: 17; } #img_7251215 { width: 86px; height: 12px; } #img_7251215.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-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 slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } } @keyframes slide-out-bottom { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(1000px); transform: translateY(1000px); opacity: 0 } } @-webkit-keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(2px); filter: blur(2px); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } @keyframes puff-in-center { 0% { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(2px); filter: blur(2px); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } } @-webkit-keyframes puff-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } to { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(2px); filter: blur(2px); opacity: 0 } } @keyframes puff-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); opacity: 1 } to { -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(2px); filter: blur(2px); 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 slide-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } } @keyframes slide-out-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } to { -webkit-transform: translateY(-1000px); transform: translateY(-1000px); opacity: 0 } } @-webkit-keyframes blink-1 { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes blink-1 { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } }