@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?16692319');
  src: url('../font/fontello.eot?16692319#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?16692319') format('woff'),
       url('../font/fontello.ttf?16692319') format('truetype'),
       url('../font/fontello.svg?16692319#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?16692319#fontello') format('svg');
  }
}
*/
 
 [class^="social-"]:before, [class*=" social-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .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 - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

 [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: .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 - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.social-facebook:before { content: '\e800';color:#365C9B; } /* '' */
.social-twitter:before { content: '\e801'; color:#2BA8DE;} /* '' */
.social-vimeo:before { content: '\e802';color:#1AB9F0; } /* '' */
.social-tumblr:before { content: '\e803';color:#345068; } /* '' */
.social-github:before { content: '\e804';color:#000000; } /* '' */
.social-linkedin:before { content: '\e805';color:#1778BC; } /* '' */
.social-blogger:before { content: '\e806';color:#F6631D; } /* '' */
.social-instagram:before { content: '\e807';color:#634D40; } /* '' */
.social-vine:before { content: '\e808'; color:#12B485;} /* '' */
.social-youtube:before { content: '\e809';color:#CD2D35; } /* '' */
.social-behance:before { content: '\e80a';color:#053EFF; } /* '' */
.social-gplus:before { content: '\e80b';color:#DB4A39; } /* '' */
.social-pinterest:before { content: '\e80c'; color:#C8222C;} /* '' */

.icon-facebook:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-linkedin:before { content: '\e805'; } /* '' */
.icon-gplus:before { content: '\e80b'; } /* '' */
.icon-rss:before { content: '\e80f'; } /* '' */

.social-phone:before { content: '\e80d'; } /* '' */
.social-mail:before { content: '\e80e'; } /* '' */


[class^="color-link-"]:link, [class^="color-link-"]:visited {
	display:inline-block;padding:8px 3px;font-size:17px;
	margin:1px; 
}
[class^="color-link-"]:hover i:before {color:#fff;}

.color-link-facebook:hover { background-color:#365C9B; }
.color-link-twitter:hover { background-color:#2BA8DE;}
.color-link-vimeo:hover { background-color:#1AB9F0; }
.color-link-tumblr:hover {background-color:#345068; }
.color-link-github:hover { background-color:#000000; } 
.color-link-linkedin:hover { background-color:#1778BC; }
.color-link-blogger:hover {background-color:#F6631D; }
.color-link-instagram:hover { background-color:#634D40; }
.color-link-vine:hover { background-color:#12B485;}
.color-link-youtube:hover { background-color:#CD2D35; } 
.color-link-behance:hover { background-color:#053EFF; } 
.color-link-gplus:hover { background-color:#DB4A39; }
.color-link-pinterest:hover {background- color:#C8222C;}