.smallshare-container {
margin: 20px auto 0;
padding: 0 10px;
width: 100%;
text-align: center;
}

.smallshare-icons-wrapper * {
box-sizing: border-box;
}
.smallshare-clearfix::after, .smallshare-clearfix::before {
content: "";
display: table;
}
.smallshare-clearfix::after {
clear: both;
}
.smallshare-each-profile {
margin: 5px 5px 40px;
position: relative;
display: inline-block;
font-family: "PT Sans",sans-serif;
font-size: 14px;
vertical-align: top;
}
.smallshare-each-profile .smallshare-bttn {
border: none;
border-radius: 3px;
padding: 5px;
position: relative;
width: 34px;
display: block;
font-weight: 400;
}
.smallshare-each-profile .smallshare-bttn, .smallshare-each-profile .smallshare-bttn:hover, .smallshare-each-profile .smallshare-bttn:focus {
color: #fff;
text-decoration: none;
}
.smallshare-each-profile .fa {
font-size: 20px;
margin-top: -3px;
vertical-align: middle;
}
.smallshare-each-profile .smallshare_bttn {
font-size: 40px;
left: 50%;
line-height: 1.5;
margin-left: -25px;
margin-top: -30px;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
}
.smallshare-each-profile:hover .smallshare_bttn {
opacity: 1;
transform: scale(1);
transition-delay: 0.1s;
}
.smallshare-each-profile:hover .smallshare-bttn-bg {
background: rgba(0,0,0,0.5) repeat;
}
.smallshare-inner-block {
color: #fff;
font-size: 14px;
}
.social-icon {
text-align: center;
position: relative;
display: block;
}
.smallshare-fa-icon {
display: table-cell;
vertical-align: middle;
}
.smallshare-count {
border: 1px solid #bbc8d5;
border-radius: 4px;
color: #303030;
height: 30px;
margin: 13px 0 0 -17px;
overflow: hidden;
padding: 7px 0;
position: absolute;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 35px;
}
.smallshare-soc-arrows {
background: url("../img/soc-arrow-up.png") no-repeat;
height: 5px;
margin: 9px 0 0 7px;
position: absolute;
width: 10px;
z-index: 1;
}
.smallshare-each-profile .smallshare-bttn-bg {
overflow: hidden;
z-index: 1;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.smallshare-each-profile .smallshare_bttn {
color: #eee;
transform: scale(10);
transition: all 0.3s ease-in-out 0.1s;
}
.smallshare-icon-soc {
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
}
.smallshare-fb-icon {
background-color: #3b5998;
}
.smallshare-twitter-icon {
background-color: #1dcaff;
}
.smallshare-google-icon {
background-color: #dd4b39;
}
.smallshare-vk-icon {
background-color: #45668e;
}
.smallshare-ok-icon {
background-color: #f6881f;
}
.smallshare-mailru-icon {
background-color: #168de2;
}
.smallshare-viber-icon {
background-color: #7b519d;
}
.smallshare-whatsapp-icon {
background-color: #65bc54;
}
.smallshare-skype-icon {
background-color: #00aff0;
}
.smallshare-tlgrm-icon {
background-color: #64a9dc;
}
.smallshare-hide-content {
display: none;
}
.smallshare-lock.demo {
width: 600px;
text-align: center;
background: #f9f9f9;
padding: 10px;
}
.smallshare-lock.demo .smallshare-hide-content {
background: #fffdbc;
font-weight: bold;
margin: 10px 0;
}
.smallshare-lock.demo .smallshare-hide-content p{
margin: 0;
}
@media screen and (max-width: 728px) {
.smallshare-desctop {
display: none;
}
}
@media screen and (min-width: 729px) {
.smallshare-mobile {
display: none;
}
}