* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

img {
  display: block;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

a {
  display: block;
  text-decoration: none;
}

strong {
  font-weight: 400;
}

p a {
  display: inline;
}

li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
}
h1 form input, h1 form textarea, h1 form select,
h2 form input,
h2 form textarea,
h2 form select,
h3 form input,
h3 form textarea,
h3 form select,
h4 form input,
h4 form textarea,
h4 form select,
h5 form input,
h5 form textarea,
h5 form select,
h6 form input,
h6 form textarea,
h6 form select {
  font: normal normal normal 100%/140% Fakt Pro Medium, "Roboto", sans-serif;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
}

body {
  width: 100%;
  background: white;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

/*EMPIEZA EL HEADER*/
.cabeza {
  width: 260px;
  height: 1500px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  align-items: center;
  background-color: whitesmoke;
  position: fixed;
  top: 0;
  left: 0;
  font-family: "Raleway", sans-serif;
  color: black;
}
.cabeza i {
  display: none;
}
.cabeza .cabeza__logo {
  width: 220px;
  height: 150px;
}
.cabeza .cabeza__logo a img {
  width: 300px;
  margin: 40px 0 0 0;
}
.cabeza .cabeza__menu {
  text-transform: uppercase;
}
.cabeza .cabeza__menu ul {
  height: 210px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
}
.cabeza .cabeza__menu ul li {
  transition: all 0.5s ease;
}
.cabeza .cabeza__menu ul li a {
  color: black;
  letter-spacing: 2px;
  font-size: 0.7em;
  font-weight: 600;
  opacity: 100%;
}
.cabeza .cabeza__menu ul .cabeza__menu ul li:hover a {
  transform: opacity(90%);
}

.cabeza__textos {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-items: center;
  font-weight: 300;
  color: black;
}
.cabeza__textos h3 {
  width: 90%;
  text-align: center;
  margin: 50px;
  font-weight: 300;
  font-size: 0.9em;
}
.cabeza__textos p a {
  font-size: 0.9em;
}

.cuerpo {
  width: calc(100% - 260px);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-family: "Raleway", sans-serif;
  color: black;
  overflow: hidden;
}

.cuerpo__uno {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background-image: url(/img/slide-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.textos {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.textos p {
  padding: 20px 40px;
  font-family: "Domine", serif;
  font-size: 4em;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  color: black;
  margin: 0px 0 40px 0;
}
.textos a {
  text-align: center;
  color: white;
  border: 3px solid white;
  padding: 20px 40px;
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
}
.textos a:hover {
  background-color: white;
  color: #262525;
  border: 3px solid #262525;
}

.puntos {
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.puntos i {
  color: white;
  font-size: 4em;
}

.cuerpo__dos {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__dos ul {
  width: 80%;
  margin: 40px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__dos ul li {
  margin: 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: center;
}
.cuerpo__dos ul li img {
  transition: all 1s ease;
}
.cuerpo__dos ul li li:hover img {
  transform: scale(30px);
}
.cuerpo__dos ul li h4 {
  text-align: center;
  margin: 20px 0;
  font-family: "Domine", serif;
  font-size: 20px;
  font-weight: 400;
}
.cuerpo__dos ul li p {
  font-family: "Raleway", sans-serif;
  color: grey;
  text-align: center;
}

.cuerpo__tres {
  width: 100%;
  margin: 10rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.cuerpo__tres div.caja1 {
  width: 50%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.cuerpo__tres article.descripcion {
  margin: 50px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-end;
}
.cuerpo__tres article.descripcion h2 {
  width: 100%;
  font-weight: 700;
  font-size: 3.4em;
  font-family: "Domine", serif;
  font-weight: 400;
}
.cuerpo__tres article.descripcion h4 {
  font-weight: 500;
  font-size: 16px;
  color: grey;
  margin: 0 0 40px 0;
}
.cuerpo__tres article.descripcion img {
  width: 90px;
}
.cuerpo__tres div.caja2 {
  width: 50%;
}
.cuerpo__tres div.caja2 p {
  width: 80%;
  color: grey;
  padding: 0 50px 0 0;
  letter-spacing: 1px;
  font-size: 1em;
  font-weight: 200;
}

.cuerpo__cuatro {
  width: 100%;
}
.cuerpo__cuatro .cuatro__semueve {
  width: 200%;
  min-width: 200rem;
  animation: semueve 50s ease infinite 1s;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.cuerpo__cuatro a {
  width: calc(100% / 6);
  overflow: hidden;
}
.cuerpo__cuatro a img {
  transition: all 0.6s cubic-bezier(0, 0.14, 0.78, 1.06);
}
.cuerpo__cuatro a:hover img {
  transform: scale(1.1);
}

@keyframes semueve {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.cuerpo__cinco {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  align-items: center;
}
.cuerpo__cinco ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.cuerpo__cinco ul li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 50px 70px 50px 60px;
}
.cuerpo__cinco ul li img {
  width: 60px;
  margin: 10px 20px 10px 0;
}
.cuerpo__cinco ul li div {
  color: #262525;
}
.cuerpo__cinco ul li div h4 {
  text-align: start;
  margin: 20px 0;
  font-family: "Domine", serif;
  font-size: 1.1em;
  font-weight: 700;
}
.cuerpo__cinco ul li div p {
  font-size: 0.9em;
}

.cuerpo__seis {
  width: 100%;
  margin-top: 80px;
  background-color: #d7d7d3;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__seis div {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__seis div h4 {
  color: white;
  text-align: center;
  margin: 20px 0;
  font-family: "Domine", serif;
  font-size: 3em;
  font-weight: 400;
}
.cuerpo__seis div p {
  color: white;
  font-family: "Raleway", sans-serif;
  text-align: center;
}
.cuerpo__seis ul {
  margin-top: 3rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__seis ul li a {
  width: 30rem;
  margin: 1rem;
}
.cuerpo__seis ul li a img {
  width: 100%;
  transition: all 1s ease;
  object-fit: contain;
  overflow: hidden;
}
.cuerpo__seis ul li a img:hover {
  transform: scale(1.1);
}

.cuerpo__formulario {
  width: 100%;
  background-repeat: no-repeat;
  background-size: fixed;
  background-image: url(/img/Parllax-1-1.jpg);
  padding: 10rem 0;
}
.cuerpo__formulario .titulin {
  width: 100%;
  margin-bottom: 6rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__formulario .titulin h4 {
  text-align: center;
  font-family: "Domine", serif;
  font-size: 3em;
  color: black;
  font-weight: 400;
}
.cuerpo__formulario .titulin p {
  font-family: "Raleway", sans-serif;
  color: white;
  text-align: center;
}
.cuerpo__formulario .titulin a img {
  width: 100%;
}
.cuerpo__formulario .cuadro__formulario {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: auto;
}
.cuerpo__formulario .cuadro__formulario .enviar {
  width: 40%;
}
.cuerpo__formulario .cuadro__formulario .enviar li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cuerpo__formulario .cuadro__formulario .enviar li p {
  width: 100%;
  display: inline-block;
}
.cuerpo__formulario .cuadro__formulario ul {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.cuerpo__formulario .cuadro__formulario ul li {
  border-radius: 10px;
  border: solid gray 0.2rem;
  margin: 1rem;
  width: 20rem;
  height: 3rem;
  background-color: white;
  color: #555454;
  letter-spacing: 2px;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.cuerpo__formulario .cuadro__formulario ul li p {
  margin-left: 1rem;
  text-align: center;
}

footer {
  width: 100%;
  background: #262525;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
footer img {
  margin: 5rem 0px 4rem 0;
  width: 30%;
}
footer nav {
  width: 50%;
  margin: 0 0 100px 0;
}
footer nav ul {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
footer nav ul li {
  margin: 3%;
}
footer nav ul li a {
  color: #555454;
  letter-spacing: 2px;
  font-size: 1em;
  font-weight: 600;
}

@media screen and (max-width: 1070px) {
  .cuerpo .cuerpo__cinco {
    width: 100%;
  }
  .cuerpo .cuerpo__cinco ul {
    margin: 0;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
  .cuerpo .cuerpo__cinco ul li {
    margin: 2rem 0;
    width: 48%;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
  }
  .cuerpo .cuerpo__cinco ul li div h4 {
    text-align: center;
  }
  .cuerpo .cuerpo__cinco ul li div p {
    text-align: center;
    margin: 0 2rem;
    font-size: 1.2em;
  }
  .cuerpo .cuerpo__tres {
    width: 100%;
    margin: 5rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja1 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja1 .descripcion {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja1 .descripcion h2 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 900px) {
  .cabeza {
    width: 100%;
    height: 100px;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    position: relative;
  }
  .cabeza i {
    width: 20%;
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 2em;
    display: block;
    color: black;
  }
  .cabeza .cabeza__logo {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    align-content: center;
  }
  .cabeza .cabeza__logo a img {
    margin: 0;
  }
  .cabeza .cabeza__menu {
    display: none;
  }
  .cabeza .cabeza__menu.activado {
    width: 100%;
    text-align: center;
    margin-top: 100px;
    background-color: whitesmoke;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-flow: column;
  }
  .cabeza .cabeza__textos {
    display: none;
  }
  .cabeza .cuerpo {
    width: 100%;
    flex-flow: row nowrap;
    justify-content: center;
  }

  .cuerpo {
    width: 100%;
  }
  .cuerpo .cuerpo__uno {
    height: 40rem;
  }
  .cuerpo .cuerpo__dos {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__dos ul {
    width: 80%;
    margin: 40px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres {
    width: 100%;
    margin: 5rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja1 {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja2 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__tres div.caja2 p {
    padding: 0;
    text-align: center;
  }
  .cuerpo .cuerpo__cinco ul {
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__cinco ul li {
    width: 100%;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__cinco ul li div {
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__cinco ul li div h4 {
    text-align: center;
  }
  .cuerpo .cuerpo__cinco ul li div p {
    width: 80%;
    margin: 0 2rem;
    font-size: 1em;
  }
  .cuerpo .cuerpo__formulario {
    width: 100%;
    background-repeat: no-repeat;
    background-size: fixed;
    background-image: url(/img/Parllax-1-1.jpg);
    padding: 10rem 0;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario .enviar {
    width: 40%;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario .enviar li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario .enviar li p {
    width: 100%;
    display: inline-block;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario ul {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario ul li {
    border-radius: 10px;
    border: solid gray 0.2rem;
    margin: 1rem;
    width: 20rem;
    height: 3rem;
    background-color: white;
    color: #555454;
    letter-spacing: 2px;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
  .cuerpo .cuerpo__formulario .cuadro__formulario ul li p {
    margin-left: 1rem;
    text-align: center;
  }

  body {
    flex-flow: column nowrap;
    width: 100%;
  }
}