.ci {
    width: 20px;
    height: 20px;
    display: inline-block;
  }
  
  .ci-add_friend {
    content: url("./../fonts/custom-icons/add_friend.svg");
  }
  
  .ci-arrow_down {
    content: url("./../fonts/custom-icons/arrow_down.svg");
  }
  
  .ci-attach {
    content: url("./../fonts/custom-icons/attach.svg");
  }
  
  .ci-backward {
    content: url("./../fonts/custom-icons/backward.svg");
  }
  
  .ci-burger {
    content: url("./../fonts/custom-icons/burger.svg");
  }
  
  .ci-cart {
    content: url("./../fonts/custom-icons/cart.svg");
  }
  
  .ci-character {
    content: url("./../fonts/custom-icons/character.svg");
  }
  
  .ci-check_friend {
    content: url("./../fonts/custom-icons/check_friend.svg");
  }
  
  .ci-check {
    content: url("./../fonts/custom-icons/check.svg");
  }
  
  .ci-close_friend {
    content: url("./../fonts/custom-icons/close_friend.svg");
  }
  
  .ci-close {
    content: url("./../fonts/custom-icons/close.svg");
  }
  
  .ci-copy {
    content: url("./../fonts/custom-icons/copy.svg");
  }
  
  .ci-dashboard {
    content: url("./../fonts/custom-icons/dashboard.svg");
  }
  
  .ci-date_range {
    content: url("./../fonts/custom-icons/date_range.svg");
  }
  
  .ci-diamond {
    content: url("./../fonts/custom-icons/diamond.svg");
  }
  
  .ci-discount {
    content: url("./../fonts/custom-icons/discount.svg");
  }
  
  .ci-email {
    content: url("./../fonts/custom-icons/email.svg");
  }
  
  .ci-enter {
    content: url("./../fonts/custom-icons/enter.svg");
  }
  
  .ci-exit {
    content: url("./../fonts/custom-icons/exit.svg");
  }
  
  .ci-eye {
    content: url("./../fonts/custom-icons/eye.svg");
  }
  
  .ci-forward {
    content: url("./../fonts/custom-icons/forward.svg");
  }
  
  .ci-gift {
    content: url("./../fonts/custom-icons/gift.svg");
  }
  
  .ci-guide {
    content: url("./../fonts/custom-icons/guide.svg");
  }
  
  .ci-h_menu {
    content: url("./../fonts/custom-icons/h_menu.svg");
  }
  
  .ci-help {
    content: url("./../fonts/custom-icons/help.svg");
  }
  
  .ci-info {
    content: url("./../fonts/custom-icons/info.svg");
  }
  
  .ci-key {
    content: url("./../fonts/custom-icons/key.svg");
  }
  
  .ci-link {
    content: url("./../fonts/custom-icons/link.svg");
  }
  
  .ci-lock {
    content: url("./../fonts/custom-icons/lock.svg");
  }
  
  .ci-menu {
    content: url("./../fonts/custom-icons/menu.svg");
  }
  
  .ci-message {
    content: url("./../fonts/custom-icons/message.svg");
  }
  
  .ci-minus {
    content: url("./../fonts/custom-icons/minus.svg");
  }
  
  .ci-mobile {
    content: url("./../fonts/custom-icons/mobile.svg");
  }
  
  .ci-money {
    content: url("./../fonts/custom-icons/money.svg");
  }
  
  .ci-no_eye {
    content: url("./../fonts/custom-icons/no_eye.svg");
  }
  
  .ci-notification {
    content: url("./../fonts/custom-icons/notification.svg");
  }
  
  .ci-numpad {
    content: url("./../fonts/custom-icons/numpad.svg");
  }
  
  .ci-pencil {
    content: url("./../fonts/custom-icons/pencil.svg");
  }
  
  .ci-plus {
    content: url("./../fonts/custom-icons/plus.svg");
  }
  
  .ci-profile {
    content: url("./../fonts/custom-icons/profile.svg");
  }
  
  .ci-rating {
    content: url("./../fonts/custom-icons/rating.svg");
  }
  
  .ci-refresh {
    content: url("./../fonts/custom-icons/refresh.svg");
  }
  
  .ci-safebelt {
    content: url("./../fonts/custom-icons/safebelt.svg");
  }
  
  .ci-search {
    content: url("./../fonts/custom-icons/search.svg");
  }
  
  .ci-send {
    content: url("./../fonts/custom-icons/send.svg");
  }
  
  .ci-server {
    content: url("./../fonts/custom-icons/server.svg");
  }
  
  .ci-settings {
    content: url("./../fonts/custom-icons/settings.svg");
  }
  
  .ci-streaming {
    content: url("./../fonts/custom-icons/streaming.svg");
  }
  
  .ci-time_range {
    content: url("./../fonts/custom-icons/time_range.svg");
  }
  
  .ci-wallet {
    content: url("./../fonts/custom-icons/wallet.svg");
  }
  
  .ci-werehouse {
    content: url("./../fonts/custom-icons/werehouse.svg");
  }
  
  .ci.filter-white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(103%) contrast(104%);
  }
  
  .ci.filter-bm-1 {
    filter: invert(0%) sepia(4%) saturate(1556%) hue-rotate(337deg) brightness(97%) contrast(82%);
  }
  
  .ci.filter-brs-1 {
    filter: invert(8%) sepia(9%) saturate(315%) hue-rotate(349deg) brightness(93%) contrast(89%);
  }
  
  .ci.filter-bs-1 {
    filter: invert(15%) sepia(1%) saturate(2418%) hue-rotate(38deg) brightness(93%) contrast(95%);
  }
  
  .ci.filter-bsm-1 {
    filter: invert(13%) sepia(1%) saturate(3594%) hue-rotate(6deg) brightness(95%) contrast(94%);
  }
  
  .ci.filter-bb-1 {
    filter: invert(27%) sepia(7%) saturate(728%) hue-rotate(329deg) brightness(97%) contrast(85%);
  }
  
  .ci.filter-bl-2 {
    filter: invert(58%) sepia(9%) saturate(908%) hue-rotate(328deg) brightness(93%) contrast(88%);
  }
  
  .ci.filter-bl-1 {
    filter: invert(69%) sepia(42%) saturate(162%) hue-rotate(329deg) brightness(92%) contrast(83%);
  }
  
  .ci.filter-tbl-3 {
    filter: invert(91%) sepia(20%) saturate(130%) hue-rotate(327deg) brightness(93%) contrast(97%);
  }
  
  .ci.filter-orange { 
    filter: invert(49%) sepia(95%) saturate(1136%) hue-rotate(352deg) brightness(96%) contrast(83%);
  }
  
  .ci.filter-ol-1 {
    filter: invert(85%) sepia(24%) saturate(5650%) hue-rotate(325deg) brightness(102%) contrast(101%);
  }