@font-face {
    font-family: "Flaticon";
    src: url("flaticon.eot");
    src: url("flaticon.eot#iefix") format("embedded-opentype"),
    url("flaticon.woff") format("woff"),
    url("flaticon.ttf") format("truetype"),
    url("flaticon.svg#flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width: 500px) {
    @font-face {
        font-family: "Flaticon";
        src: url("flaticon.svg#flaticon") format("svg"),
        url("flaticon.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }
}
/*[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after*/
.flaticon:before, .flaticon:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}
.flaticon-arrow-down:before {
    content: "\e000";
}
.flaticon-arrow-up:before {
    content: "\e001";
}
.flaticon-list:before {
    content: "\e002";
}
.flaticon-phone:before {
    content: "\e003";
}
.flaticon-search:before {
    content: "\e004";
}