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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Ubikatec";
    src: url("font/Ubikatec.svg#Ubikatec") format("svg");
  }
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {   
    font-family: Ubikatec;
    font-size: 70px;
    /* color: #D9BE80; */
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-admin:before { content: "\f100"; font-size: 24px; color: #5e3921;}
.icon-asesoria:before { content: "\f101"; }
.icon-asistencia:before { content: "\f102"; }
.icon-auditoria:before { content: "\f103"; }
.icon-celular:before { content: "\f104";}
.icon-contable:before { content: "\f105"; }
.icon-email:before { content: "\f106";}
.icon-grupo:before { content: "\f107"; }
.icon-libro:before { content: "\f108"; }
.icon-mapa:before { content: "\f109";}
.icon-phone:before { content: "\f10a"; font-size: 24px; padding-right: 5px; color: #5e3921;}
.icon-search:before { content: "\f10b"; }