/*! Social Likes v3.1.2 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */

.social-likes, .social-likes__widget {
    display: inline-block;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

.social-likes__button {
    position: relative;
    -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_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__widget {
    display: block
}

.social-likes_notext .social-likes__button {
    padding-left: 0;
    padding-right: 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 {
    min-height: 40px;
    margin: -6px
}

.social-likes, .social-likes_single-w {
    line-height: 19px
}

.social-likes__widget {
    margin: 6px;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 19px
}

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

.social-likes__button, .social-likes__counter {
    vertical-align: middle;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    cursor: inherit
}

.social-likes__button {
    padding: 1px 6px 1px 20px;
    font-weight: 400;
    border-right: 0
}

.social-likes__icon {
    width: 20px;
    height: 18px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.social-likes__counter {
    min-width: 25px;
    padding: 1px 4px;
    font-weight: 400;
    text-align: center;
    /* border-left: 1px solid #ccc */
    margin-top: 2px;
    color: white; 
}

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

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

.social-likes_vertical {
    margin: -6px
}

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

.social-likes_notext {
    margin: -3px;
    width: 86%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.social-likes_notext .social-likes__widget {
    margin: 3px;
    width: 100%;
}

.social-likes_notext:hover .social-likes__widget:hover {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 3px 0px #eaeaea;
}

.social-likes_notext .social-likes__button {
    width: 100%;
}

.social-likes_notext .social-likes__icon {
    width: 100%;
    background-position: 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:hover>.social-likes__counter:before, .social-likes_single .social-likes__widget:focus>.social-likes__counter:before, .social-likes_single .social-likes__widget:active>.social-likes__counter:before {
    display: none
}

.social-likes__icon_single {
    background-image: url("single.png")
}

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

.social-likes__widget_single:hover .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_active .social-likes__icon_single {
    background-image: url("single2.png")
}

.social-likes__icon_facebook {
    background-image: url("white-facebook-icon-png-like-us-on-facebook-to-stay-up-31.png");
    background-size: 0.5em; 
}

/* .social-likes__widget_facebook:hover, .social-likes__widget_facebook:active, .social-likes__widget_facebook:focus {
    background: #425497;
    border-color: #425497
} */

.social-likes__widget_facebook {
    background-color: #23589C;
}

/* .social-likes__widget_facebook .social-likes__icon_facebook, .social-likes__widget_facebook:active .social-likes__icon_facebook, .social-likes__widget_facebook:focus .social-likes__icon_facebook {
    background-image: url("white-facebook-icon-png-like-us-on-facebook-to-stay-up-31.png");

} */
.social-likes__icon_twitter {
    background-image: url("dove-vector-minimalist-2.png");
    background-size: 1.1em;
}

.social-likes__widget_twitter {
    background: #00b7ec;
    border-color: #00b7ec
}

/* .social-likes__widget_twitter:hover .social-likes__icon_twitter, .social-likes__widget_twitter:active .social-likes__icon_twitter, .social-likes__widget_twitter:focus .social-likes__icon_twitter {
    background-image: url("twitter2.png")
} */

.social-likes__icon_plusone {
    background-image: url("plusone.png")
}

.social-likes__widget_plusone:hover, .social-likes__widget_plusone:active, .social-likes__widget_plusone:focus {
    background: #dd4241;
    border-color: #dd4241
}

.social-likes__widget_plusone:hover .social-likes__icon_plusone, .social-likes__widget_plusone:active .social-likes__icon_plusone, .social-likes__widget_plusone:focus .social-likes__icon_plusone {
    background-image: url("plusone2.png")
}

.social-likes__icon_mailru {
    background-image: url("mailru.png")
}

.social-likes__widget_mailru:hover, .social-likes__widget_mailru:active, .social-likes__widget_mailru:focus {
    background: #255896;
    border-color: #255896;
    color: #ffcd00
}

.social-likes__widget_mailru:hover .social-likes__icon_mailru, .social-likes__widget_mailru:active .social-likes__icon_mailru, .social-likes__widget_mailru:focus .social-likes__icon_mailru {
    background-image: url("mailru2.png")
}

.social-likes__icon_vkontakte {
    background-image: url("25684.png");
    background-size: 1.3em;
}

.social-likes__widget_vkontakte {
    background: #526e8f;
    border-color: #526e8f
}

/* .social-likes__widget_vkontakte:hover .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:active .social-likes__icon_vkontakte, .social-likes__widget_vkontakte:focus .social-likes__icon_vkontakte {
    background-image: url("vk2.png")
} */

.social-likes__icon_odnoklassniki {
    background-image: url("kisspng-odnoklassniki-computer-icons-social-networking-ser-5aea68c4b0a7b4.0454364615253116847236.png");
    background-position: 6px 3px;
    background-size: 0.6em;
}

.social-likes__widget_odnoklassniki {
    background: #f6903b;
    border-color: #f6903b
}

/* .social-likes__widget_odnoklassniki:hover .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:active .social-likes__icon_odnoklassniki, .social-likes__widget_odnoklassniki:focus .social-likes__icon_odnoklassniki {
    background-image: url("ok2.png")
} */

.social-likes__icon_pinterest {
    background-image: url("pin.png")
}

.social-likes__widget_pinterest:hover, .social-likes__widget_pinterest:active, .social-likes__widget_pinterest:focus {
    background: #cc002b;
    border-color: #cc002b
}

.social-likes__widget_pinterest:hover .social-likes__icon_pinterest, .social-likes__widget_pinterest:active .social-likes__icon_pinterest, .social-likes__widget_pinterest:focus .social-likes__icon_pinterest {
    background-image: url("pin2.png")
}