.print-share-widget{
  text-align: right;
  color: #7C7C7C;
  position: relative;
}
.print-share-widget p{
font-size: 14px;
color: #7C7C7C;

}
.print-share-widget a.sharing-btn{
  display: inline-block;
  background: #EFEFEF;
  line-height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  color: #7C7C7C;
  margin-left: 10px;
}
.print-share-widget a.sharing-btn:hover,
.print-share-widget a.sharing-btn:focus{
  text-decoration: none;
  outline: 0;
}
.print-ico{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMC41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YyOTUwNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJDb250ZW50Xy1fTGViZW5faW5fQWx0ZW5tYXJrdCIgZGF0YS1uYW1lPSJDb250ZW50IC0gTGViZW4gaW4gQWx0ZW5tYXJrdCI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcuNSAwIDEwIDIuNSA3LjUgMi41IDcuNSAwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEsNkgxMFYzSDdWMEgyVjZIMUExLDEsMCwwLDAsMCw3VjkuNWExLDEsMCwwLDAsMSwxSDExYTEsMSwwLDAsMCwxLTFWN0ExLDEsMCwwLDAsMTEsNlpNMy4yNSwxaDIuNWEuMjUuMjUsMCwwLDEsMCwuNUgzLjI1YS4yNS4yNSwwLDAsMSwwLS41Wm0wLDEuNWgyLjVhLjI1LjI1LDAsMCwxLDAsLjVIMy4yNWEuMjUuMjUsMCwwLDEsMC0uNVptMCwxLjVoNS41YS4yNS4yNSwwLDAsMSwwLC41SDMuMjVhLjI1LjI1LDAsMCwxLDAtLjVabTcsNC41QS43NS43NSwwLDEsMSwxMSw3Ljc1Ljc1Ljc1LDAsMCwxLDEwLjI1LDguNVoiLz48L2c+PC9nPjwvc3ZnPg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  display: inline-block;
  height: 26px;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
.mail-ico{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA4LjU3Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YyOTUwNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDI8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJDb250ZW50Xy1fTGViZW5faW5fQWx0ZW5tYXJrdCIgZGF0YS1uYW1lPSJDb250ZW50IC0gTGViZW4gaW4gQWx0ZW5tYXJrdCI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwVjguNTdIMTJWMFpNMTAuOTMsNi44MWMuMi4yLS41Mi45Mi0uNzIuNzJMNy44Miw1LjE0LDYuOTMsNmExLjE4LDEuMTgsMCwwLDEtLjgyLjMzQTEuMTcsMS4xNywwLDAsMSw1LjI4LDZMNC40LDUuMTQsMiw3LjUzYy0uMi4yLS45Mi0uNTItLjcyLS43MkwzLjY4LDQuNDIsMS4yOSwyYy0uMi0uMi41Mi0uOTIuNzItLjcyTDUuODMsNS4xMWEuNC40LDAsMCwwLC41NiwwbDMuODItMy44MmMuMi0uMi45Mi41Mi43Mi43Mkw4LjUzLDQuNDJaIi8+PC9nPjwvZz48L3N2Zz4=);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  display: inline-block;
  height: 26px;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
.share-ico{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS4yIDEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YyOTUwNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDM8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJDb250ZW50Xy1fTGViZW5faW5fQWx0ZW5tYXJrdCIgZGF0YS1uYW1lPSJDb250ZW50IC0gTGViZW4gaW4gQWx0ZW5tYXJrdCI+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxLjYiIGN5PSI2IiByPSIxLjYiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03LjYsOC44YTEuNTksMS41OSwwLDAsMC0xLC4zOEwzLjYzLDcuMDdsLS40Ni42NSwyLjk0LDIuMWExLjYsMS42LDAsMSwwLDEuNDktMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjYsNC40QTEuNiwxLjYsMCwwLDAsOC4wNiw1LjZIMy43di44SDguMDZhMS42LDEuNiwwLDEsMCwxLjU0LTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMy42Myw0LjkzbDIuOTUtMi4xQTEuNTksMS41OSwwLDEsMCw2LDEuNmExLjU5LDEuNTksMCwwLDAsLjExLjU3TDMuMTcsNC4yN1oiLz48L2c+PC9nPjwvc3ZnPg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  display: inline-block;
  height: 26px;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
#share{
  color: #FFF;
  font-size: 10px;
  position: absolute;
  top: -44px;
  right: 0;
  background: #000;
  opacity:0;
  transition:opacity 1s linear;
  visibility: hidden;
	background: #efefef ;
	border: 1px solid #efefef;
  padding-left: 10px;
  padding-right: 10px;
}
#share:after, #share:before {
	top: 100%;
	right: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#share:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #efefef ;
	border-width: 5px;
	margin-left: -5px;
}
#share:before {
	border-color: rgba(124, 124, 124, 0);
	border-top-color: #efefef;
	border-width: 6px;
	margin-left: -6px;
}
#share.showornot{
  opacity:1;
  visibility: visible;
}
#share a{
  color: #FFF;
}