#floatingSocialShare { position: relative; }
#floatingSocialShare *, #floatingSocialShare :after, #floatingSocialShare :before { -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important }
#floatingSocialShare a { position: relative; width: 30px; height: 20px; line-height: 20px; padding: 8px 0; display: list-item; list-style-type: none; text-align: center; color: #fff; outline: 0 none !important }
#floatingSocialShare a:focus, #floatingSocialShare a:hover { color: #fff; width: 30px; opacity: .8; transition-duration: .35s; transition-property: all; transition-timing-function: ease; }
#floatingSocialShare a:active, #floatingSocialShare a:focus, #floatingSocialShare a:hover, #floatingSocialShare a:visited { outline: 0 none !important }
#floatingSocialShare svg { fill: #fff; height: 20px }
#floatingSocialShare a.without-counter svg { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; text-align: center }
#floatingSocialShare a.with-counter-desktop { height: 38px }
#floatingSocialShare .shareCount { position: absolute; top: 36px; bottom: 0; right: 0; left: 0; margin: auto; color: #fff; font-size: 10px }
#floatingSocialShare .content-left, #floatingSocialShare .content-right, #floatingSocialShare .top-left, #floatingSocialShare .top-right { position: fixed; top: 80%; transform: translateZ(0); -webkit-transform: translateZ(0) }
#floatingSocialShare .top-left { left: 0 }
#floatingSocialShare .top-right { right: 0; direction: rtl }
#floatingSocialShare .content-left { margin: 0 }
#floatingSocialShare .content-right { margin: 0 }
#floatingSocialShare .mail { background-color: #ccc }
#floatingSocialShare .facebook { background-color: #ccc }
#floatingSocialShare .linkedin { background-color: #ccc }
#floatingSocialShare .odnoklassniki { background-color: #ccc }
#floatingSocialShare .pinterest { background-color: #ccc }
#floatingSocialShare .reddit { background-color: #ccc }
#floatingSocialShare .telegram { background-color: #ccc }
#floatingSocialShare .tumblr { background-color: #ccc }
#floatingSocialShare .twitter { background-color: #ccc }
#floatingSocialShare .whatsapp { background-color: #ccc }

#floatingSocialShare .mail:hover { background-color: #d14836 }
#floatingSocialShare .facebook:hover { background-color: #3b5998 }
#floatingSocialShare .linkedin:hover { background-color: #0077b5 }
#floatingSocialShare .odnoklassniki:hover { background-color: #f4731c }
#floatingSocialShare .pinterest:hover { background-color: #bd081c }
#floatingSocialShare .reddit:hover { background-color: #ff4500 }
#floatingSocialShare .telegram:hover { background-color: #2ca5e0 }
#floatingSocialShare .tumblr:hover { background-color: #36465d }
#floatingSocialShare .twitter:hover { background-color: #1da1f2 }
#floatingSocialShare .whatsapp:hover { background-color: #00e676 }

@media only screen and (max-width:961px) {
    #floatingSocialShare { display: none;}
    /*#floatingSocialShare { margin-top: 50px }
    #floatingSocialShare .content-left, #floatingSocialShare .content-right, #floatingSocialShare .top-left, #floatingSocialShare .top-right { top: auto; bottom: 0; margin: 0; right: 0; left: 0; width: 100%; z-index: 999 }
    #floatingSocialShare a { position: relative; float: left; display: list-item; list-style-type: none }
    #floatingSocialShare a:focus, #floatingSocialShare a:hover { -moz-transition-property: none; -webkit-transition-property: none; -o-transition-property: none; transition-property: none }
    #floatingSocialShare svg { height: 24px }
    #floatingSocialShare .shareCount { top: 30px }*/
}