:root{--c-white: #ffffff;--c-gray: #171717}.hero-banner{position:relative}.hero-banner__wrapper{position:relative;display:flex;justify-content:center;align-items:flex-end;text-align:center}.hero-banner__wrapper:before{content:"";display:block;padding-top:132.9787234043%}.hero-banner__wrapper.not-mobile:before{content:"";display:block;padding-top:calc(56.25% - 16px)}.hero-banner__image-wrapper,.hero-banner__video-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.hero-banner__video-wrapper--mobile{display:block}.hero-banner__video-wrapper--desktop{display:none}.always-show{display:block!important;z-index:2}.hero-banner__picture,.hero-banner__picture-img,.hero-banner__video{position:absolute;top:0;bottom:0;left:0;right:0;display:block;height:100%;width:100%}.hero-banner__picture-img{-o-object-fit:cover;object-fit:cover}.hero-banner__content{padding:16px 16px 40px;z-index:1;position:relative}.hero-banner__title{margin:0;font-size:40px;line-height:54px;color:var(--c-white)}.hero-banner__subtitle{margin:8px 0 0;font-weight:400;font-size:18px;line-height:25px;letter-spacing:1px;color:var(--c-white);text-transform:uppercase}.hero-banner__button{display:inline-block;margin-top:10px;padding:13px 47px;line-height:22px;font-weight:700;letter-spacing:1px;color:var(--c-gray);background-color:var(--c-white);border-radius:2px;text-decoration:none;transition:all .3s ease-in-out}.hero-banner__wrapper.vertical-center-mb{justify-content:center}.hero-banner__wrapper.vertical-left-mb{justify-content:flex-start}.hero-banner__wrapper.vertical-right-mb{justify-content:flex-end}.hero-banner__wrapper.horizontal-center-mb{align-items:center}.hero-banner__wrapper.horizontal-top-mb{align-items:flex-start}.hero-banner__wrapper.horizontal-bottom-mb{align-items:flex-end}.hero-banner__two-up{display:flex;flex-direction:column}.hero-banner__two-up .hero-banner__wrapper{flex:1}.hero-banner__two-up .hero-banner__wrapper:before{content:"";display:block;padding-top:144.6153846154%}@media only screen and (min-width: 768px){.hero-banner__two-up .hero-banner__wrapper:before{content:"";display:block;padding-top:55.5555555556%}.hero-banner__two-up{flex-direction:row}.hero-banner__two-up.two-banner .hero-banner__wrapper:before{padding-top:111.1111111111%}.hero-banner__wrapper{align-items:center}.hero-banner__wrapper:before{content:"";display:block;padding-top:44.4444444444%}.hero-banner__content{max-width:454px;padding:20px}.hero-banner__title{font-size:60px;line-height:66px;font-weight:600}.hero-banner__subtitle{margin:36px 0 0}.hero-banner__button{display:inline-block;margin-top:48px;padding:13px 47px;line-height:22px;font-weight:700;letter-spacing:1px;color:var(--c-gray);background-color:var(--c-white);border-radius:2px;text-decoration:none;transition:all .3s ease-in-out}.hero-banner__button:hover{color:var(--c-white);background:#000}.hero-banner__video-wrapper--mobile{display:none}.hero-banner__wrapper.not-mobile:before{padding-top:56.25%}.hero-banner__video-wrapper--desktop{display:block}.hero-banner__wrapper.vertical-center{justify-content:center}.hero-banner__wrapper.vertical-left{justify-content:flex-start}.hero-banner__wrapper.vertical-right{justify-content:flex-end}.hero-banner__wrapper.horizontal-center{align-items:center}.hero-banner__wrapper.horizontal-top{align-items:flex-start}.hero-banner__wrapper.horizontal-bottom{align-items:flex-end}}