[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa{
    display:inline-block;
    font:normal normal normal 14px/1 icomoon;
    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:.08em solid #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(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes fa-spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
.fa-rotate-90{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.fa-rotate-180{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.fa-rotate-270{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.fa-flip-horizontal{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
.fa-flip-vertical{
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform:scaleY(-1);
    transform:scaleY(-1)
}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{
    -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
}

.fa-facebook-f:before,.fa-facebook:before{
    content:"\e61f"
}
.fa-google-plus:before{
    content:"\ea8b"
}
.fa-twitter:before{
    content:"\e605"
}
.fa-whatsapp:before{
    content:"\ea93"
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
.shariff:after,.shariff:before{
    content:" ";
    display:table;
}
.shariff:after{
    clear:both;
    padding-bottom:60px;
}
.shariff ul{
    padding:0;
    margin:0;
    list-style:none
}
.shariff li{
    overflow:hidden
}
.shariff li,.shariff li a{
    height:35px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.shariff li a{
    color:#fff;
    position:relative;
    display:block;
    text-decoration:none
}
.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 li{
    -webkit-box-flex:1
}
.shariff .orientation-horizontal .info{
    -webkit-box-flex:0
}
.shariff .orientation-horizontal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.shariff .orientation-horizontal li{
    float:left;
    -webkit-box-flex:0;
    -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: var(--grey-menu);
}
.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-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
    .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-box-flex:0;
        -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-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
}
@media only screen and (min-width:1024px){
    .shariff li,.shariff li a{
        height:30px
    }
    .shariff li .fa{
        width:30px
    }
    .shariff li .fa,.shariff li .share_count,.shariff li .share_text{
        line-height:30px
    }
    .shariff li .share_count{
        height:28px
    }
}


.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:24px
    }
}

.shariff .stumbleupon a{
    background-color:#eb4924
}
.shariff .stumbleupon a:hover{
    background-color:#ef7053
}
.shariff .stumbleupon .fa-stumbleupon{
    font-size:17px
}
.shariff .theme-white .stumbleupon a{
    color:#eb4924
}
@media only screen and (min-width:600px){
    .shariff .stumbleupon .fa-stumbleupon{
        font-size:16px
    }
}
.shariff .twitter a{
    background-color:#55acee
}
.shariff .twitter a:hover{
    background-color:#32bbf5
}
.shariff .twitter .fa-twitter{
    font-size:22px
}
.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:17px
    }
}
.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 .tumblr a{
    background-color:#36465d
}
.shariff .tumblr a:hover{
    background-color:#44546b
}
.shariff .tumblr .fa-tumblr{
    font-size:28px
}
.shariff .theme-white .tumblr a{
    color:#5cbe4a
}
@media only screen and (min-width:600px){
    .shariff .tumblr .fa-tumblr{
        font-size:22px
    }
}