.fdislider {
  position: relative;
  height: 100vh;
}
.fdislider .item {
  position: relative;
  height: 100vh;
}
.fdislider .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background:rgba(0,0, 0, .75);
}
.fdislider .video-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  z-index: -1;
  object-fit: cover;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .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;
}
.fdislider .owl-item .block {
  margin-top: 30px;
}
.fdislider .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;
}
.fdislider .bannertext {   
  position: absolute;
  top: 50%;  
  left: 10%;  
  right: 10%;   
  transform: translateY(-50%);
  z-index: 2; 
}
.fdislider .bannertext h1,
.fdislider .bannertext h2,
.fdislider .bannertext h3,   
.fdislider .bannertext h4,
.fdislider .bannertext h5,
.fdislider .bannertext h6,
.fdislider .bannertext div,
.fdislider .bannertext p{
  color:#fff;
}
.fdislider .bannertext .bannercaption {
  max-width:800px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 767px) { 
  .fdislider .bannertext {   
    left: 2%;  
    right: 2%; 
    transform: translate(0,-50%);
  }  
  .fdislider .bannertext .bannercaption {
      width: 96%;
      text-align: center;
  }
}

.mute-video {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: url(../images/mute-unmute.png) no-repeat left top;
  z-index: 4;
  cursor: pointer;
}
.mute-video.unmute-video {
  background: url(../images/mute-unmute.png) no-repeat right bottom;
}
.image-item{
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fdisliderimage{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
.fdislider .owl-item.active .item img {
  animation: mobileburns 40s infinite;
}
@media screen and (min-width: 800px) {
  .fdislider .owl-item.active .item img {
    animation: kenburns 40s 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;
  }
}