@font-face {
    font-family: 'scicons';
    src: local('@'), url('/Content/Font/scicons.woff') format('woff'), url('/Content/Font/scicons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}






div.social-icon {
  float: left;
    height: auto;
    margin: 0 0 0 20px;
}

div.social-icon a {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 16px;
  font-family: "scicons";
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  transition: background-color .2s linear, color .2s linear;
}
div.social-icon a:before {
  width: inherit;
  height: inherit;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
div.social-icon a.icon-twitter {
  background-color: #00acee;
}
div.social-icon a.icon-twitter:before {
  content: "\e800";
}
div.social-icon a.icon-twitter:hover {
  background-color: #fff;
  color: #00acee;
}
div.social-icon a.icon-facebook {
  background-color: #3b5998;
}
div.social-icon a.icon-facebook:before {
  content: "\e801";
}
div.social-icon a.icon-facebook:hover {
  background-color: #fff;
  color: #3b5998;
}
div.social-icon a.icon-instagram {
  background-color: #3f729b;
}
div.social-icon a.icon-instagram:before {
  content: "\e802";
}
div.social-icon a.icon-instagram:hover {
  background-color: #fff;
  color: #3f729b;
}

div.social-icon a.icon-youtube {
  background-color: #c4302b;
}
div.social-icon a.icon-youtube:before {
  content: "\e805";
}
div.social-icon a.icon-youtube:hover {
  background-color: #fff;
  color: #c4302b;
}