@font-face {
    font-family: 'utlicomoon';
    src:url('fonts/icomoon.eot?qq133233=12223sa1321');
    src:url('fonts/icomoon.eot?#iefixqq12333=1232342131231321') format('embedded-opentype'),
    url('fonts/icomoon.woff?qq11232333=1232131231321') format('woff'),
    url('fonts/icomoon.ttf?qq112333=1232123431321') format('truetype'),
    url('fonts/icomoon.svg?qq1123133=123341231321#icomoon') format('svg');
    font-weight: normal;  font-style: normal; font-display: swap;
}
.share-socials {
    font-size: 0;
    white-space: nowrap;
}
.share-socials__button {
    display: inline-block;
    vertical-align: top;
    background: none;
    border: 0;
    padding: 0;
    margin: 0 7px 0 0;
    cursor: pointer;
}
.share-socials__icon {
    display: block;
    border-radius: 90px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-family: 'utlicomoon';
}
.share-socials__icon:before {
    display: block;
    color: #fff;
}
.share-socials__icon-fb {
    background: #45639e;
}
.share-socials__icon-fb:before {
    content: '\e619';
}
.share-socials__icon-vk {
    background: #51749c;
}
.share-socials__icon-vk:before {
    content: '\e603';
}
.share-socials__icon-ok {
    background: #fa890f;
}
.share-socials__icon-ok:before {
    content: '\e60d';
}
.share-socials__icon-tm {
    background: #0088cc;
}
.share-socials__icon-tm:before {
    content: '\e901';
}
.share-socials__icon-tw {
    background: #23b9eb;
}
.share-socials__icon-tw:before {
    content: '\e604';
}
.share-socials__icon-wh {
    background: #5edb57;
}
.share-socials__icon-wh:before {
    content: '\e623';
}