.social-share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-30px;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:305px;height:90px;border-radius:45px;background-color:#fff}
.social-share .icon-button{position:relative;border-radius:23px;width:45px;height:45px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(27,58,106,0.2);box-shadow:0 0 5px 0 rgba(27,58,106,0.2);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.social-share .icon-button+.icon-button{margin-left:20px}
.social-share i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;color:white;background:0;font-size:20px;line-height:3.5;-webkit-transition:all .3s;transition:all .3s}
.social-share i.fa-twitter{color:#30a0f1}
.social-share i.fa-facebook{color:#4867aa}
.social-share i.fa-gplus{color:#c6533a}
.social-share i.fa-linkedin{color:#0274b2}
.social-share i.fa-envelope{color:#00203f}
@media screen and (min-width:769px){.social-share .icon-button:hover.twitter{background-color:#30a0f1}
.social-share .icon-button:hover.facebook{background-color:#4867aa}
.social-share .icon-button:hover.gplus{background-color:#c6533a}
.social-share .icon-button:hover.linkedin{background-color:#0274b2}
.social-share .icon-button:hover.mail{background-color:#00203f}
.social-share .icon-button:hover i{color:white}
}@media screen and (max-width:768px){.social-share{left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:0;width:290px}
}