/* v306 — overlay physically limited to the left side; right side is untouched source image. */
#hero .hero__bg::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  width:56% !important;
  height:100% !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(5,6,6,.95) 0%,
    rgba(5,6,6,.92) 20%,
    rgba(5,6,6,.82) 38%,
    rgba(5,6,6,.60) 58%,
    rgba(5,6,6,.34) 76%,
    rgba(5,6,6,.12) 90%,
    rgba(5,6,6,0) 100%) !important;
}
#hero .hero__bg::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
#hero .hero__slide.is-active .hero__bg{
  filter:none !important;
}
@media (max-width:1199.98px){
  #hero .hero__bg::before{
    width:64% !important;
    background:linear-gradient(90deg,
      rgba(5,6,6,.95) 0%,
      rgba(5,6,6,.90) 27%,
      rgba(5,6,6,.72) 50%,
      rgba(5,6,6,.42) 70%,
      rgba(5,6,6,.14) 88%,
      rgba(5,6,6,0) 100%) !important;
  }
}
@media (max-width:767.98px){
  #hero .hero__bg::before{
    width:100% !important;
    background:linear-gradient(90deg,
      rgba(5,6,6,.95) 0%,
      rgba(5,6,6,.90) 33%,
      rgba(5,6,6,.68) 56%,
      rgba(5,6,6,.34) 76%,
      rgba(5,6,6,.10) 91%,
      rgba(5,6,6,0) 100%) !important;
  }
}