@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.social-likes__icon {
top: 0;
left: .21em;
/*font-family: "social-likes";*/
font-family: "FontAwesome";
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
font-size: 1.15em;
vertical-align: baseline;
}

.social-likes__widget_comments {
background: #006D55;
}

.social-likes__icon_comments:before {
content: "\f075";
}

.social-likes__icon_facebook:before {
content: "\f09a";
}

.social-likes__icon_twitter:before {
content: "\f099";
}

.social-likes__icon_plusone:before {
content: "\f0d5";
}

.social-likes__icon_vkontakte:before {
content: "\f189";
}

.social-likes__button_odnoklassniki .social-likes__icon {
font-family: "social-likes";
}

/*Pinterest*/
.social-likes__icon_pinterest:before {
content: "\f0d2";
}

/* LinkedIn */
.social-likes__widget_linkedin {
background: #007bb6;
}
.social-likes__icon_linkedin:before {
content: "\f0e1";
}

/* Reddit */
.social-likes__widget_reddit {
background: #007bb6;
}
.social-likes__icon_reddit:before {
content: "\f1a1";
}

/* Pocket */
.social-likes__widget_pocket {
background: #007bb6;
}
.social-likes__icon_pocket:before {
content: "\f1e0";
}

/* Mail.ru */
.social-likes__button_mailru .social-likes__icon {
font-family: "social-likes";
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
    width: 100%;
	display: block;
}