.header {
  z-index: 99;
  width: 100%;
  height: 100px;
  background-color: #04aeef;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
}

.container {
  width: 1200px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.c-intro {
  width: 950px;
}

.container.c-filtros{
  width: 900px;
}

.container.c-productos {
  /*width: 1150px;*/
  width: 930px;
}

.container.c-navega {
  width: 890px;
}

.container.c-consejos {
  width: 990px;
}

.container.c-footer {
  width: 950px;
}

.container.c-iconos {
  /*width: 1000px;*/
  width: 650px;
}

.navbar-zixx {
  background-color: rgba(0, 0, 0, 0);
}

.logo-header {
  padding-top: 10px;
  padding-left: 0;
}

.nav-link {
  color: #033c71;
  text-align: center;
  margin-top: 10px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.nav-link:hover {
  color: #ee2e24;
  text-decoration: none;
}

.nav-link.active {
  color: #ee2e24;
}

.main {
  padding-top: 160px;
  overflow: hidden;
}

.main.int-productos{
  padding-top: 95px;
}

.main.bg-home {
  background-image: url('../images/bg-home.png');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rotador-home {
  height: 550px;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.rotador {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.slides {
  background-image: url('../images/zixx-rotador.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
}

.slides._2 {
  background-image: url('../images/zixx-productos.png');
}

.item-rotador {
  position: absolute;
  top: auto;
  bottom: -75px;
  left: 45px;
  right: auto;
  max-width: 350px;
}

.mask {
  overflow: visible;
}

.prev-rot, .next-rot {
  display: none;
}

.intro-zixx {
  position: relative;
  padding-top: 120px;
  padding-bottom: 75px;
}

.titulos-secciones {
  color: #04aeef;
  text-align: center;
  margin-bottom: 35px;
  font-family: ITC, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
}

.titulos-secciones.con{
  margin-bottom: 45px;
}

.titulos-secciones.mas {
  text-align: center;
  color: #033c71;
}

.titulos-secciones.white{
    color: #ffffff;
}

.titulos-secciones.t-produ{
   color: #033c71;
   margin-bottom: 30px;
}

.titulos-secciones.t-navega{
    color: #ffffff;
    margin-bottom: 10px;
}

.left-historia{
    width: 36%;
    float: left;
}

.right-historia{
    width: 64%;
    float: left;
    padding-left: 40px;
}

.intro-nosotros {
  color: #717171;
  text-align: justify;
  margin-bottom: 35px;
  font-family: Avant, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.line-intro {
  width: 50px;
  height: 4px;
  background-color: #033c71;
  margin-left: auto;
  margin-right: auto;
}

.productos-home {
  padding-top: 75px;
  padding-bottom: 70px;
}

.intro-productos {
  width: 820px;
  max-width: 100%;
  color: #ffffff;
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family: Avant, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.productos-destacados {
  flex-wrap: wrap;
  display: flex;
}

.col-destacada {
  width: 23%;
  float: left;
  margin-bottom: 30px;
  margin-left: 1%;
  margin-right: 1%;
  text-decoration: none;
}

/*.c-img-destacada {
  height: 300px;
  background-color: #033c71;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 85px;
  display: flex;
}*/
.c-img-destacada {
  height: 225px;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 15px;
  display: flex;
  width: 225px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(0deg, #a38960 0%, #d1bea2 100%);
}

.sombra-des{
    margin-bottom: 25px;
}

.nombre-producto-des {
  color: #747171;
  text-align: center;
  font-family: Avant, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.img-prod-des {
  /*margin-bottom: -27px;*/
  margin-bottom: -45px;
}

.navega-por-necesidad {
  position: relative;
  background-color: #feb800;
  padding-top: 80px;
  padding-bottom: 80px;
}

.galeria-navega {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.col-navega {
  width: 270px;
  margin-right: 10px;
  margin-left: 10px;
  text-decoration: none;
}

.c-icono{
  height: 170px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nombre-col-nav {
  color: #ffffff;
  text-align: center;
  font-family: Avant, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.next-navega {
  z-index: 2;
  position: absolute;
  top: 40%;
  bottom: auto;
  left: auto;
  right: -25px;
  transform: translate(0, -40%);
}

.prev-navega {
  z-index: 2;
  position: absolute;
  top: 40%;
  bottom: auto;
  left: -25px;
  right: auto;
  transform: translate(0, -40%);
}

.prev-navega.prod{
  left: -90px;
}

.next-navega.prod{
  right: -90px;
}

.consejos {
  padding-top: 75px;
  padding-bottom: 120px;
  position: relative;
}

.h-consejos{
  background-color: #b37fef;
}

.intro-consejos {
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 35px;
  font-family: Avant, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
}

.intro-consejos.white{
  color: #ffffff;
}

.galeria-consejos {
  z-index: 1;
  height: 500px;
  background-color: rgba(0, 0, 0, 0);
}

.prev-consejos, .next-consejos {
  display: none;
}

.link-consejos {
  width: 100%;
  height: 100%;
  background-image: url('../images/consejo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.int-1 {
  position: absolute;
  top: 85px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.int-2{
  position: absolute;
  top: auto;
  bottom: -115px;
  left: auto;
  right: 0%;
}

.inp-1{
  position: absolute;
  top: auto;
  bottom: -160px;
  left: auto;
  right: 0px;
}

.inp-2{
  position: absolute;
  top: 65px;
  bottom: auto;
  left: 0px;
  right: auto;
}

.inp-3 {
  position: absolute;
  top: 65px;
  bottom: auto;
  left: 0px;
  right: auto;
}

.inp-4 {
  position: absolute;
  top: -150px;
  bottom: auto;
  left: auto;
  right: 0px;
}

.con-1 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.con-2 {
  position: absolute;
  top: 26%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.con-3 {
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 16%;
}

.con-4 {
  position: absolute;
  top: 9%;
  bottom: auto;
  left: 9%;
  right: auto;
}

.con-5 {
  position: absolute;
  top: 25%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.con-6 {
  position: absolute;
  top: auto;
  bottom: 6%;
  left: 12%;
  right: auto;
}

.h-con-1 {
  position: absolute;
  top: -70px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.h-con-2 {
  position: absolute;
  top: 185px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.nav-1 {
  position: absolute;
  top: 40px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.nav-2 {
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.h-pro-1 {
  position: absolute;
  top: 40px;
  bottom: auto;
  left: 14px;
  right: auto;
  z-index: 2;
  animation-delay: 0.2s !important;
}

.h-pro-2 {
  position: absolute;
  top: -25px;
  bottom: auto;
  left: 140px;
  right: auto;
  z-index: 2;
  animation-delay: 0.4s !important;
}

.h-pro-3 {
  position: absolute;
  top: 15px;
  bottom: auto;
  left: 345px;
  right: auto;
  z-index: 2;
  animation-delay: 0.1s !important;
}

.h-pro-4 {
  position: absolute;
  top: -8px;
  bottom: auto;
  left: auto;
  right: 200px;
  z-index: 2;
  animation-delay: 0.3s !important;
}

.h-pro-5 {
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: -10px;
  z-index: 2;
  animation-delay: 0.1s !important;
}

.foo-1{
  position: absolute;
  top: -200px;
  bottom: auto;
  left: 0;
  right: auto;
}

.content-footer-top {
  background-color: #feb800;
  padding-top: 30px;
  padding-bottom: 20px;
}

.left-foo {
  width: 35%;
  float: left;
}

.left-foo.bottom {
  margin-top: -75px;
}

.right-foo {
  width: 65%;
  float: right;
  text-align: left;
}

.footer {
  position: relative;
  background-color: #04aeef;
  padding-bottom: 50px;
}

.content-footer-bottom {
  padding-top: 30px;
  padding-bottom: 20px;
}

.link-foo {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link-foo:hover {
  color: #ee2e24;
}

.logo-footer {
  position: relative;
}

.logo-footer.movil {
  display: none;
}

.txt-copy {
  color: #2e3192;
  font-family: ITC, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.link-red {
  color: #2e3192;
  margin-bottom: 10px;
  margin-right: 15px;
  font-family: Avant, sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.link-red:hover {
  color: #ffffff;
}

.txt-and-logo {
  align-items: center;
  display: flex;
}

.txt-red {
  margin-left: 5px;
}

.productos {
  padding-top: 25px;
  padding-bottom: 80px;
  position: relative;
}

.intro-producto {
  padding-top: 50px;
  padding-bottom: 25px;
  position: relative;
}

.intro-producto-txt {
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 0px;
  font-family: Avant, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
}

.line-productos {
  width: 50px;
  height: 4px;
  background-color: #a4a4a4;
  margin-left: auto;
  margin-right: auto;
}

.rotador-productos {
  height: 550px;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.rotador-prod {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.dot-rotador-prod {
  display: none;
}

.slides-prod {
  background-image: url('../images/zixx-productos.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
}

.slides-prod._2 {
  background-image: url('../images/zixx-productos.png');
}

.slides-prod.interna {
  background-image: url('../images/img-interna-prod.png');
}

.producto-banner{
    height: 500px;
    background-color: #eeeeee;
    position: relative;
}

.paginador {
  text-align: center;
}

.items-paginador {
  color: #818181;
  text-align: center;
  border: 1px solid #818181;
  border-radius: 5px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 15px 20px;
  font-family: Avant, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
}

.items-paginador:hover, .items-paginador.active {
  color: #fff;
  background-color: #04aeef;
  border-color: #04aeef;
}

.productos-content {
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.col-productos {
  width: 31.33%;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 30px;
  text-decoration: none;
  transition: transform 250ms;
}

.c-img-producto {
  height: 300px;
  background-color: transparent;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  padding: 10px 20px;
  display: flex;
}

.c-img-producto.claro {
  background-color: #eefbff;
}

.nombre-producto {
  color: #868686;
  font-family: Avant, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

.rotador-consejos {
  height: 550px;
  padding-left: 100px;
  padding-right: 100px;
}

.rotador-cons {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.slides-con {
  background-image: url('../images/img-consejos.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
}

.slides-con._2 {
  background-image: url('../images/zixx-productos.png');
}

.prev-con, .next-con, .dot-rotador-con {
  display: none;
}

.prev-con-in {
  top: 50%;
  bottom: auto;
  left: -40px;
  right: auto;
  transform: translate(0, -50%);
}

.next-con-in {
  top: 50%;
  bottom: auto;
  left: auto;
  right: -40px;
  transform: translate(0, -50%);
}

.productos-interna {
  /*padding-top: 75px;*/
  padding-top: 150px;
  padding-bottom: 70px;
  position: relative;
}

.left-producto {
  width: 40%;
  float: left;
}

.txt-descrip-producto {
  color: #4d4d4d;
  text-align: justify;
  margin-bottom: 15px;
  margin-left: 25px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  display: none;
}

.right-producto {
  width: 60%;
  float: left;
  padding-left: 80px;
}

.paises-disponibles {
  text-align: center;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.titu-presentaciones-producto {
  color: #033c71;
  background-image: url('../images/icon-pre.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

.titu-descrip-producto {
  color: #033c71;
  background-image: url('../images/icon-ing.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  margin-bottom: 25px;
  padding-left: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

.bandera-pais {
  width: 75px;
  height: 45px;
  background-image: url('../images/gt.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5px;
  margin-right: 20px;
  display: inline-block;
}

.bandera-pais.ni {
  background-image: url('../images/ni_1ni.png');
}

.bandera-pais.hn {
  background-image: url('../images/hn_1hn.png');
}

.bandera-pais.sv {
  background-image: url('../images/sv_1sv.png');
}

.nombre-pais {
  color: #4d4d4d;
  font-size: 8px;
  font-weight: 400;
  line-height: 10px;
}

.nombre-producto-desktop {
  color: #033c71;
  text-align: left;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: ITC, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
}

.titu-producto-disponible-1 {
  color: #4d4d4d;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.item-list-presentacion-prod {
  margin-bottom: 15px;
}

.lista-presentaciones-prod {
  color: #7a7a7a;
  margin-bottom: 45px;
  margin-left: 25px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.descripcion-producto {
  color: #7a7a7a;
  margin-bottom: 40px;
  font-family: Avant, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.titu-producto-disponible {
  color: #033c71;
  background-image: url('../images/icon-dis.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

.intro-tipo {
  padding-top: 50px;
  padding-bottom: 60px;
}

.intro-tipo-txt {
  color: #7a7a7a;
  text-align: center;
  font-family: Avant, sans-serif;
  /*font-size: 22px;*/
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.banner-tipo {
  background-image: linear-gradient(#fff, #fff 35%, #eefbff 35%, #eefbff);
  padding-left: 40px;
  padding-right: 40px;
  display: none;
}

.img-tipo {
  width: 100%;
  height: 745px;
  background-image: url('../images/int-tipo.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.iconos-tipo {
  background-color: transparent;
  padding-top: 40px;
  padding-bottom: 20px;
}

.col-tipo {
  width: 33.33%;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}

.txt-tipo {
  color: #7c7c7c;
  margin-top: 10px;
  font-family: Avant, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.content-tipo {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.mas-productos {
  padding-top: 115px;
  padding-bottom: 70px;
  position: relative;
}

.productos-similares {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

.col-mas {
  width: 23%;
  float: left;
  margin-bottom: 10px;
  margin-left: 1%;
  margin-right: 1%;
  text-decoration: none;
}

.c-img-similar {
  height: 300px;
  background-color: transparent;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
  display: flex;
}

.nombre-producto-mas {
  color: #868686;
  text-align: left;
  font-family: Avant, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.nombre-producto-movil {
  color: #033c71;
  text-align: left;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Avant, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
  display: none;
}

.destacada-interna {
  height: 495px;
  background-color: #bdeeff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.interna-grande {
  margin-bottom: 20px;
}

.img-tiny {
  width: 165px;
  height: 165px;
  float: left;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  padding: 20px 5px;
  display: flex;
}

.img-thub {
  width: auto;
  height: 100%;
}

.in-1 {
  position: absolute;
  top: auto;
  bottom: 300px;
  left: auto;
  right: 30px;
}

.in-2 {
  position: absolute;
  top: auto;
  bottom: -94px;
  left: 275px;
  right: auto;
}

.in-3 {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 100px;
  right: auto;
}

.in-4 {
  position: absolute;
  top: 65px;
  bottom: auto;
  left: auto;
  right: 95px;
}

.in-5 {
  width: 150px;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: 0%;
  right: auto;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in-image {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
  animation-iteration-count: infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-80px);
  }
  100% {
    transform: translatey(0px);
  }
}

.p-icon {
  text-align: center;
  /*height: 125px;*/
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.p-icon img{
    width: 60px;
}

.nombre-col-prod {
  color: #868686;
  text-align: center;
  font-family: Avant, sans-serif;
  /*font-size: 18px;*/
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.filtro-producto{
  width: 50%;
  float: left;
  padding-left: 40px;
  padding-right: 40px;
}

.bandera-fil{
  /*height: 72px;
  width: 72px;*/
  height: 60px;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  margin-bottom: 20px;
}

.filtros{
  /*margin-bottom: 25px;*/
  margin-bottom: 50px;
}

.titu-filtros {
  color: #033c71;
  text-align: center;
  margin-bottom: 25px;
  font-family: ITC, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.titu-filtros.espacio{
  margin-bottom: 43px;
}

.tipos-de-limpieza{
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-bottom: 0px;
}

.col-tipo {
  width: 31.33%;
  margin-right: 1%;
  margin-left: 1%;
  text-decoration: none;
  float: left;
}

.prod-2 {
  position: absolute;
  top: auto;
  bottom: -120px;
  left: auto;
  right: 0%;
  z-index: 2;
}

.prod-3 {
  position: absolute;
  top: auto;
  bottom: -75px;
  left: auto;
  right: 0%;
}

.filtrado{
  position: relative;
}

.content-filtros{
  display: flex;
  flex-wrap: wrap;
}

.informacion-acc{
  width: 820px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #ededed;
}

.item-acc{
  border-bottom: 2px solid #ededed;
}

.head-acc{
  padding: 20px 25px;
  color: #7c7c7c;
  font-family: Avant, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body-acc{
  display: none;
}

.icon-mas{
  height: 20px;
}

.home-1 {
  position: absolute;
  bottom: auto;
  right: auto;
  top: 80px;
  left: 80px;
}
.home-2 {
  position: absolute;
  top: 300px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-3{
    position: absolute;
  top: auto;
  bottom: -60px;
  left: auto;
  right: 0%;
  z-index: 2;
  width: 70px;
}

@media screen and (max-width: 991px) {
  .header {
    height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container {
    z-index: 1;
  }

  .logo-header {
    z-index: 1;
    padding-top: 0;
  }

  .nav-link {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-menu {
    background-color: #04aeef;
    top: 70px;
  }

  .main {
    padding-top: 140px;
  }

  .menu-button {
    color: #2e3192;
    margin-top: 3px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
  }

  .rotador-home {
    height: 400px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .item-rotador {
    width: 220px;
  }
  
  .intro-zixx{
      padding-top: 75px;
      padding-bottom: 50px;
  }
  
  .productos-home{
      padding-top: 50px;
      padding-bottom: 30px;
  }
  
  .int-1{
      top: 250px;
      width: 100px;
  }
  
  .int-2{
     width: 100px;
     bottom: -95px;
  }

  .nombre-producto-des {
    font-size: 20px;
    line-height: 25px;
  }

  .img-prod-des {
    margin-bottom: -45px;
  }
  
  .sombra-des {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .prev-navega.prod {
    left: -30px;
    width: 55px;
  }
  
  .next-navega.prod {
    right: -30px;
    width: 55px;
  }
  
  .h-pro-1{
    left: 62px;
    width: 34px;
  }
  
  .h-pro-2{
    left: 180px;
    width: 60px;
  }
  
  .h-pro-3{
    top: 55px;
    width: 35px;
  }
  
  .h-pro-4{
    top: -15px;
    width: 50px;
  }
  
  .h-pro-5{
    top: 30px;
    width: 60px;
    right: 45px;
  }

  .navega-por-necesidad {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  
  .nav-1{
    top: 20px;
    width: 40px;
  }
  
  .nav-2{
    width: 60px;
  }
  
  .h-con-1{
    top: -38px;
    width: 35px;
  }
  
  .prev-navega{
    left: -10px;
  }
  
  .next-navega{
    right: -10px;
  }

  .consejos {
    padding-bottom: 80px;
    padding-top: 50px;
  }
  
  .h-con-2{
    width: 55px;
    top: 215px;
  }
  
  .foo-1{
    top: -100px;
    width: 50px;
  }

  .galeria-consejos {
    height: 400px;
  }

  .productos {
    padding-bottom: 70px;
  }

  .rotador-productos {
    height: 400px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .c-img-producto {
    height: 300px;
  }

  .nombre-producto {
    font-size: 20px;
  }

  .rotador-consejos {
    height: 400px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .prev-con-in {
    width: 65px;
    left: -30px;
  }

  .next-con-in {
    width: 60px;
    right: -30px;
  }

  .right-producto {
    padding-left: 40px;
  }

  .nombre-producto-desktop {
    font-size: 40px;
    line-height: 45px;
  }

  .img-tipo {
    height: 545px;
  }

  .c-img-similar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nombre-producto-mas {
    line-height: 30px;
  }

  .nombre-producto-movil {
    font-size: 40px;
    line-height: 45px;
  }

  .in-1 {
    width: 250px;
  }

  .in-2 {
    width: 120px;
    left: 175px;
  }

  .in-3 {
    width: 60px;
    left: 50px;
  }
  .prod-2{
    width: 100px;
    bottom: -50px;
  }
  .main.int-productos{
    padding-top: 75px;
  }
  .inp-1{
    bottom: -85px;
    width: 60px;
  }
  .inp-2{
    top: 35px;
    width: 70px;
  }
  .inp-3{
    width: 50px;
  }
  .inp-4{
    top: -50px;
    width: 70px;
  }
  .home-1{
    width: 40px;
    left: 30px;
  }
  .home-2{
    width: 80px;
  }
  .home-3{
     width: 40px;
  }
}

@media screen and (max-width: 767px) {
  .header {
    height: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .logo-header {
    width: 180px;
  }

  .nav-link {
    font-size: 18px;
  }

  .nav-menu {
    top: 65px;
  }

  .main {
    padding-top: 110px;
  }

  .menu-button {
    margin-top: 0;
  }

  .rotador-home {
    height: 300px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .slides{
    border-radius: 20px;
  }

  .item-rotador {
    width: 150px;
    bottom: -50px;
    left: 25px;
  }

  .intro-zixx {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  
  .left-historia{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .left-historia img{
    max-width: 250px;
  }
  
  .right-historia {
    width: 100%;
    padding-left: 0px;
  }
  
  .titulos-secciones.mas {
    text-align: center;
  }

  .titulos-secciones {
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 35px;
  }

  .intro-nosotros {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  
  .int-1 {
    top: 175px;
    width: 70px;
  }
  
  .int-2 {
    width: 60px;
    bottom: -50px;
  }

  .productos-home {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .intro-productos {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 23px;
  }

  .col-destacada {
    width: 48%;
  }

  .navega-por-necesidad {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .nav-1 {
    top: 15px;
    width: 30px;
  }
  
  .nav-2 {
    width: 40px;
    top: 60px;
  }
  
  .h-con-1 {
    top: -30px;
    width: 30px;
  }
  
  .h-pro-1 {
    left: 95px;
    top: 130px;
  }
  
  .h-pro-2 {
    left: 155px;
    width: 50px;
    top: -20px;
  }
  
  .h-pro-3, .h-pro-4{
    display: none;
  }
  
  .h-pro-5 {
    top: 62px;
    width: 40px;
    right: 90px;
  }

  .nombre-col-nav {
    font-size: 20px;
    line-height: 25px;
  }
  
  .prev-navega.prod{
    left: 10px;
  }
  
  .next-navega.prod{
    right: 10px;
  }
  
  .foo-1 {
    top: -40px;
    width: 30px;
  }
  
  .h-con-2 {
    width: 40px;
    top: 210px;
  }

  .consejos {
    padding-top: 35px;
    padding-bottom: 50px;
  }

  .intro-consejos {
    font-size: 18px;
    line-height: 22px;
  }

  .galeria-consejos {
    height: 300px;
  }

  .con-1 {
    width: 70px;
  }

  .con-2 {
    width: 160px;
    top: 35%;
  }

  .con-3 {
    bottom: 3%;
    right: 10%;
  }

  .con-4 {
    width: 60px;
  }

  .con-5 {
    width: 100px;
  }

  .con-6 {
    width: 105px;
    bottom: 4%;
    left: 7%;
  }

  .content-footer-top {
    padding-top: 20px;
  }

  .left-foo {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .right-foo {
    width: 100%;
    text-align: center;
  }

  .content-footer-bottom {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .link-foo {
    font-size: 18px;
  }

  .logo-footer {
    display: none;
  }

  .logo-footer.movil {
    display: inline-block;
  }

  .txt-copy {
    text-align: center;
  }

  .link-red {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
  }

  .productos {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .intro-producto {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .intro-producto-txt {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 22px;
  }

  .line-productos {
    height: 3px;
  }

  .rotador-productos {
    height: 300px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .slides-prod{
    border-radius: 20px;
  }

  .productos-content {
    margin-bottom: 30px;
  }

  .col-productos {
    width: 48%;
  }

  .c-img-producto {
    height: 300px;
  }

  .rotador-consejos {
    height: 300px;
    padding-left: 40px;
    padding-right: 40px;
  }
  
  .slides-con{
    border-radius: 20px; 
  }

  .prev-con-in {
    width: 45px;
    left: -20px;
  }

  .next-con-in {
    width: 45px;
    right: -20px;
  }

  .productos-interna {
    padding-top: 150px;
    padding-bottom: 40px;
  }

  .left-producto {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .txt-descrip-producto {
    font-size: 16px;
    line-height: 24px;
  }

  .right-producto {
    width: 100%;
    padding-left: 0;
  }

  .titu-presentaciones-producto {
    font-size: 18px;
  }

  .titu-descrip-producto {
    background-size: 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .paises-disponibles-content {
    text-align: center;
  }

  .nombre-producto-desktop {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 40px;
    display: none;
  }

  .titu-producto-disponible-1 {
    text-align: center;
  }

  .lista-presentaciones-prod {
    margin-bottom: 25px;
  }

  .descripcion-producto {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 23px;
  }

  .titu-producto-disponible {
    font-size: 18px;
  }

  .intro-tipo {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .intro-tipo-txt {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 22px;
  }

  .banner-tipo {
    padding-left: 25px;
    padding-right: 25px;
  }

  .img-tipo {
    height: 350px;
  }

  .col-tipo {
    width: 50%;
  }

  .txt-tipo {
    font-size: 18px;
    line-height: 22px;
  }

  .mas-productos {
    padding-top: 60px;
  }

  .col-mas {
    width: 48%;
  }

  .nombre-producto-movil {
    text-align: center;
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 40px;
    display: block;
  }

  .destacada-interna {
    height: 395px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .img-des {
    max-height: 100%;
  }

  .in-1 {
    width: 175px;
  }

  .in-2 {
    width: 100px;
    bottom: -50px;
  }

  .in-3 {
    width: 50px;
    left: 40px;
  }

  .in-5 {
    width: 100px;
  }
  
  .filtro-producto{
    width: 100%;
  }
  
  .titu-filtros.espacio {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .main.int-productos {
    padding-top: 70px;
  }
  .c-img-similar{
    height: 250px;
    margin-bottom: 0px;
  }
  .home-2 {
    top: 200px;
  }
  .home-3 {
    width: 30px;
    bottom: -80px;
  }
}

@media screen and (max-width: 479px) {
  .header {
    height: 60px;
    padding-bottom: 0;
  }

  .container.c-navega {
    margin-right: auto;
  }

  .logo-header {
    width: 150px;
  }

  .nav-menu {
    top: 55px;
  }

  .main {
    padding-top: 90px;
  }

  .menu-button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .rotador-home {
    height: 200px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .item-rotador {
    width: 80px;
    bottom: -25px;
    left: 15px;
  }

  .intro-zixx {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .titulos-secciones {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 30px;
  }

  .intro-nosotros {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .productos-home {
    padding-top: 0px;
  }

  .intro-productos {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
  }

  .col-destacada {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .nombre-producto-des {
    font-size: 20px;
    line-height: 25px;
  }

  .navega-por-necesidad {
    padding-bottom: 20px;
    padding-top: 30px;
  }

  .nombre-col-nav {
    font-size: 16px;
    line-height: 22px;
  }

  .consejos {
    padding-bottom: 40px;
  }

  .intro-consejos {
    font-size: 16px;
    line-height: 20px;
  }

  .galeria-consejos {
    height: 200px;
  }

  .con-1 {
    width: 40px;
  }

  .con-2 {
    width: 100px;
    top: 42%;
  }

  .con-3 {
    width: 50px;
    right: 5%;
  }

  .con-4 {
    width: 40px;
  }

  .con-5 {
    width: 70px;
    top: 32%;
  }

  .con-6 {
    width: 65px;
  }

  .content-footer-top {
    padding-bottom: 10px;
  }

  .left-foo {
    margin-bottom: 15px;
  }

  .footer {
    padding-bottom: 35px;
  }

  .link-foo {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .logo-footer.movil {
    width: 160px;
  }

  .link-red {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .txt-and-logo {
    justify-content: center;
  }

  .productos {
    padding-bottom: 40px;
  }

  .intro-producto {
    padding-top: 30px;
  }

  .intro-producto-txt {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .rotador-productos {
    height: 200px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .items-paginador {
    padding: 10px 15px;
  }

  .productos-content {
    margin-bottom: 20px;
  }

  .col-productos {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 15px;
  }

  .c-img-producto {
    margin-bottom: 15px;
  }

  .rotador-consejos {
    height: 200px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .prev-con-in {
    width: 35px;
    left: -10px;
    display: none;
  }

  .next-con-in {
    width: 35px;
    right: -10px;
    display: none;
  }

  .dots-consejos {
    display: none;
  }

  .productos-interna {
    padding-top: 150px;
  }

  .txt-descrip-producto {
    margin-left: 0;
  }

  .titu-presentaciones-producto, .titu-descrip-producto {
    font-size: 18px;
  }

  .nombre-producto-desktop {
    margin-bottom: 25px;
  }

  .item-list-presentacion-prod {
    font-size: 16px;
  }

  .lista-presentaciones-prod {
    margin-left: 0;
  }

  .descripcion-producto {
    font-size: 16px;
    line-height: 20px;
  }

  .titu-producto-disponible {
    font-size: 18px;
  }

  .intro-tipo {
    padding-top: 30px;
  }

  .intro-tipo-txt {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .img-tipo {
    height: 200px;
  }

  .iconos-tipo {
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .col-tipo {
    /*width: 100%;
    margin-bottom: 30px;*/
    width: 48%;
    margin-bottom: 10px;
  }

  .icon-tipo {
    width: 100px;
  }

  .txt-tipo {
    font-size: 16px;
    line-height: 20px;
  }

  .col-mas {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .nombre-producto-movil {
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 35px;
  }

  .destacada-interna {
    height: 295px;
  }

  .in-1 {
    width: 100px;
    right: 15px;
  }

  .in-2 {
    width: 60px;
    bottom: -36px;
    left: auto;
    right: 30px;
  }

  .in-3 {
    width: 30px;
    bottom: 20px;
    left: 20px;
  }

  .in-4 {
    width: 30px;
    top: 20px;
    right: 25px;
  }

  .in-5 {
    width: 60px;
  }
  .left-historia img {
    max-width: 175px;
  }
  .int-1 {
    top: 100px;
    width: 50px;
  }
  .int-2 {
    width: 40px;
    bottom: -15px;
  }
  .prev-navega.prod {
    left: 0px;
    width: 40px;
  }
  .next-navega.prod {
    right: 0px;
    width: 40px;
  }
  .h-pro-1 {
    left: 45px;
    top: 75px;
  }
  .h-pro-2 {
    left: 140px;
    width: 45px;
    top: -29px;
  }
  .h-pro-5 {
    top: 40px;
    width: 40px;
    right: 45px;
  }
  .c-icono{
    height: auto;
    margin-bottom: 8px;
  }
  .prev-navega {
    left: 20px;
    width: 40px;
  }
  .next-navega {
    width: 40px;
    right: 20px;
  }
  .filtro-producto{
    padding-left: 0px;
    padding-right: 0px;
  }
  .tipos-de-limpieza{
    flex-wrap: wrap;
    justify-content: center;
  }
  .producto-banner{
    height: auto;
  }
  .main.int-productos {
    padding-top: 60px;
  }
  .inp-1 {
    display: none;
  }
  .inp-2 {
    top: 40px;
    width: 40px;
  }
  .inp-3 {
    width: 35px;
  }
  .inp-4{
    width: 45px;
  }
  .home-1 {
    width: 30px;
    left: 15px;
  }
  .home-2 {
    width: 40px;
  }
  .home-3 {
    width: 20px;
  }
}

@font-face {
  font-family: 'Avant';
  src: url('../fonts/AvantGardeLTBookRegular.ttf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ITC';
  src: url('../fonts/ITCAvantGardeGothicLTBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}