.fixed-social-inner {
    padding: 0px;
}
.fixed-social {
    position: fixed;
    top: 40%;
    left:0;
    z-index: 999; 
}
ul.fixed-social-inner li {
    margin: 0 0 8px 0;
    min-height: 40px;
    line-height: 40px;
    text-align: left;
    border-radius: 0 50px 50px 0;
    transition: all 0.7s ease;
    padding-left: 15px;
    position: relative;
    left: -68%;
    box-shadow: 0 0 2px #000228;
}
.facebook-tab{
    background: #4464B1;
}
.twitter-tab{
    background: #57ACEF;
}
.youtube-tab{
    background: #E62118;
}
.linkedin-tab  {
    background: #036697;
}

.pinterest-tab  {
    background: #9F1121;
}

.tumblr-tab  {
    background: #F7941E;
}

.gplus-tab  {
    background: #F34A38;
}







ul.fixed-social-inner li a {
    color: #fff;
    position: relative;
    transition: all 0.7s ease;
}
ul.fixed-social-inner li a i.fa {
    width: 35px;
    height: 35px;
    border: 1px solid #a9a9a9;
    border-radius: 100px;
    line-height: 35px;
    float: right;
    margin: 3px 5px 0 10px;
    transition: all 0.7s ease;
    text-align: center;
     background: #ebebeb;
}
ul.fixed-social-inner li a i.fa.fa-facebook {
    color: #3b5999;
}
ul.fixed-social-inner li a i.fa.fa-twitter {
    color: #55acee;
}
ul.fixed-social-inner li a i.fa.fa-youtube {
    color: #410093;
}
ul.fixed-social-inner li a i.fa.fa-linkedin {
    color: #248cc9;
}
ul.fixed-social-inner li:hover {
    left: 0;
}
ul.fixed-social-inner li:hover>a, 
ul.fixed-social-inner li>a:hover {
    color:#fff !important;
    text-decoration: none;
}
ul.fixed-social-inner li:hover>a>i.fa {
    background: #fff;
}
ul.fixed-social-inner li a{
    color: #fff;
}