/* Quiénes Somos */
#quienes_somos {
   width: 100%;
   height: auto;
   padding: 200px 20% 250px 40%;
   background: #ffffff;
   background-color: #ffffff;
   position: relative;
   overflow: hidden;
   transition: all .3s ease;
}

.quienesTitle {
  width: 100%;
  height: auto;
  padding: 50px 0 25px 0;
  text-align: left;
  position: relative;
  z-index: 2;
  transition: all .3s ease;
}
.quienesTitle h1 {
  font-family: 'Metropolis';
  font-size: 55px;
  font-weight: normal;
  font-style: normal;
  color: #f2a649;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  text-transform: uppercase;
  transition: all .3s ease;
}
.quienesTitle h1 span {
  font-weight: bold;
}

.quienesInfo {
  width: 100%;
  height: auto;
  padding: 0 10% 25px 0;
  text-align: left;
  position: relative;
  z-index: 2;
  transition: all .3s ease;
}
.quienesInfo p {
  font-family: 'Metropolis';
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  font-style: normal;
  color: #808080;
  transition: all .3s ease;
}

.quienesImg {
  max-width: 350px;
  height: auto;
  position: absolute;
  top: 0;
  left: 15%;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}
/*  */

/* Sección Desconocida */
#seccion_desconocida {
  width: 100%;
  height: auto;
  padding: 100px 20% 50px 20%;
  background: #00a28a;
  background-color: #00a28a;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

.seccionTitle {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: left;
  position: relative;
  transition: all .3s ease;
}
.seccionTitle h1 {
  font-family: 'Metropolis';
  font-size: 40px;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  text-transform: uppercase;
  transition: all .3s ease;
}

.seccionInfo {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: left;
  position: relative;
  transition: all .3s ease;
}
.seccionInfo p {
  font-family: 'Metropolis';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  transition: all .3s ease;
}

.seccionImg {
  max-width: 300px;
  height: auto;
  position: absolute;
  top: 0;
  right: 25%;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}
/*  */

/* Servicios */
#servicios {
   width: 100%;
   height: auto;
   padding: 100px 20% 50px 20%;
   background: #ffffff;
   background-color: #ffffff;
   position: relative;
   overflow: hidden;
   transition: all .3s ease;
}

.serviciosMain {
  width: 90%;
  height: 300px;
  margin: 0 auto;
  background: #ffffff;
  background-color: #ffffff;
  -webkit-box-shadow: 10px 7px 17px -4px rgba(0,0,0,0.29);
  -moz-box-shadow: 10px 7px 17px -4px rgba(0,0,0,0.29);
  box-shadow: 10px 7px 17px -4px rgba(0,0,0,0.29);
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

.serviciosHeader {
  width: 100%;
  height: 160px;
  position: relative;
  transition: all .3s ease;
}

.serviciosImg {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}

.serviciosInfo {
  width: 100%;
  height: auto;
  padding: 0 15px 0 15px;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.serviciosInfo p {
  font-family: 'Metropolis';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  color: #aaaaaa;
  transition: all .3s ease;
}
/*  */

/* Nuestros Clientes */
#nuestros_clientes {
   width: 100%;
   height: auto;
   padding: 50px 20% 50px 20%;
   background: #ffffff;
   background-color: #ffffff;
   position: relative;
   overflow: hidden;
   transition: all .3s ease;
}

.nuestrosHeader {
  width: 100%;
  height: auto;
  padding: 0 0 50px 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.nuestrosHeader h1 {
  font-family: 'Metropolis';
  font-size: 35px;
  color: #009e88;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  text-transform: uppercase;
  transition: all .3s ease;
}

.nuestrosClientes {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.nuestrosClientesImg {
  max-width: 100%;
  height: auto;
  position: relative;
  transition: all .3s ease;
}
/*  */

/* Servicios Responsive */
.serviciosSpace {
  width: 100%;
  height: auto;
  padding: 25px 0 25px 0;
  display: none;
  transition: all .3s ease;
}
/*  */

.quienesResp {
  display: none;
}