.ss-wrapper {
    position: fixed;
    z-index: 9999;
    background: white;
    width: 240px;
    height: 290px;
    transition: all 550ms;
}

.first-wrapper-top-left,.second-wrapper-top-left,.third-wrapper-top-left,.fourth-wrapper-top-left,.five-wrapper-top-left {
    top: 46px;
    left: -240px;
}

.first-wrapper-bottom-left,.second-wrapper-bottom-left,.third-wrapper-bottom-left,.fourth-wrapper-bottom-left,.five-wrapper-bottom-left {
    bottom: 46px;
    left: -240px;
}

.first-wrapper-top-right,.second-wrapper-top-right,.third-wrapper-top-right,.fourth-wrapper-top-right,.five-wrapper-top-right {
    top: 46px;
    right: -240px;
}

.first-wrapper-bottom-right,.second-wrapper-bottom-right,.third-wrapper-bottom-right,.fourth-wrapper-bottom-right,.five-wrapper-bottom-right {
    bottom: 46px;
    right: -240px;
}

.ss-icon {
    position: absolute;
    padding-left: 40px;
    padding-bottom: 40px;
}

.facebook-icon {
    background: url(../image/facebook_sidebar.png) no-repeat;
}

.first-icon-top-left {
    top: -1px;
    right: -37px;
}

.first-icon-bottom-left {
    bottom: -1px;
    right: -50px;
}


.first-icon-top-right {
    top: -1px;
    left: -37px;
}

.first-icon-bottom-right {
    bottom: -1px;
    left: -37px;
}



.google-plus-icon {
    background: url(../image/google_plus_sidebar.jpg) no-repeat;
}

.second-icon-top-left {
    top: 39px;
    right: -37px;
}

.second-icon-bottom-left {
    bottom: 39px;
    right: -37px;
}

.second-icon-top-right {
    top: 39px;
    left: -37px;
}

.second-icon-bottom-right {
    bottom: 39px;
    left: -37px;
}

.twitter-icon {
    background: url(../image/twitter_sidebar.png) no-repeat;
}

.third-icon-top-left {
    top: 79px;
    right: -37px;
}

.third-icon-bottom-left {
    bottom: 79px;
    right: -37px;
}

.third-icon-top-right {
    top: 79px;
    left: -37px;
}

.third-icon-bottom-right {
    bottom: 79px;
    left: -37px;
}

.newsletter-icon{
    background: url(../image/newsletter.png) no-repeat;
}

.whatsapp-icon{
    background: url(../image/whatsapp.png) no-repeat;
        background-size: cover;
}

.fourth-icon-top-left {
    top: 119px;
    right: -37px;
}

.fourth-icon-bottom-left {
    bottom: 159px;
    right: -37px;
}

.fourth-icon-top-right {
    top: 119px;
    left: -37px;
}

.fourth-icon-bottom-right {
    bottom: 119px;
    left: -37px;
}

.five-icon-top-left {
    top: 159px;
    right: -37px;
}

.five-icon-bottom-left {
    bottom: 159px;
    right: -37px;
}

.five-icon-top-right {
    top: 159px;
    left: -37px;
}

.five-icon-bottom-right {
    bottom: 159px;
    left: -37px;
}


div.five-wrapper-top-left.open,div.five-wrapper-bottom-left.open,.first-wrapper-top-left.open,div.first-wrapper-bottom-left.open,div.second-wrapper-top-left.open,div.second-wrapper-bottom-left.open,div.third-wrapper-top-left.open,div.third-wrapper-bottom-left.open,div.fourth-wrapper-top-left.open,div.fourth-wrapper-bottom-left.open {
    left: 0;
}

div.five-wrapper-top-right.open,div.five-wrapper-bottom-right.open,div.first-wrapper-top-right.open,div.first-wrapper-bottom-right.open,div.second-wrapper-top-right.open,div.second-wrapper-bottom-right.open,div.third-wrapper-top-right.open,div.third-wrapper-bottom-right.open,div.fourth-wrapper-top-right.open,div.fourth-wrapper-bottom-right.open {
    right: 0;
}


@media (max-width: 900px) {
    .first-wrapper,.second-wrapper,.third-wrapper,.fourth-wrapper {
       /* display:none;*/
    }
}

iframe.facebook-iframe {
    border:none; 
    overflow:hidden; 
    width:240px; 
    height:290px;
}

.ss-wrapper.whatsapp {
    width: 0px;
    height: 0px;
}

.first-wrapper-bottom-left.whatsapp{
    left:0px;
}

.first-wrapper-bottom-right.whatsapp {
    right: 20px;
}