#ShareButton {
    margin-top: 35px;
    margin-bottom: 22px;
}
#ShareButton a {
    display: inline-block;
    cursor: pointer;
    font: 300 13px/13px 'Open Sans', sans-serif;
    color: #FFF;
    background: #000;
    height: 26px;
    border-radius: 4px;
    padding: 6px 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-image: url('images/social.png');
    background-size: 30px;
    background-repeat: no-repeat;
    vertical-align: top;
}
#ShareButton a span {
    font-weight: bold;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 8px;
    margin-left: 6px;
}
#ShareButton a.tw-share {
    background-color: #00aced;
    padding-left: 26px;
    background-position: -9px 8px;
}
#ShareButton a.tw-share:hover {
    background-color: #0082e4;
}
#ShareButton a.vk-share {
    background-color: #45668e;
    background-position: 0 -27px;
    padding-left: 25px;
}
#ShareButton a.vk-share:hover {
    background-color: #143783;
}
#ShareButton a.fb-share {
    background-color: #3b5998;
    background-position: 0 -75px;
    padding-left: 23px;
}
#ShareButton a.fb-share:hover {
    background-color: #143783;
}
#ShareButton a.od-share {
    background-color: #ed812b;
    background-position: -13px -117px;
    padding-left: 25px;
}
#ShareButton a.od-share:hover {
    background-color: #db6300;
}
#ShareButton a.gp-share {
    background-color: #dd4b39;
    background-position: 8px -160px;
    padding-left: 32px;
}
#ShareButton a.gp-share:hover {
    background-color: #cc251c;
}


#mobileShareButton {
    position: fixed;
    right: 0;
    bottom: 10px;
    z-index: 9;
    text-align: right;
    display: none;
}

#mobileShareButton > a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 100px;
    height: 100px;
    border: none;
    display: block;
    font-size: 0;
    border-radius: 50%;
    z-index: 1;
}
#mobileShareButton > a:after {
    position: absolute;
    content: '';
    top: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
    background-color: #76c36e;
    display: block;
    font-size: 0;
    border-radius: 50%;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#mobileShareButton > a:before {
    position: absolute;
    display: block;
    content: '';
    top: 39px;
    left: 35px;
    width: 30px;
    height: 30px;
    background: url('images/heat.png') no-repeat;
    background-size: 100%;
    z-index: 3;
}
#mobileShareButton.active > a:after {
    background-color: #000;
}
#mobileShareButton .mobile-share-button {
    padding-bottom: 90px;
    display: none;
}
#mobileShareButton .mobile-share-button a {
    position: relative;
    display: inline-block;
    font: bold 16px/16px "Open Sans";
    color: #FFF;
    background: #000;
    height: 33px;
    margin: 10px 10px 1px;
    border: none;
    padding: 8px 8px 8px 30px;
    border-radius: 4px;
    background-image: url('images/social.png');
    background-size: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}
#mobileShareButton .mobile-share-button a:before {
    position: absolute;
    content: '';
    top: 7px;
    left: 20px;
    width: 1px;
    height: 20px;
    background-color: #fff;
    opacity: 0.25;
}

#mobileShareButton .mobile-share-button a.tw-mshare {background-color: #00aced;padding-left: 8px;width: 46px;background-position: -8px 10px;margin-bottom: -6px;}
#mobileShareButton .mobile-share-button a.tw-mshare:before {display: none;}
#mobileShareButton .mobile-share-button a.tw-mshare:hover {background-color: #0082e4;}

#mobileShareButton .mobile-share-button a.vk-mshare {background-color: #45668e;background-position: -4px -36px;padding-left: 37px;}
#mobileShareButton .mobile-share-button a.vk-mshare:before {left: 28px;}
#mobileShareButton .mobile-share-button a.vk-mshare:hover {background-color: #143783;}

#mobileShareButton .mobile-share-button a.fb-mshare {background-color: #3b5998;background-position: -3px -101px;padding-left: 35px;}
#mobileShareButton .mobile-share-button a.fb-mshare:before {left: 26px;}
#mobileShareButton .mobile-share-button a.fb-mshare:hover {background-color: #143783;}

#mobileShareButton .mobile-share-button a.od-mshare {background-color: #ed812b;background-position: -20px -157px;padding-left: 37px;}
#mobileShareButton .mobile-share-button a.od-mshare:before {left: 28px;}
#mobileShareButton .mobile-share-button a.od-mshare:hover {background-color: #db6300;}

#mobileShareButton .mobile-share-button a.gp-mshare {background-color: #dd4b39;background-position: 8px -214px;padding-left: 46px;}
#mobileShareButton .mobile-share-button a.gp-mshare:before {left: 37px;}
#mobileShareButton .mobile-share-button a.gp-mshare:hover {background-color: #cc251c;}

@media only screen and (max-width:639px) {
    #mobileShareButton {
        display: block;
    }
    #ShareButton {
        display: none;
    }
}

@media all and (orientation:landscape) {
    #mobileShareButton .mobile-share-button a {
        
    }
}