.fa-envelope:before{content:"\F0E0";}
.fa-facebook-f:before{content:"\f09a";}
.fa-twitter:before{content:"\F099";}
.fa-whatsapp:before{content:"\F232";}
.shariff:after,.shariff:before{content:" ";display:table;}
.shariff:after{clear:both;}
.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 .fab,.shariff li .fas{width:35px;line-height:35px;text-align:center;vertical-align:middle;}
.shariff .orientation-horizontal li{-webkit-box-flex:1;}
.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;}
@media only screen and (min-width:360px){
.shariff .orientation-horizontal li{margin-right:1.8%;}
}
@media only screen and (min-width:1024px){
.shariff li,.shariff li a{height:30px;}
.shariff li .fab,.shariff li .fas{width:30px;line-height:30px;}
}
.shariff .facebook a{background-color:#3b5998;}
.shariff .facebook a:hover{background-color:#4273c8;}
.shariff .facebook .fa-facebook-f{font-size:22px;}
@media only screen and (min-width:600px){
.shariff .facebook .fa-facebook-f{font-size:19px;}
}
.shariff .mail a{background-color:#999;}
.shariff .mail a:hover{background-color:#a8a8a8;}
.shariff .mail .fa-envelope{font-size:21px;}
@media only screen and (min-width:600px){
.shariff .mail .fa-envelope{font-size:18px;}
}
.shariff .twitter a{background-color:#55acee;}
.shariff .twitter a:hover{background-color:#32bbf5;}
.shariff .twitter .fa-twitter{font-size:28px;}
@media only screen and (min-width:600px){
.shariff .twitter .fa-twitter{font-size:24px;}
}
.shariff .whatsapp a{background-color:#5cbe4a;}
.shariff .whatsapp a:hover{background-color:#34af23;}
.shariff .whatsapp .fa-whatsapp{font-size:28px;}
@media only screen and (min-width:600px){
.shariff .whatsapp .fa-whatsapp{font-size:22px;}
}