.heroSliderS .swiper-container {
  width: 100%;
  height: 100%;
}

.heroSliderS  .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* Text Overlay */
#lab_video_text_overlay h2 {
  font-size:4em
}

#lab_video_text_overlay .btn {
  border-radius:0;
  text-transform:uppercase;
  font-weight:200;
}
#lab_video_text_overlay .btn-warning {
  background-color:#F5D328;
}

#lab_video_text_overlay {
  position: absolute;
  color: #FFF;
  width: 100%;
  top: 25%;
}

#lab_video_text_overlay .container {
  text-align: center;
  margin: 0px auto;
  /*background-color: #669900;*/
}

.heroSliderS {height: 100vh;}

.heroSliderS .swiper-slide video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
}



.animeslide-slide .textContainer {
  position: absolute; z-index: 20;
}
.animeslide-slide.swiper-slide-active [data-animate] {
  opacity: 1;
  transform: none;
}
.animeslide-slide.swiper-slide-active .animeslide-heading {
  transition-delay: 0.6s;
}
.animeslide-slide.swiper-slide-active .animeslide-desc {
  transition-delay: 1s;
}
.animeslide-heading {
  margin-bottom: 25px;
  transition-delay: 3s; font-size: 80px; text-align: center; color: #fff; font-weight: 600; line-height: 90px;
}
.animeslide-heading span {
  font-size: 16px;
  background-color: #f08723;
  padding: 6px 12px 7px;
  border-radius: 8px;
  font-weight: normal;
}
.animeslide-desc {
  padding: 15px 22px;
  border-radius: 8px;
  max-width: 100%;
  opacity: 0.9;
}

[data-animate] {
  opacity: 0;
  transition: all 0.8s ease-out;
}
[data-animate="bottom"] {
  transform: translate3d(0, 15px, 0);
}

.animeslide-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #202238;
  max-width: 600px;
  z-index: 1;
  padding: 35px 35px;
  right: 0;
  font-size: 14px;
}
.animeslide-bottom .cell {
  position: relative;
  opacity: 1;
  z-index: 2;
  height: 40px;
  bottom: inherit;
}

.heroImg{width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; height: 100%;}

.sliderShadow{z-index: 15; white-space: normal;  color: #fff; font-weight: 300; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0) 100%); width: 100%; height: 100vh; position: absolute;}


a.bannerLink{font-weight: 600; color:#fff; text-transform:left;background-color:#7AC143; letter-spacing:1px; border:2px solid #7AC143; padding: 10px 20px; font-size: 12px; transition: all 0.8s ease-out;}

a.bannerLink:hover{background: #eece38; border:2px solid #eece38; color: #2c2c2c;}


.swiper-nav-prev {
    position: absolute;
    top: calc(50% - 5px);
    left: 0;
    font-size: 14px;
    padding: 15px 15px 15px 55px;
    margin: 0;
    z-index: 5;
    cursor: pointer;
    will-change: transform;
    color: #fff;
    transform: translate(0px, -50%);
	width: 100px; transition: all 0.2s ease-out;
}
.swiper-nav-prev::before {
    position: absolute;
    content: "";
    right: 61px;
    top: 30px;
    width: 34px;
    height: 1px;
    background-color: #fff; transition: all 0.2s ease-out;
}
.swiper-nav-prev:hover {
    transform: translate(18px, -50%);
}
.swiper-nav-next {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
    margin: 0;
    z-index: 5;
    cursor: pointer;
    will-change: transform;
    color: #fff;
    transform: translate(0px, -50%);
	width: 100px; transition: all 0.2s ease-out;
}
.swiper-nav-next::before {
    position: absolute;
    content: "";
    left: 61px;
    font-size: 14px;
    top: 30px;
    width: 34px;
    height: 1px;
    background-color: #fff; transition: all 0.2s ease-out;
}
.swiper-nav-next:hover {
    transform: translate(-18px, -50%);
}
@media only screen and (max-width: 1350px) {
	.animeslide-heading{font-size: 50px; line-height: 60px;}
}

@media only screen and (max-width: 990px) {
	.animeslide-heading{font-size: 30px; line-height: 40px;}
	.swiper-nav-next{display: none;}
	.swiper-nav-prev{display: none;}
}