@font-face {
  font-family: 'hf-icon-set';
  src: url("../font/hf-icon-set.eot");
  src: url("../font/hf-icon-set.eot#iefix") format('embedded-opentype'), url("../font/hf-icon-set.woff") format('woff'), url("../font/hf-icon-set.ttf") format('truetype'), url("../font/hf-icon-set.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'hf-icon-set';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.7;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
/* fix buttons height */
  line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-zize: 120%; */
}

.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-basket:before { content: '\1732'; } /* 'ᜲ' */
.icon-facebook-rect:before { content: '\301'; } /* '́' */
.icon-twitter:before { content: '\302'; } /* '̂' */
.icon-googleplus-rect:before { content: '\309'; } /* '̉' */
.icon-gift:before { content: '\381'; } /* '΁' */
.icon-users:before { content: '\465'; } /* 'ѥ' */
.icon-search-2:before { content: '\50e'; } /* 'Ԏ' */