@font-face {
  font-family: "human-relation";
  src: url("../fonts/human-relation.eot");
  src: url("../fonts/human-relation.eot?#iefix") format("embedded-opentype"),
       url("../fonts/human-relation.woff") format("woff"),
       url("../fonts/human-relation.ttf") format("truetype"),
       url("../fonts/human-relation.svg#human-relation") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

[class^="human-relation-"]:before, [class*=" human-relation-"]:before,
[class^="human-relation-"]:after, [class*=" human-relation-"]:after {   
  font-family: human-relation;
  font-style: normal;
}

.human-relation-001-heart-1:before { content: "\f100"; }
.human-relation-002-heart:before { content: "\f101"; }
.human-relation-003-gender:before { content: "\f102"; }
.human-relation-004-marriage:before { content: "\f103"; }
.human-relation-005-communication:before { content: "\f104"; }
.human-relation-006-friendship:before { content: "\f105"; }
.human-relation-007-computer:before { content: "\f106"; }
.human-relation-008-status-bar:before { content: "\f107"; }
.human-relation-009-connect-1:before { content: "\f108"; }
.human-relation-010-hierarchy:before { content: "\f109"; }
.human-relation-011-puzzle:before { content: "\f10a"; }
.human-relation-012-greeting:before { content: "\f10b"; }
.human-relation-013-broken-heart-1:before { content: "\f10c"; }
.human-relation-014-search:before { content: "\f10d"; }
.human-relation-015-family:before { content: "\f10e"; }
.human-relation-016-hug-1:before { content: "\f10f"; }
.human-relation-017-lifesaver:before { content: "\f110"; }
.human-relation-018-couple:before { content: "\f111"; }
.human-relation-019-house:before { content: "\f112"; }
.human-relation-020-hug:before { content: "\f113"; }
.human-relation-021-bride:before { content: "\f114"; }
.human-relation-022-love:before { content: "\f115"; }
.human-relation-023-hands:before { content: "\f116"; }
.human-relation-024-plant:before { content: "\f117"; }
.human-relation-025-broken-heart:before { content: "\f118"; }
.human-relation-026-target:before { content: "\f119"; }
.human-relation-027-link-1:before { content: "\f11a"; }
.human-relation-028-link:before { content: "\f11b"; }
.human-relation-029-connect:before { content: "\f11c"; }
.human-relation-030-users:before { content: "\f11d"; }