.one-col-text-block{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}
.one-col-text-block h2 {
  margin-bottom: 5px;
}
.one-col-text-block h4 {
  margin-bottom: 20px;
  font-size: 20px;
}
.one-col-text-block .video-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  overflow: hidden;
}
.one-col-video-background {
  background: #FFFFFF;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.one-col-video-foreground,
.one-col-video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .one-col-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .one-col-video-foreground { width: 300%; left: -100%; }
}
@media (min-aspect-ratio: 16/9) {
  .one-col-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .one-col-video-foreground {
    width: 300%;
    left: -100%;
    height: 150%;
    top: -15%;
  }
}
.one-col-text-block.filter_drk:before{
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  background: rgba(21,21,21,0.6);
}
.one-col-text-block.filter_lt:before{
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  background: rgba(255,255,255,0.6);
}
.one-col-text-block.dark-mode-on p,
.one-col-text-block.dark-mode-on li,
.one-col-text-block.dark-mode-on h2,
.one-col-text-block.dark-mode-on h4{
  color: #fff;
}
.one-col-text-block.dark-mode-on:before {
    content:"";
    display: none;
}