.hero-video-bg--section{position:relative;height:60vh;overflow:hidden}.legal-copy--superman{position:absolute;bottom:15px;left:15px;right:15px;z-index:10;font-family:gothamlight,Arial,Helvetica,sans-serif;font-size:13px;color:#fff}@media screen and (min-width:769px){.legal-copy--superman{left:40px;right:auto;font-size:16px}}.hero-video-bg--section.superman-image--banner{background-repeat:no-repeat;background-size:cover;background-position:50% 96%;min-height:400px;height:76vh;background-image:url(/cdn/shop/files/Rectangle_1042_1.jpg?v=1729168984);overflow:hidden}.hero-video-bg--section.superman-dalstrong .sticky-lp{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000;height:66px!important;width:100%!important;transform:none!important;background:#e41513!important;border-radius:0!important;display:flex!important;align-items:center;border:0!important}.hero-video-bg--section.superman-dalstrong .sticky-lp:hover{background:#0039ff!important}@media screen and (min-width:990px){.hero-video-bg--section{height:75vh}.hero-video-bg--section.superman-image--banner{min-height:575px;padding:50px 0;height:85vh;background-image:url(/cdn/shop/files/Rectangle_1028_1.jpg?v=1729169074)}}.hero-video-bg--section .page-width{position:relative;z-index:20;display:flex;justify-content:flex-end;align-items:center;height:100%}.hero-video-bg--content{width:100%;max-width:570px;color:#fff;font-size:16px;font-family:gothamlight,Arial,Helvetica,sans-serif}@media screen and (min-width:990px){.hero-video-bg--content{font-size:18px}}.hero-video-bg--content .sub_heading{display:block;text-transform:uppercase;font-family:gothamlight,Arial,Helvetica,sans-serif;font-size:16px;margin:0 0 15px}@media screen and (min-width:990px){.hero-video-bg--content .sub_heading{font-size:18px}}.hero-video-bg--content h1{margin:0 0 15px;font-family:robu_groteskbold,Arial,Helvetica,sans-serif;font-size:36px;text-transform:uppercase}@media screen and (min-width:990px){.hero-video-bg--content h1{font-size:80px}}.hero-video-bg--content .video-description{margin:0 0 30px}.hero-video-bg--content .link-scroll-to-section{transition:all .3s ease-in-out;width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.hero-video-bg--content .link-scroll-to-section .icon-arrow-down{fill:#fff}@media screen and (min-width:577px){.hero-video-bg--content .link-scroll-to-section{margin:0}}.hero-video-bg--section.bg-gradient{position:relative}.hero-video-bg--section.bg-gradient:before{content:"";background:linear-gradient(360deg,#1261bd00 14.13%,#1261bd);position:absolute;top:0;left:0;width:100%;height:80%;z-index:10;display:block}.hero-video-bg--section.superman-image--banner:before{display:none!important}@media screen and (min-width:750px){.hero-video-bg--section.bg-gradient:before{height:100%;width:70%;background:linear-gradient(270deg,#1261bd00 35.76%,#1261bd)}}.hero-video-bg--section.bg-gradient:after{display:none}@media screen and (min-width:750px){.hero-video-bg--section.bg-gradient:after{display:block;content:"";position:absolute;top:0;left:0;width:30%;height:100%;z-index:10;background:url(/cdn/shop/files/Artwork_1_f33fbc55-f3ba-4968-a8ef-e2f8c159a622.png?v=17286906820);background-repeat:no-repeat;background-size:100% 100%;opacity:.5}}.hero-video-bg--section.superman-dalstrong .video-div.desktop-only{display:none}@media screen and (min-width:750px){.hero-video-bg--section.superman-dalstrong .video-div.desktop-only{display:block}}@media screen and (min-width:750px){.hero-video-bg--section.superman-dalstrong .video-div.mobile-only{display:none}}.hero-video-bg--section.superman-dalstrong .page-width{display:block;max-width:100%}.hero-video-bg--section.superman-dalstrong h1{font-family:robu_groteskextra,Arial,Helvetica,sans-serif;font-size:40px;text-transform:uppercase;color:#fff;letter-spacing:-.5px}@media screen and (min-width:750px){.hero-video-bg--section.superman-dalstrong h1{font-size:50px}}.hero-video-bg--section.superman-dalstrong .link-holder--wrapper.ksuperman--link{display:block}@media screen and (max-width:749px){.hero-video-bg--section.superman-dalstrong .link-scroll-to-section{position:absolute;bottom:55px;left:50%;width:60px;height:60px;background:transparent;display:flex;justify-content:center;align-items:center;transform:translate(-50%);z-index:20;border-radius:50%;border:2px solid #fff}.hero-video-bg--section.superman-dalstrong .link-scroll-to-section svg{fill:#fff}}@media screen and (min-width:750px){.hero-video-bg--section.superman-dalstrong .link-scroll-to-section{display:none}}.hero-video-bg--section .btn-red{display:none;transition:all .3s ease-in-out;color:#fff;padding:15px 20px;background-color:#e41513;border-radius:6px;text-transform:uppercase;text-align:center;align-items:center;justify-content:center;font-family:gothambold,Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:1px}.hero-video-bg--section .btn-red.link-scroll-to-section{display:none}@media screen and (min-width:750px){.hero-video-bg--section .btn-red.link-scroll-to-section{display:inline-flex}}@media screen and (min-width:750px){.hero-video-bg--section .btn-red{display:inline-flex}}.hero-video-bg--section .btn-red:hover{background:#0039ff;color:#fff}.superman-hero--content{color:#fff;width:100%;text-align:center;padding-top:30px;display:flex;flex-direction:column;align-items:center;z-index:15}@media screen and (min-width:750px){.superman-hero--content{text-align:left;height:100%;justify-content:center;align-items:flex-start;max-width:520px;padding:0}}.description--superman{display:none;font-family:gothamlight,Arial,Helvetica,sans-serif;font-size:20px;margin:0 0 40px;max-width:480px;letter-spacing:0}@media screen and (min-width:750px){.description--superman{display:block}}.superman-logo--holder{margin:0 0 20px}.superman-logo--holder img{height:auto;width:104px;margin:0 auto}@media screen and (min-width:750px){.superman-logo--holder img{width:180px}}.sub-heading--superman{font-family:gothammedium,Arial,Helvetica,sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;display:block;margin:0 0 5px;letter-spacing:1px;color:#fe0}@media screen and (min-width:750px){.sub-heading--superman{font-size:22px;margin-bottom:15px}}
/*# sourceMappingURL=/cdn/shop/t/840/assets/hero-video-bg-superman.css.map */
