#social-links {
    position: fixed;
    z-index: 6;
    background-size: 100%;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #76bc21;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.33);
}
#social-links.active {
    background-color: #fff;
}
#social-links button {
    position: relative;
    z-index: 1001;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0MSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjE4NyAxLjY5MDYzQzI0LjQwMTQgMS4zNjE5NCAyNS42OTQxIDEuMTgzODQgMjcuMDM0MyAxLjE4Mzg0QzM0LjE4MjMgMS4xODM4NCA0MCA2LjI0ODk5IDQwIDEyLjQ3MzRDNDAgMTUuNzUyMSAzOC40MDEyIDE4LjgxNiAzNS41OTA3IDIwLjk1OTFWMjcuMDgyM0wyOS40OTggMjMuNTU2OEMyOC44NTM1IDIzLjY2NjcgMjguMjAzMyAyMy43MzEgMjcuNTU0NSAyMy43NTQ3QzI0LjcxMjggMjYuMTg2OSAyMC44MTU4IDI3LjY5MjUgMTYuNTIwMiAyNy42OTI1QzE1LjQ5NCAyNy42OTI1IDE0LjQ1OTMgMjcuNjAyMyAxMy40Mzg5IDI3LjQyNTlMNi4yMjc1NiAzMS42VjI0LjM2NDNDMi43NzA0MyAyMS43NjgyIDAuNzk5OTg4IDE4LjAzNjUgMC43OTk5ODggMTQuMDQ1NEMwLjc5OTk4OCA2LjUyMTYzIDcuODUyNzYgMC40MDAwMjQgMTYuNTIwMiAwLjQwMDAyNEMxOC45MDE0IDAuNDAwMDI0IDIxLjE2MSAwLjg2Mzk0IDIzLjE4NyAxLjY5MDYzWk0xMy40NDk1IDI1LjE5NTRDMTQuNDYxNCAyNS4zOTI3IDE1LjQ5NjEgMjUuNDkzOCAxNi41MjAyIDI1LjQ5MzhDMTkuMzY2MSAyNS40OTM4IDIyLjAxMTcgMjQuNzUyOSAyNC4xOTg5IDIzLjQ4ODFDMTguNDA4MSAyMi4zNjEzIDE0LjA2NyAxNy44NTE5IDE0LjA2NyAxMi40NzM0QzE0LjA2NyA4LjQ5NzEzIDE2LjQ0MTkgNC45OTc0MyAyMC4wMjA3IDIuOTg1NjZDMTguOTAzNSAyLjczMzkxIDE3LjczMDQgMi41OTg2OSAxNi41MjAyIDIuNTk4NjlDOS4wMTc0OCAyLjU5ODY5IDIuOTE0NzYgNy43MzQ3NSAyLjkxNDc2IDE0LjA0NTRDMi45MTQ3NiAxNy40Njc2IDQuNzIxODQgMjAuNjg2NSA3Ljg3MzM4IDIyLjg3NjNMOC4zNDIzMyAyMy4yMDA2VjI3Ljg1OTZMMTMuMDczNiAyNS4xMjIzTDEzLjQ0OTUgMjUuMTk1NFpNMzMuNDc1OSAxOS44MDE1TDMzLjk0NjQgMTkuNDc1NkMzNi40NDk4IDE3LjczNTkgMzcuODg1MiAxNS4xODMyIDM3Ljg4NTIgMTIuNDczNEMzNy44ODUyIDcuNDYyMTEgMzMuMDE3NSAzLjM4MjUxIDI3LjAzNDMgMy4zODI1MUMyNi44MDExIDMuMzgyNTEgMjYuNTcxNyAzLjM5MTMgMjYuMzQyMiAzLjQwMzk0QzI1LjE5MjMgMy40NjQ0MSAyNC4wOTE2IDMuNjc2NTggMjMuMDY0OSA0LjAxNDA3QzE5LjAzOTkgNS4zNDQ4MSAxNi4xODE4IDguNjM0NTQgMTYuMTgxOCAxMi40NzM0QzE2LjE4MTggMTcuNDE0MyAyMC45MDY3IDIxLjQ0MjMgMjYuNzY5OSAyMS41NTk5QzI2LjgwMDIgMjEuNTYwNiAyNi44MzAyIDIxLjU2MTYgMjYuODYgMjEuNTYyNkMyNi45MTc4IDIxLjU2NDYgMjYuOTc1IDIxLjU2NjUgMjcuMDMyMiAyMS41NjY1QzI3Ljg1MjIgMjEuNTY2NSAyOC42ODAxIDIxLjQ4NTEgMjkuNDkwMSAyMS4zMjg1TDI5Ljg1NzUgMjEuMjU3NkwyOS44NjYgMjEuMjU1NEwzMy40NzU5IDIzLjM0NDZWMTkuODAxNVpNMTkuODA2MSAxMy4xMkwyOC45OTggOC43OTk5OUwyOC40MDk4IDExLjY4SDM1LjI0ODVMMjYuMDU2NiAxNkwyNi42NDQ4IDEzLjEySDE5LjgwNjFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
    background-size: 67%;
    background-color: transparent;
    -webkit-transition: background-size .1s linear;
    transition: background-size .1s linear;
    -webkit-appearance: button;
    outline: none;
    border: 0;
}
#social-links.active button {
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTMxIDYxQzQ3LjU2ODUgNjEgNjEgNDcuNTY4NSA2MSAzMUM2MSAxNC40MzE1IDQ3LjU2ODUgMSAzMSAxQzE0LjQzMTUgMSAxIDE0LjQzMTUgMSAzMUMxIDQ3LjU2ODUgMTQuNDMxNSA2MSAzMSA2MVoiIHN0cm9rZT0iIzc2YmMyMSIvPiAgICA8cGF0aCBkPSJNMzguNzYyNyAyMy4xMTUyTDIyLjQ3MSAzOS40MDciIHN0cm9rZT0iIzc2YmMyMSIvPiAgICA8cGF0aCBkPSJNMzguNzYyNyAzOS40MDdMMjIuNDcxIDIzLjExNTIiIHN0cm9rZT0iIzc2YmMyMSIvPjwvc3ZnPg==);
}
#social-links ul {
    position: absolute;
    top: -100px;
    left: 10px;
    list-style: none;
    display: none;
}
#social-links.active ul {
    display: block;
}
#social-links ul li {
	list-style: none;
	list-style-type: none;
}

