@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Ultra.eot');
    src: url('fonts/brand/ApexNew-Ultra.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Ultra.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Ultra.woff') format('woff'),
        url('fonts/brand/ApexNew-Ultra.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Heavy.eot');
    src: url('fonts/brand/ApexNew-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Heavy.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Heavy.woff') format('woff'),
        url('fonts/brand/ApexNew-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Bold.eot');
    src: url('fonts/brand/ApexNew-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Bold.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Bold.woff') format('woff'),
        url('fonts/brand/ApexNew-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Book.eot');
    src: url('fonts/brand/ApexNew-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Book.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Book.woff') format('woff'),
        url('fonts/brand/ApexNew-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Light.eot');
    src: url('fonts/brand/ApexNew-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Light.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Light.woff') format('woff'),
        url('fonts/brand/ApexNew-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'ApexNew';
    src: url('fonts/brand/ApexNew-Thin.eot');
    src: url('fonts/brand/ApexNew-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/ApexNew-Thin.woff2') format('woff2'),
        url('fonts/brand/ApexNew-Thin.woff') format('woff'),
        url('fonts/brand/ApexNew-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'loremipsum';
    src: url('fonts/brand/loremipsum.eot');
    src: url('fonts/brand/loremipsum.eot?#iefix') format('embedded-opentype'),
        url('fonts/brand/loremipsum.woff2') format('woff2'),
        url('fonts/brand/loremipsum.woff') format('woff'),
        url('fonts/brand/loremipsum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/*
#ffe000
#ed2124
#000000
#ffffff
*/

.gform_wrapper .gf_progressbar_percentage {
  background:#ed2124;
}
.gform_wrapper input {
  line-height:3;
}
.gform_wrapper {
  line-height:22px;
}

body {
  color:#000000;
  font-family: 'ApexNew';
  font-weight:400;
}
h1, h2, h3, p {
  font-family: 'ApexNew';
  text-transform: none;
}
h1 {
  font-family: 'loremipsum';
  text-transform: none;
}
.logo-text .logo {
  width:240px;
  height:45px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image:url('img/brand-logo-hvac.png');
  float:none;
}
.image-header h1 {
  font-family: 'ApexNew';
}
.logo-area {
  background-color: #ffe000;
}
.logo-text span:last-of-type,
.logo-text span:first-of-type,
.logo-text span {
  color:black;
  color:rgba(0,0,0,0.5);
  font-size:20px;
}
.mini-nav {
  background-color:#dbc100;
}
.mini-nav-text {color:black;}
.mini-nav .button {
  background-color:#ed2124;
}
.mini-nav .button:hover {
  background-color:#bd2028;
}
.quote-box {
  background-color:rgba(235, 35, 45, 0.8)
}
.quote-box .button {
  background-color:#9f1611;
}
.quote-box .button:hover {
  background-color:#81120e;
}
.button.button-simple {
  font-family: 'ApexNew';
  text-transform: none;
  color:black;
}
.button.button-simple div {
  margin-top:3px;
}
.button.button-simple:hover {
  background-color:rgba(0,0,0,0.1);
}
.button.button-simple:before {
  color:#ed2124;
}
.button.light {
  color:black;
  border-color:black;
}
.button.light:hover {
  color:white;
  background-color:black;
}
.mobile-nav {
  background-color:#ffe000;
}
.mobile-nav li a {
  color:black;
  font-weight:700;
  font-family: 'ApexNew';
}
.nav {
  background-color:#ed2124;
  z-index:99999;
}
.nav-menu ul li {
  text-transform: none;
  font-size:16px;
}
.logo-icon:before {
  background-image:url('img/24-7-Icon-brand.png');
}
.logo-icon {
  background-color:rgba(235, 35, 45, 0.6)
}
.header-text {
  padding-top:30px;
  color:#ed2124;
  text-transform: none;
}
.image-header .quote-box h2 {
  text-transform: none;
}
.image-header[data-height="full"] h1 {
  color:#ed2124;
}
.image-header[data-height="full"] .float {
  background-color:#ffe000;
}
.image-header .text-small h2 {
  margin-top:14px;
  /* font-size: 20px; */
  /* font-family: 'loremipsum'; */
  color:black;
}
.col .pretext {
  background-color:#ed2124;
}
.text a, .text a:active, .text a:visited {
  color:#ed2124;
}
.text a:after {
  background-color:#ed2124;
}
.image.hotbutton .image-title {
  background-color:rgba(235, 35, 45, 0.5);
  text-transform: none;
}
.split-button.style-blue .split-section {
  background-color:#ed2124;
}
.split-button.style-blue a:nth-of-type(2) .split-section {
  background-color:#bd2028;
}
.map-overlay span:first-of-type {
  color:#9f1611;
}
.map-overlay {
  background-color:#ed2124;
}
.map-overlay:after {
  background-color:#ed2124;
}
.mini-nav .button {
  font-weight: 700;
}
.mini-nav .button div {
  margin-top:2px;
}
.button {
  background-color:#ed2124;
  font-family:'ApexNew';
  text-transform: none;
}
.button:hover {
  background-color:#bd2028;
}
.image-caption {
  line-height:19px;
}
.split-button-label {
  font-weight:700;
}
.c-main-text {
  text-transform: none;
}
.textCell ul li {
  line-height: 22px;
}
.col .bgrnd-img {
  background-image:url('img/what-the-hex-dark.png');
}
.footer,
.footer-bottom {
  background-color:black;
}
.textCell {color:black;}

@media screen and (max-width: 1280px) { /*main*/

}

@media screen and (max-width: 800px){
  .quote-box {
    background-color:rgba(235, 35, 45, 1);
  }
  .logo-text .logo {
    height:30px;
    background-position: left center;
  }
  .logo-text span:last-of-type,
  .logo-text span:first-of-type,
  .logo-text span {
    font-size:14px;
  }

  .mini-nav .wrap > ._c {
    top:auto;
    transform:translate(0,0);
    -ms-transform:translate(0,0);
    -webkit-transform:translate(0,0);
  }

  .mini-nav a,
  .mini-nav a:visited,
  .mini-nav a:active {
    display:inline;
  }
  .mini-nav-text {
    width:100%;
    text-align: center;
    margin: 2px 0;
  }
  .mini-nav .button {
    top:auto;
    float:left;
    left:50%;
    transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
  }

}






/*  */