
@media (max-width:1280px)and (min-width:1160px){.overlapping-content{max-width:100%;width:1040px}
}
@media (max-width:1160px)and (min-width:960px){.overlapping-content{max-width:100%;width:1040px}
}
@media (max-width:960px){.overlapping-content{padding:40px 20px;width:100%}
}
.hero-container{box-sizing:border-box;position:relative}
.hero-container .hero-image{animation:slide-right;background-position:50%;background-size:cover;height:450px;left:0;position:absolute;right:100%;top:0;transition:1s;z-index:0}
.hero-container .hero-image.hero-image-sm{display:none}
.hero-container .hero-video{background-color:#4C4C4C;display:flex;height:450px;justify-content:center;position:relative;width:100%}
.hero-container .hero-video video{height:100%}
.hero-container .hero-video .video-curtain{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}
.hero-container.hero-video-container .hero-video video{height:100%}
.hero-container .pretitle{font-size:12px;font-weight:700;line-height:16px;margin-bottom:9px;text-transform:uppercase}
.hero-container h1{font-size:64px;line-height:80px;margin-bottom:56px}
.hero-container .overlapping-content{bottom:140px;height:450px;opacity:0;top:100%;z-index:2}
.hero-container .overlapping-content *{color:#323232}
.hero-container.no-ctas{height:450px}
.hero-container.no-ctas .overlapping-content{bottom:0}
.hero-container .hero-badge{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDY1IiBoZWlnaHQ9IjQ2NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDgzLjc3OCAxLjIyMnYyMTguMjM1SDI0Mi41MDZjLTEyLjcxIDAtMjMuMDQ5IDEwLjMzOS0yMy4wNDkgMjMuMDQ5IDAgMTIuNzEgMTAuMzM5IDIzLjA0OSAyMy4wNDkgMjMuMDQ5SDQ4My43OVY0ODMuNzlIODMuMTQxYy00NS4xNyAwLTgxLjkxOS0zNi43NDktODEuOTE5LTgxLjkxOVY4My4xNDFjMC00NS4xNyAzNi43NS04MS45MTkgODEuOTItODEuOTE5aDQwMC42MzZaTTQ4NSAwSDgzLjE0MUMzNy4yMjYgMCAwIDM3LjIyNiAwIDgzLjE0MVY0MDEuODZDMCA0NDcuNzc0IDM3LjIyNiA0ODUgODMuMTQxIDQ4NUg0ODVWMjY0LjMyMUgyNDIuNTA2Yy0xMi4wNSAwLTIxLjgyNy05Ljc3Ny0yMS44MjctMjEuODI3IDAtMTIuMDUgOS43NzctMjEuODI3IDIxLjgyNy0yMS44MjdoMjQyLjUwNlYwSDQ4NVoiIGZpbGw9IiMzMjMyMzIiLz48L3N2Zz4=);background-position:20px 85px;background-repeat:no-repeat;background-size:425px 425px;bottom:140px;height:425px;opacity:0;position:absolute;right:0;top:100%;width:425px}
.hero-container .hero-cta-container{background-color:#fff;bottom:0;display:flex;height:100px;justify-content:center;left:0;position:absolute;right:0;z-index:20}
.hero-container .hero-cta-container>div{opacity:0}
.hero-container .hero-cta-container .hero-cta-spacer{flex-grow:1;height:100px}
.hero-container .hero-cta-container .hero-cta-spacer:first-child{background-color:#f5f5f5}
.hero-container .hero-cta-container .hero-cta-spacer:last-child{background-color:#333}
.hero-container .hero-cta-container .hero-ctas{display:flex;height:100px;justify-content:stretch;width:1240px}
.hero-container .hero-cta-container .hero-ctas .hero-cta{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;justify-content:center;max-width:50%}
.hero-container .hero-cta-container .hero-ctas .hero-cta a{align-items:center;animation:cta-slide-right ease-in-out;display:flex;transition:1s}
.hero-container .hero-cta-container .hero-ctas .hero-cta a div{font-family:Gotham SSm A,Arial,sans-serif;font-size:32px;font-weight:500;line-height:40px}
.hero-container .hero-cta-container .hero-ctas .hero-cta a img{height:40px;margin-right:24px;width:40px}
.hero-container .hero-cta-container .hero-ctas .hero-cta .hero-cta-border{animation:fade-in-right ease-in-out;background-color:#4C4C4C;bottom:0;height:8px;left:0;opacity:.2;position:absolute;transition:1s;width:0}
.hero-container .hero-cta-container .hero-ctas .hero-cta:nth-of-type(odd){background-color:#f5f5f5}
.hero-container .hero-cta-container .hero-ctas .hero-cta:nth-of-type(odd) a div{color:#333}
.hero-container .hero-cta-container .hero-ctas .hero-cta:nth-of-type(2n){background-color:#333}
.hero-container .hero-cta-container .hero-ctas .hero-cta:nth-of-type(2n) a div{color:#fff}
.hero-container .hero-cta-container .hero-ctas .hero-cta:nth-of-type(2n) .hero-cta-border{left:50%}
.hero-container .hero-cta-container .hero-ctas .hero-cta:hover a{padding-left:30px}
.hero-container .hero-cta-container .hero-ctas .hero-cta:hover .hero-cta-border{opacity:1;width:50%}
.hero-container.light-theme .overlapping-content *{color:#fff}
.hero-container.light-theme .hero-badge{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDY1IiBoZWlnaHQ9IjQ2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDgzLjc3OCAxLjIyMnYyMTguMjM1SDI0Mi41MDZjLTEyLjcxIDAtMjMuMDQ5IDEwLjMzOS0yMy4wNDkgMjMuMDQ5IDAgMTIuNzEgMTAuMzM5IDIzLjA0OSAyMy4wNDkgMjMuMDQ5SDQ4My43OVY0ODMuNzlIODMuMTQxYy00NS4xNyAwLTgxLjkxOS0zNi43NDktODEuOTE5LTgxLjkxOVY4My4xNDFjMC00NS4xNyAzNi43NS04MS45MTkgODEuOTItODEuOTE5aDQwMC42MzZaTTQ4NSAwSDgzLjE0MUMzNy4yMjYgMCAwIDM3LjIyNiAwIDgzLjE0MVY0MDEuODZDMCA0NDcuNzc0IDM3LjIyNiA0ODUgODMuMTQxIDQ4NUg0ODVWMjY0LjMyMUgyNDIuNTA2Yy0xMi4wNSAwLTIxLjgyNy05Ljc3Ny0yMS44MjctMjEuODI3IDAtMTIuMDUgOS43NzctMjEuODI3IDIxLjgyNy0yMS44MjdoMjQyLjUwNlYwSDQ4NVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}
.hero-container.light-theme a.more-all-black,.hero-container.light-theme a.more-black,.hero-container.light-theme span.more-all-black,.hero-container.light-theme span.more-black{background-image:url(../image/bullet-arrow-white.png)}
.hero-container.initialized .hero-image{right:0}
.hero-container.initialized .overlapping-content{opacity:1;top:40px;transition:1s;transition-delay:1s}
.hero-container.initialized .hero-badge{top:65px}
.hero-container.initialized .hero-badge,.hero-container.initialized .hero-cta-container>div{opacity:1;transition:1s;transition-delay:1s}
.hero-container:hover .overlapping-content{top:0;transition:1s;transition-delay:0s}
.hero-container:hover .hero-badge{top:25px;transition:1s;transition-delay:0s}
.hero-container.tall{height:740px}
.hero-container.tall .hero-image,.hero-container.tall .hero-video,.hero-container.tall.no-ctas{height:600px}
.hero-container.tall .overlapping-content{bottom:140px;height:600px}
.hero-container.tall.no-ctas .overlapping-content{bottom:0}
.hero-container.tall .hero-badge{background-size:485px 485px;bottom:140px;height:485px;width:485px}
.hero-container.tall .hero-cta-container,.hero-container.tall .hero-cta-container .hero-cta-spacer{height:140px}
.hero-container.tall .hero-cta-container .hero-ctas{height:140px;width:1240px}
.hero-container.tall.initialized .hero-badge{top:155px}
.hero-container.tall:hover .hero-badge{top:115px}
@media (max-width:960px){.hero-container,.hero-container.tall{height:288px}
.hero-container.no-ctas,.hero-container.tall.no-ctas{height:240px}
.hero-container.hero-video-container,.hero-container.tall.hero-video-container{height:265px}
.hero-container.hero-video-container.no-ctas,.hero-container.tall.hero-video-container.no-ctas{height:217px}
.hero-container .hero-video,.hero-container.tall .hero-video{align-items:flex-start}
.hero-container .hero-video video,.hero-container.tall .hero-video video{height:auto;width:100%}
.hero-container .pretitle,.hero-container.tall .pretitle{font-size:8px;line-height:10px;margin-bottom:8px}
.hero-container h1,.hero-container.tall h1{font-size:28px;line-height:normal;margin-bottom:16px}
.hero-container .overlapping-content,.hero-container.tall .overlapping-content{bottom:48px;height:240px}
.hero-container.no-ctas .overlapping-content,.hero-container.tall.no-ctas .overlapping-content{bottom:0}
.hero-container .hero-badge,.hero-container.tall .hero-badge{background-position:39px 0;background-size:160px 160px;bottom:48px;height:160px;width:160px}
.hero-container .hero-cta-container,.hero-container .hero-cta-container .hero-cta-spacer,.hero-container.tall .hero-cta-container,.hero-container.tall .hero-cta-container .hero-cta-spacer{height:48px}
.hero-container .hero-cta-container .hero-ctas,.hero-container.tall .hero-cta-container .hero-ctas{height:48px;width:100%}
.hero-container .hero-cta-container .hero-ctas .hero-cta a div,.hero-container.tall .hero-cta-container .hero-ctas .hero-cta a div{font-family:Gotham SSm A,Arial,sans-serif;font-size:12px;font-weight:500;line-height:16px}
.hero-container .hero-cta-container .hero-ctas .hero-cta a img,.hero-container.tall .hero-cta-container .hero-ctas .hero-cta a img{height:18px;margin-right:19px;width:18px}
.hero-container.initialized .hero-badge,.hero-container.tall.initialized .hero-badge{top:120px}
}
@media (max-width:480px){.hero-container,.hero-container.tall{height:calc(100vw - 40px)}
.hero-container.hero-video-container,.hero-container.tall.hero-video-container{height:calc(77vw - 40px)}
.hero-container .hero-video,.hero-container.tall .hero-video{align-items:flex-start}
.hero-container .hero-video video,.hero-container.tall .hero-video video{height:auto;width:100%}
.hero-container .pretitle,.hero-container.tall .pretitle{font-size:8px;line-height:10px;margin-bottom:8px}
.hero-container h1,.hero-container.tall h1{font-size:28px;line-height:normal;margin-bottom:16px}
.hero-container .overlapping-content,.hero-container.tall .overlapping-content{bottom:48px;height:100vw}
.hero-container.no-ctas .overlapping-content,.hero-container.tall.no-ctas .overlapping-content{bottom:0}
.hero-container .hero-badge,.hero-container.tall .hero-badge{background-position:39px 0;background-size:160px 160px;bottom:48px;height:160px;width:160px}
.hero-container .hero-cta-container,.hero-container .hero-cta-container .hero-cta-spacer,.hero-container.tall .hero-cta-container,.hero-container.tall .hero-cta-container .hero-cta-spacer{height:48px}
.hero-container .hero-cta-container .hero-ctas,.hero-container.tall .hero-cta-container .hero-ctas{height:48px;width:100%}
.hero-container .hero-cta-container .hero-ctas .hero-cta a div,.hero-container.tall .hero-cta-container .hero-ctas .hero-cta a div{font-family:Gotham SSm A,Arial,sans-serif;font-size:12px;font-weight:500;line-height:16px}
.hero-container .hero-cta-container .hero-ctas .hero-cta a img,.hero-container.tall .hero-cta-container .hero-ctas .hero-cta a img{height:18px;margin-right:19px;width:18px}
.hero-container.initialized .hero-badge,.hero-container.tall.initialized .hero-badge{top:calc(100vw - 120px)}
.hero-container .hero-image.hero-image-hd,.hero-container.tall .hero-image.hero-image-hd{display:none}
.hero-container .hero-image.hero-image-sm,.hero-container.tall .hero-image.hero-image-sm{display:block}
}