#social-links ul li a {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 40px;
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
#social-links ul li span {
    color: #555;
    right: 120%;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-decoration: none;
    position: absolute;
    box-sizing: inherit;
    top: 10px;
	text-shadow: 3px 0 5px #fff, 2px 1px 2px #fff, -2px 0 3px #fff, 0 -3px 5px #fff;
}
#social-links ul li a.telegram {
background:#229ed9 url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='40' viewBox='0 0 24 24' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' fill='%23039be5' r='12'/%3E%3Cpath d='m5.491 11.74 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z' fill='%23fff'/%3E%3C/svg%3E") 50% no-repeat;
}

#social-links ul li a.whatsapp {
    background: #25d366 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIxIDQxQzMyLjA0NTcgNDEgNDEgMzIuMDQ1NyA0MSAyMUM0MSA5Ljk1NDMgMzIuMDQ1NyAxIDIxIDFDOS45NTQzIDEgMSA5Ljk1NDMgMSAyMUMxIDMyLjA0NTcgOS45NTQzIDQxIDIxIDQxWiIgZmlsbD0iIzI1RDM2NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYuNjU0NyAyMy4xODU0QzI2LjU4NjcgMjMuMDc1NyAyNi40MTE0IDIzLjAxMDEgMjYuMTQ4IDIyLjg3OUMyNS44ODIgMjIuNzQ3OSAyNC41Nzk3IDIyLjExMTMgMjQuMzM3NiAyMi4wMjQzQzI0LjA5NTYgMjEuOTM3MyAyMy45MTY2IDIxLjg5MzIgMjMuNzQxMyAyMi4xNTU0QzIzLjU2NjEgMjIuNDE4OSAyMy4wNTY4IDIzLjAxMDEgMjIuOTAxNyAyMy4xODU0QzIyLjc0NzkgMjMuMzYxOSAyMi41OTQxIDIzLjM4MzMgMjIuMzI5NCAyMy4yNTA5QzIyLjA2NDYgMjMuMTE5OCAyMS4yMTEyIDIyLjg0MjUgMjAuMjAwMSAyMS45NDg3QzE5LjQxNDcgMjEuMjUwMiAxOC44ODI3IDIwLjM5MTcgMTguNzI3NiAyMC4xMjgyQzE4LjU3MzggMTkuODY2IDE4LjcxMTIgMTkuNzIzNiAxOC44NDM2IDE5LjU5MjVDMTguOTYyMSAxOS40NzUyIDE5LjEwODQgMTkuMjg2MSAxOS4yNDA3IDE5LjEzMzZDMTkuMzc0NCAxOC45Nzk4IDE5LjQxNzIgMTguODcwMSAxOS41MDU1IDE4LjY5MzZDMTkuNTkzNyAxOC41MTg0IDE5LjU0OTYgMTguMzY1OCAxOS40ODQgMTguMjM0N0MxOS40MTcyIDE4LjEwMzYgMTguODg3NyAxNi44MTAyIDE4LjY2NTkgMTYuMjg0NUMxOC40NDY1IDE1Ljc1ODggMTguMjI1OSAxNS44NDU3IDE4LjA3MDggMTUuODQ1N0MxNy45MTcgMTUuODQ1NyAxNy43NDA1IDE1LjgyNDMgMTcuNTY0IDE1LjgyNDNDMTcuMzg2MyAxNS44MjQzIDE3LjEwMDEgMTUuODg5OSAxNi44NTgxIDE2LjE1MzNDMTYuNjE2IDE2LjQxNTYgMTUuOTMxNSAxNy4wNTIyIDE1LjkzMTUgMTguMzQzMUMxNS45MzE1IDE5LjYzNjYgMTYuODc5NSAyMC44ODU5IDE3LjAxMzEgMjEuMDU5OUMxNy4xNDQyIDIxLjIzNTEgMTguODQzNiAyMy45NzQ2IDIxLjUzMzkgMjUuMDI2QzI0LjIyNjcgMjYuMDc3NCAyNC4yMjY3IDI1LjcyNjkgMjQuNzEyMSAyNS42ODI4QzI1LjE5NzQgMjUuNjM5OSAyNi4yNzc4IDI1LjA0NzQgMjYuNDk4NCAyNC40MzQ3QzI2LjcyMDMgMjMuODIwOCAyNi43MjAzIDIzLjI5MzggMjYuNjU0NyAyMy4xODU0Wk0yMS4yMDExIDExLjcwN0MxNi4xOTI0IDExLjcwNyAxMi4xMjA1IDE1Ljc0ODcgMTIuMTIwNSAyMC43MTdDMTIuMTIwNSAyMi42ODc0IDEyLjc2MDkgMjQuNTE0MSAxMy44NTAxIDI2LjAwMDVMMTIuNzE1NSAyOS4zNDYzTDE2LjIwMzggMjguMjM2OUMxNy42Mzg0IDI5LjE3NzQgMTkuMzU1NSAyOS43MjcgMjEuMjAxMSAyOS43MjdDMjYuMjA3MiAyOS43MjcgMzAuMjgwNCAyNS42ODUzIDMwLjI4MDQgMjAuNzE3QzMwLjI4MDQgMTUuNzQ4NyAyNi4yMDcyIDExLjcwNyAyMS4yMDExIDExLjcwN1pNMzIgMjAuNzE3QzMyIDI2LjYzNDYgMjcuMTY1MyAzMS40MzQgMjEuMjAxMSAzMS40MzRDMTkuMzA2MyAzMS40MzQgMTcuNTI3NSAzMC45NDk5IDE1Ljk3OTQgMzAuMTAwMkwxMCAzMkwxMS45NDkgMjYuMjUxM0MxMC45NjU3IDI0LjYzNTIgMTAuMzk5NiAyMi43NDE2IDEwLjM5OTYgMjAuNzE3QzEwLjM5OTYgMTQuNzk4MSAxNS4yMzQzIDEwIDIxLjIwMTEgMTBDMjcuMTY1MyAxMCAzMiAxNC43OTgxIDMyIDIwLjcxN1oiIGZpbGw9IndoaXRlIi8+PC9zdmc+) 50% no-repeat;
}

#social-links ul li a.max {
background:#9629cd url("https://osnovo.ru/images/links/max-osnovo.png") 50% / 40px 40px no-repeat;
}