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

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

.kop-arrow-next:before {
  content: "\e93e";
}
.kop-arrow-prev:before {
  content: "\e93f";
}
.kop-arrow-up:before {
  content: "\e940";
}
.kop-arrow-down:before {
  content: "\e941";
}
.kop-loc:before {
  content: "\e902";
}
.kop-home:before {
  content: "\e903";
}
.kop-transaction:before {
  content: "\e904";
}
.kop-settlement:before {
  content: "\e905";
}
.kop-invoice:before {
  content: "\e906";
}
.kop-link:before {
  content: "\e907";
}
.kop-subscription:before {
  content: "\e908";
}
.kop-quick:before {
  content: "\e909";
}
.kop-hand:before {
  content: "\e90a";
}
.kop-book:before {
  content: "\e90b";
}
.kop-userline:before {
  content: "\e90c";
}
.kop-setting:before {
  content: "\e90d";
}
.kop-logout:before {
  content: "\e90e";
}
.kop-forward:before {
  content: "\e90f";
}
.kop-heart:before {
  content: "\e910";
}
.kop-cloud:before {
  content: "\e911";
}
.kop-star:before {
  content: "\e912";
}
.kop-tv:before {
  content: "\e913";
}
.kop-sound:before {
  content: "\e914";
}
.kop-video:before {
  content: "\e915";
}
.kop-trash:before {
  content: "\e916";
}
.kop-user:before {
  content: "\e900";
}
.kop-key:before {
  content: "\e901";
}
.kop-search:before {
  content: "\e917";
}
.kop-settings:before {
  content: "\e918";
}
.kop-camera:before {
  content: "\e919";
}
.kop-tag:before {
  content: "\e91a";
}
.kop-lock:before {
  content: "\e91b";
}
.kop-bulb:before {
  content: "\e91c";
}
.kop-pen:before {
  content: "\e91d";
}
.kop-diamond:before {
  content: "\e91e";
}
.kop-display:before {
  content: "\e91f";
}
.kop-location:before {
  content: "\e920";
}
.kop-eye:before {
  content: "\e921";
}
.kop-bubble:before {
  content: "\e922";
}
.kop-stack:before {
  content: "\e923";
}
.kop-cup:before {
  content: "\e924";
}
.kop-phone:before {
  content: "\e925";
}
.kop-news:before {
  content: "\e926";
}
.kop-mail:before {
  content: "\e927";
}
.kop-like:before {
  content: "\e928";
}
.kop-photo:before {
  content: "\e929";
}
.kop-note:before {
  content: "\e92a";
}
.kop-clock:before {
  content: "\e92b";
}
.kop-paperplane:before {
  content: "\e92c";
}
.kop-params:before {
  content: "\e92d";
}
.kop-banknote:before {
  content: "\e92e";
}
.kop-data:before {
  content: "\e92f";
}
.kop-music:before {
  content: "\e930";
}
.kop-megaphone:before {
  content: "\e931";
}
.kop-study:before {
  content: "\e932";
}
.kop-lab:before {
  content: "\e933";
}
.kop-food:before {
  content: "\e934";
}
.kop-t-shirt:before {
  content: "\e935";
}
.kop-fire:before {
  content: "\e936";
}
.kop-clip:before {
  content: "\e937";
}
.kop-shop:before {
  content: "\e938";
}
.kop-calendar:before {
  content: "\e939";
}
.kop-wallet:before {
  content: "\e93a";
}
.kop-vynil:before {
  content: "\e93b";
}
.kop-truck:before {
  content: "\e93c";
}
.kop-world:before {
  content: "\e93d";
}