.soc-buttons {
    width: 800px; text-align: left; margin-bottom: 10px;
}
.social-likes {
    display: inline-block
}

.social-likes, .social-likes__widget {
    padding: 0;
    vertical-align: middle !important;
    word-spacing: 0 !important;
    text-indent: 0 !important;
    list-style: none !important
}

.social-likes {
    opacity: 0
}

.social-likes_visible {
    opacity: 1;
    transition: opacity .1s ease-in
}

.social-likes > * {
    display: inline-block;
    visibility: hidden
}

.social-likes_vertical > * {
    display: block
}

.social-likes_visible > * {
    visibility: inherit
}

.social-likes__widget {
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.social-likes__widget:after, .social-likes__widget:before {
    display: none !important
}

.social-likes_vertical .social-likes__widget {
    float: left;
    clear: left
}

.social-likes__button, .social-likes__counter, .social-likes__icon {
    text-decoration: none;
    text-rendering: optimizeLegibility
}

.social-likes__button {
    display: inline-block;
    margin: 0;
    outline: 0
}

.social-likes__counter {
    margin: 0;
    outline: 0
}

.social-likes__button {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.social-likes__button:before {
    content: "";
    display: inline-block
}

.social-likes__icon {
    position: absolute;
    top: 0;
    left: 0
}

.social-likes__counter {
    display: none;
    position: relative
}

.social-likes__counter_single, .social-likes_ready .social-likes__counter {
    display: inline-block;
    padding-left: 10px;
    padding-right: 20px;
    line-height: 16px;
}

.social-likes_ready .social-likes__counter_empty {
    display: none
}

.social-likes_vertical .social-likes__widget {
    display: block
}

.social-likes_notext .social-likes__button {
    padding-left: 0
}

.social-likes_single-w {
    position: relative;
    display: inline-block
}

.social-likes_single {
    position: absolute;
    text-align: left;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .11s, opacity .1s ease-in;
    -webkit-backface-visibility: hidden;
    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-likes {
    height: 32px;
    margin: 0;
}

.social-likes__widget {
    margin-top: 11px;
    margin-right: -3px;
    min-width: 60px;
    border-right: 1px solid #e6e6e6;
    height: 18px;
    text-align: left;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #999999;
}

.social-likes__widget:last-child {
    border-right: none;
}

.social-likes__widget:active, .social-likes__widget:focus, .social-likes__widget:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer
}

.social-likes__button, .social-likes__counter {
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    height: 20px;
    cursor: inherit
}

.social-likes__button {
    margin-top: -3px;
    margin-left: 19px;
    width: 24px;
    height: 24px;
    font-weight: 400;
    border-right: 0
}

.social-likes__widget:first-child .social-likes__button {
    margin-left: 0;
}

.social-likes__icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.social-likes__counter {
    font-weight: 400;
    text-align: center;
}

.social-likes__widget:active > .social-likes__counter, .social-likes__widget:focus > .social-likes__counter, .social-likes__widget:hover > .social-likes__counter, .social-likes__widget_active > .social-likes__counter {
    position: relative;
    border-left-color: transparent;
    color: #333333;
}

.social-likes__widget:active > .social-likes__counter:before, .social-likes__widget:focus > .social-likes__counter:before, .social-likes__widget:hover > .social-likes__counter:before, .social-likes__widget_active > .social-likes__counter:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    opacity: .4
}

.social-likes_vertical {
    margin: -6px
}

.social-likes_vertical .social-likes__widget {
    margin: 6px
}

.social-likes_notext {
    margin: -3px
}

.social-likes_notext .social-likes__widget {
    margin: 3px
}

.social-likes_notext .social-likes__button {
    width: 18px
}

.social-likes_notext .social-likes__icon {
    width: 100%;
    background-position: center center
}

.social-likes__widget_single {
    margin: 0
}

.social-likes_single {
    margin: -12px 0 0;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

.social-likes__single-container {
    width: 100%;
    display: table
}

.social-likes_single .social-likes__widget {
    float: none;
    display: table-row;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.social-likes_single .social-likes__button {
    display: block;
    padding: 2px 6px 2px 24px
}

.social-likes_single .social-likes__icon {
    margin-left: 4px;
    margin-top: 2px
}

.social-likes_single .social-likes__counter {
    display: table-cell;
    padding: 2px 8px 2px 4px;
    border-left: 0;
    text-align: right
}

.social-likes_single .social-likes__widget:active > .social-likes__counter:before, .social-likes_single .social-likes__widget:focus > .social-likes__counter:before, .social-likes_single .social-likes__widget:hover > .social-likes__counter:before {
    display: none
}

.social-likes__icon_single {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAaElEQVR42mIxL/zLgATkgXgBECcC8QOYIBOagvVA7ADEa4FYAV0RIxDPAeIUKD8VygeJM7BABf8DsScQ/4HyzwGxB1QcrKgByUpk9h8YnwlJElkBiiYmBiIAbRUx0s46FizhgwEAAgwAkmYQfIjC7tcAAAAASUVORK5CYII=)
}

.social-likes__widget_active, .social-likes__widget_single:active, .social-likes__widget_single:focus, .social-likes__widget_single:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #3673f4;
    border-color: #3673f4;
    color: #fff
}

.social-likes__widget_active .social-likes__icon_single, .social-likes__widget_single:active .social-likes__icon_single, .social-likes__widget_single:focus .social-likes__icon_single, .social-likes__widget_single:hover .social-likes__icon_single {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=)
}

.social-likes__icon_facebook {
    background-image: url(../i/social-likes/fb.svg);
}

.social-likes__icon_twitter {
    background-image: url(../i/social-likes/tw.svg);
}

.social-likes__icon_plusone {
    background-image: url(../i/social-likes/g+.svg);
}

.social-likes__icon_mailru {
    background-image: url(../i/social-likes/mm.svg);
}

.social-likes__icon_vkontakte {
    background-image: url(../i/social-likes/vk.svg);
}


.social-likes__icon_odnoklassniki {
    background-image: url(../i/social-likes/ok.svg);
}