@font-face {
    font-family: "flaticon";
    src: url("../fonts/flaticon.ttf?498b8fccfbcef4e4d7ccd6f079a4c003") format("truetype"),
    url("../fonts/flaticon.woff?498b8fccfbcef4e4d7ccd6f079a4c003") format("woff"),
    url("../fonts/flaticon.woff2?498b8fccfbcef4e4d7ccd6f079a4c003") format("woff2"),
    url("../fonts/flaticon.eot?498b8fccfbcef4e4d7ccd6f079a4c003#iefix") format("embedded-opentype"),
    url("../fonts/flaticon.svg?498b8fccfbcef4e4d7ccd6f079a4c003#flaticon") format("svg");
}

[class^="mmp-"]:before, [class*=" mmp-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mmp-bag:before {
    content: "\f101";
}
.mmp-user:before {
    content: "\f102";
}
.mmp-search:before {
    content: "\f103";
}
.mmp-day-mode:before {
    content: "\f104";
}
.mmp-night-mode:before {
    content: "\f105";
}
.mmp-long-arrow-left:before {
    content: "\f106";
}
.mmp-long-arrow-right:before {
    content: "\f107";
}