.rotaing-filmstrip-banner--wrapper .banner{position:relative;background:url(images/background.jpg) no-repeat center center/cover;height:100vh;display:flex;justify-content:flex-start;padding-left:5%;color:#fff;background:#181818;overflow:hidden}.rotaing-filmstrip-banner--wrapper .content{z-index:2;margin-top:80px}.rotaing-filmstrip-banner--wrapper .content .banner-para{color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-32);font-style:normal;font-weight:var(--font-weight-400);line-height:normal;letter-spacing:-1.6px;padding:32px 0;width:90%}.rotaing-filmstrip-banner--wrapper .content .banner-btn{background:transparent;color:var(--color-white);border:1px solid var(--color-white);padding:12px 24px;cursor:pointer;font-family:var(--font-secondary);font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-400);line-height:normal;text-transform:uppercase;transition:all .3s ease}.rotaing-filmstrip-banner--wrapper .content .banner-btn:hover{background:var(--color-white);color:var(--color-black)}.rotaing-filmstrip-banner--wrapper .vinyl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:651px;height:651px}.rotaing-filmstrip-banner--wrapper .vinyl svg{width:100%;height:100%;animation:spin 15s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotaing-filmstrip-banner--wrapper .filmstrip{position:absolute;top:-50%;right:12%;height:200%;width:450px;transform:rotate(45deg);overflow:hidden;pointer-events:none;z-index:1}.rotaing-filmstrip-banner--wrapper .filmstrip-track{display:flex;flex-direction:column;animation:scroll 20s linear infinite}.rotaing-filmstrip-banner--wrapper .filmstrip-track .banner-strip-img{width:100%;margin-bottom:30px;box-shadow:0 4px 8px #00000080;border-radius:4px;height:450px}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width: 1820px){.rotaing-filmstrip-banner--wrapper .vinyl{left:60%;width:600px;height:600px}.rotaing-filmstrip-banner--wrapper .filmstrip-track .banner-strip-img{height:380px}.rotaing-filmstrip-banner--wrapper .filmstrip{top:-50%;right:12%;height:200%;width:380px}}@media (max-width: 1520px){.rotaing-filmstrip-banner--wrapper .vinyl{left:60%;width:500px;height:500px}.rotaing-filmstrip-banner--wrapper .filmstrip-track .banner-strip-img{height:280px}.rotaing-filmstrip-banner--wrapper .filmstrip{top:-50%;right:10%;height:200%;width:280px}}@media (max-width: 1320px){.rotaing-filmstrip-banner--wrapper .vinyl{left:60%;width:500px;height:500px}.rotaing-filmstrip-banner--wrapper .filmstrip-track .banner-strip-img{height:280px}.rotaing-filmstrip-banner--wrapper .filmstrip{top:-50%;right:10%;height:200%;width:280px}.rotaing-filmstrip-banner--wrapper .content{z-index:2;margin-top:80px;width:45%}}@media (max-width: 990px){.rotaing-filmstrip-banner--wrapper .vinyl{left:72%;top:65%;width:173px;height:173px}.rotaing-filmstrip-banner--wrapper .filmstrip-track .banner-strip-img{height:165px}.rotaing-filmstrip-banner--wrapper .filmstrip{top:-25%;right:0%;height:200%;width:165px}.rotaing-filmstrip-banner--wrapper .content{z-index:2;margin-top:80px;width:100%}.rotaing-filmstrip-banner--wrapper .banner{height:449px}.content svg{width:255px;height:101px}.rotaing-filmstrip-banner--wrapper .content{z-index:2;margin-top:40px}.rotaing-filmstrip-banner--wrapper .content .banner-para{color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-400);line-height:normal;letter-spacing:-.8px;padding:16px 0;width:90%}.rotaing-filmstrip-banner--wrapper .content .banner-btn{background:transparent;color:var(--color-white);border:1px solid white;padding:12px 24px;cursor:pointer;font-family:var(--font-secondary);font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-500);line-height:normal;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rotating-filmstrip-banner.css.map */