@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot');
    src:  url('fonts/icomoon.eot') format('embedded-opentype'),
      url('fonts/icomoon.ttf') format('truetype'),
      url('fonts/icomoon.woff') format('woff'),
      url('fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
    
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    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-ds-01:before {
    content: "\e9d1";
    color: #fff;
  }
  .icon-ds-02:before {
    content: "\e9d2";
    color: #fff;
  }
  .icon-more7:before {
    content: "\e9d0";
  }
  .icon-exchange:before {
    content: "\e9c4";
  }
  .icon-bend:before {
    content: "\e9c3";
    color: #fff;
  }
  .icon-move-up:before {
    content: "\e9c1";
    color: #ccc;
  }
  .icon-move-down:before {
    content: "\e9c2";
    color: #ccc;
  }
  .icon-arrow-right3:before {
    content: "\e9c0";
  }
  .icon-email:before {
    content: "\e9bf";
  }
  .icon-convert:before {
    content: "\e9be";
  }
  .icon-poster:before {
    content: "\e9bd";
    color: #999;
  }
  .icon-person:before {
    content: "\e9ba";
  }
  .icon-book:before {
    content: "\e9bb";
  }
  .icon-more6:before {
    content: "\e9bc";
  }
  .icon-more5:before {
    content: "\e9b9";
  }
  .icon-more4:before {
    content: "\e9b7";
  }
  .icon-tv:before {
    content: "\e9b8";
  }
  .icon-restore:before {
    content: "\e9b5";
    color: #ccc;
  }
  .icon-backup:before {
    content: "\e9b6";
    color: #828282;
  }
  .icon-filtrate:before {
    content: "\e9b4";
  }
  .icon-more3:before {
    content: "\e9b1";
  }
  .icon-recycle:before {
    content: "\e9ae";
  }
  .icon-copy2:before {
    content: "\e9ac";
  }
  .icon-service:before {
    content: "\e9b3";
  }
  .icon-add:before {
    content: "\e9ab";
  }
  .icon-cancel:before {
    content: "\e9ad";
  }
  .icon-finish:before {
    content: "\e9af";
  }
  .icon-modify:before {
    content: "\e9b0";
  }
  .icon-address:before {
    content: "\e9b2";
  }
  .icon-download:before {
    content: "\e9aa";
  }
  .icon-earphone:before {
    content: "\e9a4";
  }
  .icon-edit2:before {
    content: "\e9a5";
  }
  .icon-problem:before {
    content: "\e9a6";
  }
  .icon-mark:before {
    content: "\e9a7";
  }
  .icon-zan:before {
    content: "\e9a8";
  }
  .icon-dialogue:before {
    content: "\e9a9";
  }
  .icon-arrow-prev6:before {
    content: "\e9a0";
  }
  .icon-arrow-next6:before {
    content: "\e9a1";
  }
  .icon-arrow-down2:before {
    content: "\e9a2";
  }
  .icon-double-arrow:before {
    content: "\e9a3";
  }
  .icon-corner:before {
    content: "\e99f";
  }
  .icon-arrow-left2:before {
    content: "\e99c";
  }
  .icon-arrow-right2:before {
    content: "\e99d";
  }
  .icon-map:before {
    content: "\e996";
  }
  .icon-calender:before {
    content: "\e997";
  }
  .icon-earth:before {
    content: "\e998";
  }
  .icon-clock2:before {
    content: "\e999";
  }
  .icon-add2:before {
    content: "\e99a";
  }
  .icon-more2:before {
    content: "\e99b";
  }
  .icon-down2:before {
    content: "\e99e";
  }
  .icon-sift:before {
    content: "\e995";
  }
  .icon-descending:before {
    content: "\e993";
  }
  .icon-ascending:before {
    content: "\e994";
  }
  .icon-praise:before {
    content: "\e992";
  }
  .icon-icon-collect:before {
    content: "\e991";
    color: #ced0d6;
  }
  .icon-zoom-out:before {
    content: "\e990";
    color: #20002a;
  }
  .icon-radio-no:before {
    content: "\e98f";
    color: #4f4f4f;
  }
  .icon-result:before {
    content: "\e98d";
  }
  .icon-doctor:before {
    content: "\e98e";
  }
  .icon-arrow-up:before {
    content: "\e98b";
  }
  .icon-arrow-down:before {
    content: "\e98c";
  }
  .icon-recycled:before {
    content: "\e98a";
  }
  .icon-d0:before {
    content: "\e949";
  }
  .icon-d1:before {
    content: "\e94a";
  }
  .icon-d2:before {
    content: "\e94b";
  }
  .icon-d3:before {
    content: "\e94c";
  }
  .icon-d4:before {
    content: "\e94d";
  }
  .icon-d5:before {
    content: "\e94e";
  }
  .icon-d6:before {
    content: "\e94f";
  }
  .icon-d7:before {
    content: "\e950";
  }
  .icon-d8:before {
    content: "\e951";
  }
  .icon-d9:before {
    content: "\e952";
  }
  .icon-d10:before {
    content: "\e953";
  }
  .icon-d11:before {
    content: "\e954";
  }
  .icon-d12:before {
    content: "\e955";
  }
  .icon-d13:before {
    content: "\e956";
  }
  .icon-d14:before {
    content: "\e957";
  }
  .icon-d15:before {
    content: "\e958";
  }
  .icon-d16:before {
    content: "\e959";
  }
  .icon-d17:before {
    content: "\e95a";
  }
  .icon-d18:before {
    content: "\e95b";
  }
  .icon-d19:before {
    content: "\e95c";
  }
  .icon-d20:before {
    content: "\e95d";
  }
  .icon-d21:before {
    content: "\e95e";
  }
  .icon-d22:before {
    content: "\e95f";
  }
  .icon-d23:before {
    content: "\e960";
  }
  .icon-d24:before {
    content: "\e961";
  }
  .icon-d25:before {
    content: "\e962";
  }
  .icon-d26:before {
    content: "\e963";
  }
  .icon-d27:before {
    content: "\e964";
  }
  .icon-d28:before {
    content: "\e965";
  }
  .icon-d29:before {
    content: "\e966";
  }
  .icon-d30:before {
    content: "\e967";
  }
  .icon-d31:before {
    content: "\e968";
  }
  .icon-d32:before {
    content: "\e969";
  }
  .icon-n0:before {
    content: "\e96a";
  }
  .icon-n1:before {
    content: "\e96b";
  }
  .icon-n2:before {
    content: "\e96c";
  }
  .icon-n3:before {
    content: "\e96d";
  }
  .icon-n4:before {
    content: "\e96e";
  }
  .icon-n5:before {
    content: "\e96f";
  }
  .icon-n6:before {
    content: "\e970";
  }
  .icon-n7:before {
    content: "\e971";
  }
  .icon-n8:before {
    content: "\e972";
  }
  .icon-n9:before {
    content: "\e973";
  }
  .icon-n10:before {
    content: "\e974";
  }
  .icon-n11:before {
    content: "\e975";
  }
  .icon-n12:before {
    content: "\e976";
  }
  .icon-n14:before {
    content: "\e977";
  }
  .icon-n15:before {
    content: "\e978";
  }
  .icon-n16:before {
    content: "\e979";
  }
  .icon-n17:before {
    content: "\e97a";
  }
  .icon-n18:before {
    content: "\e97b";
  }
  .icon-n19:before {
    content: "\e97c";
  }
  .icon-n20:before {
    content: "\e97d";
  }
  .icon-n21:before {
    content: "\e97e";
  }
  .icon-n22:before {
    content: "\e97f";
  }
  .icon-n23:before {
    content: "\e980";
  }
  .icon-n24:before {
    content: "\e981";
  }
  .icon-n25:before {
    content: "\e982";
  }
  .icon-n26:before {
    content: "\e983";
  }
  .icon-n27:before {
    content: "\e984";
  }
  .icon-n28:before {
    content: "\e985";
  }
  .icon-n29:before {
    content: "\e986";
  }
  .icon-n30:before {
    content: "\e987";
  }
  .icon-n31:before {
    content: "\e988";
  }
  .icon-n32:before {
    content: "\e989";
  }
  .icon-orthogon:before {
    content: "\e948";
  }
  .icon-unable:before {
    content: "\e947";
  }
  .icon-add-circle:before {
    content: "\e946";
  }
  .icon-arrow-next4:before {
    content: "\e941";
  }
  .icon-arrow-prev5:before {
    content: "\e943";
  }
  .icon-arrow-next5:before {
    content: "\e944";
  }
  .icon-arrow-prev4:before {
    content: "\e945";
  }
  .icon-more:before {
    content: "\e942";
  }
  .icon-arrow-prev3:before {
    content: "\e93e";
  }
  .icon-arrow-prev2:before {
    content: "\e93f";
  }
  .icon-arrow-next2:before {
    content: "\e940";
  }
  .icon-question:before {
    content: "\e93d";
  }
  .icon-arrow-prev:before {
    content: "\e93b";
  }
  .icon-arrow-next:before {
    content: "\e93c";
  }
  .icon-copy:before {
    content: "\e93a";
  }
  .icon-refresh:before {
    content: "\e939";
  }
  .icon-unfold:before {
    content: "\e938";
  }
  .icon-drag:before {
    content: "\e937";
    color: #3d82f2;
  }
  .icon-video:before {
    content: "\e936";
  }
  .icon-selected3:before {
    content: "\e935";
    color: #3d82f2;
  }
  .icon-star:before {
    content: "\e934";
    color: #dbdbdb;
  }
  .icon-calendar:before {
    content: "\e930";
    color: #d3d7de;
  }
  .icon-icon2:before {
    content: "\e931";
    color: #999;
  }
  .icon-icon3:before {
    content: "\e932";
    color: #999;
  }
  .icon-icon1:before {
    content: "\e933";
    color: #999;
  }
  .icon-user2:before {
    content: "\e92f";
  }
  .icon-eye2:before {
    content: "\e92e";
  }
  .icon-clock:before {
    content: "\e92c";
  }
  .icon-lang2:before {
    content: "\e92d";
  }
  .icon-arrow-right:before {
    content: "\e92a";
  }
  .icon-arrow-left:before {
    content: "\e92b";
  }
  .icon-collected:before {
    content: "\e928";
  }
  .icon-collect:before {
    content: "\e929";
    color: #999;
  }
  .icon-list:before {
    content: "\e926";
    color: #aaa;
  }
  .icon-cover:before {
    content: "\e927";
  }
  .icon-del-thin:before {
    content: "\e923";
  }
  .icon-menu:before {
    content: "\e921";
  }
  .icon-opacity:before {
    content: "\e920";
  }
  .icon-border:before {
    content: "\e91b";
  }
  .icon-link:before {
    content: "\e91c";
  }
  .icon-text:before {
    content: "\e91d";
  }
  .icon-shadow:before {
    content: "\e91e";
  }
  .icon-radius:before {
    content: "\e91f";
  }
  .icon-eye:before {
    content: "\e918";
  }
  .icon-close-eye:before {
    content: "\e919";
  }
  .icon-big-eye:before {
    content: "\e91a";
  }
  .icon-home:before {
    content: "\e916";
    color: #3d82f2;
  }
  .icon-failure:before {
    content: "\e901";
    color: #ff4e4e;
  }
  .icon-succeed:before {
    content: "\e90e";
    color: #4dd655;
  }
  .icon-selected:before {
    content: "\e900";
  }
  .icon-close:before {
    content: "\e915";
    color: #3d82f2;
  }
  .icon-edit:before {
    content: "\e902";
    color: #ccc;
  }
  .icon-selected2 .path1:before {
    content: "\e903";
    color: rgb(61, 130, 242);
  }
  .icon-selected2 .path2:before {
    content: "\e904";
    margin-left: -1em;
    color: rgb(255, 255, 255);
  }
  .icon-pack-up:before {
    content: "\e906";
  }
  .icon-pack-down:before {
    content: "\e907";
    color: #3d82f2;
  }
  .icon-tick:before {
    content: "\e909";
    color: #fff;
  }
  .icon-triangle-down:before {
    content: "\e90a";
    color: #ddd;
  }
  .icon-triangle-up:before {
    content: "\e90b";
    color: #ddd;
  }
  .icon-set:before {
    content: "\e90c";
    color: #3d82f2;
  }
  .icon-move:before {
    content: "\e90d";
    color: #3d82f2;
  }
  .icon-up:before {
    content: "\e90f";
  }
  .icon-add-strong:before {
    content: "\e910";
  }
  .icon-add-lighter:before {
    content: "\e911";
    color: #3d82f2;
  }
  .icon-search:before {
    content: "\e912";
  }
  .icon-down:before {
    content: "\e913";
  }
  .icon-rubbish:before {
    content: "\e914";
    color: #f35b3c;
  }
  .icon-del:before {
    content: "\e908";
    color: #ccc;
  }
  .icon-right-arrow:before {
    content: "\e9ca";
  }
  .icon-left-arrow:before {
    content: "\e9cb";
  }
  .icon-double-people:before {
    content: "\e9c9";
    color: #fff;
  }
  .icon-icon11:before {
    content: "\e9c5";
    color: #fff;
  }
  .icon-icon21:before {
    content: "\e9c6";
    color: #fff;
  }
  .icon-icon31:before {
    content: "\e9c7";
    color: #fff;
  }
  .icon-icon4:before {
    content: "\e9c8";
    color: #fff;
  }
  .icon-icon5:before {
    content: "\e9cc";
    color: #fff;
  }
  .icon-icon6:before {
    content: "\e9cd";
    color: #fff;
  }
  .icon-icon7:before {
    content: "\e9ce";
    color: #fff;
  }
  .icon-icon8:before {
    content: "\e9cf";
    color: #fff;
  }
  .icon-user:before {
    content: "\e917";
  }
  .icon-exit:before {
    content: "\e922";
  }
  .icon-effects:before {
    content: "\e924";
  }
  .icon-clip:before {
    content: "\e925";
  }
  .icon-pencil:before {
    content: "\e905";
  }