.hero-slide-wrapper{z-index:0;position:relative}.hero_image_banner_inner{width:100%;max-width:600px;text-align:center}.hero_text-shadow{position:relative;display:inline-block;transform:translateZ(0)}.hero_text-wrapper{width:fit-content;height:fit-content;position:absolute;z-index:2;translate:-50% -50%}.hero-link{font-size:20px;font-weight:600;line-height:20px;letter-spacing:3px;text-transform:uppercase;padding:22px 18px}.royer-hero-btn{font-family:Teko}.spotlight-btn{font-size:14px}.vertical-top,.vertical-center{top:50%}.vertical-bottom{top:66%}.horizontal-left{left:33%}.horizontal-center{left:50%}.horizontal-right{left:66%}.disapear-delay{animation:disapear-animation 3s cubic-bezier(.04,0,.2,1) forwards}.appear-delay{animation:appear-animation 2s cubic-bezier(.04,0,.2,1) forwards}@media screen and (max-width: 974px){.hero_text-wrapper{top:50%}.hero_image_banner_inner img.small-hide{width:400px}}@media screen and (max-width: 749px){.hero_image_banner_inner{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:space-between;gap:20px;padding:30px 0 10px}.hero_text-wrapper{height:100%!important;top:0!imporant;translate:-50% 0!important}.hero_text-wrapper>.page-width,.hero_text-wrapper>.page-width>.hero__text-content{height:100%}.horizontal-left,.horizontal-right{left:50%}.hero_text-wrapper{width:100%}.vertical-top{bottom:0%!important;top:unset}.spotlight-btn{margin-top:0!important;margin-left:0!important}}@keyframes appear-animation{0%{opacity:0;transform:translate3d(0,15px,0)}25%{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes disapear-animation{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes hero-animate{0%{opacity:0;transform:scale(1)}10%{opacity:1}to{opacity:1;transform:scale(1.1)}}@keyframes hero-animate-small{0%{opacity:0;transform:scale(1)}10%{opacity:1}to{opacity:1;transform:scale(1.2)}}@keyframes hero-animate-out{0%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.1)}}@keyframes hero-animate-out-small{0%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/royer-animated-hero.css.map */