/* Testimonial Carousel
-------------------------------------------------- */

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    font-family: 'themify';
}

@media (min-width: 768px) {
    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        position: absolute;
        font-size: 18px;
        width: 26px;
        height: 80px;
        line-height: 80px;
        display: inline-block;
        padding: 0;
        text-align: center;
        border-radius: 3px;
        color: #333;
        cursor: pointer;
        transition: all .18s ease;
        -webkit-transition: all .18s ease;
    }
    .testimonial-carousel .owl-nav .owl-prev:hover,
    .testimonial-carousel .owl-nav .owl-next:hover {
        color: #437df9;
    }
    .testimonial-carousel.testi-carou-3 .owl-nav .owl-prev,
    .testimonial-carousel.testi-carou-3 .owl-nav .owl-next {
        bottom: auto;
        top: 50%;
    }
    .blox.dark .testimonial-carousel .owl-nav div {
        background: rgba(255, 255, 255, 0.7);
        color: #000;
    }
    .testimonial-carousel .owl-nav .owl-prev {
        left: -50px;
        bottom: 50%;
    }
    .testimonial-carousel .owl-nav .owl-next {
        right: -50px;
        bottom: 50%;
        padding-left: 2px;
    }
}

.testimonial-carousel .owl-nav .owl-prev:before {
    content: "\e629";
}

.testimonial-carousel .owl-nav .owl-next:before {
    content: "\e628";
}

.animated  {
    -webkit-animation-duration : 700 ms;
    animation-duration : 700 ms;
    -webkit-animation-fill-mode : both  ;
    animation-fill-mode : both  ;
}  
  
.owl-animated-out {
    z-index : 1 
}

.owl-animated-in {
    z-index : 0 
}
 
.fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
}  

@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}