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

[class^="ex-icon-"], [class*=" ex-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'explodix' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ex-icon-typo3-dev-ico:before {
  content: "\e900";
}
.ex-icon-suitcase2:before {
  content: "\e901";
}
.ex-icon-phone2:before {
  content: "\e902";
}
.ex-icon-android-dev-ico:before {
  content: "\e903";
}
.ex-icon-cakephp-dev-ico:before {
  content: "\e904";
}
.ex-icon-codeginate-dev-ico:before {
  content: "\e905";
}
.ex-icon-drupal-dev-ico:before {
  content: "\e906";
}
.ex-icon-ipgone-dev-ico:before {
  content: "\e907";
}
.ex-icon-joomal-dev-icon:before {
  content: "\e908";
}
.ex-icon-magento-dev-icon:before {
  content: "\e909";
}
.ex-icon-mobile-dev-icon:before {
  content: "\e90a";
}
.ex-icon-php-dev-ico:before {
  content: "\e90b";
}
.ex-icon-seo-dev-ico:before {
  content: "\e90c";
}
.ex-icon-symfony:before {
  content: "\e90d";
}
.ex-icon-wordpress-dev-icon:before {
  content: "\e90e";
}
.ex-icon-yii:before {
  content: "\e90f";
}
.ex-icon-zend-dev-ico:before {
  content: "\e910";
}
.ex-icon-image:before {
  content: "\e911";
}
.ex-icon-images:before {
  content: "\e912";
}
.ex-icon-phone:before {
  content: "\e913";
}
.ex-icon-phone-hang-up:before {
  content: "\e914";
}
.ex-icon-embed:before {
  content: "\e915";
}
.ex-icon-embed2:before {
  content: "\e916";
}
.ex-icon-html-five:before {
  content: "\e917";
}
.ex-icon-html-five2:before {
  content: "\e918";
}
.ex-icon-briefcase:before {
  content: "\f0b1";
}
.ex-icon-suitcase:before {
  content: "\f0f2";
}
.ex-icon-quote-left:before {
  content: "\f10d";
}
.ex-icon-html5:before {
  content: "\f13b";
}
.ex-icon-commenting:before {
  content: "\f27a";
}
.ex-icon-commenting-o:before {
  content: "\f27b";
}