.home-slider {
  position: relative;
  min-height: 820px;
}
.home-slider .item {
  position: relative;
  min-height: 820px;
}
.home-slider .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background:rgba(0,0, 0, .8);
}
.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: absolute;
  top: 50%;  
  left: 0; 
  right: 0;   
  transform: translateY(-50%);
  color: #fff;  
  z-index: 2; 

}
.bannertext .bannercaption {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

@media only screen and (max-width: 1399px) {
}
@media only screen and (max-width: 1199px) {
  .home-slider {
    position: relative;
    min-height: 720px;
  }
  .home-slider .item {
    position: relative;
    min-height: 720px;
  }
}
@media only screen and (max-width: 991px) {
  .home-slider {
    position: relative;
    min-height: 620px;
  }
  .home-slider .item {
    position: relative;
    min-height: 620px;
  }
}
@media only screen and (max-width: 767px) { 
  .bannertext {   
    left: 2%;  
    right: 2%; 
    transform: translate(0,-50%);
}  
  .bannertext .bannercaption {
      width: 96%;
  }
  .home-slider {
    position: relative;
    min-height: 520px;
  }
  .home-slider .item {
    position: relative;
    min-height: 520px;
  }
}
@media only screen and (max-width: 575px) {   
  .home-slider {
    position: relative;
    min-height: 420px;
  }
  .home-slider .item {
    position: relative;
    min-height: 420px;
  }
}
.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;
}
/**********************************************************/
/**************** ZOOM IN (KEN BURNS EFFECT) **************/
/**********************************************************/
.home-slider .owl-item.active .spsliderbg,
.photogallerycarousel .owl-item.active img {
  animation: kenburns 35s infinite;
}
@media screen and (min-width: 800px) {
  .home-slider .owl-item.active .spsliderbg,
  .photogallerycarousel .owl-item.active img {
    animation: kenburns 35s infinite;
  }
}  
@keyframes kenburns {
  5% {
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale3d(1.25, 1.25, 1.25) translate3d(-100px, -30px, 0px);
    animation-timing-function: ease-in;
  }
  60% {
    transform: scale3d(1.25, 1.25, 1.25) 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(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    animation-timing-function: ease-in;
  }
  80% {
    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 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;
  background-position: center top!important;
}
/* LOADER */
.home-slider .owl-carousel::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  z-index: 3;
}
.home-slider .owl-carousel.owl-loaded::after{
  display: none;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}