@font-face {
  font-family: 'icomoon-arrows';
  src:  url('fonts/icomoon-arrows.eot?57erue');
  src:  url('fonts/icomoon-arrows.eot?57erue#iefix') format('embedded-opentype'),
    url('fonts/icomoon-arrows.ttf?57erue') format('truetype'),
    url('fonts/icomoon-arrows.woff?57erue') format('woff'),
    url('fonts/icomoon-arrows.svg?57erue#icomoon-arrows') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icomi-"], [class*=" icomi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-arrows' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomi-arrow-up-left:before {
  content: "\ea31";
}
.icomi-arrow-up:before {
  content: "\ea32";
}
.icomi-arrow-up-right:before {
  content: "\ea33";
}
.icomi-arrow-right:before {
  content: "\ea34";
}
.icomi-arrow-down-right:before {
  content: "\ea35";
}
.icomi-arrow-down:before {
  content: "\ea36";
}
.icomi-arrow-down-left:before {
  content: "\ea37";
}
.icomi-arrow-left:before {
  content: "\ea38";
}
.icomi-arrow-up-left2:before {
  content: "\ea39";
}
.icomi-arrow-up2:before {
  content: "\ea3a";
}
.icomi-arrow-up-right2:before {
  content: "\ea3b";
}
.icomi-arrow-right2:before {
  content: "\ea3c";
}
.icomi-arrow-down-right2:before {
  content: "\ea3d";
}
.icomi-arrow-down2:before {
  content: "\ea3e";
}
.icomi-arrow-down-left2:before {
  content: "\ea3f";
}
.icomi-arrow-left2:before {
  content: "\ea40";
}
.icomi-circle-up:before {
  content: "\ea41";
}
.icomi-circle-right:before {
  content: "\ea42";
}
.icomi-circle-down:before {
  content: "\ea43";
}
.icomi-circle-left:before {
  content: "\ea44";
}