@font-face {
  font-family: 'si';
  src: url('./socicon.eot');
  src: url('./socicon.eot?#iefix') format('embedded-opentype'),
       url('./socicon.woff') format('woff'),
       url('./socicon.ttf') format('truetype'),
       url('./socicon.svg#icomoonregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
      font-family:si;
      src: url(./socicon.svg) format(svg);
  }
}

div#social-share p {
  font-weight: bold;
  font-size: 24px;
}

.soc {
  overflow:hidden;
  margin:0; padding:0;
  list-style:none;
}

.soc li {
  display:inline-block;
  *display:inline;
  zoom:1;
}

div#social-share ul.soc li a.soc-icon  {
  font-style:normal;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;

  -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  transition:.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  overflow:hidden;
  text-decoration:none;
  text-align:center;
  display:block;
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 33px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-right: 10px;
  color: #ffffff !important;
  background-color: none;
}

div#social-share ul.soc li a.soc-icon:before  {
  font-family:si!important;
}

div#social-share ul.soc li a.soc-icon:hover {
cursor: pointer;
  z-index: 2;
  text-decoration:none !important;
}

.soc-icon-last{
  margin:0 !important;
}

.soc-twitter {
  background-color: #4da7de;
}
.soc-twitter:before {
  content:'\e040';
}
.soc-facebook {
  background-color: #3e5b98;
}
.soc-facebook:before {
  content:'\e041';
}
.soc-googleplus {
  background-color: #dd4b39;
}
.soc-googleplus:before {
  content:'\e042';
}
.soc-linkedin {
  background-color: #3371b7;
}
.soc-linkedin:before {
  content:'\e049';
}

.soc-twitter:hover {
  background-color: #61bbf2;
}
.soc-facebook:hover {
  background-color: #526fac;
}
.soc-googleplus:hover {
  background-color: #f15f4d;
}
.soc-linkedin:hover {
  background-color: #4785cb;
}