/* FontFace */
@font-face {
    font-family: "social-likes";
    src: url("data:application/x-font-woff;charset=utf-8;base64,...") format("woff");
    font-weight: 400;
    font-style: normal;
}

/* Base Styles */
.social-likes, .social-likes__widget {
    padding: 0;
    vertical-align: middle;
    word-spacing: 0;
    text-indent: 0;
    list-style: none;
    line-height: 1.5;
    font-size: 14px;
}
.social-likes {
    opacity: 0;
    transform: translate3d(0,0,0);
    min-height: 40px;
    margin: 0 0 0 30px;
    text-align: center;
    float: left;
}
.social-likes_visible {
    opacity: 1;
    transition: opacity .1s ease-in;
}
.social-likes > * { visibility: hidden; }
.social-likes_visible > * { visibility: inherit; }
.social-likes_vertical > * { display: block; }

/* Widget Styles */
.social-likes__widget {
    position: relative;
    white-space: nowrap;
    margin: 0 10px 0 0;
    border: 1px solid #bbb;
    text-align: left;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    color: #000;
    transition: opacity 0.1s;
    float: left;
    opacity: 0.8;
}
.social-likes__widget:hover { opacity: 1; }
.social-likes_vertical .social-likes__widget {
    display: block;
    float: left;
    clear: left;
    min-width: 13em;
}
.social-likes_light .social-likes__widget {
    min-width: 0;
    background: transparent;
}

/* Button, Counter, and Icon Styles */
.social-likes__button, .social-likes__counter {
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: baseline;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    margin: 0;
    outline: 0;
}
.social-likes__button {
    position: relative;
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 0 10px 0 30px;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.social-likes_notext .social-likes__button { padding-left: 0; }
.social-likes_light .social-likes__button {
    min-width: 0;
    padding-left: 1.35em;
    font-weight: 400;
    text-decoration: none; /* No underline by default */
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
.social-likes_light .social-likes__button:hover { text-decoration: underline; } /* Underline on hover */
.social-likes__counter {
    display: none;
    position: relative;
    padding-right: .5em;
    font-weight: 400;
    font-size: .85em;
}
.social-likes_ready .social-likes__counter, .social-likes__counter_single { display: inline-block; }
.social-likes_ready .social-likes__counter_empty { display: none; }
.social-likes_vertical .social-likes__counter {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: .3em;
}
.social-likes_light .social-likes__counter {
    position: static;
    margin-top: 0;
    color: #999;
}
.social-likes__icon {
    position: absolute;
    top: 1px;
    left: 10px;
    font-family: "social-likes";
    font-weight: 400;
    line-height: 34px;
    font-style: normal;
    speak: none;
    text-transform: none;
    vertical-align: middle;
    text-decoration: none;
    text-rendering: optimizeLegibility;
}
.social-likes__icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
}
.social-likes_light .social-likes__icon {
    margin-top: -.1em;
    margin-left: -.25em;
}

/* Single Mode Styles */
.social-likes_single-w {
    position: relative;
    display: inline-block;
    line-height: 1.5;
}
.social-likes__widget_single { font-size: 14px; }
.social-likes_single {
    position: absolute;
    text-align: left;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .11s, opacity .1s ease-in;
    backface-visibility: hidden;
}
.social-likes_single.social-likes_opened {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s ease-out;
}
.social-likes__button_single { position: relative; }

/* Social Media Specific Styles */
.social-likes__icon_facebook:before { content: "\f101"; color: #4862a3; }
.social-likes__icon_facebook { font-size: 1.1em; }
.social-likes__widget_facebook:hover { border-color: #4862a3; color: #4862a3; }

.social-likes__icon_twitter:before { content: "\f108"; color: #359bed; }
.social-likes__widget_twitter:hover { border-color: #359bed; color: #359bed; }

.social-likes__icon_plusone:before { content: "\f106"; color: #d94533; }
.social-likes__icon_plusone { }
.social-likes_notext .social-likes__icon_plusone { margin-left: 0; }
.social-likes_light .social-likes__icon_plusone { margin-top: 0; }
.social-likes__widget_plusone:hover { border-color: #d94533; color: #d94533; }

.social-likes__icon_vkontakte:before { content: "\f109"; color: #4d75a3; }
.social-likes__icon_vkontakte { top: 5px; }
.social-likes__widget_vkontakte:hover { border-color: #4d75a3; color: #4d75a3; }

.social-likes__icon_github:before { content: "\f102"; }
.social-likes__icon_mailru:before { content: "\f103"; }
.social-likes__icon_odnoklassniki:before { content: "\f104"; }
.social-likes__icon_pinterest:before { content: "\f105"; }
.social-likes__icon_single:before { content: "\f107"; }