.icon {
    font-size: 10px;
}

.icon:before {
    content:' ';
    vertical-align:middle;
    display: inline-block;
    background-image: url("../images/icon-sprite.svg");
    background-repeat: no-repeat;
    background-size: 14.3em 306.6em;
}

.no-svg .icon:before {
    background-image: url("../icon-sprite.png");
}



  .icon.icon-icon-account:before {
      background-position: -1em -1em;
      width: 2.5em;
      height: 3em;
  }




  .icon.icon-icon-account-relleno:before {
      background-position: -1em -6em;
      width: 2.4111999999999996em;
      height: 3em;
  }




  .icon.icon-icon-amex:before {
      background-position: -1em -11em;
      width: 4.7em;
      height: 3em;
  }




  .icon.icon-icon-arrow:before {
      background-position: -1em -16em;
      width: 2em;
      height: 4em;
  }




  .icon.icon-icon-arrow-izq-oscura:before {
      background-position: -1em -22em;
      width: 1.9em;
      height: 4.2em;
  }




  .icon.icon-icon-calendar:before {
      background-position: -1em -28.2em;
      width: 1.6em;
      height: 1.6em;
  }




  .icon.icon-icon-carrito-relleno:before {
      background-position: -1em -31.8em;
      width: 3.1683999999999997em;
      height: 2.997em;
  }




  .icon.icon-icon-cart:before {
      background-position: -1em -36.8em;
      width: 3.2em;
      height: 3em;
  }




  .icon.icon-icon-cerrar:before {
      background-position: -1em -41.8em;
      width: 1.6em;
      height: 1.6em;
  }




  .icon.icon-icon-close:before {
      background-position: -1em -45.4em;
      width: 3.2em;
      height: 3em;
  }




  .icon.icon-icon-close-checkout:before {
      background-position: -1em -50.4em;
      width: 2.6em;
      height: 2.4em;
  }




  .icon.icon-icon-close-modal:before {
      background-position: -1em -54.8em;
      width: 3.2em;
      height: 3.2em;
  }




  .icon.icon-icon-comments:before {
      background-position: -1em -60em;
      width: 2em;
      height: 1.6em;
  }




  .icon.icon-icon-conekta:before {
      background-position: -1em -63.6em;
      width: 11.4em;
      height: 2.3em;
  }




  .icon.icon-icon-conekta-tc:before {
      background-position: -1em -67.9em;
      width: 11.4em;
      height: 2.3em;
  }




  .icon.icon-icon-cotizacion-relleno:before {
      background-position: -1em -72.2em;
      width: 2.5em;
      height: 3em;
  }




  .icon.icon-icon-difficult:before {
      background-position: -1em -77.2em;
      width: 2em;
      height: 1.3em;
  }




  .icon.icon-icon-edit:before {
      background-position: -1em -80.5em;
      width: 2.4em;
      height: 2.4em;
  }




  .icon.icon-icon-editar:before {
      background-position: -1em -84.9em;
      width: 2.4em;
      height: 2.4em;
  }




  .icon.icon-icon-emptyStar:before {
      background-position: -1em -89.3em;
      width: 1.9739000000000004em;
      height: 2em;
  }




  .icon.icon-icon-envio-dorado:before {
      background-position: -1em -93.3em;
      width: 6.0506em;
      height: 4.0861em;
  }




  .icon.icon-icon-envio-rojo:before {
      background-position: -1em -99.4em;
      width: 6.0506em;
      height: 4.0861em;
  }




  .icon.icon-icon-facebook:before {
      background-position: -1em -105.5em;
      width: 1.6em;
      height: 3.2em;
  }




  .icon.icon-icon-filledStar:before {
      background-position: -1em -110.7em;
      width: 1.9739000000000004em;
      height: 2em;
  }




  .icon.icon-icon-formas-pago-dorado:before {
      background-position: -1em -114.7em;
      width: 5.4045000000000005em;
      height: 4.0898em;
  }




  .icon.icon-icon-formas-pago-rojo:before {
      background-position: -1em -120.8em;
      width: 5.4045000000000005em;
      height: 4.0898em;
  }




  .icon.icon-icon-instagram:before {
      background-position: -1em -126.9em;
      width: 3.2em;
      height: 3.2em;
  }




  .icon.icon-icon-mc:before {
      background-position: -1em -132.1em;
      width: 3.9em;
      height: 3em;
  }




  .icon.icon-icon-menu:before {
      background-position: -1em -137.1em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-minus:before {
      background-position: -1em -142.1em;
      width: 1.6em;
      height: 0.2em;
  }




  .icon.icon-icon-msi:before {
      background-position: -1em -144.3em;
      width: 5.1em;
      height: 4em;
  }




  .icon.icon-icon-msi-dorado:before {
      background-position: -1em -150.3em;
      width: 5.1411em;
      height: 4.093500000000001em;
  }




  .icon.icon-icon-msi-rojo:before {
      background-position: -1em -156.4em;
      width: 5.1411em;
      height: 4.093500000000001em;
  }




  .icon.icon-icon-next:before {
      background-position: -1em -162.5em;
      width: 2em;
      height: 4.2em;
  }




  .icon.icon-icon-oxxo:before {
      background-position: -1em -168.7em;
      width: 6em;
      height: 3em;
  }




  .icon.icon-icon-payment:before {
      background-position: -1em -173.7em;
      width: 5.4em;
      height: 4em;
  }




  .icon.icon-icon-paypal:before {
      background-position: -1em -179.7em;
      width: 12.3em;
      height: 3em;
  }




  .icon.icon-icon-plus:before {
      background-position: -1em -184.7em;
      width: 1.6em;
      height: 1.6em;
  }




  .icon.icon-icon-prev:before {
      background-position: -1em -188.3em;
      width: 2em;
      height: 4.2em;
  }




  .icon.icon-icon-quote:before {
      background-position: -1em -194.5em;
      width: 2.5em;
      height: 3em;
  }




  .icon.icon-icon-right:before {
      background-position: -1em -199.5em;
      width: 0.8em;
      height: 1.4em;
  }




  .icon.icon-icon-search:before {
      background-position: -1em -202.9em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-search-black:before {
      background-position: -1em -207.9em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-secure:before {
      background-position: -1em -212.9em;
      width: 3.1em;
      height: 4em;
  }




  .icon.icon-icon-secure-red:before {
      background-position: -1em -218.9em;
      width: 3.1em;
      height: 4em;
  }




  .icon.icon-icon-seguridad-dorado:before {
      background-position: -1em -224.9em;
      width: 3.1728em;
      height: 4.0978em;
  }




  .icon.icon-icon-seguridad-rojo:before {
      background-position: -1em -231em;
      width: 3.1728em;
      height: 4.0978em;
  }




  .icon.icon-icon-share-rojo:before {
      background-position: -1em -237.1em;
      width: 2.6513000000000004em;
      height: 2.8em;
  }




  .icon.icon-icon-shipping:before {
      background-position: -1em -241.9em;
      width: 6em;
      height: 4em;
  }




  .icon.icon-icon-tiktok:before {
      background-position: -1em -247.9em;
      width: 2.7906em;
      height: 3.2em;
  }




  .icon.icon-icon-timer:before {
      background-position: -1em -253.1em;
      width: 1.4em;
      height: 1.4em;
  }




  .icon.icon-icon-topcart-close:before {
      background-position: -1em -256.5em;
      width: 2.6em;
      height: 2.4em;
  }




  .icon.icon-icon-twitter:before {
      background-position: -1em -260.9em;
      width: 4em;
      height: 3.2em;
  }




  .icon.icon-icon-visa:before {
      background-position: -1em -266.1em;
      width: 5.9em;
      height: 2em;
  }




  .icon.icon-icon-visa-tc:before {
      background-position: -1em -270.1em;
      width: 5.9em;
      height: 2em;
  }




  .icon.icon-icon-whats:before {
      background-position: -1em -274.1em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-whats-gray:before {
      background-position: -1em -279.1em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-whatsapp-relleno:before {
      background-position: -1em -284.1em;
      width: 3em;
      height: 3em;
  }




  .icon.icon-icon-wishlist:before {
      background-position: -1em -289.1em;
      width: 3.1em;
      height: 2.8em;
  }




  .icon.icon-icon-youtube:before {
      background-position: -1em -293.9em;
      width: 4.6em;
      height: 3.2em;
  }




  .icon.icon-icon-youtube-new:before {
      background-position: -1em -299.1em;
      width: 6.1333em;
      height: 4.2667em;
  }




  .icon.icon-menu-menos-info:before {
      background-position: -1em -305.4em;
      width: 1.6em;
      height: 0.2em;
  }