@font-face {

  font-family: 'fontello';

  src: url("..//font/fontello.eot?83024220");

  src: url("..//font/fontello.eot?83024220#iefix") format('embedded-opentype'), url("..//font/fontello.woff?83024220") format('woff'), url("..//font/fontello.ttf?83024220") format('truetype'), url("..//font/fontello.svg?83024220#fontello") format('svg');

  font-weight: normal;

  font-style: normal;

}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?83024220#fontello') format('svg');

  }

}

*/

[class^="icon-"]:before,

[class*=" icon-"]: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 .8 */

/* For safety - reset parent styles, that can break glyph codes*/

  font-variant: normal;

  text-transform: none;

/* fix buttons height, for twitter bootstrap */

  line-height: 1em;

/* Animation center compensation - magrins should be symmetric */

/* remove if not needed */

  margin-left: 0.2em;

/* you can be more comfortable with increased icons size */

/* font-size: 120%; */

/* Uncomment for 3D effect */

/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}



.icon-gplus:before { content: '\2b'; } /* '+' */

.icon-pinterest:before { content: '\31'; } /* '1' */

.icon-dribbble:before { content: '\44'; } /* 'D' */

.icon-flickr:before { content: '\46'; } /* 'F' */

.icon-google:before { content: '\47'; } /* 'G' */

.icon-linkedin:before { content: '\4c'; } /* 'L' */

.icon-twitter:before { content: '\54'; } /* 'T' */

.icon-youtube:before { content: '\55'; } /* 'U' */

.icon-vimeo:before { content: '\56'; } /* 'V' */

.icon-facebook:before { content: '\66'; } /* 'f' */

.icon-tumblr:before { content: '\74'; } /* 't' */

.icon-left-thin:before { content: '\2190'; } /* '←' */

.icon-up-thin:before { content: '\2191'; } /* '↑' */

.icon-right-thin:before { content: '\2192'; } /* '→' */

.icon-down-thin:before { content: '\2193'; } /* '↓' */

.icon-docs:before { content: '\f0c5'; } /* '' */

.icon-blogger:before { content: '\f314'; } /* '' */