@font-face {
  font-family: 'hfThemesIcons';
  src:  url('fonts/hfThemesIcons.eot?xpolqw');
  src:  url('fonts/hfThemesIcons.eot?xpolqw#iefix') format('embedded-opentype'),
    url('fonts/hfThemesIcons.ttf?xpolqw') format('truetype'),
    url('fonts/hfThemesIcons.woff?xpolqw') format('woff'),
    url('fonts/hfThemesIcons.svg?xpolqw#hfThemesIcons') 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: 'hfThemesIcons' !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-CircleCheck:before {
  content: "\e987";
}
.icon-CircleInfo:before {
  content: "\e9b3";
}
.icon-Instagram:before {
  content: "\e94e";
}
.icon-SpeechBubble:before {
  content: "\e900";
}
.icon-ShoppingCart:before {
  content: "\e901";
}
.icon-Earth:before {
  content: "\e902";
}
.icon-Idea:before {
  content: "\e903";
}
.icon-Alarm:before {
  content: "\e904";
}
.icon-TIF .path1:before {
  content: "\e905";
  color: rgb(0, 0, 0);
}
.icon-TIF .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-TIFF .path1:before {
  content: "\e907";
  color: rgb(0, 0, 0);
}
.icon-TIFF .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-JPEG .path1:before {
  content: "\e909";
  color: rgb(0, 0, 0);
}
.icon-JPEG .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ICO .path1:before {
  content: "\e90b";
  color: rgb(0, 0, 0);
}
.icon-ICO .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-GIF .path1:before {
  content: "\e90d";
  color: rgb(0, 0, 0);
}
.icon-GIF .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-PNG .path1:before {
  content: "\e90f";
  color: rgb(0, 0, 0);
}
.icon-PNG .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-HTML .path1:before {
  content: "\e911";
  color: rgb(0, 0, 0);
}
.icon-HTML .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-HTM .path1:before {
  content: "\e913";
  color: rgb(0, 0, 0);
}
.icon-HTM .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-JPG .path1:before {
  content: "\e915";
  color: rgb(0, 0, 0);
}
.icon-JPG .path2:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-TXT .path1:before {
  content: "\e917";
  color: rgb(0, 0, 0);
}
.icon-TXT .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-EXE .path1:before {
  content: "\e919";
  color: rgb(0, 0, 0);
}
.icon-EXE .path2:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-OGG .path1:before {
  content: "\e91b";
  color: rgb(0, 0, 0);
}
.icon-OGG .path2:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-MOV .path1:before {
  content: "\e91d";
  color: rgb(0, 0, 0);
}
.icon-MOV .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-WMV .path1:before {
  content: "\e91f";
  color: rgb(0, 0, 0);
}
.icon-WMV .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-MP4 .path1:before {
  content: "\e921";
  color: rgb(0, 0, 0);
}
.icon-MP4 .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-AVI .path1:before {
  content: "\e923";
  color: rgb(0, 0, 0);
}
.icon-AVI .path2:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-MPEG .path1:before {
  content: "\e925";
  color: rgb(0, 0, 0);
}
.icon-MPEG .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-MPG .path1:before {
  content: "\e927";
  color: rgb(0, 0, 0);
}
.icon-MPG .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-WAV .path1:before {
  content: "\e929";
  color: rgb(0, 0, 0);
}
.icon-WAV .path2:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-MP3 .path1:before {
  content: "\e92b";
  color: rgb(0, 0, 0);
}
.icon-MP3 .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-RAR .path1:before {
  content: "\e92d";
  color: rgb(0, 0, 0);
}
.icon-RAR .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ZIP .path1:before {
  content: "\e92f";
  color: rgb(0, 0, 0);
}
.icon-ZIP .path2:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-PPTX .path1:before {
  content: "\e931";
  color: rgb(0, 0, 0);
}
.icon-PPTX .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-PPT .path1:before {
  content: "\e933";
  color: rgb(0, 0, 0);
}
.icon-PPT .path2:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-XLT .path1:before {
  content: "\e935";
  color: rgb(0, 0, 0);
}
.icon-XLT .path2:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-XLTX .path1:before {
  content: "\e937";
  color: rgb(0, 0, 0);
}
.icon-XLTX .path2:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-XLSX .path1:before {
  content: "\e939";
  color: rgb(0, 0, 0);
}
.icon-XLSX .path2:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-XLS .path1:before {
  content: "\e93b";
  color: rgb(0, 0, 0);
}
.icon-XLS .path2:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-DOT .path1:before {
  content: "\e93d";
  color: rgb(0, 0, 0);
}
.icon-DOT .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-DOTX .path1:before {
  content: "\e93f";
  color: rgb(0, 0, 0);
}
.icon-DOTX .path2:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-DOC .path1:before {
  content: "\e941";
  color: rgb(0, 0, 0);
}
.icon-DOC .path2:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-DOCX .path1:before {
  content: "\e943";
  color: rgb(0, 0, 0);
}
.icon-DOCX .path2:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-PDF .path1:before {
  content: "\e945";
  color: rgb(0, 0, 0);
}
.icon-PDF .path2:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Youtube:before {
  content: "\e947";
}
.icon-Pinterest:before {
  content: "\e948";
}
.icon-Snapchat:before {
  content: "\e949";
}
.icon-WhatsApp:before {
  content: "\e94a";
}
.icon-Twitter:before {
  content: "\e94b";
}
.icon-Xing:before {
  content: "\e94c";
}
.icon-LinkedIn:before {
  content: "\e94d";
}
.icon-x-corp:before {
  content: "\e9b5";
}
.icon-LongArrowDownRight:before {
  content: "\e94f";
}
.icon-LongArrowUpRight:before {
  content: "\e950";
}
.icon-LongArrowDownLeft:before {
  content: "\e951";
}
.icon-LongArrowUpLeft:before {
  content: "\e952";
}
.icon-Calendar:before {
  content: "\e953";
}
.icon-AlarmClock:before {
  content: "\e954";
}
.icon-SaveClose:before {
  content: "\e955";
}
.icon-Save:before {
  content: "\e956";
}
.icon-PlayForward:before {
  content: "\e957";
}
.icon-PlayBack:before {
  content: "\e958";
}
.icon-PlayLeft:before {
  content: "\e959";
}
.icon-PlayRight:before {
  content: "\e95a";
}
.icon-Stop:before {
  content: "\e95b";
}
.icon-Pause:before {
  content: "\e95c";
}
.icon-Play:before {
  content: "\e95d";
}
.icon-Delete:before {
  content: "\e95e";
}
.icon-Refresh:before {
  content: "\e95f";
}
.icon-ExternalLink:before {
  content: "\e960";
}
.icon-Link:before {
  content: "\e961";
}
.icon-Download:before {
  content: "\e962";
}
.icon-LongArrowDown:before {
  content: "\e963";
}
.icon-LongArrowUp:before {
  content: "\e964";
}
.icon-LongArrowRight:before {
  content: "\e965";
}
.icon-ArrowDownRight:before {
  content: "\e966";
}
.icon-ArrowUpRight:before {
  content: "\e967";
}
.icon-ArrowDownLeft:before {
  content: "\e968";
}
.icon-ArrowDown:before {
  content: "\e969";
}
.icon-ArrowTop:before {
  content: "\e96a";
}
.icon-ArrowRight:before {
  content: "\e96b";
}
.icon-ArrowThinDownRight:before {
  content: "\e96c";
}
.icon-ArrowThinUpRight:before {
  content: "\e96d";
}
.icon-ArrowThinDownLeft:before {
  content: "\e96e";
}
.icon-ArrowThinBottom:before {
  content: "\e96f";
}
.icon-ArrowThinTop:before {
  content: "\e970";
}
.icon-ArrowThinRight:before {
  content: "\e971";
}
.icon-ArrowCircleFillUp:before {
  content: "\e972";
}
.icon-ArrowCircleOutUp:before {
  content: "\e973";
}
.icon-ArrowCircleFillDown:before {
  content: "\e974";
}
.icon-ArrowCircleOutDown:before {
  content: "\e975";
}
.icon-ArrowThinLeft:before {
  content: "\e976";
}
.icon-ArrowFillBottom:before {
  content: "\e977";
}
.icon-ArrowFillTop:before {
  content: "\e978";
}
.icon-ArrowFillRight:before {
  content: "\e979";
}
.icon-ArrowFillLeft:before {
  content: "\e97a";
}
.icon-ArrowLeft:before {
  content: "\e97b";
}
.icon-LongArrowLeft:before {
  content: "\e97c";
}
.icon-Facebook:before {
  content: "\e97d";
}
.icon-List:before {
  content: "\e97e";
}
.icon-Synchronisation:before {
  content: "\e97f";
}
.icon-LockClose:before {
  content: "\e980";
}
.icon-LockOpen:before {
  content: "\e981";
}
.icon-Tiles:before {
  content: "\e982";
}
.icon-Letter:before {
  content: "\e983";
}
.icon-Phone:before {
  content: "\e984";
}
.icon-Pin:before {
  content: "\e985";
}
.icon-RectangleFill:before {
  content: "\e986";
}
.icon-CircleFill:before {
  content: "\e9b4";
}
.icon-Clock:before {
  content: "\e988";
}
.icon-OnOff:before {
  content: "\e989";
}
.icon-CircleOut:before {
  content: "\e98a";
}
.icon-RectangleOut:before {
  content: "\e98b";
}
.icon-Question:before {
  content: "\e98c";
}
.icon-MenuDots:before {
  content: "\e98d";
}
.icon-User:before {
  content: "\e98e";
}
.icon-Desktop:before {
  content: "\e98f";
}
.icon-Tablet:before {
  content: "\e990";
}
.icon-Mobile:before {
  content: "\e991";
}
.icon-Tag:before {
  content: "\e992";
}
.icon-Users:before {
  content: "\e993";
}
.icon-MenuHamburger:before {
  content: "\e994";
}
.icon-Equal:before {
  content: "\e995";
}
.icon-Minus:before {
  content: "\e996";
}
.icon-GraphCircle:before {
  content: "\e997";
}
.icon-Graph:before {
  content: "\e998";
}
.icon-Cross:before {
  content: "\e999";
}
.icon-Plus:before {
  content: "\e99a";
}
.icon-Settings:before {
  content: "\e99b";
}
.icon-Setting:before {
  content: "\e99c";
}
.icon-Info:before {
  content: "\e99d";
}
.icon-Folder:before {
  content: "\e99e";
}
.icon-Headphones:before {
  content: "\e99f";
}
.icon-Heart:before {
  content: "\e9a0";
}
.icon-Fire:before {
  content: "\e9a1";
}
.icon-Alert:before {
  content: "\e9a2";
}
.icon-Present:before {
  content: "\e9a3";
}
.icon-EditPaper:before {
  content: "\e9a4";
}
.icon-QuoteEnd:before {
  content: "\e9a5";
}
.icon-QuoteStart:before {
  content: "\e9a6";
}
.icon-Sun:before {
  content: "\e9a7";
}
.icon-Rain:before {
  content: "\e9a8";
}
.icon-Cloud:before {
  content: "\e9a9";
}
.icon-CloudSun:before {
  content: "\e9aa";
}
.icon-Edit:before {
  content: "\e9ab";
}
.icon-MagnifierMinus:before {
  content: "\e9ac";
}
.icon-MagnifierPlus:before {
  content: "\e9ad";
}
.icon-Magnifier:before {
  content: "\e9ae";
}
.icon-Filter:before {
  content: "\e9af";
}
.icon-Globe:before {
  content: "\e9b0";
}
.icon-MicrophoneMute:before {
  content: "\e9b1";
}
.icon-Microphone:before {
  content: "\e9b2";
}