/* share button */
.share {}
.sharewrapper {
    font-size: 0;
    margin-left: -10px;
}
.sharewrapper-ext {
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 767px){
    .sharewrapper-ext {
        width: 50px;
        height: 30px;
        border-radius: 2px;
        background: url("../img/socials/share-ext.svg") center no-repeat;
        background-size: 24px 6px;
        background-color: #F0F0F0;
        margin-left: 10px;
        cursor: pointer;
        position: relative;
    }

    .sharewrapper-ext__inner {
        display: none;
        cursor: default;
    }
    .sharewrapper-ext_opened {
        display: inline;
        width: auto;
        background: none;
        margin-left: 0;
    }

    .sharewrapper-ext_opened .sharewrapper-ext__inner {
        display: inline;
        width: auto;
    }
}

.sharewrapper__title {
    font-size: 14px;
    line-height: 7px;
    font-weight: bold;
    color: #000;
    margin-bottom: 12px;
}

.sharebutton {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #221f74;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: right;
    overflow: hidden;
}
.sharebutton_count{
    width: auto;
}

.sharebutton_fb {
    background: url('../img/socials/fb.svg') center no-repeat;
    background-size: 6px 13px;
    background-color: #3A559F;
}
.sharebutton_vk {
    background: url('../img/socials/vk.svg') center no-repeat;
    background-size: 13px 8px;
    background-color: #44678D;
}
.sharebutton_fb.sharebutton_count {
    background-position: 10px center;
}
.sharebutton_vk.sharebutton_count {
    background-position: 10px center;
}

.sharebutton_tw {
    background: url('../img/socials/tw.svg') 10px center no-repeat;
    background-size: 12px 10px;
    background-color: #50ABF1;
}
.sharebutton_ok {
    background: url('../img/socials/ok.svg') 10px center no-repeat;
    background-size: 10px 16px;
    background-color: #F2720C;
}
.sharebutton_lj {
    background: url('../img/socials/livejournal.svg') center no-repeat;
    background-size: 18px 18px;
    background-color: #00B0EA;
}
.sharebutton_mail {
    background: url('../img/socials/mail.svg') center no-repeat;
    background-size: 17px 17px;
    background-color: #168DE2;
}
.sharebutton_gplus {
    background: url('../img/socials/gplus.svg') center no-repeat;
    background-size: 17px 13px;
    background-color: #DC4E41;
}
.sharebutton_viber {
    background: url('../img/socials/viber.svg') center no-repeat;
    background-size: 14px 14px;
    background-color: #7D3DAF;
}
.sharebutton_whatsapp {
    background: url('../img/socials/whatsapp.svg') center no-repeat;
    background-size: 18px 18px;
    background-color: #1BD741;
}
.sharebutton_telegram {
    background: url('../img/socials/telegram.svg') center no-repeat;
    background-size: 14px 12px;
    background-color: #31A8E0;
}
.sharebutton__count {
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 28px;
}

@media screen and (min-width: 768px){
    .share {
        padding-top: 15px;
    }

    .sharewrapper__title, .sharewrapper {
        display: inline-block;
        vertical-align: middle;
    }

    .sharewrapper__title {
        margin-right: 15px;
    }
}
/* x_share_button */