i.fa {
                margin-top: 9px;
                /* font-family: "Font Awesome 5 Brands"; */
                font-weight: 400; 

            }
            i.fa .vk-button {
							margin-top: 11px;

						}
						.vk-button {
							background: #0077FF;
							/*цвет кнопки*/
							right: 10px;
							top: 50px;
						}

						.vk-button:before,
						.vk-button:after {
								border: 1px solid #0077FF;
								/*цвет анимированных волн от кнопки*/
						}

            .telegram-button {
                background: #0088cc;
                /*цвет кнопки*/
                right: 10px;
                top: 120px;
            }

            .telegram-button:before,
            .telegram-button:after {
                border: 1px solid #0088cc;
                /*цвет анимированных волн от кнопки*/
            }


            .whatsapp-button {
                background: #25d366;
                /*цвет кнопки*/
                right: 10px;
                top: 205px;
            }

            .whatsapp-button:before,
            .whatsapp-button:after {
                border: 1px solid #25d366;
                /*цвет анимированных волн от кнопки*/
            }

            .soc_btn {
								position: fixed;
								transform: translate(-60%, 110%);
								border-radius: 50%;
								width: 75px;
								height: 75px;
								color: #fff;
								text-align: center;
								line-height: 70px;
								font-size: 57px;
								z-index: 9999999;
            }

            .soc_btn a {
                color: #fff;
            }

            .soc_btn:before,
            .soc_btn:after {
                content: " ";
                display: block;
                position: absolute;
                border: 50%;
                left: -20px;
                right: -20px;
                top: -20px;
                bottom: -20px;
                border-radius: 50%;
                animation: animate 1.5s linear infinite;
                opacity: 0;
                backface-visibility: hidden;
            }

            .soc_btn:after {
                animation-delay: .5s;
            }

            @keyframes animate {
                0% {
                    transform: scale(0.5);
                    opacity: 0;
                }

                50% {
                    opacity: 1;
                }

                100% {
                    transform: scale(1.2);
                    opacity: 0;
                }
            }

@media (max-width: 880px){
	.sp-scroll-up {
    bottom: 10px;
    right: 20px;
	}
	.soc_btn {
		width: 55px;
    height: 55px;
		line-height: 1;
		font-size: 30px;
	}
	i.fa {
		font-size: 30px;

	}
	.vk-button {
    top: unset;
bottom: 180px;
    right: 24px;
    transform: scale(1.2);
}
.telegram-button {
		top: unset;
		bottom: 180px;
		right: 30px;
    transform: scale(1.2);
}
.whatsapp-button {
    top: unset;
    bottom: 110px;
    right: 30px;
    transform: scale(1.2);
}
}