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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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;
}

.icon-tab:before {
  content: "\e900";
}
.icon-mail:before {
  content: "\e605";
}
.icon-access:before {
  content: "\e60c";
}
.icon-contact:before {
  content: "\e610";
}
.icon-arrow-up:before {
  content: "\e618";
}
.icon-arrow-down:before {
  content: "\e619";
}
.icon-copy:before {
  content: "\e61a";
}
.icon-1:before {
  content: "\e60b";
}
.icon-2:before {
  content: "\e60d";
}
.icon-3:before {
  content: "\e613";
}
.icon-4:before {
  content: "\e61b";
}
.icon-5:before {
  content: "\e61c";
}
.icon-6:before {
  content: "\e61d";
}
.icon-7:before {
  content: "\e61e";
}
.icon-8:before {
  content: "\e61f";
}
.icon-9:before {
  content: "\e620";
}
.icon-10:before {
  content: "\e621";
}
.icon-11:before {
  content: "\e622";
}
.icon-12:before {
  content: "\e623";
}
.icon-13:before {
  content: "\e624";
}
.icon-14:before {
  content: "\e625";
}
.icon-15:before {
  content: "\e626";
}
.icon-16:before {
  content: "\e627";
}
.icon-17:before {
  content: "\e628";
}
.icon-18:before {
  content: "\e629";
}
.icon-19:before {
  content: "\e62a";
}
.icon-20:before {
  content: "\e62b";
}
.icon-21:before {
  content: "\e62c";
}
.icon-22:before {
  content: "\e62d";
}
.icon-23:before {
  content: "\e62e";
}
.icon-24:before {
  content: "\e62f";
}
.icon-25:before {
  content: "\e630";
}
.icon-26:before {
  content: "\e631";
}
.icon-27:before {
  content: "\e632";
}
.icon-28:before {
  content: "\e633";
}
.icon-29:before {
  content: "\e634";
}
.icon-30:before {
  content: "\e635";
}
.icon-31:before {
  content: "\e636";
}
.icon-mail2:before {
  content: "\e611";
}
.icon-time:before {
  content: "\e612";
}
.icon-www:before {
  content: "\e614";
}
.icon-checkmark:before {
  content: "\e615";
}
.icon-piano:before {
  content: "\e901";
}