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

  .quark-icons {
    font-family: 'quark' !important;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  
  [class^="qu-"], [class*=" qu-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'quark' !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;
  }
  
  .qu-adjust:before {
    content: "\e900";
  }
  .qu-ambulance:before {
    content: "\e901";
  }
  .qu-analytics:before {
    content: "\e902";
  }
  .qu-atom:before {
    content: "\e903";
  }
  .qu-badge:before {
    content: "\e904";
  }
  .qu-battery-vertical:before {
    content: "\e905";
  }
  .qu-beer:before {
    content: "\e906";
  }
  .qu-bell:before {
    content: "\e907";
  }
  .qu-biking:before {
    content: "\e908";
  }
  .qu-boat:before {
    content: "\e909";
  }
  .qu-bolt:before {
    content: "\e90a";
  }
  .qu-broadcast-tower:before {
    content: "\e90b";
  }
  .qu-bug:before {
    content: "\e90c";
  }
  .qu-building:before {
    content: "\e90d";
  }
  .qu-bus:before {
    content: "\e90e";
  }
  .qu-car:before {
    content: "\e90f";
  }
  .qu-car-battery:before {
    content: "\e910";
  }
  .qu-cctv:before {
    content: "\e911";
  }
  .qu-charging-station:before {
    content: "\e912";
  }
  .qu-chart-bar-horizontal:before {
    content: "\e913";
  }
  .qu-chart-bar-vertical:before {
    content: "\e914";
  }
  .qu-chart-line:before {
    content: "\e915";
  }
  .qu-chart-pie:before {
    content: "\e916";
  }
  .qu-cheeseburger:before {
    content: "\e917";
  }
  .qu-chess-queen:before {
    content: "\e918";
  }
  .qu-child:before {
    content: "\e919";
  }
  .qu-circle:before {
    content: "\e91a";
  }
  .qu-clinic-medical:before {
    content: "\e91b";
  }
  .qu-clock:before {
    content: "\e91c";
  }
  .qu-co:before {
    content: "\e91d";
  }
  .qu-co2:before {
    content: "\e91e";
  }
  .qu-compass:before {
    content: "\e91f";
  }
  .qu-construction:before {
    content: "\e920";
  }
  .qu-corn:before {
    content: "\e921";
  }
  .qu-cow:before {
    content: "\e922";
  }
  .qu-cube:before {
    content: "\e923";
  }
  .qu-desktop:before {
    content: "\e924";
  }
  .qu-diamond:before {
    content: "\e925";
  }
  .qu-dice-d4:before {
    content: "\e926";
  }
  .qu-dice-d6:before {
    content: "\e927";
  }
  .qu-dollar-sign:before {
    content: "\e928";
  }
  .qu-door-open:before {
    content: "\e929";
  }
  .qu-drinna:before {
    content: "\e92a";
    color: #00b6f5;
  }
  .qu-duck:before {
    content: "\e92b";
  }
  .qu-dumpster:before {
    content: "\e92c";
  }
  .qu-electric-motor:before {
    content: "\e92d";
  }
  .qu-euro-sign:before {
    content: "\e92e";
  }
  .qu-exclamation-triangle:before {
    content: "\e92f";
  }
  .qu-fan:before {
    content: "\e930";
  }
  .qu-faucet:before {
    content: "\e931";
  }
  .qu-faucet-drip:before {
    content: "\e932";
  }
  .qu-fire-alt:before {
    content: "\e933";
  }
  .qu-flag-checkered:before {
    content: "\e934";
  }
  .qu-flask:before {
    content: "\e935";
  }
  .qu-floor-plan:before {
    content: "\e936";
  }
  .qu-flower-tulip:before {
    content: "\e937";
  }
  .qu-flux-capacitor:before {
    content: "\e938";
  }
  .qu-frown:before {
    content: "\e939";
  }
  .qu-gamepad:before {
    content: "\e93a";
  }
  .qu-generator:before {
    content: "\e93b";
  }
  .qu-gift:before {
    content: "\e93c";
  }
  .qu-hand-paper:before {
    content: "\e93d";
  }
  .qu-headphones:before {
    content: "\e93e";
  }
  .qu-heart:before {
    content: "\e93f";
  }
  .qu-heartbeat:before {
    content: "\e940";
  }
  .qu-heat:before {
    content: "\e941";
  }
  .qu-hexagon:before {
    content: "\e942";
  }
  .qu-home:before {
    content: "\e943";
  }
  .qu-horse:before {
    content: "\e944";
  }
  .qu-humidity:before {
    content: "\e945";
  }
  .qu-infinity:before {
    content: "\e946";
  }
  .qu-key:before {
    content: "\e947";
  }
  .qu-lightbulb:before {
    content: "\e948";
  }
  .qu-light-switch:before {
    content: "\e949";
  }
  .qu-lock-alt:before {
    content: "\e94a";
  }
  .qu-lora .path1:before {
    content: "\e94b";
    color: rgb(207, 207, 207);
  }
  .qu-lora .path2:before {
    content: "\e94c";
    margin-left: -1.125em;
    color: rgb(164, 164, 164);
  }
  .qu-lora .path3:before {
    content: "\e94d";
    margin-left: -1.125em;
    color: rgb(133, 133, 133);
  }
  .qu-lora .path4:before {
    content: "\e94e";
    margin-left: -1.125em;
    color: rgb(94, 94, 94);
  }
  .qu-lora .path5:before {
    content: "\e94f";
    margin-left: -1.125em;
    color: rgb(1, 1, 1);
  }
  .qu-map:before {
    content: "\e950";
  }
  .qu-map-marked-alt:before {
    content: "\e951";
  }
  .qu-microchip:before {
    content: "\e952";
  }
  .qu-microwave:before {
    content: "\e953";
  }
  .qu-money-bill:before {
    content: "\e954";
  }
  .qu-motion-sensor:before {
    content: "\e955";
  }
  .qu-motorcycle:before {
    content: "\e956";
  }
  .qu-music:before {
    content: "\e957";
  }
  .qu-oil-temp:before {
    content: "\e958";
  }
  .qu-oil-well:before {
    content: "\e959";
  }
  .qu-parking-circle:before {
    content: "\e95a";
  }
  .qu-pig:before {
    content: "\e95b";
  }
  .qu-plane:before {
    content: "\e95c";
  }
  .qu-plug:before {
    content: "\e95d";
  }
  .qu-power-off:before {
    content: "\e95e";
  }
  .qu-rabbit:before {
    content: "\e95f";
  }
  .qu-radiation:before {
    content: "\e960";
  }
  .qu-radiator:before {
    content: "\e961";
  }
  .qu-refrigerator:before {
    content: "\e962";
  }
  .qu-ring:before {
    content: "\e963";
  }
  .qu-router:before {
    content: "\e964";
  }
  .qu-ruler:before {
    content: "\e965";
  }
  .qu-running:before {
    content: "\e966";
  }
  .qu-seedling:before {
    content: "\e967";
  }
  .qu-shapes:before {
    content: "\e968";
  }
  .qu-sheep:before {
    content: "\e969";
  }
  .qu-sheep-cloned:before {
    content: "\e96a";
  }
  .qu-sheep-svg:before {
    content: "\e96b";
  }
  .qu-shield:before {
    content: "\e96c";
  }
  .qu-shipping-fast:before {
    content: "\e96d";
  }
  .qu-siren-on:before {
    content: "\e96e";
  }
  .qu-sitemap:before {
    content: "\e96f";
  }
  .qu-skull-cow:before {
    content: "\e970";
  }
  .qu-skull-crossbones:before {
    content: "\e971";
  }
  .qu-sliders:before {
    content: "\e972";
  }
  .qu-smile:before {
    content: "\e973";
  }
  .qu-smoke-sensor:before {
    content: "\e974";
  }
  .qu-snowflake:before {
    content: "\e975";
  }
  .qu-square:before {
    content: "\e976";
  }
  .qu-star:before {
    content: "\e977";
  }
  .qu-sun:before {
    content: "\e978";
  }
  .qu-table:before {
    content: "\e979";
  }
  .qu-tachometer:before {
    content: "\e97a";
  }
  .qu-tag:before {
    content: "\e97b";
  }
  .qu-tank:before {
    content: "\e97c";
  }
  .qu-taxi:before {
    content: "\e97d";
  }
  .qu-temperature-hot:before {
    content: "\e97e";
  }
  .qu-temp-hum:before {
    content: "\e97f";
  }
  .qu-thermometer:before {
    content: "\e980";
  }
  .qu-thunderstorm:before {
    content: "\e981";
  }
  .qu-tire:before {
    content: "\e982";
  }
  .qu-tractor:before {
    content: "\e983";
  }
  .qu-trash:before {
    content: "\e984";
  }
  .qu-tree:before {
    content: "\e985";
  }
  .qu-triangle:before {
    content: "\e986";
  }
  .qu-truck:before {
    content: "\e987";
  }
  .qu-user-robot:before {
    content: "\e988";
  }
  .qu-valve:before {
    content: "\e989";
  }
  .qu-valve-pressure:before {
    content: "\e98a";
  }
  .qu-video:before {
    content: "\e98b";
  }
  .qu-voltmeter:before {
    content: "\e98c";
  }
  .qu-watch-calculator:before {
    content: "\e98d";
  }
  .qu-water:before {
    content: "\e98e";
  }
  .qu-wave-sine:before {
    content: "\e98f";
  }
  .qu-wheat:before {
    content: "\e990";
  }
  .qu-wifi:before {
    content: "\e991";
  }
  .qu-wind:before {
    content: "\e992";
  }
  .qu-wind-turbine:before {
    content: "\e993";
  }