.owl-carousel{
   width: 100%;
   /* height: 100%; */
   /* margin: 0px auto; */
   /* border-radius: 3px;
   border: 1px solid #0099CC; */
 }

  .owl-carousel .owl-stage-outer{
    height: 500px;
  }

 .slide{
   position: relative;
   width: 100%;
   height: 500px; /*exactly as .owl-carousel .owl-stage-outer */
   }

 .slide img{
   width: 100%;
   /* height: auto; */
 }

 .slide .layer{
   position: absolute;
   bottom: 2rem;
   /* left: 0; */
   /* text-align: center; */
   /* background-color: rgba(0, 0, 0, .6); */
   /* width: 90% */
 }

 .slide .layer .slide-content{
   text-align: center;
   background-color: rgba(0, 0, 0, .6);
   width: 90%;
   margin: auto;
   padding: 20px 5px;
   border-radius: 8px;
   color: #FFF
 }

 .slide .layer .slide-content button{
    direction: rtl;
    outline: none;
    padding: 10px 20px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: none;
    border-right: none;
    background: 0 0;
    color: #FFF
 }

 .owl-dots{
   width: 100%;
   text-align: center;
   position: absolute;
   bottom: 0px
 }

 .owl-dots span{
   width: 15px;
   height: 15px;
 }

 .owl-prev, .owl-next{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   font-size: 50px !important;
   background: none !important;
   color: #0F0 !important;
 }

 .owl-prev{
   left: 10px !important;
 }

 .owl-next{
   right: 10px !important;
 }

 h3{
   margin: 0;
   font-weight: normal;
 }