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

.icon-right:before {
    font-family: 'extra';
    content: '\e800';
}

.icon-surface-area:before {
    font-family: 'extra';
    content: '\e801';
}

.extraicon-at:before {
  content: "\f1fa";
  padding-right:5px;
}
.extraicon-commenting-o:before {
  content: "\f27b";
  padding-right:5px;
}

.extraicon-at, .extraicon-commenting-o {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'extra' !important;
  speak: none;
  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;
}