@font-face {
    font-family: FontAwesome;
    src: url(/template/frontend/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0);
    src:
        url(/template/frontend/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
        url(/template/frontend/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
        url(/template/frontend/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),
        url(/template/frontend/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
        url(/template/frontend/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em;
}

.pull-left,
.fa-pull-left {
    float: left;
}

.pull-right,
.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fa.pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1);
}

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

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-home:before { content: "\f015"; }
.fa-search:before { content: "\f002"; }
.fa-times:before,
.fa-remove:before,
.fa-close:before { content: "\f00d"; }

.fa-envelope:before { content: "\f0e0"; }
.fa-envelope-o:before { content: "\f003"; }

.fa-phone:before { content: "\f095"; }
.fa-phone-square:before { content: "\f098"; }

.fa-map-marker:before { content: "\f041"; }
.fa-globe:before { content: "\f0ac"; }

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before { content: "\f0c9"; }

.fa-filter:before { content: "\f0b0"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-cog:before,
.fa-gear:before { content: "\f013"; }

.fa-angle-down:before { content: "\f107"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-right:before { content: "\f105"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }

.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }

.fa-user:before { content: "\f007"; }

.fa-times-circle-o:before { content: "\f05c"; }

.fa-check-circle:before { content: "\f058"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-facebook:before,
.fa-facebook-f:before { content: "\f09a"; }

.fa-linkedin:before { content: "\f0e1"; }

.fa-youtube-play:before { content: "\f16a"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-reply:before,
.fa-mail-reply:before { content: "\f112"; }

.fa-newspaper-o:before { content: "\f1ea"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-th-list:before { content: "\f00b"; }

.fa-address-card-o:before { content: "\f2bc"; }

.fa-barcode:before { content: "\f02a"; }

.fa-tags:before { content: "\f02c"; }

.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}
.fa-star:before {
    content: "\f005"
}
/* custom class giữ lại */
.fa-abs-top {
    position: relative;
    top: -1px;
}