.hero-banner{background-color:rgba(0,0,0,.3);color:#fff;position:relative}.hero-banner:before{background-color:rgba(0,0,0,.3);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-banner.extra-vid-playing:before{opacity:0}.hero-banner--video,.hero-banner-img{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.hero-banner--video video,.hero-banner-img img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero-banner--video.is-extra,.hero-banner.extra-vid-playing .hero-banner--video{display:none}.hero-banner.extra-vid-playing .hero-banner--video.is-extra{display:block}.hero-banner-content{display:flex;flex-flow:column wrap;justify-content:center;min-height:100vh;overflow:hidden;padding-bottom:150px;padding-top:150px;position:relative;width:100%;z-index:2}.hero-banner.extra-vid-playing .hero-banner-content{opacity:0}.hero-banner-logo{display:block;margin:0 auto}.hero-banner-title{font-size:90px;line-height:89%;margin:0;text-align:center;width:100%}.hero-banner-buttons{display:flex;flex-flow:row wrap;justify-content:center;margin-top:29px;width:100%}.hero-banner-buttons .button{margin:20px 10px 0}.hero-banner-videoControls{bottom:20px;position:absolute;right:20px;z-index:20}.hero-banner-videoControl{font-size:0;line-height:0;padding:0}.hero-banner-videoControl,.hero-banner-videoControl:focus,.hero-banner-videoControl:hover{background-color:transparent;border:0}.hero-banner-videoControl svg{height:auto;width:30px}.hero-banner-videoControl:focus svg circle,.hero-banner-videoControl:hover svg circle{fill:#829f89}.hero-banner.extra-vid-playing .hero-banner-videoControls .hero-banner-videoPlay,.hero-banner:not(.extra-vid-playing) .hero-banner-videoControls .hero-banner-videoPause{display:none}@media (max-width:1024px){.hero-banner-logo{max-height:121px;width:auto}.hero-banner-title{font-size:80px}}@media (max-width:767px){.hero-banner-title{font-size:50px}}