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

[class^="iconf-"]:before,
[class*=" iconf-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.7;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
/* fix buttons height */
  line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}

.iconf-attention:before { content: '\26a0'; }
.iconf-edit:before { content: '\270d'; }
.iconf-cancel-circle:before { content: '\2716'; }
.iconf-quote-right:before { content: '\275e'; }
.iconf-reply:before { content: '\e712'; }
.iconf-lock:before { content: '\1f512'; }
.iconf-link:before { content: '\1f517'; }
.iconf-help:before { content: '?'; }