/* ---------------------------------------------------------//
//----------------------------------------------------------//
//------------------- SOCIALSHARE ASIDE --------------------//
//----------------------------------------------------------//
//----------------------------------------------------------*/
#socialshare{
  position:fixed;
  /*top:50%;*/
  /*transform:translateY(-50%);*/
  top:20%;
  right:0;
}
#soacialshare > div{
  padding-left:15px;
}
#soacialshare.left > div{
  padding-left:0;
  padding-right: 15px;
}
#socialshare a{
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 15px;
  color: #FFF;
  position:relative;
  right: -37px;
  transition: all 0.3s;
}
#socialshare div:hover a{
  right: 0;
  transition: all 0.3s;
}
#socialshare.left{
  position:fixed;
  right:inherit;
  left:0;
  z-index: 666;
}
#socialshare.left a{
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 15px;
  color: #FFF;
  position:relative;
  right:inherit;
  left:-37px;
  transition: all 0.3s;
}
#socialshare.left div:hover a{
  right: inherit;
  left: 0;
  transition: all 0.3s;
}
@media (max-width:768px){
  #socialshare{
    display: none;
  }
}