@font-face {
    font-family: 'FontAwesome';
    src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.shariff::after,
.shariff::before {
    content: " ";
    display: table
}

.shariff::after {
    clear: both
}

.shariff ul {
    padding: 0;
    margin: 0
}

.shariff li {
    height: 30px;
    display: inline-block;
    margin-right: 13px;
    overflow: hidden;
    width: 120px
}

.shariff li:last-child {
    margin-right: 0
}

.shariff li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    position: relative;
    display: block;
    padding-left: 34px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 31px;
    text-decoration: none
}

.shariff li.shariff-button a::before {
    position: absolute;
    left: 5px;
    font-family: FontAwesome;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shariff li.facebook a {
    padding-left: 24px;
    background-color: #3b5998
}

.shariff li.facebook a:hover {
    background-color: #4273c8
}

.shariff li.facebook a::before {
    content: "\f09a";
    font-size: 17px
}

.shariff li.facebook .share_count {
    color: #183a75;
    background-color: #99adcf
}

.shariff li.whatsapp a {
    padding-left: 24px;
    background-color: #5cbe4a
}

.shariff li.whatsapp a:hover {
    background-color: #34af23
}

.shariff li.twitter a {
    background-color: #3A7CAD
}

.shariff li.twitter a:hover {
    background-color: #0A7CC1
}

.shariff li.twitter a::before {
    content: "\f099";
    font-size: 24px
}

.shariff li.twitter .share_count {
    color: #0174a4;
    background-color: #96D4EE
}

.shariff li.googleplus a {
    background-color: #D24634
}

.shariff li.xing a {
    background-color: #126567
}

.shariff li.googleplus a:hover {
    background-color: #D93D33
}

.shariff li.xing a:hover {
    background-color: #29888a
}

.shariff li.googleplus a::before {
    content: "\f0d5";
    font-size: 17px;
    top: 1px
}

.shariff li.xing a::before {
    content: "\f168";
    font-size: 17px;
    top: 1px
}

.shariff li.googleplus .share_count {
    color: #8a2518;
    background-color: #eda79d
}

.shariff li.mail a {
    background-color: #666
}

.shariff li.mail a:hover {
    background-color: #767676
}

.shariff li.mail a::before {
    content: "\f0e0";
    font-size: 18px
}

.shariff li.info {
    width: 23px;
    height: 28px;
    border: 1px solid #ccc
}

.shariff li.info a {
    padding: 0
}

.shariff li.info a::before {
    content: "\f129";
    font-size: 16px;
    left: 9px;
    color: #666
}

.shariff li.info a:hover {
    background-color: #efefef
}

.shariff li.info .share_text {
    display: block;
    text-indent: -9999px
}

.shariff li .share_count {
    padding: 0 8px;
    height: 28px;
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 30px
}

.shariff .theme-grey .twitter a,
.shariff .theme-grey .facebook a,
.shariff .theme-grey .googleplus a,
.shariff .theme-grey .mail a {
    background-color: #b0b0b0
}

.shariff .theme-grey .twitter .share_count,
.shariff .theme-grey .facebook .share_count,
.shariff .theme-grey .googleplus .share_count,
.shariff .theme-grey .mail .share_count {
    background-color: #ccc;
    color: #333
}

.shariff .theme-grey .twitter a:hover {
    background-color: #3A7CAD
}

.shariff .theme-grey .facebook a:hover {
    background-color: #3b5998
}

.shariff .theme-grey .googleplus a:hover {
    background-color: #D24634
}

.shariff .theme-grey .send_by_email a:hover {
    background-color: #666
}

.shariff .theme-white .shariff-button {
    border: 1px solid #ddd
}

.shariff .theme-white .shariff-button a {
    background-color: #fff
}

.shariff .theme-white .shariff-button a:hover {
    background-color: #eee
}

.shariff .theme-white .shariff-button .share_count {
    background-color: #fff;
    color: #666
}

.shariff .theme-white .twitter a {
    color: #3A7CAD
}

.shariff .theme-white .facebook a {
    color: #3b5998
}

.shariff .theme-white .googleplus a {
    color: #D24634
}

.shariff .theme-white .mail a {
    color: #666
}

.shariff .theme-white .info {
    height: 30px
}

.shariff .orientation-vertical li {
    display: block;
    margin: 5px 0
}

.shariff .orientation-vertical li .share_count {
    width: 24px;
    text-align: right
}

.shariff .orientation-vertical li.facebook a {
    padding-left: 34px
}

.shariff .orientation-vertical li.info {
    margin-left: 95px
}