@font-face {
    font-family: "apotecaArrows";
    src: url("fonts/apotecaArrows.woff") format("woff"),
         url("fonts/apotecaArrows.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.arr, [class^="arr-"], [class*=" arr-"] {
    font-family: "apotecaArrows" !important;
    font-style: normal; font-weight: normal; font-variant: normal;
    text-transform: none; line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.arr-arrow-up-right:before { content: "\f00d"; }
.arr-arrow-up:before { content: "\f00e"; }
.arr-arrow-right:before { content: "\f00f"; }
.arr-arrow-left:before { content: "\f010"; }
.arr-arrow-down:before { content: "\f011"; }