.home-slider {
    position: relative;
}
.home-slider .item {
    position: relative;
    min-height: 100vh;
}

.home-slider .item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background:rgba(0,0,0,.6);
}
.home-slider .video-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    z-index: -1;
    object-fit: cover;
}
.home-slider .owl-item.active h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active h3 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active h4 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active h5 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active h6 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.home-slider .owl-item.active p {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
    font-size: 18px;
}
.home-slider .owl-item.active .block {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}
.bannertext {   
    position: relative;
    top: 50%;   
    transform: translateY(-60%);
    color: #fff;  
    z-index: 2; 
}
.bannertext .bannercaption {
    width: 80%;
    max-width: 1200px;
    margin:0 auto;
}
@media only screen and (max-width: 1399px) {
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {   
}
@media only screen and (max-width: 575px) {   
}
.mute-video {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 15px;
    right: 25px;
    background: url(../images/mute-unmute.png) no-repeat left top;
    z-index: 4;
}
.mute-video.unmute-video {
    background: url(../images/mute-unmute.png) no-repeat right bottom;
}
.txt{
    text-align:center;
}

/**********************************************************/
/**************** ZOOM IN (KEN BURNS EFFECT) **************/
/**********************************************************/
.home-slider .owl-item.active .spsliderbg,
.photogallerycarousel .owl-item.active img {
    animation: kenburns 30s infinite;
  }
  @media screen and (min-width: 800px) {
    .home-slider .owl-item.active .spsliderbg,
    .photogallerycarousel .owl-item.active img {
      animation: kenburns 30s infinite;
    }
  }
  
  @keyframes kenburns {
    5% {
      transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
    }
    45% {
      transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
      animation-timing-function: ease-in;
    }
    60% {
      transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
      animation-timing-function: ease-in;
    }
    100% {
      transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
    }
  }
  @keyframes mobileburns {
    5% {
      transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
    }
    65% {
      transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
      animation-timing-function: ease-in;
    }
    80% {
      transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
      animation-timing-function: ease-in;
    }
    100% {
      transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
    }
  }
  @keyframes noburns {
    100% {
      transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
      animation-timing-function: ease-in;
    }
  }

  .spsliderbg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }