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


/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'wld-ico';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="font-"]:before {
*/
.font-facebook-positioned:before, .font-browse:before, .font-user-profile:before, .font-computer:before, .font-tick-sign:before, .font-compose:before, .font-stethoscope:before, .font-videocam:before, .font-usergroup:before, .font-whip:before, .font-luggage:before, .font-dumbbell:before, .font-departure:before, .font-tennis:before, .font-check-clipboard:before, .font-about-text:before, .font-camera:before, .font-utensils:before, .font-exercise-bike:before, .font-info-sign:before, .font-alert-triangle:before {
  font-family: 'wld-ico';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.font-facebook-positioned:before {
  content: "\e001";
}
.font-browse:before {
  content: "\2798";
}
.font-user-profile:before {
  content: "\2630";
}
.font-computer:before {
  content: "\25a3";
}
.font-tick-sign:before {
  content: "\269e";
}
.font-compose:before {
  content: "\e00b";
}
.font-stethoscope:before {
  content: "\e002";
}
.font-videocam:before {
  content: "\e003";
}
.font-usergroup:before {
  content: "\e004";
}
.font-whip:before {
  content: "\e005";
}
.font-luggage:before {
  content: "\e006";
}
.font-dumbbell:before {
  content: "\e007";
}
.font-departure:before {
  content: "\e008";
}
.font-tennis:before {
  content: "\e009";
}
.font-check-clipboard:before {
  content: "\e00a";
}
.font-about-text:before {
  content: "\e00f";
}
.font-camera:before {
  content: "\e00c";
}
.font-utensils:before {
  content: "\e00d";
}
.font-exercise-bike:before {
  content: "\e00e";
}
.font-info-sign:before {
  content: "\269d";
}
.font-alert-triangle:before {
  content: "\26a0";
}



/* Additional rules to create presets on the defined icons */

.font-facebook-positioned:before {
  color: white !important;
  background: #3958b5;
  border-radius: .1em;
}