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

.mg-fa {
  display: inline-block;
  font: normal normal normal 14px mgfa, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button .mg-fa {
  font-size: 18px;
}

.mg-fa-set-extent::before {
  content: 'A';
}

.mg-fa-house::before {
  content: 'B';
}

.mg-fa-lines::before {
  content: 'C';
}

.mg-fa-polygon::before {
  content: 'D';
}

.mg-fa-ruler::before {
  content: 'E';
}

.mg-fa-eVouala::before {
  content: 'F';
}

.mg-fa-satellite::before {
  content: 'G';
}

.mg-fa-plane-north::before {
  content: 'H';
}

.mg-fa-location-north::before {
  content: 'I';
}

.mg-fa-polygon-alt::before {
  content: 'J';
}

.mg-fa-circle::before {
  content: 'K';
}

.mg-fa-polygon-connect::before {
  content: 'L';
}

.mg-fa-points::before {
  content: 'M';
}

.mg-fa-rectangle::before {
  content: 'N';
}

.mg-fa-box-closed::before {
  content: 'O';
}

.mg-fa-box-opened::before {
  content: 'P';
}

.mg-fa-golf-cart-1::before {
  content: 'Q';
}

.mg-fa-golf-cart-2::before {
  content: 'R';
}

.mg-fa-golf-bag::before {
  content: 'S';
}

.mg-fa-train::before {
  content: 'T';
}

.mg-fa-boat-1::before {
  content: 'U';
}

.mg-fa-boat-2::before {
  content: 'V';
}

.mg-fa-boat-3::before {
  content: 'W';
}

.mg-fa-boat-4::before {
  content: 'X';
}

.mg-car::before {
  content: 'Y';
}

.mg-car2::before {
  content: 'Z';
}

.mg-gas::before {
  content: '[';
}

.mg-bus::before {
  content: ']';
}

.mg-drone::before {
  content: 'a';
}

.mg-car-top::before {
  content: 'b';
}

.mg-van-top::before {
  content: 'c';
}

.mg-direction::before {
  content: 'd';
}

.mg-direction-left::before {
  content: 'e';
}

.mg-hourglass::before {
  content: 'f';
}

.mg-ship-arrow::before {
  content: 'g';
}

.mg-cargo-ship::before {
  content: 'h';
}