@charset "UTF-8"; body, html { margin: 0; padding: 0; } #b_22201 { background-color: #042422; border: 1px solid #000; box-sizing: border-box; cursor: pointer; display: block; height: 250px; overflow: hidden; position: relative; width: 300px; z-index: 1; } #b_22201 div { position: absolute; box-sizing: border-box; padding: 0; margin: 0; } #b_22201 img { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } #el_22202 { top: 23px; left: 199px; z-index: 1; } #img_22202 { width: 101px; height: 158px; } #img_22202.bnfy-enter { -webkit-animation: slide-in-right 2500ms 500ms ease 1 both; animation: slide-in-right 2500ms 500ms ease 1 both; } #el_421896 { top: 71px; left: 76px; z-index: 2; } #img_421896 { width: 224px; height: 179px; } #img_421896.bnfy-enter { -webkit-animation: fade-in-left 1500ms 0ms ease 1 both; animation: fade-in-left 1500ms 0ms ease 1 both; } #el_401543 { top: 23px; left: 23px; z-index: 3; } #img_401543 { width: 60px; height: 60px; } #img_401543.bnfy-enter { -webkit-animation: none 1000ms 0ms ease 1 both; animation: none 1000ms 0ms ease 1 both; } #el_65739 { top: 92px; left: 23px; z-index: 4; } #img_65739 { width: 277px; height: 103px; } #img_65739.bnfy-enter { -webkit-animation: fade-in-right 1500ms 0ms ease 1 both; animation: fade-in-right 1500ms 0ms ease 1 both; } #el_10422597 { top: 193px; left: 22px; z-index: 5; } #img_10422597 { width: 256px; height: 36px; } #img_10422597.bnfy-enter { -webkit-animation: pulsate-fwd 1000ms 3000ms ease 1 both; animation: pulsate-fwd 1000ms 3000ms 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 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-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-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes pulsate-fwd { 0%, to { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pulsate-fwd { 0%, to { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } }