JS
/****************************************************/
	$('.slider-active').owlCarousel({
        animateOut: 'slideOutDown',
        animateIn: 'slideInDown',
	loop:true,
        autoplayTimeout:5000,
	items:1,
	margin:0,
	autoHeight:true,
	dots: false,
	autoplay: true
	});
/******************************************************/	

HTML EJEMPLO
<!--
<!-- Slider Area Start -->
				<div class="slider-area">
					<div class="slider-active owl-carousel owl-theme">
						<!-- Slider Single -->
						<div class="slider-item full-slide" style="background-image: url(archivos/home/slider/audiovisual.jpg);">
							<div class="container">
								<div class="row">
									<div class="slide-content text-center col-lg-12 col-md-12 col-xs-12">
										<h2 class="brandon-l w-300 p-b-title-slide">ALTA TECNOLOGÍA EN EVENTOS</h2>
										<h3 class="brandon-l w-700 blue-letter p-b-subtitle-slide">AUDIO, VIDEO & POST PRODUCCIÓN</h3>
										<div class="slide-btn">
											<a href="audiovisual.html" class="read-more">¡ME INTERESA!</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Slider Single -->
						<!-- Slider Single -->
						<div class="slider-item full-slide" style="background-image: url(archivos/home/slider/sonido-para-eventos.jpg);">
							<div class="container">
								<div class="row">
									<div class="slide-content text-center col-lg-12 col-md-12 col-xs-12">
										<h2 class="brandon-l w-300 p-b-title-slide">EVENTOS SOCIALES INOLVIDABLES </h2>
										<h3 class="brandon-l w-700 blue-letter p-b-subtitle-slide">MÁS DE 20 AÑOS DE EXPERIENCIA </h3>
										<div class="slide-btn">
											<a class="open-popup-link" href="#test-popup" class="read-more">¡COTIZA AQUÍ!</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Slider Single -->
						<!-- Slider Single -->
						<div class="slider-item full-slide" style="background-image: url(archivos/home/slider/equipo-de-sonido.jpg);">
							<div class="container">
								<div class="row">
									<div class="slide-content text-center col-lg-12 col-md-12 col-xs-12">
										<h2 class="brandon-l w-300 p-b-title-slide">PRODUCCIÓN TÉCNICA EN SHOWS</h2>
										<h3 class="brandon-l w-700 blue-letter p-b-subtitle-slide">COORDINACIÓN, MONTAJE Y EJECUCIÓN AUDIOVISUAL</h3>
										<div class="slide-btn">
											<a class="open-popup-link" href="#test-popup" class="read-more">¡SABER MÁS!</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Slider Single -->
					</div>
				</div>
				<!-- Slider Area End -->
-->



CSS EJEMPLO
/***************************************************************************/
.slider-area {
  display: block;
  position: relative;
}
.slide-table {
  display: table;
  height: 100%;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.slide-content {
  margin-bottom: 285px;
  margin-top: 460px;
}
.slide-content h2 {
  color: #fff;
  /*font-size: 44px;*/
  font-size: 65px;
  margin: 0 0 13px;
  animation-delay: 0.8s;
}
.slide-content h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin: 0 0 40px;
  animation-delay: 1.2s;
}
.slide-content h2  span,.slide-content h1  span{color:#e2a750;}
.slide-btn a {
  background: #0777bd none repeat scroll 0 0;
  box-shadow: 0 0 1px transparent;
  color: #fff;
  display: inline-block;
  height: 33px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  transform: perspective(1px) translateZ(0px);
  transform-origin: 0 100% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  vertical-align: middle;
  width: 180px;
  animation-delay: 1.6s;
  transition:.3s;
    font-size: 21px;
    padding: 3px 0;
    font-weight: 300;
}
.slide-btn a:hover{
-webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  background:#000;
  color:#fff;
}

/* Slider Dot Css */
.slider-area .owl-theme .owl-nav.disabled + .owl-dots {
  bottom: 0;
  margin-bottom: 90px;
  margin-top: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slider-area .owl-theme .owl-dots .owl-dot span {
  backface-visibility: visible;
  background: rgba(0, 0, 0, 0) url("../../img/home-one/icon/dot.png") no-repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 20px;
  margin: 0 20px 0 0;
  transition: opacity 0.2s ease 0s;
  width: 20px;
}
.slider-area .owl-theme .owl-dots .owl-dot.active span{
  background: rgba(0, 0, 0, 0) url("../../img/home-one//icon/dot-active.png") no-repeat scroll 0 0;
  width:25px;
  height:25px;
}
.slider-area .owl-theme .owl-nav.disabled + .owl-dots::after {
  background: #4b5459 none repeat scroll 0 0;
  bottom: 10px;
  content: "";
  height: 1px;
  left: -27px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 85px;
}

/* Slider Animation Css */
.slide-content *{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards ;
  animation-fill-mode: backwards ;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }
.active .slide-content h2{
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn; 
}
.active .slide-content h1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; 
}
.active .slide-content .slide-btn a {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; 
}

/*************************************************************************************************************/