/*1. owl-hotel */

.owl-carousel {
-ms-touch-action: none;
touch-action: none;
}


.slider-hotel{
    padding-top:10px
}

.owl-carousel {
  display: block;
}

.leftButton{ 
  top:5px;
  position: absolute;
  background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
  color: #ffffff;
  left: 0;
  right: auto;  
  /*Top - Right - Bottom - Left*/
  padding: 15px 40px 15px 0px;
  padding-left: 7%;
}
.rightButton{ 
  top:5px;
  position: absolute;
  background-image: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  color: #ffffff;
  right: 0;
  left: auto;
  /*Top - Right - Bottom - Left*/
  padding: 15px 0px 15px 40px;
  padding-right: 7%;
}


#buttonBanner2 {
    background-color: rgba(0, 0, 0, 0.5); 
    padding: 12px 14px 12px 14px; 
    border-radius: 100%;
    font-size:12px;
}

#owl-hotel .item{
  margin: 0px;
  border-right: 0px solid #c4c4c4;
}

#owl-hotel .item img{
  text-align: center;
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto;
  padding-top:6px
}
/*End 1.owl-hotel */

/*2. owl-attract */
#owl-attract{
    height: 60vh;
}
#owl-attract .item img{
text-align: center;
display: block;
width: 90px;
height: auto;
margin: 0 auto;
}
/* End 2. owl-attract */

/*3. owl-offers */
#owl-offers{
    height: 60vh;
}
#owl-offers .item img{
text-align: center;
display: block;
width: 90px;
height: auto;
margin: 0 auto;
}
/* End 3. owl-offers */


@media (max-width: 767px) {
    /*Banner Hotel Mobile -----------------*/
    .slider-hotel{
      padding-top:10px
    }
    .leftButton{      
      /*Top - Right - Bottom - Left*/
      padding: 15px 10px 15px 0px;
      padding-left: 2%;
    }
    .rightButton{ 
     
      /*Top - Right - Bottom - Left*/
      padding: 15px 0px 15px 10px;
      padding-right: 2%;
    }
    .carousel-control.left, .carousel-control.right{
      height:80px;   
    }
    #owl-hotel .item img{
      padding-top:0px;
      width: 80px;
    }
    /*------------------------------------*/
}