#owl-example{
    position: absolute;
    z-index: -1
}
.owl-carousel {
  position: relative;
  height: 100vh;
 min-height: 100%; 
}
 
 
.owl-carousel div:not(.owl-dots) {
  height: 100%;
} 
 
.owl-carousel .owl-slide { 
  background-repeat: no-repeat;
 background-size: cover; 
  background-position: right bottom ;
	height: 100%
}
.slide0{  background: url(../../img/bg1.jpg)}
.slide1{  background: url(../../img/bg2.jpg)}

  

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0; 
  margin: 0; 
  text-align: center;    
}
  
.owl-carousel button.owl-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	opacity: 0.5
}
.owl-carousel button.owl-dot:hover {
	background: #d70c18; 
	filter: Alpha(Opacity=100);
	opacity: 1
}
 .owl-carousel button.owl-dot.active {
	background: #d70c18; 
	 opacity: 1
}

.owl-carousel .intro-text {
 
  color: #fff;
  width: 40%; height: auto!important;
  position:absolute;
  bottom: 10%;
  right: 5%;
}
  .intro-text h2{
	  display: inline-block;
	  font-style: italic;
	  font-size: 18px; 
  
  }
  .intro-text p{
	  font-size: 14px;
  }
  @media only screen and (max-width: 992px) { 
	.owl-carousel .intro-text{ display: none;}
  }