/* Pe-icon-7-stroke Font Face */
@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url('../fonts/Pe-icon-7-stroke.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base icon class */
[class^="pe-7s-"],
[class*=" pe-7s-"] {
    font-family: 'Pe-icon-7-stroke' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Helper class for direct usage with content */
.pe-icon {
    font-family: 'Pe-icon-7-stroke' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

/* Common icons used in the project */
.pe-7s-like:before {
    content: "\e6df";
}

.pe-7s-like2:before {
    content: "\e6e0";
}

.pe-7s-heart:before {
    content: "\e6df";
}

.pe-7s-heart2:before {
    content: "\e6e0";
}

.pe-7s-cart:before {
    content: "\e6c1";
}

.pe-7s-shopbag:before {
    content: "\e6c2";
}

.pe-7s-close:before {
    content: "\e680";
}

.pe-7s-check:before {
    content: "\e67e";
}

.pe-7s-angle-left:before {
    content: "\e686";
}

.pe-7s-angle-right:before {
    content: "\e684";
}

.pe-7s-angle-up:before {
    content: "\e682";
}

.pe-7s-angle-down:before {
    content: "\e688";
}

/* Size helpers */
.pe-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.pe-2x {
    font-size: 2em;
}

.pe-3x {
    font-size: 3em;
}

.pe-4x {
    font-size: 4em;
}

.pe-5x {
    font-size: 5em;
}

/* Fixed width icons */
.pe-fw {
    width: 1.28571429em;
    text-align: center;
}