.Modern-Slider .item .img-fill img {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.Modern-Slider .slick-dots li.slick-active {
  width: 100%;
  -webkit-animation: ProgressDots 11s both;
          animation: ProgressDots 11s both;
}

.banner_area .banner {
  -webkit-animation: fadeInOut 1s both;
          animation: fadeInOut 1s both;
}

.banner_area .slick-active .banner {
  -webkit-animation: fadeIn 1s both 0.2s;
          animation: fadeIn 1s both 0.2s;
}

.Modern-Slider .item h3, .banner_area .banner h1 span {
  -webkit-animation: fadeOutRight 1s both;
          animation: fadeOutRight 1s both;
}

.Modern-Slider .item h5, .banner_area .banner h1 strong {
  -webkit-animation: fadeOutLeft 1s both;
          animation: fadeOutLeft 1s both;
}

.Modern-Slider .item.slick-active h3, .banner_area .slick-active .banner h1 span {
  -webkit-animation: fadeInDown 1s both 1s;
          animation: fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5, .banner_area .slick-active .banner h1 strong {
  -webkit-animation: fadeInLeft 1s both 1.5s;
          animation: fadeInLeft 1s both 1.5s;
}

.banner_area .banner .banner_img_area {
  -webkit-animation: fadeOutLeft 1s both;
          animation: fadeOutLeft 1s both;
}

.banner_area .slick-active .banner .banner_img_area {
  -webkit-animation: fadeInLeft 1s both 0.7s;
          animation: fadeInLeft 1s both 0.7s;
}

.banner_area .text_name, .banner_area .bg1 {
  -webkit-animation: fadeOutDown 1s both;
          animation: fadeOutDown 1s both;
}

.banner_area .slick-active .text_name {
  -webkit-animation: fadeInUp 1s both 1.5s;
          animation: fadeInUp 1s both 1.5s;
}

.banner_area .slick-active .bg1 {
  -webkit-animation: fadeInUp 1s both 0.1s;
          animation: fadeInUp 1s both 0.1s;
}

.Modern-Slider .item.slick-active {
  -webkit-animation: Slick-FastSwipeIn 1s both;
          animation: Slick-FastSwipeIn 1s both;
}

.Modern-Slider {
  background: #000;
}

/* ==== Slider Image Transition === */
@-webkit-keyframes Slick-FastSwipeIn {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
            transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
            transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
  }
}

@keyframes Slick-FastSwipeIn {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
            transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
            transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
  }
}

@-webkit-keyframes ProgressDots {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}

@keyframes ProgressDots {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}

/* ==== Slick Slider Css Ruls === */
/*# sourceMappingURL=home_banner.css.map */