@font-face {
  font-family: 'HLE Icons';
  src: url('fonts/HLEIcons.woff2') format('woff2'),
       url('fonts/HLEIcons.woff') format('woff'),
       url('fonts/HLEIcons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="hle-icon-"], [class*=" hle-icon-"] {
  font-family: 'HLE Icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hle-icon-01-suministro-de-combustibles-petroliferos:before {
  content: "\e900";
}

.hle-icon-02-comercializacion-de-petroliferos:before {
  content: "\e901";
}

.hle-icon-03-importacion-y-exportacion:before {
  content: "\e902";
}

.hle-icon-04-acuerdo-comercial-alianza:before {
  content: "\e903";
}

.hle-icon-05-mercado-energetico-crecimiento:before {
  content: "\e904";
}

.hle-icon-06-tanque-de-almacenamiento-vertical:before {
  content: "\e905";
}

.hle-icon-07-tanque-horizontal-deposito-industrial:before {
  content: "\e906";
}

.hle-icon-08-terminal-de-almacenamiento:before {
  content: "\e907";
}

.hle-icon-09-sistema-de-ductos:before {
  content: "\e908";
}

.hle-icon-10-valvula-industrial:before {
  content: "\e909";
}

.hle-icon-11-estacion-de-bombeo-bombeo:before {
  content: "\e90a";
}

.hle-icon-12-manifold-conexion-de-lineas:before {
  content: "\e90b";
}

.hle-icon-13-planta-o-instalacion-energetica:before {
  content: "\e90c";
}

.hle-icon-14-manejo-de-energeticos:before {
  content: "\e90d";
}

.hle-icon-15-transferencia-de-producto:before {
  content: "\e90e";
}

.hle-icon-16-carga-y-descarga-de-hidrocarburos:before {
  content: "\e90f";
}

.hle-icon-17-control-operativo-monitoreo:before {
  content: "\e910";
}

.hle-icon-18-seguridad-operativa:before {
  content: "\e911";
}

.hle-icon-19-cadena-logistica-distribucion-energetica:before {
  content: "\e912";
}

.hle-icon-20-proyecto-estrategico-expansion:before {
  content: "\e913";
}