.socMenu {
}

.socMenu__items {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.socMenu__item {
    display: inline-block;
    width: 3.875rem;
    margin-right: 0.5rem;
    vertical-align: top;
}

.socMenu__item:last-child {
    margin-right: 0;
}

.socMenu__link {
    --offset: 0.3125rem;
    background: #D32F23 url(images/sprite_socset.svg?v26) 0 0 no-repeat;
    background-size: 100% auto;
    display: block;
    padding-top: calc(100% - var(--offset)*2);
    height: 0;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 0.3125rem;
    border: var(--offset) solid transparent;
}

.socMenu__link:hover {
    opacity: 0.8;
}

.socMenu__link._youtubecom {
    background-position: 0 0%;
}

.socMenu__link._vkcom {
    background-position: 0 11.1%;
}

.socMenu__link._facebookcom {
    background-position: 0 22.2%;
}

.socMenu__link._twittercom {
    background-position: 0 33.3%;
}

.socMenu__link._okru,
.socMenu__link._odnoklassnikiru {
    background-position: 0 44.4%;
}

.socMenu__link._instagramcom {
    background-position: 0 55.5%;
}

.socMenu__link._wame {
    background-position: 0 66.6%;
}

.socMenu__link._viber {
    background-position: 0 77.7%;
}

.socMenu__link._rutuberu {
    background-position: 0 88.8%;
}


/*desktops*/
@media (max-width: 1400px) {
    .socMenu__item {
        margin-right: 0.25rem;
    }
}

/*desktops*/
@media (max-width: 1200px) {

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/
@media (max-width: 767px) {
    .socMenu__items {
        width: 100%;
        text-align: center;
    }
}