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


[class*="icon-"] {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size:28px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 20px;
  font-variant: normal;
  text-transform: none;
}
[class*="icon-"]:before {
  color: #4c5777;
  font-size:22px;
  line-height:24px;
  vertical-align: middle;
}
.icon-tel:before {content: '\e800';position:relative;top:3px}
.icon-mail:before {content: '\f0e0'}
.icon-web:before {content: '\e801';position:relative;left:2px}