@font-face {
    font-family: "Untitled";
    src: url("../zsfonts/fonts/Untitled.woff2") format("woff2"),
        url("../zsfonts/fonts//Untitled.ttf") format("truetype"),
        url("../zsfonts/fonts//Untitled.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.icon {
    /* Use !important to prevent extensions from overriding this font. */
    font-family: "Untitled" !important;
    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;
}

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

.icon-l1:before {
  content: "\f002";
}

.icon-a1:before {
  content: "\f000";
}
.icon-a2:before {
  content: "\f008";
}
.icon-a3:before {
  content: "\f007";
}
.icon-a4:before {
  content: "\f006";
}
.icon-a5:before {
  content: "\f005";
}
.icon-a6:before {
  content: "\f004";
}
.icon-a7:before {
  content: "\f003";
}


.icon-a8:before {
  content: "\f009";
	font-size: 8px;
}

.icon-a9:before {
	content: "\f00a";
	font-size: 20px;
}

.icon-a10:before {
  content: "\f00b";
	font-size: 20px;
}

.icon-gc1:before {
  content: "\f00f";
}
.icon-gc2:before {
  content: "\f00e";
}
.icon-gc3:before {
  content: "\f00d";
}
.icon-gc4:before {
  content: "\f00c";
}