.fa,
 .fab,
 .fad,
 .fal,
 .far,
 .fas {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: inline-block;
     font-style: normal;
     font-variant: normal;
     text-rendering: auto;
     line-height: 1
 }
 
 .fa-lg {
     font-size: 1.33333em;
     line-height: .75em;
     vertical-align: -.0667em
 }
 
 .fa-xs {
     font-size: .75em
 }
 
 .fa-sm {
     font-size: .875em
 }
 
 .fa-1x {
     font-size: 1em
 }
 
 .fa-2x {
     font-size: 2em
 }
 
 .fa-3x {
     font-size: 3em
 }
 
 .fa-4x {
     font-size: 4em
 }
 
 .fa-5x {
     font-size: 5em
 }
 
 .fa-6x {
     font-size: 6em
 }
 
 .fa-7x {
     font-size: 7em
 }
 
 .fa-8x {
     font-size: 8em
 }
 
 .fa-9x {
     font-size: 9em
 }
 
 .fa-10x {
     font-size: 10em
 }
 
 .fa-fw {
     text-align: center;
     width: 1.25em
 }
 
 .fa-ul {
     list-style-type: none;
     margin-left: 2.5em;
     padding-left: 0
 }
 
 .fa-ul>li {
     position: relative
 }
 
 .fa-li {
     left: -2em;
     position: absolute;
     text-align: center;
     width: 2em;
     line-height: inherit
 }
 
 .fa-border {
     border: .08em solid #eee;
     border-radius: .1em;
     padding: .2em .25em .15em
 }
 
 .fa-pull-left {
     float: left
 }
 
 .fa-pull-right {
     float: right
 }
 
 .fa.fa-pull-left,
 .fab.fa-pull-left,
 .fal.fa-pull-left,
 .far.fa-pull-left,
 .fas.fa-pull-left {
     margin-right: .3em
 }
 
 .fa.fa-pull-right,
 .fab.fa-pull-right,
 .fal.fa-pull-right,
 .far.fa-pull-right,
 .fas.fa-pull-right {
     margin-left: .3em
 }
 
 .fa-spin {
     -webkit-animation: fa-spin 2s linear infinite;
     animation: fa-spin 2s linear infinite
 }
 
 .fa-pulse {
     -webkit-animation: fa-spin 1s steps(8) infinite;
     animation: fa-spin 1s steps(8) infinite
 }
 

 
 
 
 .fa-flip-vertical {
     -webkit-transform: scaleY(-1);
     transform: scaleY(-1)
 }
 

 
 .fa-flip-both,
 .fa-flip-horizontal.fa-flip-vertical {
     -webkit-transform: scale(-1);
     transform: scale(-1)
 }
 
 :root .fa-flip-both,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical,
 :root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270 {
     -webkit-filter: none;
     filter: none
 }
 
 .fa-stack {
     display: inline-block;
     height: 2em;
     line-height: 2em;
     position: relative;
     vertical-align: middle;
     width: 2.5em
 }
 
 .fa-stack-1x,
 .fa-stack-2x {
     left: 0;
     position: absolute;
     text-align: center;
     width: 100%
 }
 /*! para mostrar el icono de busqueda y carrito */
 .fa-search:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

/*! para mostrar menu para telefono */
 
 .fa-bars:before {
     content: ""
 }
 
 
 /*! para mostrar icono de facebook y youtube al pie de la pagina */

 .fa-facebook-f:before {
     content: "face"
     
 }

 .fa-youtube:before {
    content: "izai"
}


/*! contacto */ 
.fa-user:before {
    content: "Nombre"
}
.fa-envelope:before {
    content: "Correo"
}
 
.fa-phone:before {
    content: "Teléfono"
}

.fa-message:before {
    content: "Mensaje"
}
 
 
 
 
 
 

 

 
 
 
 .sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }
 
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto
 }
 

    
 
 .fab {
     font-family: "Font Awesome 5 Brands"
 }
 

 
 .fab,
 .far {
     font-weight: 400
 }
 
 
 .fa,
 .far,
 .fas {
     font-family: "Font Awesome 5 Free"
 }
 
 .fa,
 .fas {
     font-weight: 900
 }