.shariff::after,.shariff::before{content:" ";display:table}
.shariff::after{clear:both}
.shariff ul{padding:0;margin:0;list-style:none}
.shariff li{height:35px;box-sizing:border-box;overflow:hidden}
.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}
.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}
.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}
.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}
.shariff .orientation-horizontal{display:-webkit-box}
.shariff .orientation-horizontal li{-webkit-box-flex:1}
.shariff .orientation-horizontal .info{-webkit-box-flex:0}
.shariff .orientation-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.shariff .orientation-horizontal li{float:left;-webkit-flex:none;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}
.shariff .orientation-horizontal li:last-child{margin-right:0}
.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}
.shariff .orientation-horizontal li .share_count{display:none}
.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}
.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}
.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:#999}
.shariff .orientation-vertical{min-width:110px}
.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}
.shariff .orientation-vertical li .share_count{width:24px;text-align:right}
@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;min-width:80px;width:auto;-webkit-flex:1;-ms-flex:1;flex:1}
.shariff .orientation-horizontal li .share_count{display:block}
.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{min-width:110px;max-width:160px}
.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}
.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:none;-ms-flex:none;flex:none}
}
@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{min-width:110px;max-width:160px}
.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}
}
@media only screen and (min-width:768px){.shariff .orientation-horizontal li{min-width:110px;max-width:160px}
.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}
.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:1;-ms-flex:1;flex:1}
}
@media only screen and (min-width:1024px){.shariff li{height:30px}
.shariff li a{height:30px}
.shariff li .fa{width:30px;line-height:30px}
.shariff li .share_count,.shariff li .share_text{line-height:30px}
.shariff li .share_count{height:28px}
}
.shariff .twitter a{background-color:#55acee}
.shariff .twitter a:hover{background-color:#32bbf5}
.shariff .twitter .fa-twitter{font-size:28px}
.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}
.shariff .theme-white .twitter a{color:#55acee}
@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}
}
.shariff .facebook a{background-color:#3b5998}
.shariff .facebook a:hover{background-color:#4273c8}
.shariff .facebook .fa-facebook{font-size:22px}
.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}
.shariff .theme-white .facebook a{color:#3b5998}
@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}
}
.shariff .googleplus a{background-color:#d34836}
.shariff .googleplus a:hover{background-color:#f75b44}
.shariff .googleplus .fa-google-plus{font-size:22px}
.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}
.shariff .theme-white .googleplus a{color:#d34836}
@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px;position:relative;top:1px}
}
.shariff .mail a{background-color:#999}
.shariff .mail a:hover{background-color:#a8a8a8}
.shariff .mail .fa-envelope{font-size:21px}
.shariff .theme-white .mail a{color:#999}
@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}
}
.shariff .info{border:1px solid #ccc}
.shariff .info a{color:#666;background-color:#fff}
.shariff .info a:hover{background-color:#efefef}
.shariff .info .fa-info{font-size:20px;width:33px}
.shariff .info .share_text{display:block!important;text-indent:-9999px!important}
.shariff .theme-grey .info a{background-color:#fff}
.shariff .theme-grey .info a:hover{background-color:#efefef}
.shariff .orientation-vertical .info{width:35px;float:right}
@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-webkit-flex:none!important;-ms-flex:none!important;flex:none!important;width:35px;min-width:35px}
}
@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}
.shariff .orientation-horizontal .info{width:25px;min-width:25px}
.shariff .orientation-vertical .info{width:25px}
}
.shariff .whatsapp a{background-color:#5cbe4a}
.shariff .whatsapp a:hover{background-color:#34af23}
.shariff .whatsapp .fa-whatsapp{font-size:28px}
.shariff .theme-white .whatsapp a{color:#5cbe4a}
@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}
}
.shariff .xing a{background-color:#126567}
.shariff .xing a:hover{background-color:#29888a}
.shariff .xing .fa-xing{font-size:22px}
.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}
.shariff .theme-white .xing a{color:#126567}
@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}
}