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

[class^="icon-"], [class*=" icon-"] {
  font-family: 'avatars';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 25px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-avatars-logo-02:before {
  content: "\e61b";
}
.icon-moustache:before {
  content: "\e61c";
}
.icon-separator .path1:before {
  content: "\e61d";
  color: rgb(255, 255, 255);
}
.icon-separator .path2:before {
  content: "\e61e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-the-code:before {
  content: "\e61f";
  font-size: 70px;
  color: #545A6A;
}

.icon-copy:before {
  content: "\e61a";
  font-size: 14px;
  padding-right: 8px;
}

.icon-avatars-logo {
  position: relative;
  font-size: 58px;
}
.icon-avatars-logo:before {
  content: "\e618";
  color: #545A6A;
}
.icon-avatars-logo:after {
  /* content: "\e619"; */
  content: "\e61b";
  position: absolute;
  left: 34px;
  top: -1px;
  color: #75F4AF;
}

.icon-check:before {
  content: "\e60a";
  color: #4fb77e;
  position: relative;
  padding-right: 6px;
  top: 5px;
}

.icon-android:before {
  content: "\e600";
  color: #6AB344;
}

.icon-apple:before {
  content: "\e601";
  color: #333333;
}

.icon-chute-logo:before {
  content: "\e602";
  color: #FFFFFF;
  font-size: 60px;
}

.icon-facebook:before {
  content: "\e603";
  color: #DDE1E0;
}

.icon-github {
  top: 3px;
}
.icon-github:before {
  content: "\e604";
  color: #363636;
}

.icon-gravatar:before {
  content: "\e605";
  color: #DDE1E0;
}

.icon-instagram:before {
  content: "\e606";
  color: #DDE1E0;
}

.icon-library {
	padding-right: 16px;
}
.icon-library:before {
  content: "\e609";
  color: #545A6A;
}

.icon-php:before {
  content: "\e60d";
  color: #6C7EB7;
  font-size: 30px;
  top: 6px;
  position: relative;
}

.icon-replace-this:before {
  content: "\e610";
  color: #545A6A;
  font-size: 80px;
}

.icon-transition {
	padding-right: 16px;
}
.icon-transition:before {
  content: "\e615";
  color: #545A6A;
}

.icon-twitter:before {
  content: "\e616";
  color: #DDE1E0;
}

.icon-with-this:before {
  content: "\e617";
  color: #545A6A;
  font-size: 65px;
}

.icon-node {
  position: relative;
  top: 3px;
}
.icon-node:before {
  content: "\e60b";
  color: #2E2E2C;
}
.icon-node:after {
  content: "\e60c";
  color: #78B743;
  position: absolute;
  left: 0;
}

.icon-python {
	position: relative;
  top: 3px;
}
.icon-python:before {
  content: "\e60e";
  color: #FFD43B;
}
.icon-python:after {
  content: "\e60f";
  color: #5A9FD4;
  position: absolute;
  left: 0;
}

.icon-javascript{
	position: relative;
  top: 3px;
}
.icon-javascript:before {
  content: "\e607";
  color: #F0DB4F;
}
.icon-javascript:after {
  content: "\e608";
  color: #323330;
  position: absolute;
  left: 0;
}

.icon-sizes {
	position: relative;
  top: 3px;
  padding-right: 16px
}
.icon-sizes:before {
  content: "\e613";
  color: #545A6A;
}
.icon-sizes:after {
  content: "\e614";
  color: #40B4DE;
  position: absolute;
  left: 0;
  top: 0;
}

.icon-ruby {
	position: relative;
	top: 3px;
}
.icon-ruby:before {
  content: "\e611";
  color: #9B3F34;
}
.icon-ruby:after {
  content: "\e612";
  color: #DE4E2B;
  position: absolute;
  left: 0;
}