@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
.two-col-super-block{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.two-col-super-block .animated{
  display: none
}
.two-col-super-block li{
  list-style-type: disc;
  margin-left: 1em;
}
.two-col-super-block.parallax{
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
}
.two-col-super-block .row{
  display: flex;
}
.two-col-super-block.filter_drk:before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}
.two-col-super-block.filter_lt:before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  z-index: 1;
}
.two-col-super-block.txt_lt p,
.two-col-super-block.txt_lt li,
.two-col-super-block.txt_lt h2,
.two-col-super-block.txt_lt h4{
  color: var(--white);
}
.two-col-super-block.txt_lt h3{
  color: var(--secondarycolor);
}
.two-col-super-block.txt_drk p,
.two-col-super-block.txt_drk li,
.two-col-super-block.txt_drk h2,
.two-col-super-block.txt_drk h3,
.two-col-super-block.txt_drk h4{
  color: var(--text);
}
.two-col-super-block .video-container {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	overflow: hidden;
}
.super_block-two-col-video-background {
  background: var(--lightgray);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.super_block-two-col-video-foreground,
.super_block-two-col-video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
}
.two-col-super-block .col-feat{
  align-items: flex-start;
  margin-top: 30px;
}
.two-col-super-block .applications img{
  max-width: 100%;
  height: auto;
  width: 80px;
}
.two-col-super-block .gray-background{
  background-color: var(--lightgray);
}

.two-col-super-block.filter_lt:after{
  content: '';
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  background: rgba(255,255,255,0.6);
}
.two-col-super-block .container{
  z-index: 90;
  position: relative;
}
.bottom-bar-bottom{
  border-bottom: 8px solid var(--secondarycolor);
}
.txt-col{
  padding: 30px 30px 30px 90px;
}
.super_block-two-col-flex .txt-col iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.two-col-super-block .vidcol{
  position: relative;
}
.two-col-super-block .vidcol::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f144';
  position: absolute;
  top: 50%;
  left: 50%;
  color: #c8d6df;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.75), 0px 0px 6px rgba(0,0,0,0.5);
  display: block;
  font-size: 4.5em;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all 0.1s ease-in-out;
}
.two-col-super-block .vidcol:hover::after{
  font-size: 5.5em;
  color: var(--secondarycolor);
}
.two-col-super-block .modal-body{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  flex: inherit;
}
.two-col-super-block .modal-body iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.two-col-super-block .modal-dialog{
  max-width: none;
  width: 80%;
  height: auto;
}
.two-col-super-block .modal-header{
  justify-content: flex-end;
}
.two-col-super-block .modal-header .close{
  opacity: 1 !important;
  color: var(--darkgray);
  border-radius: 20%;
  font-weight: 700;
  padding: 8px 15px;
  border: 0;
}
@media screen and (max-width: 991px){
  .two-col-super-block .txt-col {
    padding:20px;
  }
}
@media screen and (max-width: 767px){
  .two-col-super-block .txt-col .row{
    margin: 0 auto;
  }
  .two-col-super-block .txt-col .row h3, .txt-col .row h4{
    text-align: center;
  }
}