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

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

.icon-checkmark .path1:before {
  content: "\e91a";
  color: rgb(132, 212, 148);
}
.icon-checkmark .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(132, 204, 140);
}
.icon-trace .path1:before {
  content: "\e91c";
  color: rgb(252, 179, 51);
}
.icon-trace .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(252, 220, 60);
}
.icon-profile .path1:before {
  content: "\e900";
  color: rgb(153, 96, 212);
}
.icon-profile .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(84, 138, 218);
}
.icon-antelope .path1:before {
  content: "\e902";
  color: rgb(174, 111, 63);
}
.icon-antelope .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(22, 14, 6);
}
.icon-buffalo .path1:before {
  content: "\e904";
  color: rgb(251, 235, 235);
}
.icon-buffalo .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(162, 154, 162);
}
.icon-chimpanzee .path1:before {
  content: "\e906";
  color: rgb(4, 4, 4);
}
.icon-chimpanzee .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(89, 97, 97);
}
.icon-dragon .path1:before {
  content: "\e908";
  color: rgb(131, 186, 239);
}
.icon-dragon .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(68, 59, 71);
}
.icon-eagle .path1:before {
  content: "\e90a";
  color: rgb(238, 227, 195);
}
.icon-eagle .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(140, 80, 78);
}
.icon-elephant .path1:before {
  content: "\e90c";
  color: rgb(76, 61, 76);
}
.icon-elephant .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(168, 167, 169);
}
.icon-giraffe .path1:before {
  content: "\e90e";
  color: rgb(212, 116, 100);
}
.icon-giraffe .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(251, 214, 106);
}
.icon-leopard .path1:before {
  content: "\e910";
  color: rgb(188, 132, 100);
}
.icon-leopard .path2:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(249, 214, 154);
}
.icon-lion .path1:before {
  content: "\e912";
  color: rgb(223, 175, 129);
}
.icon-lion .path2:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(189, 142, 104);
}
.icon-pig .path1:before {
  content: "\e914";
  color: rgb(251, 155, 163);
}
.icon-pig .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(251, 193, 201);
}
.icon-rhino .path1:before {
  content: "\e916";
  color: rgb(243, 243, 243);
}
.icon-rhino .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(171, 162, 171);
}
.icon-zebra .path1:before {
  content: "\e918";
  color: rgb(109, 107, 99);
}
.icon-zebra .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(207, 199, 195);
}