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

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

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {   
  font-family: dticon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before { content: "\f100"; }
.icon-home2:before { content: "\f101"; }
.icon-mail:before { content: "\f102"; }
.icon-tel2:before { content: "\f103"; }
.icon-tel:before { content: "\f104"; }
.icon-tel3:before { content: "\f105"; }
.icon-map2:before { content: "\f106"; }
.icon-map:before { content: "\f107"; }
.icon-map3:before { content: "\f108"; }
.icon-mobile:before { content: "\f109"; }
.icon-mobile2:before { content: "\f10a"; }
.icon-desktop:before { content: "\f10b"; }
.icon-fax:before { content: "\f10c"; }
.icon-cam:before { content: "\f10d"; }
.icon-ok:before { content: "\f10e"; }
.icon-no:before { content: "\f10f"; }
.icon-plus:before { content: "\f110"; }
.icon-minus:before { content: "\f111"; }
.icon-question:before { content: "\f112"; }
.icon-star:before { content: "\f113"; }
.icon-heart:before { content: "\f114"; }
.icon-comment:before { content: "\f115"; }
.icon-up:before { content: "\f116"; }
.icon-down:before { content: "\f117"; }
.icon-left:before { content: "\f118"; }
.icon-right:before { content: "\f119"; }
.icon-arrows:before { content: "\f11a"; }
.icon-download:before { content: "\f11b"; }
.icon-back:before { content: "\f11c"; }
.icon-next:before { content: "\f11d"; }
.icon-search-1:before { content: "\f11e"; }
.icon-search:before { content: "\f11f"; }
.icon-idea:before { content: "\f120"; }
.icon-bell:before { content: "\f121"; }
.icon-umbrella:before { content: "\f122"; }
.icon-time:before { content: "\f123"; }
.icon-time3:before { content: "\f124"; }
.icon-time2:before { content: "\f125"; }
.icon-touch:before { content: "\f126"; }
.icon-picture:before { content: "\f127"; }
.icon-video:before { content: "\f128"; }
.icon-signs:before { content: "\f129"; }
.icon-calendar:before { content: "\f12a"; }
.icon-calendar3:before { content: "\f12b"; }
.icon-calendar2:before { content: "\f12c"; }
.icon-chart4:before { content: "\f12d"; }
.icon-chart2:before { content: "\f12e"; }
.icon-chart:before { content: "\f12f"; }
.icon-chart3:before { content: "\f130"; }
.icon-business:before { content: "\f131"; }
.icon-business-1:before { content: "\f132"; }
.icon-wordpress:before { content: "\f133"; }
.icon-html:before { content: "\f134"; }
.icon-webshop:before { content: "\f135"; }
.icon-seo:before { content: "\f136"; }
.icon-shoppingcart:before { content: "\f137"; }
.icon-lock3:before { content: "\f138"; }
.icon-savemoney:before { content: "\f139"; }
.icon-money:before { content: "\f13a"; }
.icon-lock2:before { content: "\f13b"; }
.icon-lock:before { content: "\f13c"; }
.icon-person:before { content: "\f13d"; }
.icon-person2:before { content: "\f13e"; }
.icon-persons:before { content: "\f13f"; }
.icon-web:before { content: "\f140"; }
.icon-link:before { content: "\f141"; }
.icon-network:before { content: "\f142"; }
.icon-color:before { content: "\f143"; }
.icon-brush:before { content: "\f144"; }
.icon-pencil:before { content: "\f145"; }
.icon-design:before { content: "\f146"; }
.icon-vector:before { content: "\f147"; }
.icon-vector2:before { content: "\f148"; }
.icon-file:before { content: "\f149"; }
.icon-list:before { content: "\f14a"; }
.icon-files:before { content: "\f14b"; }
.icon-folder:before { content: "\f14c"; }
.icon-layers:before { content: "\f14d"; }
.icon-layers2:before { content: "\f14e"; }
.icon-database:before { content: "\f14f"; }
.icon-server:before { content: "\f150"; }
.icon-settings:before { content: "\f151"; }
.icon-flexible:before { content: "\f152"; }
.icon-flexible2:before { content: "\f153"; }
.icon-flexible3:before { content: "\f154"; }
.icon-external:before { content: "\f155"; }
.icon-external2:before { content: "\f156"; }