.i_social {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    border-radius: 2px;
    background-size: 28px 28px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.i_social__vk {
    background-color: #48729e;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.623 7.66c.12-.372 0-.643-.525-.643h-1.745c-.44 0-.644.237-.763.491 0 0-.898 2.17-2.152 3.576-.406.406-.593.542-.813.542-.119 0-.271-.136-.271-.508V7.644c0-.44-.136-.644-.509-.644H10.1c-.27 0-.44.203-.44.407 0 .423.627.525.694 1.711v2.576c0 .559-.101.66-.322.66-.593 0-2.033-2.185-2.897-4.676-.17-.492-.339-.678-.78-.678H4.593C4.085 7 4 7.237 4 7.491c0 .458.593 2.762 2.762 5.813 1.44 2.084 3.49 3.202 5.338 3.202 1.118 0 1.254-.254 1.254-.678v-1.575c0-.509.101-.594.457-.594.254 0 .712.136 1.746 1.136 1.186 1.186 1.39 1.728 2.05 1.728h1.745c.509 0 .746-.254.61-.745-.152-.492-.728-1.203-1.474-2.05-.407-.475-1.017-1-1.203-1.255-.254-.339-.186-.474 0-.78-.017 0 2.118-3.015 2.338-4.032' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.i_social__fb {
    background-color: #3c5a98;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.423 20v-7.298h2.464l.369-2.845h-2.832V8.042c0-.824.23-1.385 1.417-1.385h1.515V4.111A20.255 20.255 0 0014.148 4c-2.183 0-3.678 1.326-3.678 3.76v2.097H8v2.845h2.47V20h2.953z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.i_social__ok {
    background-color: #ff9f4d;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.674 6.536a1.69 1.69 0 00-1.688 1.688c0 .93.757 1.687 1.688 1.687a1.69 1.69 0 001.688-1.687 1.69 1.69 0 00-1.688-1.688zm0 5.763a4.08 4.08 0 01-4.076-4.075 4.08 4.08 0 014.076-4.077 4.08 4.08 0 014.077 4.077 4.08 4.08 0 01-4.077 4.075zm-1.649 3.325a7.633 7.633 0 01-2.367-.98 1.194 1.194 0 011.272-2.022 5.175 5.175 0 005.489 0 1.194 1.194 0 111.272 2.022 7.647 7.647 0 01-2.367.98l2.279 2.28a1.194 1.194 0 01-1.69 1.688l-2.238-2.24-2.24 2.24a1.193 1.193 0 11-1.689-1.689l2.279-2.279' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.i_social__tg {
    background-color: #64a9dc;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.i_social__yam {
    background-color: #00BFBF;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300BFBF' d='M0 0h64v64H0z'/%3E%3Cpath d='M50.902 30.925a1.731 1.731 0 00-.803-.96l-29.94-16.74a1.767 1.767 0 00-2.627 1.536v6.299l-2.266-.67a1.768 1.768 0 00-1.855.558 1.758 1.758 0 00-.223 1.92l4.344 8.632-4.344 8.632a1.758 1.758 0 001.067 2.476c.33.099.681.1 1.011.002l2.266-.67v6.3a1.757 1.757 0 00.873 1.519 1.768 1.768 0 001.755.017l29.938-16.74a1.73 1.73 0 00.803-.961 1.726 1.726 0 000-1.15z' fill='%23fff'/%3E%3Cpath d='M51 31a1.732 1.732 0 00-.794-.965l-29.608-16.81a1.728 1.728 0 00-1.735.018c-.263.155-.48.378-.632.646-.151.268-.231.57-.231.879v6.325L51 31z' fill='%23FAFFFE'/%3E%3Cpath d='M18 48.232c0 .309.08.611.231.88.151.267.37.49.632.645a1.728 1.728 0 001.735.017l29.607-16.809c.375-.21.658-.554.795-.965l-33 9.907v6.325z' fill='%23A7E9E9'/%3E%3Cpath d='M50.901 30.435L15.266 20.07a1.798 1.798 0 00-1.011.003c-.33.097-.623.287-.844.546a1.704 1.704 0 00-.223 1.889L17.532 31H51a1.722 1.722 0 00-.099-.565z' fill='%23BBF5F5'/%3E%3Cpath d='M17.532 32l-4.345 8.491a1.705 1.705 0 00.224 1.889c.221.259.514.449.844.546.33.098.68.099 1.01.002h.001l35.635-10.363c.065-.182.098-.373.099-.565H17.532z' fill='%23FAFFFE'/%3E%3C/svg%3E");
}

.i_social__ya {
    background-color: #e71e1e;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 21' width='11' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.197 12.953L2.614 21H0l3.936-8.606C2.086 11.454.852 9.751.852 6.608.852 2.203 3.642 0 6.96 0h3.377v21H8.077v-8.047h-1.88zm1.88-11.044H6.873c-1.821 0-3.584 1.204-3.584 4.7 0 3.377 1.616 4.464 3.584 4.464h1.204V1.909z' fill='white'/%3E%3C/svg%3E");
}


.i_social__ig {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.i_social__ig:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    fill: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21' cy='21' r='6.6' stroke='%23fff' stroke-width='2.8'/%3E%3Ccircle cx='30' cy='13' r='2' fill='%23fff'/%3E%3Crect x='7' y='7' width='28' height='28' rx='7' stroke='%23fff' stroke-width='3' stroke-miterlimit='1.305' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}