.texto-gris {
    color: #BDBDBD
}

.texto-sombra {
    color: rgba(255, 255, 255, 1);
    text-shadow: 2px 2px 4px black;
    margin-top: -4px;
}

/***oppacity on hover****/
.texto-galeria {
    font-weight: 400
}
.container2 {
  position: relative;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container2:hover .image {
  opacity: 0.3;
}

.container2:hover .middle {
  opacity: 1;
}

.text {
  background-color: #e82c2c;
  color: white;
  font-size: 16px;
  padding: 6px 6px;
}
/***./oppacity on hover****/


/* Your custom styles */
* {box-sizing: border-box;}

.img-comp-container {
  position: relative;
  height: 500px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #d41a1a;
  opacity: 0.7;
  border-radius: 50%;
}

/******/

.creative-lp .divider-new {
  margin-left: 25%;
  margin-right: 25%; }
  @media (max-width: 768px) {
    .creative-lp .divider-new {
      margin-left: 10%;
      margin-right: 10%; } }
  .creative-lp .divider-new:before, .restaurant-lp .divider-new:after {
    height: 3px !important;
    background: #c7c7c7 !important;
    margin-top: -0.35rem; }

/*********/
.btn-whatsapp2 {
        display:block;
        width:70px;
        height:70px;
        color#fff;
        position: fixed;
        right:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}