@font-face {
  font-family: 'm4u-icons';
  src:  url('https://4uassets.s3.amazonaws.com/v2/fonts/m4u-icons.eot?8xcoqh');
  src:  url('https://4uassets.s3.amazonaws.com/v2/fonts/m4u-icons.eot?8xcoqh#iefix') format('embedded-opentype'),
    url('https://4uassets.s3.amazonaws.com/v2/fonts/m4u-icons.ttf?8xcoqh') format('truetype'),
    url('https://4uassets.s3.amazonaws.com/v2/fonts/m4u-icons.woff?8xcoqh') format('woff'),
    url('https://4uassets.s3.amazonaws.com/v2/fonts/m4u-icons.svg?8xcoqh#m4u-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="m4u-icons-"], [class*=" m4u-icons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'm4u-icons' !important;
  speak: none;
  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;
}

.m4u-icons-attachments:before {
  content: "\e900";
}
.m4u-icons-machinery:before {
  content: "\e901";
}
.m4u-icons-parts:before {
  content: "\e902";
}
.m4u-icons-services:before {
  content: "\e903";
}
.m4u-icons-tools:before {
  content: "\e904";
}
.m4u-icons-trucks:before {
  content: "\e905";
}

.m4u-loader-circle {
    background: url(https://4uassets.s3.amazonaws.com/v2/img/cog.png) no-repeat top left;
    width: 50px;
    height: 50px;
    background-size: 100% auto;
    margin: 0 auto;
}