a{
  text-decoration: none !important;
}

.quem_somos_titulo{
  width: 80%;
  cursor: pointer;
  padding: 5px 0;
}
.quem_somos_titulo:not(:last-child){
  border-bottom: solid 1px var(--grey);
}
.quem_somos_titulo:hover{
  color: var(--colorfirst) !important;
}
.quem_somos_titulo_active{
  color: var(--colorfirst) !important;
}

.servicos_label{
  background-color: var(--verylightgrey);

  position: absolute;
  bottom: 0;
  width: 100%;
  height: 37%;

  padding: 0 30px;

  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  
}
.servicos_label .h3{
  font-size: 15px !important;
  line-height: 20px !important;
}

.servicos_desc,
.servicos_url{
  display: none;
}

.servicos_container:hover .servicos_label{
  height: 100%;
}

.servicos_container:hover .servicos_desc,
.servicos_container:hover .servicos_url{
  display: block;
}


.agendar_btn{
  color: white !important;
  border: solid 1px white;
  padding: 8px 12px;
  cursor: pointer;
}



/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 20%;
}

.grid-item {
  height: auto;
  float: left;
  border: 5px transparent solid;
}

.grid-item--width1 { width:  20%; }
.grid-item--width2 { width:  40%; }
.grid-item--width3 { width:  60%; }
.grid-item--width4 { width:  100%; }

.grid-item--height2 { height: auto; }
.grid-item--height3 { height: auto; }
.grid-item--height4 { height: auto; }


@media (max-width: 720px) {    
    .grid-item--width1 { width:  100%; }
    .grid-item--width2 { width:  100%; }
    .grid-item--width3 { width:  100%; }
    .grid-item--width4 { width:  100%; }    
}
/* ---- end grid-item ---- */

.img_dest_overlay{
  top:0; 
  background-color: rgba(255, 255, 255, 0.5); 
  opacity: 0;

  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;

  cursor: pointer;

}
.img_dest_overlay:hover{
  opacity: 1;

}

.actividades_texto p{
  margin: 0;
}

.actividades_parallax_section{
  min-height: 260px !important;
}

@media (max-width: 991px) {    
    .actividades_parallax_section{
      min-height: 400px !important;
    }   
}
@media (max-width: 450px) {    
    .actividades_parallax_section{
      min-height: 500px !important;
    }   
}


#MainSlider .slick-slide{
  height: auto !important;
}
