span[class*='ph-icon'], a[class*='ph-icon'] {
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    line-height: 1;
}

span[class*='size-16'], a[class*='size-16'], button[class*='ph-icon']{
    min-width: 16px;
    height: 16px;
    line-height: 16px !important;
}

span[class*='size-24'], a[class*='size-24'] {
    min-width: 24px;
    height: 24px;
    line-height: 24px !important;
}

span[class*='size-32'], a[class*='size-32'] {
    min-width: 32px;
    height: 32px;
    line-height: 32px !important;
}

span[class*='size-48'], a[class*='size-48'] {
    min-width: 48px;
    height: 48px;
    line-height: 48px !important;
}

span[class*='size-64'], a[class*='size-64'] {
    min-width: 64px;
    height: 64px;
    line-height: 64px !important;
}

span[class*='16-offset'], a[class*='16-offset'] { padding-left: 20px; }
span[class*='24-offset'], a[class*='24-offset'] { padding-left: 30px; }
span[class*='32-offset'], a[class*='32-offset'] { padding-left: 40px; }
span[class*='48-offset'], a[class*='48-offset'] { padding-left: 60px; }
span[class*='64-offset'], a[class*='64-offset'] { padding-left: 80px; }

span[class*='ph-icon']:before, a[class*='ph-icon']:before, button[class*='ph-icon']:before{
    display: block;
    position: absolute;
    left: 0;
    background-position: center center !important;
    background-repeat: no-repeat;
    text-align: center;
    content: '';
}

span[class*='size-16']:before, a[class*='size-16']:before, button[class*='size-16']:before {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
}

span[class*='size-24']:before, a[class*='size-24']:before, button[class*='size-24']:before {
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
}

span[class*='size-32']:before, a[class*='size-32']:before, button[class*='size-32']:before {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
}

span[class*='size-48']:before, a[class*='size-48']:before, button[class*='size-48']:before {
    width: 48px;
    height: 48px;
    top: calc(50% - 24px);
}

span[class*='size-64']:before, a[class*='size-64']:before, button[class*='size-64']:before {
    width: 64px;
    height: 64px;
    top: calc(50% - 32px);
}

span[class*='bg-16']:before, a[class*='bg-16']:before, button[class*='bg-16']:before { background-size: 16px; }
span[class*='bg-24']:before, a[class*='bg-24']:before, button[class*='bg-24']:before { background-size: 24px; }
span[class*='bg-32']:before, a[class*='bg-32']:before, button[class*='bg-32']:before { background-size: 32px; }
span[class*='bg-48']:before, a[class*='bg-48']:before, button[class*='bg-48']:before { background-size: 48px; }
span[class*='bg-64']:before, a[class*='bg-64']:before, button[class*='bg-64']:before { background-size: 64px; }

span[class*='square']:before, a[class*='square']:before {
    border-radius: 50%;
}

.icon-001:before { background-image: url(../icons/001w.svg); }
.icon-002:before { background-image: url(../icons/002w.svg); }
.icon-003:before { background-image: url(../icons/003w.svg); }
.icon-004:before { background-image: url(../icons/004w.svg); }
.icon-005:before { background-image: url(../icons/005w.svg); }
.icon-006:before { background-image: url(../icons/006w.svg); }
.icon-007:before { background-image: url(../icons/007w.svg); }
.icon-008:before { background-image: url(../icons/008w.svg); }
.icon-009:before { background-image: url(../icons/009w.svg); }
.icon-010:before { background-image: url(../icons/010w.svg); }
.icon-011:before { background-image: url(../icons/011w.svg); }
.icon-012:before { background-image: url(../icons/012w.svg); }
.icon-013:before { background-image: url(../icons/013w.svg); }
.icon-014:before { background-image: url(../icons/014w.svg); }
.icon-015:before { background-image: url(../icons/015w.svg); }
.icon-016:before { background-image: url(../icons/016w.svg); }
.icon-017:before { background-image: url(../icons/017w.svg); }
.icon-018:before { background-image: url(../icons/018w.svg); }
.icon-019:before { background-image: url(../icons/019w.svg); }
.icon-020:before { background-image: url(../icons/020w.svg); }
.icon-024:before { background-image: url(../icons/024w.svg); }
.icon-044:before { background-image: url(../icons/044w.svg); }
.icon-046:before { background-image: url(../icons/046w.svg); }
.icon-052:before { background-image: url(../icons/052w.svg); }
.icon-068:before { background-image: url(../icons/068w.svg); }
.icon-072:before { background-image: url(../icons/072w.svg); }
.icon-074:before { background-image: url(../icons/074w.svg); }
.icon-097:before { background-image: url(../icons/097w.svg); }
.icon-100:before { background-image: url(../icons/100w.svg); }
.icon-101:before { background-image: url(../icons/101w.svg); }
.icon-106:before { background-image: url(../icons/106w.svg); }
.icon-132:before { background-image: url(../icons/132w.svg); }
.icon-163:before { background-image: url(../icons/163w.svg); }
.icon-155:before { background-image: url(../icons/155w.svg); }
.icon-161:before { background-image: url(../icons/161w.svg); }
.icon-166:before { background-image: url(../icons/166w.svg); }
.icon-175:before { background-image: url(../icons/175w.svg); }
.icon-199:before { background-image: url(../icons/199w.svg); }
.icon-274:before { background-image: url(../icons/274w.svg); }
.icon-275:before { background-image: url(../icons/275w.svg); }
.icon-305:before { background-image: url(../icons/305w.svg); }
.icon-181:before { background-image: url(../icons/181.svg); }

.icon-plus:before  { background-image: url(../icons/plusw.svg);  }
.icon-minus:before { background-image: url(../icons/minusw.svg); }

.instaram:before { background-image: url(../icons/instagram.svg); }
.whatsapp:before { background-image: url(../icons/whatsapp.svg); }
.you_tube:before { background-image: url(../icons/youtube.svg); }
.facebook:before { background-image: url(../icons/facebook.svg); }
.pix:before { background-image: url(../icons/pix.svg); }

.master:before { background-image: url(../icons/Master.png); }
.visa:before { background-image: url(../icons/Visa.png); }
.amex:before { background-image: url(../icons/Amex.png); }
.diners:before { background-image: url(../icons/Diners.png); }
.discover:before { background-image: url(../icons/Discover.png); }
.hipercard:before { background-image: url(../icons/Hipercard.png); }
.elo:before { background-image: url(../icons/Elo.png); }