@font-face {
    font-family: 'serviceflow';
    src: url('../../css/fonts/serviceflow.eot');
    src: url('../../css/fonts/serviceflow.eot?#iefix') format('embedded-opentype'),
        url('../../css/fonts/serviceflow.woff') format('woff'),
        url('../../css/fonts/serviceflow.ttf') format('truetype'),
        url('../../css/fonts/serviceflow.svg#serviceflow') format('svg');
/*  font-weight: normal;
  font-style: normal;*/
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'serviceflow';
    src: url('../fonts/serviceflow.svg?85610817#serviceflow') format('svg');
  }
}
*/

.serviceflow {
  font-family: "serviceflow";
  position: relative;
  top: -2px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.serviceflow.small-damage:before { content: "\E800"; }
.serviceflow.average-damage:before { content: "\E801"; }
.serviceflow.huge-damage:before { content: "\E802"; }
.serviceflow.oil:before { content: "\E803"; }
.serviceflow.oc:before { content: "\E804"; }
.serviceflow.cartug:before { content: "\E805"; }
.serviceflow.tyre:before { content: "\E806"; }

.serviceflow.key-lock:before { content: "\E001"; }
.serviceflow.parts-check:before { content: "\E002"; }
.serviceflow.screw-cross:before { content: "\E003"; }
.serviceflow.list:before { content: "\E004"; }
.serviceflow.pressure-tyre:before { content: "\E005"; }
.serviceflow.pressure-tyre:before { content: "\E006"; }
.serviceflow.accumulator-clamp:before { content: "\E007"; }
.serviceflow.oil-check:before { content: "\E008"; }
.serviceflow.extinguisher:before { content: "\E009"; }
.serviceflow.mergency-lights:before { content: "\E010"; }
.serviceflow.radio:before { content: "\E011"; }
.serviceflow.air-conditioning:before { content: "\E012"; }
.serviceflow.car-mirror:before { content: "\E013"; }
.serviceflow.windows:before { content: "\E014"; }
.serviceflow.windows-sprinklers:before { content: "\E015"; }
.serviceflow.lights:before { content: "\E016"; }
.serviceflow.test-drive:before { content: "\E017"; }
.serviceflow.car-test:before { content: "\E018"; }
.serviceflow.wash-car:before { content: "\E019"; }
.serviceflow.body-mechanic-car:before { content: "\E020"; }
.serviceflow.polish-car:before { content: "\E021"; }
.serviceflow.body-mechanic-car-progress:before { content: "\E022"; }
.serviceflow.body-mechanic-car-process:before { content: "\E023"; }
.serviceflow.paintshop-step-1:before { content: "\E024"; }
.serviceflow.paintshop-step-2:before { content: "\E025"; }
.serviceflow.paintshop-progress:before { content: "\E026"; }
.serviceflow.body-mechanic-car-final:before { content: "\E027"; }
.serviceflow.paintshop-final:before { content: "\E028"; }
.serviceflow.final-check:before { content: "\E029"; }
.serviceflow.car-wash-2:before { content: "\E030"; }
.serviceflow.bodyshop-boss:before { content: "\E031"; }
.serviceflow.bodyshop-deputy:before { content: "\E032"; }
.serviceflow.active-step:before { content: "\E033"; }
.serviceflow.inactive-step:before { content: "\E034"; }
.serviceflow.repair-history:before { content: "\E035"; }