.hero__banner.hero__banner-mask{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero__banner--alta.hero__banner-mask,.hero__banner--avigilon.hero__banner-mask,.hero__banner--msi.hero__banner-mask{left:auto;right:0;width:56%}.hero__banner.hero__banner-mask svg{display:block;height:100%;left:0;position:absolute;width:100%;z-index:10}.hero__banner--pelco.hero__banner-mask svg{left:50%;min-height:102%;min-width:100%;top:50%;transform:translate(-50%,-50%);width:auto;z-index:10}.hero__banner--alta.hero__banner-mask svg,.hero__banner--avigilon.hero__banner-mask svg,.hero__banner--msi.hero__banner-mask svg{left:-1px;width:auto}.hero__video-container{aspect-ratio:auto;height:100%;left:auto;position:absolute;right:-1%;top:0;width:50%}.hero__banner--pelco .hero__video-container{right:-1%;width:50%}.hero__banner--alta .hero__video-container,.hero__banner--avigilon .hero__video-container,.hero__banner--msi .hero__video-container{aspect-ratio:auto;height:100%;left:50%;position:absolute;right:unset;top:50%;transform:translate(-50%,-50%);width:100%}.hero__video{bottom:0;height:100%;left:0;margin:auto;min-height:100%;min-width:100%;object-fit:cover;position:absolute;right:0;top:0;width:100%}@media only screen and (max-width:767px){.hero__banner.hero__banner-mask svg{display:none}.hero__banner--alta.hero__banner-mask,.hero__banner--avigilon.hero__banner-mask,.hero__banner--msi.hero__banner-mask{width:100%}.hero__banner--alta .hero__video-container,.hero__banner--avigilon .hero__video-container,.hero__banner--msi .hero__video-container,.hero__video-container{aspect-ratio:auto;bottom:0;height:19rem;left:0;position:absolute;right:0;top:unset;transform:none;width:100%}.hero__banner--pelco .hero__video-container{right:0;width:100%}}