@font-face {
  font-family: "helveticaN";
  src: url("../fonts/HelveticaNeue-02.ttf");
}
@font-face {
  font-family: "helveticaLight";
  src: url("../fonts/HelveticaNeue-Light-05.ttf");
}
@font-face {
  font-family: "helveticaThin";
  src: url("../fonts/HelveticaNeue-Thin-12.ttf");
}
@font-face {
  font-family: "notoSans";
  src: url("../fonts/NotoSans-Regular.ttf");
}
@font-face {
  font-family: "helveticaUltra";
  src: url("../fonts/HelveticaNeue-UltraLight-03.ttf");
}
/*variables*/
/*variables*/
/*estilos generales*/
* {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, p, span, div, label, input, option, select {
  font-family: "helveticaN";
}

.sin_padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.sin_margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
  max-width: none;
  width: 100%;
}

/*listas horizontales*/
.listas ul {
  margin: 0px;
}

.listas ul li {
  display: inline-block;
  padding: 15px;
}

a {
  color: #0C2947 !important;
}

/*listas horizontales*/
/*estilos generales*/
.background {
  height: 100%;
  background: transparent linear-gradient(0deg, #CAD8EC 0%, #FFFFFF 29%, #FFFFFF 61%, #CAD8EC 65%, #FFFFFF 96%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

/*nav/ menu*/
header {
  height: 86px;
  width: 100%;
}

nav div img {
  margin-top: 10px;
}

nav {
  position: fixed;
  background-color: white;
  width: 100%;
  padding: 15px;
  z-index: 7;
}
nav ul {
  padding: 0 10px;
}
nav ul li a {
  font-family: "notoSans";
}

/*nav/ menu*/
/*sociales*/
.sociales {
  position: fixed;
  top: 90%;
  right: 30px;
  z-index: 999;
}
.sociales ul li {
  display: inline-block;
  padding: 10px;
}

/*slider*/
#portada {
  height: 970px;
}

.slider {
  padding: 20px;
  background-color: red;
  width: 100%;
  height: 970px;
}
.slider .slide {
  width: 100%;
  height: 970px !important;
  position: relative;
}

#texto_slide {
  position: absolute;
  top: 320px;
}
#texto_slide div {
  width: 80%;
  margin: 0 auto;
}

.img_multiplicar img {
  mix-blend-mode: multiply;
}

.arrows_slider {
  width: 500px;
  position: absolute;
  top: 325px;
  text-align: left;
  z-index: 5;
}

.arrows_slider #Capa_1, .arrows_slider #Capa_2 {
  width: 40px;
}

.circulos_slider {
  position: absolute;
  right: 150px;
  top: 400px;
  z-index: 4;
}
.circulos_slider .circulo {
  display: inline-block;
  width: 185px;
  border-radius: 100%;
  background-color: white;
}
.circulos_slider .circulo img {
  transition: transform 0.8s ease-in-out;
}
.circulos_slider .circulo img:hover {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.circulos_slider .circulo:nth-child(1) {
  margin-right: 15px;
  top: 100px;
  position: relative;
}

/*slider*/
/*somos*/
#somos {
  margin-top: 20px;
}
#somos .large-5 div:nth-child(2), #somos .large-5 div:nth-child(3) {
  margin-top: 60px;
}
#somos .large-5 h2 {
  font-family: "helveticaThin";
  font-size: 60px;
}
#somos .large-5 h3 {
  font-family: "helveticaThin";
}

/*somos*/
/*marcas*/
#marcas {
  text-align: center;
  margin-top: -110px;
  padding-bottom: 120px;
}
#marcas h2 {
  font-family: "helveticaUltra";
  font-size: 130px;
  letter-spacing: 20px;
  opacity: 0.06;
}

/*marcas*/
/*parallax*/
#parallax {
  position: relative;
  height: 900px;
}

#parallax::before {
  background-image: url("../img/parallax1.png");
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  filter: brightness(0.8);
}

.contenido_parallax {
  padding: 10px 0;
  position: relative;
  color: white;
  z-index: 6;
}
.contenido_parallax img {
  margin-top: 200px;
}
.contenido_parallax div {
  margin-top: 280px;
}
.contenido_parallax div h3 {
  font-family: "helveticaThin";
  margin-bottom: 20px;
  font-size: 40px;
}
.contenido_parallax div a {
  border: 1px solid white;
  color: white !important;
  padding: 10px 15px;
  font-family: "notoSans";
}

/*parallax*/
/*productos*/
#productos {
  top: -230px;
  position: relative;
  background-image: url("../img/fondo_productos3.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 1500px;
  z-index: 5;
}
#productos div.row {
  position: relative;
  top: 250px;
}
#productos h2 {
  text-align: center;
  font-family: "helveticaThin";
  font-size: 50px;
  margin-bottom: 60px;
}
#productos .card_product {
  width: 70%;
  margin: 30px auto;
  padding: 20px 20px 0 20px;
  height: 385px;
  border-radius: 10px;
  background-color: white;
  text-align: center;
  box-shadow: 8px 16px 32px #0000001A;
}
#productos .card_product h3 {
  margin-top: 5px;
  font-family: "helveticaThin";
  font-size: 22px;
}
#productos .card_special {
  position: relative;
  top: 200px;
}

