*{
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

body{
  scroll-behavior: smooth;

}

section#navega nav.bg-success a.nav-link{
  color: #fff;
  font-weight: bolder;
}

#landing{
  background-size: cover;
  background-image: url('img/bg-landing-lock.jpg');
  background-position: bottom center;
  min-height: 100vh;
  color: #ffffff;
  padding-top: 10vh;
}

#landing h2{
  background-color: rgba(0,0,0,0.4);
  padding: 10px;
  font-style: italic;
  font-weight: bolder;
  border-bottom: 5px solid #28a745;
}

#carouselLanding .carousel-item{
  background-size: cover;
  background-position: 20% bottom;
  min-height: 100vh;
}

#slide1{
  background-image: url('img/frase-1.jpg');
}
#slide2{
  background-image: url('img/frase-2.jpg');
}
#slide3{
  background-image: url('img/frase-3.jpg');
}
#slide4{
  background-image: url('img/frase-4.jpg');
}
#slide5{
  background-image: url('img/frase-5.jpg');
}

.wrpSlide{
  padding: 10vh;
  width: 55%;
  color: #ffffff;
}

@media (max-width: 768px) {
  #carouselLanding .carousel-item{
    background-image: none !important;
    background-color: #222;
    min-height: 60vh !important;
    padding-bottom: 10vh;
  }
  .wrpSlide{
    padding: 5vh;
    width: 100%;
    color: #ffffff;
  }
  #servicios{
    padding-top: 100vh !important;
  }
  .wrp-direccion{
    padding: 0 30px !important;
  }
  #pageLanding{
    background-position: left center !important;

  }
}


#somos{
  padding-top: 10vh;
  text-align: center;
}

#somos2{
  padding: 10vh 0;
  color: #ffffff;
}

div.wrp-somos2{
  background-color: #2ca32c;
  padding: 30px;
  text-align: center;
  margin-bottom: 45px;
}

#somos2 h2{
  color: #b3b3b3 !important;
  text-align: center;
}

.c0{
  color: #000000 !important;
}

.bg-membresias{
  background-image: url(img/bg-membresias.jpg);
  background-size: cover;
  background-position: top center;
  height: 50vh;
}

.wrpLogos{
  background-color: white;
  padding: 60px;
  margin-top: 40vh;
}

.wrpLogos img{
  margin: 0 20px;
}


#servicios {
  padding-top: 50vh;
}

.btnServicios{
  height: 30vh;
  background-size: cover;
  background-position: center center;
  color: white;
  text-align: center;
  margin: 30px 0;
  padding-top: 10vh;
}

.btn-s-no{
  background-image: url('img/bg-no-convencionales.jpg');
}

.btn-s-con{
  background-image: url('img/bg-convencionales.jpg');
}

.btn-s-h2s{
  background-image: url('img/bg-h2s.jpg');
}

.btn-s-produccion{
  background-image: url('img/bg-produccion.jpg');
}

.btn-s-prevencion{
  background-image: url('img/bg-prevencion.jpg');
}

.btn-s-well{
  background-image: url('img/bg-well.jpg');
}

#centro{
  margin-top: 10vh;
  margin-bottom: 15vh;
}

#mapa{
  height: 50vh;
}

.bg-direccion{
  background-size: cover;
  background-position: center center;
  background-image: url('img/bg-mapa.jpg');

}

.wrp-direccion{
  color: #ffffff;
  padding: 0 120px;
  text-align: center;
}

#contacto form{
  margin-bottom: 10vh;
}

#contacto h3{
  border-top: 2px solid #008000;
  border-bottom: 2px solid #008000;
  padding: 10px 0;
  font-size: 1.3em;
}

#pie{
  background-color: #e6e6e6;
  margin-top: 10vh;
  padding: 2.5vh 0;
}

#pie p{
  margin-top:12px;
}

/* Pagina estilos generales */
#pageLanding{
  min-height: 100vh;
  background-size: cover;
  background-position: center center;
  padding-left: 5%;
  padding-top: 15vh;
  color: #ffffff;
  text-align: justify;
}

#contentPage h3{
  margin-top: 5vh;
  color: #008000;
}

.bg-gray{
  background-color: #f0f0f0;
}

#separador{
  min-height: 50vh;
  background-size: cover;
  background-position: center center;
}

#contentPage2, #contentPage4{
  background-color: #f0f0f0;
  padding-top: 10vh;
  padding-bottom: 10vh;

}

.pad5vh{
  padding: 5vh;
}

body.templatePage #servicios{
  padding-top: 10vh !important;
}

body.templatePage h4{
  margin: 30px 0;
}

.cp{
  color: #008000;
}

hr.spacer{
  border: 0;
  margin: 20px 0;
}

hr.bb{
  border-bottom: 1px solid #008000;
  opacity: .2;
}
/* pagina: no convencionales */
#pageLanding.pageNoConvencionales{
  background-image: url('img/bg-paginas-no-convencionales.jpg');
}

.separadorNoConvencionales{
  background-image: url('img/separador-no-convencionales.jpg');
}
.separadorNoConvencionales2{
  background-image: url('img/separador-no-convencionales2.jpg');
  background-size: cover;
  background-position: center center;
}
.separadorNoConvencionales3{
  background-image: url('img/separador-no-convencionales3.jpg');
  background-size: cover;
  background-position: bottom center;
  height: 50vh;
}

.separadorNoConvencionales4{
  background-image: url('img/separador-no-convencionales4.jpg');
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

/* pagina: no convencionales */
#pageLanding.pageConvencionales{
  background-image: url('img/bg-paginas-convencionales.jpg');
}

/* pagina:H<sub>2</sub>S*/
#pageLanding.pageH2s{
  background-image: url('img/bg-paginas-h2s.jpg');
}

/* pagina: produccion */
#pageLanding.pageProduccion{
  background-image: url('img/bg-paginas-produccion.jpg');
}

/* pagina: prevencion */
#pageLanding.pagePrevencion{
  background-image: url('img/bg-paginas-prevencion.jpg');
}

.separadorPrevencion{
  background-image: url('img/img-sep-prevencion-1.jpg');
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

/* pagina: well control */
#pageLanding.pageWellControl{
  background-image: url('img/bg-paginas-well-control.jpg');
}

.separadorWellControl{
  background-image: url('img/separador-well-control.jpg');
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

.separador2WellControl{
  background-image: url('img/separador2-well-control.jpg');
  background-size: cover;
  background-position: center center;
  height: 50vh;
}

.contentVerde{
  margin-top: 10vh;
  background-color: #008000;
  padding: 10vh 0;
  color: #ffffff;
}

#landingQuienes{
  background-image: url('img/bg-quienes-somos.jpg');
  background-size: cover;
  background-position: center center;
  height: 75vh;
}

.pageQuienes .bg-light{
  color: #000000;
}


.mt0{
  margin-top: 0 !important;
}