@font-face {
  font-family: 'huntelectric';
  src: url('/fonts/huntelectric.eot');
  src: url('/fonts/huntelectric.eot') format('embedded-opentype'),
    url('/fonts/huntelectric.ttf') format('truetype'),
    url('/fonts/huntelectric.woff') format('woff'),
    url('/fonts/huntelectric.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

.he-icon-Asset-36-he:before {
  content: "\e9000";
}

.he-icon-Asset-35-he:before {
  content: "\e9010";
}

.he-icon-Asset-34-he:before {
  content: "\e9020";
}

.he-icon-Asset-33-he:before {
  content: "\e9030";
}

.he-icon-Asset-32-he:before {
  content: "\e9110";
}

.he-icon-Asset-31-he:before {
  content: "\e9050";
}

.he-icon-Asset-30-he:before {
  content: "\e9060";
}

.he-icon-Asset-29-he:before {
  content: "\e9070";
}

.he-icon-Asset-28-he:before {
  content: "\e9080";
}

.he-icon-Asset-27-he:before {
  content: "\e9090";
}

.he-icon-Asset-26-he:before {
  content: "\e90a0";
}

.he-icon-Asset-25-he:before {
  content: "\e90b0";
}

.he-icon-Asset-24-he:before {
  content: "\e90c0";
}

.he-icon-Asset-23-he:before {
  content: "\e90d0";
}

.he-icon-Asset-22-he:before {
  content: "\e90e0";
}

.he-icon-Asset-21-he:before {
  content: "\e90f0";
}

.he-icon-Asset-20-he:before {
  content: "\e9100";
}

.he-icon-Asset-19-he:before {
  content: "\e911";
}

.he-icon-Asset-18-he:before {
  content: "\e9120";
}

.he-icon-Asset-17-he:before {
  content: "\e9130";
}

.he-icon-Asset-16-he:before {
  content: "\e9140";
}

.he-icon-Asset-15-he:before {
  content: "\e9150";
}

.he-icon-Asset-14-he:before {
  content: "\e9160";
}

.he-icon-Asset-13-he:before {
  content: "\e9170";
}

.he-icon-Asset-12-he:before {
  content: "\e9180";
}

.he-icon-Asset-11-he:before {
  content: "\e9190";
}

.he-icon-Asset-10-he:before {
  content: "\e91a0";
}

.he-icon-Asset-9-he:before {
  content: "\e91b0";
}

.he-icon-Asset-8-he:before {
  content: "\e91c0";
}

.he-icon-Asset-7-he:before {
  content: "\e91d0";
}

.he-icon-Asset-6-he:before {
  content: "\e91e0";
}

.he-icon-Asset-5-he:before {
  content: "\e91f0";
}

.he-icon-Asset-4-he:before {
  content: "\e9200";
}

.he-icon-Asset-3-he:before {
  content: "\e9210";
}

.he-icon-Asset-2-he:before {
  content: "\e9220";
}

.he-icon-Asset-1-he:before {
  content: "\e9230";
}

@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;
  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-Apprentice-1:before {
  content: "\e900";
}

.icon-Apprentice-2:before {
  content: "\e901";
}

.icon-Apprentice-3:before {
  content: "\e903";
}

.icon-Apprentice-4:before {
  content: "\e904";
}

.icon-Apprentice-5:before {
  content: "\e905";
}

.icon-401K:before {
  content: "\e906";
}

.icon-Health-Savings:before {
  content: "\e907";
}

.icon-Life-Insurance:before {
  content: "\e908";
}

.icon-Medical-Insurance:before {
  content: "\e909";
}

.icon-PTO:before {
  content: "\e90a";
}

.icon-Tool-Assistance:before {
  content: "\e90b";
}

.icon-Tuition-Reimbursement:before {
  content: "\e90c";
}

.icon-Competitive-Pay:before {
  content: "\e90d";
}

.awesomefonts {
  float: left;
}

.awesomefonts li {
  list-style: none;
  float: right;
  margin-left: 15px;
}

.x {
  font-size: 20px;
  color: #2980b9;
}

.two_x {
  font-size: 30px;
  color: #ff6600;
}

.three_x {
  font-size: 40px;
  color: #2980b9;
}

.four_x {
  font-size: 50px;
  color: #ff6600;
}

.five_x {
  font-size: 60px;
  color: #2980b9;
}

.icon_benefit {
  font-size: 70px !important;
  padding: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 26px;
  text-align: center;
  color: #000000;
}

.icon_market {
    font-size: 70px !important;
    padding: 0;
    height: 80px;
    line-height: 80px;
    margin-bottom: 26px;
    text-align: center;
    color: #20618d !important;
  }

.icon_benefit-circle {
  font-size: 40px !important;
  padding: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 26px;
  text-align: center;
  background-color: #ac1f24;
  color: #fff !important;
}

.icon_benefit-circle-1 {
  font-size: 50px !important;
  padding: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 26px;
  text-align: center;
  color: #000000 !important;
}

.icon_benefit-circle-2 {
  font-size: 40px !important;
  padding: 0;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 26px;
  text-align: center;
  background-color: #20618d;
  color: #fff !important;
}

.coveringCanvasBlue {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(1, 72, 116, 0.8);
}

.coveringCanvasRed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(116, 20, 24, 0.8);
}