/*productos*/
.call_container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.call_container .call {
  background-color: #0C2947;
  padding: 50px;
  box-shadow: 8px 16px 32px #0000001A;
  text-align: center;
  border-radius: 10px;
}
.call_container .call h3 {
  font-family: "helveticaThin";
  color: white;
}
.call_container .call h3 .button {
  background-color: transparent;
  border: 1px solid white;
  color: white !important;
  margin-top: 10px;
}
.call_container .call h3 .button .button:hover {
  background-color: white;
  color: #0C2947 !important;
}

/*beneficios*/
#beneficios {
  margin-top: 50px;
  margin-bottom: 50px;
}
#beneficios h2 {
  text-align: center;
  font-family: "helveticaThin";
  font-size: 50px;
}
#beneficios .large-4 {
  height: 200px;
}
#beneficios h4 {
  position: relative;
  margin-top: 60px;
  font-family: "helveticaThin";
  font-size: 30px;
  padding-top: 50px;
  padding-bottom: 5px;
  border-bottom: 1px solid #0C2947;
  width: 70%;
}
#beneficios .fondo_numero_beneficio {
  background-repeat: no-repeat;
  background-position: left;
  height: 150px;
}
#beneficios .numero_beneficio1 {
  background-image: url("../img/1.png");
}
#beneficios .numero_beneficio2 {
  background-image: url("../img/2.png");
}
#beneficios .numero_beneficio3 {
  background-image: url("../img/3.png");
}
#beneficios p {
  font-size: 18px;
}

/*beneficios*/
/*footer*/
footer {
  background-image: url("../img/Limpypro_footer_background.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
  height: 920px;
}
footer .row {
  margin-top: 200px;
}
footer .footer_info {
  list-style: none;
  margin: 40px 0 0 100px;
}
footer .footer_info li {
  font-size: 33px;
  font-family: "helveticaLight";
  padding-bottom: 20px;
}
footer #contacto {
  width: 80%;
  background-color: #D8E5EE;
  padding: 50px;
  border-radius: 10px;
}
footer #contacto [type=text],
footer #contacto [type=password],
footer #contacto [type=email],
footer #contacto [type=number],
footer #contacto [type=tel],
footer #contacto textarea {
  border: transparent;
}
footer #contacto [type=text]::placeholder,
footer #contacto [type=email]::placeholder,
footer #contacto textarea::placeholder {
  color: #0C2947;
  opacity: 1;
}
footer #contacto [type=submit] {
  background-color: transparent;
  border: 2px solid white;
}
footer #contacto [type=submit]:hover {
  background-color: white;
  color: #0C2947;
}
footer .notificacion {
  display: none;
  width: 80%;
  background-color: #0C2947;
  padding: 50px;
  height: 525px;
  text-align: center;
  font-size: 30px;
  color: white;
  border-radius: 10px;
}
footer .notificacion div {
  margin-top: 200px;
}
footer .notificacion div a i {
  color: white;
}

/*footer*/
/*responsive*/
/*nav/ menu*/		
@media screen and (max-width: 1450px) {
  #parallax .contenido_parallax {
    width: 95%;
    margin: 0 auto;
  }

  #beneficios h4 {
    font-size: 25px;
  }

  .circulos_slider {
    right: 120px;
  }
  .circulos_slider .circulo {
    width: 160px;
  }
}
@media screen and (max-width: 800px) {
  nav {
    padding: 0px;
    width: 100%;
    position: initial;
  }
  nav div {
    text-align: center;
    padding: 0px !important;
  }
  nav .listas ul {
    text-align: center;
  }
  nav .listas ul li {
    padding: 10px 15px 0 0;
  }

  .arrows_slider {
    top: 255px;
  }

  #texto_slide {
    top: 250px;
  }

  #somos div {
    width: 96%;
    margin: 0 auto;
  }

  #marcas h2 {
    font-size: 50px;
    letter-spacing: 15px;
  }

  .contenido_parallax {
    text-align: center;
  }

  #productos {
    padding-top: 30px;
    height: 1200px;
  }
  #productos .card_product {
    width: 100%;
    height: 285px;
  }
  #productos .card_product h3 {
    font-size: 20px;
  }
  #productos .card_special {
    top: 0;
  }

  #beneficios {
    width: 80%;
    margin: 0 auto;
  }
  #beneficios .large-4 {
    margin-top: 30px;
  }

  footer .row {
    margin-top: 20px;
  }
  footer .footer_info li {
    font-size: 20px;
  }
  footer #contacto {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .call_container {
    padding-top: 100px;
  }

  .circulos_slider {
    top: 500px !important;
    right: 20px;
  }
  .circulos_slider .circulo:last-child {
    position: relative;
    top: 150px;
  }

  #texto_slide {
    position: relative;
    top: 0;
  }

  .arrows_slider {
    width: 100%;
    margin-left: 20px;
  }
  .arrows_slider .columns {
    padding: 0px;
  }

  #portada .large-12 {
    padding: 0px;
  }

  #productos {
    background-image: none;
  }
  #productos .card_product {
    height: 355px;
  }

  footer #contacto {
    padding: 20px;
  }

  nav img {
    padding: 10px 0;
  }
  nav .listas {
    display: none;
  }
}
/*nav/ menu*/
/*responsive*/

/*# sourceMappingURL=styles.css.map */