/*!
 * shariff - v1.23.0 - 26.01.2016
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
@font-face{font-family:FontAwesome;src:url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.5.0);src:url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(https://netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}


.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%;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{max-width:33px}
.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{max-width:33px}
.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}}


/* facebook */
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-facebook-square:before{content:"\f082"}
.fa-facebook-official:before{content:"\f230"}
.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}}

/* google plus*/
.fa-google-wallet:before{content:"\f1ee"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-google:before{content:"\f1a0"}
.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}}

/* info */
.fa-info:before{content:"\f129"}
.fa-info-circle:before{content:"\f05a"}
.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!important}}
@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!important}
.shariff .orientation-vertical .info{width:25px}}


/* twitter */
.fa-twitter-square:before{content:"\f081"}
.fa-twitter:before{content:"\f099"}
.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}}

/* xing */

.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.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}}

/* mail */
.fa-mail-forward:before{content:"\f064"}
.fa-mail-reply:before{content:"\f0e0"}
.fa-mail-reply-all:before{content:"\f0e0"}
.shariff .mail a{background-color:#999}
.shariff .mail a:hover{background-color:#a8a8a8}
.shariff .mail .fa-envelope:before{content:"\f0e0"}
.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}}
