/*
-----------------------------------------------
imarketsolutions.com 
Stylesheet: Master.css
Created: 8/28/2013
Author:  Ben Schiling
Organization:  iMarket Solutions
----------------------------------------------- */

/* --- Scale in center --- */
@keyframes scale-in-center {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    animation-timing-function: ease-out;
    opacity: 0;
  }
  50% {
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity: 1;
  }
}

.scale-in-center {
  opacity: 0;
}

.loaded .scale-in-center,
.no-js .scale-in-center {
  -webkit-animation: scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;
  animation: scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;
}
/* --- Scale in center end --- */

/* CODELIBENTRY_ENTRY: 126 */

/* --- Fade in --- */
@keyframes fadeIn {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

.fade-in {
  visibility: hidden;
}

.loaded .fade-in,
.no-js .fade-in {
  visibility: visible;
  animation: fadeIn 0.3s both;
}
/* --- Fade in end --- */

/* CODELIBENTRY_ENTRY: 125 */

/* --- Slide in left --- */
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-1000%, 0, 0);
    transform: translate3d(-1000%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slide-in-left {
  -webkit-transform: translate3d(-1000%, 0, 0);
  transform: translate3d(-1000%, 0, 0);
  position: relative;
}

.loaded .slide-in-left,
.no-js .slide-in-left {
  animation: slideInLeft 0.4s ease both;
}
/* --- Slide in left end --- */

/* --- Rotate In --- */
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotate-in.animated,
.no-js .rotate-in {
  -webkit-transform-origin: center;
  transform-origin: center;
  animation: rotateIn 0.4s ease both;
}
/* --- Rotate In End --- */

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/* --- BEGIN GENERAL UTILITY ------------------------------------------------ */


/* --- GENERAL UTILITY -------------------------------------------------------*/
/* --- UNIVERSAL RESET -------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}

*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: transparent none repeat left top;}
fieldset, a img { border: 0 solid transparent; }

html, body {height:100%;}

body {
  font: 62.5%/1.8em 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  background-color: #FFF;
  text-align: left;
  min-width:320px;
}

body.active-navigation {
  overflow: hidden;
}

body.mceContentBody {min-width:0;background-color: #FFF;}

#container-all {overflow:hidden;position:relative;}

.width-limiter {
  max-width:1250px; 
  margin:0 auto;
  width:calc(100% - 40px);
}

/*----- LAYOUTS - UNIVERSAL RESET ----- */
@media all and (max-width: 1025px) {
}

@media all and (max-width: 800px) {
  /*prevent automatic landscape orientation zoom on iOS devices */
  html {-webkit-text-size-adjust: 100%;}
}

@media all and (max-width: 570px) {
  .width-limiter {
    width: calc(100% - 30px);
  }
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- ACCESSIBILITY -------------------------------------------------------- */

#access_key, .access_key { text-align: center; }
#accessibility {
  position: absolute;
  left: -999em;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- GRID & COLUMN LAYOUT ------------------------------------------------- */

.ims-grid-one, .ims-col-one {width: 8.3333%;}
.ims-grid-two, .ims-grid-1-6, .ims-col-two, .ims-col-1-6 {width: 16.6666%;}
.ims-grid-three, .ims-grid-1-4, .ims-col-three, .ims-col-1-4 {width: 25%;}
.ims-grid-four, .ims-grid-1-3, .ims-col-four, .ims-col-1-3 {width: 33.3333%;}
.ims-grid-five, .ims-col-five {width: 41.6666%;}
.ims-grid-six, .ims-grid-1-2, .ims-col-six, .ims-col-1-2 {width: 50%;}
.ims-grid-seven, .ims-col-seven {width: 58.3333%;}
.ims-grid-eight, .ims-grid-2-3, .ims-col-eight, .ims-col-2-3 {width: 66.6666%;}
.ims-grid-nine, .ims-grid-3-4, .ims-col-nine, .ims-col-3-4 {width: 75%;}
.ims-grid-ten, .ims-grid-5-6, .ims-col-ten, .ims-col-5-6 {width: 83.3333%;}
.ims-grid-eleven, .ims-col-eleven {width: 91.6666%;}
.ims-grid-twelve, .ims-grid-1, .ims-col-twelve, .ims-col-1 {width: 100%;}

[class*='ims-grid-'] {
  display:inline-block;
  margin-right: -3px;
  vertical-align:top;
}

[class*='ims-col-'] {
  display:block;
  margin:0 auto;
}


/* Grid gutter values */
[class*='ims-grid-'] {padding-right: 15px;}
[class*='ims-grid-']:last-of-type {padding-right: 0;}
.ims-grid-force-pad:last-of-type {padding-right: 15px;}

.ims-pad-grid {padding:15px 0 15px 15px}
.ims-pad-grid [class*='ims-grid-']:last-of-type {padding-right: 15px;}


/*----- LAYOUTS - GRID & COLUMN LAYOUT ----- */
@media all and (max-width: 800px) {
}

@media all and (max-width: 570px) {
  [class*='ims-grid-'] {width:100%; padding-right: 0;}
  .ims-grid-force-pad:last-of-type {padding-right: 0;}
  .ims-pad-grid [class*='ims-grid-'] {padding-right: 15px;}
  [class*='ims-col-'] {width:100%; }
}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- TYPOGRAPHY ----------------------------------------------------------- */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color:#000;
  font-weight:bold;
  font-family: "Open Sans Condensed";
  line-height: 1.15em;
  margin: 1.2em 0 0.7em;
}

h1, .h1 {
  text-transform: uppercase;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
}

p, li {line-height:1.6em;}

p {margin-bottom: 1.3em; color: #525252;}

#home-top-content li,
#home-main-content li,
#top-content li,
#main-content li {
  margin-bottom: .5em;
}

address {
  font-size: 1.2em;
  font-style: normal;
  margin-bottom: 1.5em;
}

blockquote {
  margin: 0 .6em;
}

iframe {
  border:none;
  position: relative;
  z-index:1;
}

blockquote p { margin-bottom: 0.75em; }
blockquote .source { font-size: 1.2em; }
ul, ol { padding: 0 0 1.8em 3.6em; color:#000000;}
ul ul, ul ol, ol ul, ol ol { padding-bottom: 0; }
li li, li p { font-size: 1em; }

dl { padding: 0 0 1.8em 0; }
dt {font-size: 1.3em;font-weight: bold;}
dd {font-size: 1.3em;padding: 0 0 1.5em 3.6em;}

dd ul, dd ol { padding-left: 0; }
dd * { font-size: 1em; }
.publication_name { font-style: italic; }
.footnote { font-size: 1.1em; }


/*----- LAYOUTS - TYPOGRAPHY ----- */

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,li {transition: all 0.3s ease;}

h1,.h1 {font-size: 4.5em;}
h2,.h2 {font-size: 3.6em;}
h3,.h3 {font-size: 3em;}
h4,.h4 {font-size: 2.4em;}
h5,.h5 {font-size: 2em;}
h6,.h6 {font-size: 1.8em;}
p, li {font-size: 1.8em;}

@media all and (max-width: 1025px) {
  h1,.h1 {font-size: 4em;}
  h2,.h2 {font-size: 3.2em;}
  h3,.h3 {font-size: 2.8em;}
  h4,.h4 {font-size: 2.2em;}
  h5,.h5 {font-size: 1.8em;}
  h6,.h6 {font-size: 1.7em;}
  p, li {font-size: 1.7em;}
}

@media all and (max-width: 800px) {
  h1,.h1 {font-size: 3.5em;}
  h2,.h2 {font-size: 3em;}
  h3,.h3 {font-size: 2.5em;}
  h4,.h4 {font-size: 2em;}
  h5,.h5 {font-size: 1.7em;}
  h6,.h6 {font-size: 1.6em;}
  p, li {font-size: 1.6em; line-height:1.4em;}
}

@media all and (max-width: 570px) {
  h1,.h1 {font-size: 3em; line-height: 1.1em}
  h2,.h2 {font-size: 2.5em;}
  h3,.h3 {font-size: 2.2em;}
  h4,.h4 {font-size: 1.8em;}
  h5,.h5 {font-size: 1.6em;}
  h6,.h6 {font-size: 1.5em;}
  p, li {font-size: 1.5em;}
}



/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- IMAGES --------------------------------------------------------------- */

a img { border: 0; }
p.last { margin-top: 3em; }

.image-left, .image-right, .image-center {
  font-size: 1.2em;
  line-height: 0;
}

.image-left, .image-right {
  max-width: 50%;
}

.image-left {
  float: left;
  margin: 0;
  padding: 0 2em 0.75em 0;
}

.image-right {
  float: right;
  margin: 0;
  padding: 0 0 0.75em 2em;
}

.image-center {
  max-width: 100%;
  margin: 0 auto 1.8em;
  text-align: center;
}

.image-left img, .image-right img, .image-center img, .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.caption {
  font-size: 1.3em;
  line-height: 1.6364em;
  text-align: center;
}

.landing-page-hero-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 270px; /* Desired height of the image */
  position: relative;
  width: 100%;
}

.custom-featured-image {
  width: auto;
  max-width: 50%;
}

.custom-featured-image > img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*----- LAYOUTS - IMAGES ----- */
@media all and (max-width: 570px) {
  .image-left, .image-right {
    float: none;
    max-width: 100%;
    margin: 0 auto; 
    padding: 0 0 10px;
  }
  .custom-featured-image { 
    max-width: 90%;
  }
}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- LINKS ---------------------------------------------------------------- */

a:link,
a:visited {
  color: #1071bc;
  text-decoration: underline;
  outline: none;
  transition: all 0.3s;
}

a:hover,
a:active {
  color: #f58222;
}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- TABLES --------------------------------------------------------------- */

table { margin: 0 auto 1.8em auto; }

caption {
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  padding: 0 0 0.6em 0;
  margin: 0 auto;
}

td, th {
  font-size: 1.2em;
  line-height: 1em;
  padding: 0.5em 9px 0.25em;
}

th {
  font-weight: bold;
  border: 0;
}

tfoot td { line-height: 1.5em; }

tfoot ul {
  padding: 0;
  list-style: none;
}

tfoot li { font-size: 1em; }


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- SITEWIDE FORMS ------------------------------------------------------- */

.populate {
  color:#6d6d6d;
}

.populate:focus {
  color:#000000;
}

form fieldset input[type="text"],
form fieldset textarea,
form fieldset select {
  border:1px solid #CECECE;
  border-radius: 3px;
  font-family: "Open Sans",Helvetica,sans-serif;
  padding: 13px 10px 14px;
  background-color: #ffffff;
  height: 50px;
}

form fieldset select {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/assets/templates/main/images/icons/select-arrows.png) no-repeat scroll 95% 50%;
  padding-right: 25px;
}

label,
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
button {
  cursor:pointer;
}

label,
input[type="submit"],
button {
  border:none;
  -webkit-appearance:none;
}

/*this keeps iphones from zooming in on form fields */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus, textarea:focus, input:focus {
    font-size: 16px;
  }
}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- ERRORS & CONFIRMATIONS ----------------------------------------------- */

/* --- form errors ---- */

/* highlight fields marked as error */
input.error,
select.error,
textarea.error {
  border: 1px solid red !important;
}

/* --- error container styling ---- */

#error-container,
.error-container {
  background: #ffa0a0; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffa0a0 0%, #f9c2c2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa0a0), color-stop(100%,#f9c2c2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffa0a0 0%,#f9c2c2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffa0a0 0%,#f9c2c2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffa0a0 0%,#f9c2c2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffa0a0 0%,#f9c2c2 100%); /* W3C */
  border-top:10px solid #D60000;
  color: #353535;
  text-shadow: 0 1px 0 #fff;
}

.confirmation-container {
  background: #abeaab; /* Old browsers */
  background: -moz-linear-gradient(top,  #abeaab 0%, #bfffbf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abeaab), color-stop(100%,#bfffbf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #abeaab 0%,#bfffbf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #abeaab 0%,#bfffbf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #abeaab 0%,#bfffbf 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #abeaab 0%,#bfffbf 100%); /* W3C */
  border-top:10px solid #008000;
  color: #343434;
  text-shadow: 0 1px 0 #fff;
}

#error-container {
  border-radius: 0 0 7px 7px !important;
  box-shadow: 0 1px 3px #000000 !important;
  color: #353535 !important;
  height: 50%;
  margin-bottom: 1.8em !important;
  padding: 1.8em 1.8em 2.5em !important;
  position: fixed;
  right: 0 !important;
  top: 0 !important;
  z-index: 3000 !important;
  right: 5% !important;
  width: 30% !important;
}

#error-container h3, 
#error-container h2 {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: transparent !important;
  border: medium none !important;
  color: #e51937 !important;
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  font-size: 2.4em !important;
  font-style: normal !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 25px 0 0 !important;
  position: relative !important;
  text-shadow: none;
  text-transform: capitalize;
  top: 0 !important;
  width: 100% !important;
}

#error-container ul {
  display: block !important;
  height: 80% !important;
  padding: 0 !important;
  margin: 10px !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  text-align: left !important;
}

#error-container li {
  color:#000000 !important;
  min-height: 0 !important;
  list-style-image: none !important;
  font-weight:normal !important;
  padding: 1px 0 !important;
}

#error-container li:before {
  color: #565656 !important;
  content: "\00BB" !important; /* » */
  font-size: 1.3em !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1em !important;
  padding: 0 5px 0 0 !important;
  text-shadow: none !important;
}

/* close error container input */
input.close-modal-popup {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: #BC1010;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 1px #999 !important;
  color: #FFFFFF !important;
  cursor: pointer !important;
  font-size: 1.8em !important;
  height: 30px !important;
  margin: 1px 5px !important;
  padding: 0 0 0 1px !important;
  position: absolute !important;
  right: 3px !important;
  top: 3px !important;
  width: 30px !important;
  -webkit-appearance:none;
  z-index: 100;
}

input.close-modal-popup:hover,
input.close-modal-popup:active {
  background-color: #676767 !important;
  box-shadow: none !important;
}

/* IE Version Warning */
#ie-message {
  background-color: #EFEFEF;
  border:1px solid #bababa;
  padding:5px;
  margin: 10px 30px 0;
  text-align:center;
  display: none;
}
#ie-message .h2, #ie-message .h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #d92027;
  margin:0 0 10px;
}
#ie-message p {
  margin:0 0 5px;
}
body.oldIE #ie-message {
  display: block !important;
}

/*----- LAYOUTS - ERRORS & CONFIRMATIONS ----- */

@media all and (max-width: 1025px) {
  #error-container {
    width:40% !important;
    right: 2.5% !important;
  }
}

@media all and (max-width: 800px) {
  #error-container {
    border-radius: 0 0 0 7px !important;
    width:50% !important;
    right: 0 !important;
  }
}

@media all and (max-width: 570px) {
  #error-container {
    border-radius: 0 !important;
    height:75% !important;
    width: 100% !important;
  }
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- COLUMN LAYOUTS ------------------------------------------------------- */

fieldset.onecol ul,
fieldset.twocol ul,
fieldset.threecol ul,
ul.twocol, 
ul.threecol {
  overflow: hidden;
  padding: 0 0 0 1.5em;
}

fieldset.twocol ul li,
ul.twocol li {
  float: left;
  width: 50%;
}

fieldset.threecol ul li,
ul.threecol li {
  float: left;
  width: 33%;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- UTILITY CLASSES ------------------------------------------------------ */


.inline-block { display: inline-block; }
.block { display: block; }

.margin-0 { margin: 0; }
.margin-auto { margin: auto; }

.vertical-top { vertical-align: top; }
.vertical-middle { vertical-align: middle; }
.vertical-bottom { vertical-align: bottom; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.no-italic { font-style: normal; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.hide { display: none; }
.show { display: block; }

.align-center {text-align:center;}
.align-right {text-align:right;}
.align-left {text-align:left;}

.float-left { float: left; }
.float-right { float: right; }

.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-17 { font-size: 17px; }
.font-18 { font-size: 18px; }
.font-19 { font-size: 19px; }
.font-20 { font-size: 20px; }
.font-21 { font-size: 21px; }
.font-22 { font-size: 22px; }
.font-23 { font-size: 23px; }

[class*="font-"] { line-height: 1.2; }

/* Honeypot Validation */
li.company_name_required {
  display:none;
}

/*Checkmark Bullets */
ul.checkmarks li {
  list-style-image: url("/assets/templates/main/images/bullets/bullet-checkmark.png");
}

ul.twocol.checkmarks, 
ul.threecol.checkmarks {
  padding: 0 0 0 2.5em;
}

/* --- FLEX UTILITY CLASSES ------------------------------------------------- */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* FD = Flex Direction */
.fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fd-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.fd-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* FW = Flex Wrap */
.fw-wrap {
  -webkit-box-flex: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* JC = Justify Content */
.jc-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.jc-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.jc-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.jc-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.jc-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jc-space-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

/* AC = Align Content */
.ac-flex-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.ac-flex-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.ac-center {
  -ms-flex-line-pack: center;
  align-content: center;
}
.ac-space-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.ac-space-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.ac-space-evenly {
  -ms-flex-line-pack: space-evenly;
  align-content: space-evenly;
}

/* AI = Align Items */
.ai-flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ai-flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.ai-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ai-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.ai-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/* AS = Align Self */
.as-flex-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.as-flex-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.as-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.as-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.as-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.as-auto {
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

/* Flex Grow/Shrink/Basis */
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- SITEWIDE COLORS ------------------------------------------------------ */


input[type="submit"],
button {
  background-color: #f58220;
  text-transform: uppercase;
  color:#fff;
  transition: all 0.3s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
button:hover,
button:active {
  background-color: #000;
}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- RECOMMEND ME DEFAULTS ------------------------------------------------ */

#nn-reviews {
  margin: 25px 0;
}
.nn-agg-container {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.nn-agg-container img {
  max-height: 30px;
  max-width: 150px;
  vertical-align: middle;
}
.nn-agg-rating {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  vertical-align: middle;
}
.nn-reviews {
  font-size: 1.4em;
  margin: 7px 0;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- STAR RATING ---------------------------------------------------------- */

.star-rating, .star-rating span:hover, .star-rating span:active,.star-rating span:focus,.star-rating .current-rating{background-image: url(/assets/templates/main/images/star.png); background-position: left -1000px; background-repeat: repeat-x;}
.star-rating {position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position: left top;}
.star-rating li {display: inline;min-height: 0;padding-bottom: 0;}
.vertical .star-rating li {display: inline;min-height: 0; padding-bottom: 0;}
#main-content form fieldset ul li.current-rating {list-style: none outside none;padding:0;}
.star-rating span, .star-rating .current-rating {position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border: none;}
.star-rating span:hover,.star-rating span:active,.star-rating span:focus{background-position: left bottom;}
.star-rating span.one-star {width:20%;z-index:6;}
.star-rating span.two-stars {width:40%;z-index:5;}
.star-rating span.three-stars {width:60%;z-index:4;}
.star-rating span.four-stars {width:80%;z-index:3;}
.star-rating span.five-stars {width:100%;z-index:2;}
.star-rating .current-rating {z-index:1;background-position: left center;}

/* for an inline rater */
.inline-rating {display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align: middle;}

/* smaller star */
.small-star {margin-right: 10px; position: absolute; width: 50px;}
.small-star, .small-star span:hover, .small-star span:active, .small-star span:focus, .small-star .current-rating {background-image: url(/assets/templates/main/images/star_small.png);line-height: 10px;height: 10px;}


/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- VIEW ALL LINKS ------------------------------------------------------- */

.view-all {
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.view-all a {
  display: block;
  padding: 12px 40px 12px 20px;
  text-decoration:none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.17);
  border-radius: 50px;
  border: 1px solid #ffffff;
  background-color: #aeb0b3;
  position: relative;
}
.view-all a:link, .view-all a:visited { color:#FFF; }
.view-all a:hover, .view-all a:active { background-color: #000000; }
.view-all a::after {
  content: '';
  position: absolute;
  background-image: url("/assets/templates/main/images/icons/view-all-button-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: right 0.15s ease-out;
}
.view-all a:hover::after,
.view-all a:active::after {
  right: 16px;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- CTA BUTTONS ---------------------------------------------------------- */

.cta-button {
  display: inline-block;
  text-align: center;
}

.cta-button a {
  display: block;
  height: 50px;
  line-height: 48px;
  font-size: 1.8em;
  font-weight: 700;
  margin: 0;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border-radius: 50px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-attachment: scroll;
  background-color: #1071bc;
  background-size: auto 30px;
  transition: 0.2s;
}

body.hvac .cta-button:not(.fixed-book-now) a,
body.hvac.heating .cta-button:not(.fixed-book-now) a,
body.hvac.ac .cta-button:not(.fixed-book-now) a {
  background-color: #1071bc;
}

div.cta-button a:hover,
div.cta-button a:active {
  background-color: #000000;
}

.cta-button a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1;
  padding: 5px 0;
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- SOCIAL NETWORKING ---------------------------------------------------- */

.social-networking {
  margin: 0;
  text-align: center;
}

.social-networking ul {
  padding: 0;
}

.social-networking li {
  display: inline-block;
  margin-left: 5px;
  padding: 0;
}

.social-networking li:first-of-type {
  margin-left: 0;
}

.social-networking li a {
  display: block;
  text-indent: -9999em;
  font-size: 1px;
  color: transparent;
  height: 45px;
  width: 45px;
  position: relative;
  background-color: #aeb0b3;
  border: 1px solid #aeb0b3;
  border-radius: 50%; 
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 25px;
  transition: 0.2s;
}

.social-networking li.btn-facebook a {
  background-image: url('/assets/templates/main/images/social/btn-facebook.png');
}
.social-networking li.btn-twitter a {
  background-image: url('/assets/templates/main/images/social/btn-twitter.png');
  background-size: auto 20px;
}
.social-networking li.btn-youtube a {
  background-image: url('/assets/templates/main/images/social/btn-youtube.png');
}
.social-networking li.btn-instagram a {
  background-image: url('/assets/templates/main/images/social/btn-instagram.png');
}
.social-networking li.btn-pinterest a {
  background-image: url('/assets/templates/main/images/social/btn-pinterest.png');
  background-size: auto 20px;
}
.social-networking li.btn-angies-list a {
  background-image: url('/assets/templates/main/images/social/btn-angies-list.png');
}
.social-networking li.btn-houzz a {
  background-image: url('/assets/templates/main/images/social/btn-houzz.png');
}
.social-networking li.btn-linkedin a {
  background-image: url('/assets/templates/main/images/social/btn-linkedin.png');
}
.social-networking li.btn-google-maps a {
  background-image: url('/assets/templates/main/images/social/btn-google-maps.png');
  background-size: auto 20px;
}
.social-networking li.btn-google-my-business a {
  background-image: url('/assets/templates/main/images/social/btn-google-my-business.png');
}
.social-networking li.btn-yelp a {
  background-image: url('/assets/templates/main/images/social/btn-yelp.png');
}

.social-networking li a:hover,
.social-networking li a:active {
  border-color: #ffffff;
  background-color: #000000;
  color: transparent;
}

/*----- LAYOUTS - SOCIAL NETWORKING ----- */

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- 404 PAGE ------------------------------------------------------------- */

#page-not-found #top-content p {
  font-size: 2em;
}

/*----- LAYOUTS - 404 PAGE ----- */

@media all and (max-width: 800px) {
  #page-not-found #top-content p {
    font-size: 1.7em;
  }
}

/* --- END GENERAL UTILITY -------------------------------------------------- */
/*----------------------------------------------------------------------------*/

#main-content iframe {
  max-width: 100%;
}

/*----------------------------------------------------------------------------*/
/* --- BEGIN CONTENT FRAMEWORK ---------------------------------------------- */

#container-masthead {

}

#masthead,
#fixed-masthead {
  overflow: hidden;
  position: relative;
}

#masthead [class*="ims-grid-"],
#fixed-masthead [class*="ims-grid-"] {
  vertical-align: middle;
}

#container-fixed-masthead {
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16);
  border: 1px solid #d0d0d0;
  transition: top 0.6s, left 0.3s;
  z-index: 1000;
  padding: 20px 0;
}

.ims-is-scrolled #container-fixed-masthead {
  top: 0;
}

/* CODELIBENTRY_ENTRY: 81 */

#fixed-masthead {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
#fixed-masthead-center {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#fixed-masthead-left,
#fixed-masthead-right {
  width: 25%;
}

/* CODELIBENTRY_ENTRY: 139 */

#container-masthead {
}
#container-masthead #masthead {
  overflow: visible;
}
#masthead .masthead-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 0;
}
#masthead .masthead-left {
  width: calc(100% - 340px);
}
#masthead .masthead-center {
  width: 0;
}
#masthead .masthead-right {
  width: 340px;
}
#masthead .masthead-center {
  margin: 0 10px;
}
#masthead .masthead-right {
  text-align: right;
}
#masthead .masthead-top {
  position: relative;
  text-align: center;
  padding: 5px 0;
}
#masthead .masthead-top p {
  margin: 0;
  padding-left: 30px;
  color: #f58222;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
body.fireplace #masthead .masthead-top p,
body.spas #masthead .masthead-top p {
  color: #a00921;
}
body.air-quality #masthead .masthead-top p,
body.solar #masthead .masthead-top p,
body.electrical #masthead .masthead-top p {
  color: #000000;
}
body.plumbing #masthead .masthead-top p {
  color: #e82727;
}
#masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-corporate.png");
}
.fireplace #masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-firelight.png");
}
.air-quality #masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-air-solutions.png");
}
.solar #masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-solar.png");
}
.electrical #masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-electrical.png");
}
.plumbing #masthead .masthead-top p::before {
  background-image: url("/assets/templates/main/images/icons/24-hour-icon-plumbing.png");
}
#masthead .masthead-top p::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#masthead .masthead-top::before {
  content: '';
  position: absolute;
  width: 1920px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #dbdbdb;
}
#masthead .phone-text {
  font-size: 1.8em;
  margin-top: 10px;
}
#masthead .cta-button a {
  font-size: 16px;
}
#masthead .cta-button a,
#primary-navigation .se-widget-button a {
  background-color: #f58220;
  cursor: pointer;
}
#fixed-masthead .cta-button a {
  background-color: #f58220;
}
body.electrical #masthead .cta-button a,
body.electrical #fixed-masthead .cta-button a,
body.electrical #masthead div.financing-button a:hover {
  background-color: #fed430;
  color: #000;
}
body.electrical #masthead div.financing-button a {
  color: #fff;
}
body.plumbing #masthead .cta-button a,
body.plumbing #fixed-masthead .cta-button a,
body.plumbing #masthead div.financing-button a:hover {
  background-color: #e82727;
}
body.fireplace #masthead .cta-button a,
body.spas #masthead .cta-button a,
body.solar #masthead .cta-button a,
body.fireplace #masthead .masthead-right div.financing-button a:hover,
body.spas #masthead .masthead-right div.financing-button a:hover,
body.solar #masthead .masthead-right div.financing-button a:hover {
  background-color: #f36a1f;
}
div#masthead div.cta-button a:hover,
div#masthead div.cta-button a:active,
div#fixed-masthead div.cta-button a:hover,
div#fixed-masthead div.cta-button a:active {
  background-color: #000;
  color: #fff;
}
#masthead .masthead-right div.financing-button a {
  background-color: #aeb0b3;
}
#masthead .masthead-right div.financing-button a:hover,
#masthead .masthead-right div.financing-button a:active {
  background-color: #000;
}
#masthead div.send-message-button {
  margin-right: 10px;
}

@media all and (min-width: 801px) {
  #masthead .masthead-left {
    width: 33%;
  }
  #masthead .masthead-right {
    width: 300px;
    flex-shrink: 0;
  }
  #masthead .masthead-center {
    flex-grow: 1;
    width: auto;
  }
}

@media all and (max-width: 1280px) {
  #fixed-masthead-left,
  #fixed-masthead-right {
    width: 33.33%;
  }
}

@media all and (max-width: 1025px) {
  #fixed-masthead .cta-button a {
    font-size: 16px;
  }
  #fixed-masthead .phone-number {
    font-size: 3.6em;
  }
}

@media all and (max-width: 800px) {
  #masthead .masthead-right .cta-button a {
    padding: 0 10px;
  }
}

@media all and (max-width: 570px) {
  #masthead .masthead-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #masthead .masthead-left,
  #masthead .masthead-center,
  #masthead .masthead-right {
    width: 100%;
    text-align: center;
  }
  #masthead .masthead-top {
    display: none;
  }
}

@media all and (max-width: 800px) {
  #container-fixed-masthead {
    display: none;
  }
}

@media all and (min-width:571px) {
  #masthead .masthead-right .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media all and (min-width:801px) and (max-width: 1025px) {
  #masthead .masthead-right .financing-button a,
  #masthead .masthead-right .send-message-button a {
    font-size: 14px;
  }
}

@media all and (min-width: 1025px) {
  #masthead .masthead-left,
  #masthead .masthead-center,
  #masthead .masthead-right {
    width: 33.33%;
  } 
}
/* --- MASTHEAD ------------------------------------------------------------- */
/* --- LOGO - TAGLINE ------------------------------------------------------- */

.logo {
  margin: 0 auto 0 0;
  max-width: 300px;
  position: relative;
}
#fixed-masthead .logo {
  max-width: 240px;
}

.logo img{
  width:100%;
  height:auto;
  display:block;
}

.tagline {
  color: #525252;
  font-size: 1.8em;
  font-weight: 400;
  margin: 10px 0 0 0;
  text-align: center;
  line-height:1.3em;
  max-width: 280px;
  margin-left: auto;
}

/* --- MASTHEAD ------------------------------------------------------------- */
/* --- PHONE NUMBER --------------------------------------------------------- */

.phone-container {
  text-align: center;
}

.phone-text {
  color: #000;
  font-size: 2.4em;
  line-height: 1.15em;
  margin:0;
}

.phone-number {
  font-size:4.5em;
  font-weight: 700;
  font-family: "Open Sans Condensed";
  line-height: 1.15em;
  margin: 0;
  white-space: nowrap;
}

.phone-number,
.phone-number span,
.phone-number a,
.phone-number span.gc-cs-link {
  color: #000000;
  text-decoration:none;
}

/* --- MASTHEAD ------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION ---------------------------------------------------- */

#masthead {
  transition: height 0.3s ease;
}
.logo,
.phone-container,
.tagline {
  transition: all 0.3s ease;
}

@media all and (max-width: 1025px) {
  .tagline {
    max-width: 260px;
    margin-left: auto;
  }
}

@media all and (max-width: 800px) {
  #masthead {
    margin-top: 45px;
  }
  .phone-number {
    position: fixed;
    background-color: #ffffff;
    top: 0;
    right: 0;
    width: calc(100% - 100px);
    height: 45px;
    line-height: 45px;
    text-align: right;
    font-size: 32px;
    z-index: 2000;
    padding-right: 8px;
  }
  .phone-number a {
    color: #000000;
  }
  .tagline {
    font-size: 16px;
    max-width: 100%;
  }
}

@media all and (max-width: 570px) {
  #masthead {
    margin-top: 45px;
  }
  .logo {
    margin: 0 auto 15px auto;
  }
  .logo-container, 
  .tagline2, 
  .phone-container {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
  }
  .tagline {
    text-align: center;
  }
}

/* --- END MASTHEAD ----------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/ 
/* --- BEGIN PRIMARY NAVIGATION (MOBILE/TABLET) ----------------------------- */

@media all and (max-width: 800px) {

  #toggle-navigation {
    transition: all 0.4s ease;
  }

  #container-primary-navigation,
  .ims-push-content {
    transition: left 0.3s ease;
  }

  #primary-navigation {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: rgba(255,255,255,0.98);
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 45px 0 20px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  #primary-navigation > ul {
    display: block;
    padding: 0;
    height: auto;
    list-style-type:none;
    position: relative;
    width: 100%;
    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
  }
  #primary-navigation > ul::after {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #EDEDED;
  }

  #primary-navigation ul li {
    position:relative;
  }

  /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------- */
  /* --- NAV ITEM COLORS & FONT SIZES --------------------------------------- */

  /* ----- Static ----- */
  /* All Nav Items */
  #primary-navigation li,
  #primary-navigation li a:link,
  #primary-navigation li a:visited {
    color:#000;
  }

  /* ----- Rollovers ----- */
  /* All Nav Items */
  #primary-navigation li a:hover,
  #primary-navigation li a:active,
  #primary-navigation li.active > a,
  #primary-navigation ul li.nav-level-1 ul li a:hover,
  #primary-navigation ul li.nav-level-1 ul li a:active {
    color: #f58222;
  }

  /* ----- You Are Here ----- */
  /* All Nav Items */
  #primary-navigation li.current > a:link,
  #primary-navigation li.current > a:visited,
  #primary-navigation li.current > a:hover,
  #primary-navigation li.current > a:active {  
    color: #f58222;
  }

  /* ----- Nav Font Sizes ----- */
  /* Top Level */
  #primary-navigation ul li.nav-level-1 {
    font-size: 1.8em;
    line-height: 1.1em;
  }
  /* Secondary */
  #primary-navigation ul li.nav-level-1 > ul > li {
    font-size: 1em;
    line-height: 1.1em;
  }
  /* Tertiary/Third Level & Beyond */
  #primary-navigation ul li.nav-level-1 > ul > li li {
    font-size: 1em;
    line-height: 1.1em;
  }

  /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------- */
  /* --- TOP-LEVEL ---------------------------------------------------------- */

  #primary-navigation ul li.nav-level-1 {
    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
    min-height: 40px;
    height:auto;
    line-height: 1.1em;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    font-weight: 700;
  }
  #primary-navigation ul li.nav-level-1::after {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #EDEDED;
  }
  #primary-navigation ul li.nav-level-1:first-child::after {
    content: '';
  }
  #primary-navigation ul li.nav-level-1:last-child::after {
    display: none;
  }
  #primary-navigation ul li.nav-level-1 > a {
    display: block;
    padding: 15px 19% 15px 25px;
    text-decoration: underline;
    text-transform: uppercase;
    position: relative;
  }
  #primary-navigation ul li.nav-level-1.active-submenu > a::after {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #EDEDED;
  }

  /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------- */
  /* --- NAV ITEMS ---------------------------------------------------------- */

  /* ----- All Dropdown Nav Items ----- */
  #primary-navigation ul li.nav-level-1 ul {
    list-style-type:none;
    margin: 0;
    max-height: 0;

  }
  #primary-navigation ul li.nav-level-1 li {
    overflow: hidden; 
    text-align: left;

  }
  #primary-navigation ul li.nav-level-1 li a {
    display: block; 
    padding: 10px 50px 10px 30px;
    position: relative;
  }
  #primary-navigation ul li.nav-level-1 ul > li:not(.last):not(.nav-level-3) > a::after {
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #EDEDED;
  }
  #primary-navigation ul li.nav-level-1 li:first-child a {

  }

  /* ----- 3rd Level Nav Items (tertiary service pages) & beyond ------------ */
  #primary-navigation ul li.nav-level-1 > ul > li ul {
    border-left: none;
    margin: 0;
  }
  #primary-navigation ul li.nav-level-1 > ul > li ul li a {
    padding: 8px 50px 8px 0;
    font-weight: 400;
  }
  #primary-navigation ul li.nav-level-1 > ul > li > ul ul {
    margin: 0 0 0 2%;
  }

  /* Active Navigation */
  #primary-navigation ul li.nav-level-1 ul.active {
    max-height: none; 
  }
  #primary-navigation ul li.nav-level-1 > ul.active {
    padding-bottom:8px;
    padding-left: 20px;
  }

  /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------- */
  /* --- NAVIGATION 'SHOW/HIDE' LINK ---------------------------------------- */

  #toggle-navigation {
    height: 0;
    width:0;
  }
  .no-js #toggle-navigation {
    display:none;
  }
  .js #toggle-navigation {
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 center;
    background-color: #000000;
    background-size: auto 30px;
    border-radius: 0;
    cursor: pointer;
    font-size: 2em;
    font-weight: 700;
    height: 45px;
    text-transform: uppercase;
    left: 0;
    margin: 0 auto;
    min-width: 100px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    text-align: left;
    top: 0;
    z-index:1950;
    transition: background 0.4s linear;
  }
  .js #toggle-navigation a {
    position: relative;
    font-size: 0.85em;
    color: #fff;
    display: block;
    height: 100%;
    line-height: 45px;
    padding: 0 5px 0 40px;
    text-align:left;
    text-decoration: none;
    width:100%;
  }
  .js #toggle-navigation a::before,
  .js #toggle-navigation a::after,
  .js #toggle-navigation::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 4px;
    background-color: #F5821E;
    left: 10px;
    border-radius: 4px;
    -ms-transition-property: transform;
    -webkit-transition-property: transform;
    transition-property: transform;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -ms-transition-timing-function:ease-out;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
  }
  .js #toggle-navigation a::before {
    top: 13px; 
    transform-origin: center left;
  }
  .js #toggle-navigation a::after {
    bottom: 14px;
    transform-origin: center left;
  }
  .js #toggle-navigation::before {
    top: 20px;
  }
  .js .active-navigation #toggle-navigation {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: #000;
    border-radius:0;
    height: 45px;
    position: fixed;
    top: 0;
    left: 0;
    width: auto;
  }
  .js .active-navigation #toggle-navigation a::before {
    transform: rotate(45deg);
  }
  .js .active-navigation #toggle-navigation a::after {
    transform: rotate(-45deg);
    bottom: 11px;
  }
  .js .active-navigation #toggle-navigation a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-size: 0.85em;
    width: auto;
    min-width: 100px;
    height: 45px;
    line-height: 47px;
    padding: 0 5px 0 32px;
    text-align: left;
  }

  /* ------ Show/Hide Navigation (slide-out) ------ */
  #container-primary-navigation {
    height: 100%;
    left: -100%;
    position:fixed;
    width: 100%;
    top: 0;
    z-index: 900;
  }
  #container-primary-navigation .nav-logo {
    display: inline-block;
    padding: 20px 10px 20px 10px;
    margin: 0 auto;
  }
  #container-primary-navigation .nav-logo a {
    display: inline-block;
  }
  #container-primary-navigation .nav-logo img {
    max-width: 100%;
    height: 100%;
  }
  .active-navigation #container-primary-navigation {
    left: 0;
  }

  #container-masthead,
  #container-content,
  #container-footer,
  .ims-push-content {
    position:relative;
    left:0;
  }

  .active-navigation #container-masthead.ims-push-content, 
  .active-navigation .ims-push-content,
  .active-navigation #container-fixed-masthead {
    left: 0;
  }
  .active-navigation #container-masthead {
    box-shadow:none;
  }

  /* Hide Apex Chat when nav is active */
  .active-navigation #apexchat_invitation_container_minimized_wrapper,
  .active-navigation #apexchat_invitation_container_wrapper {
    display:none !important;
  }

  /* --- PRIMARY NAVIGATION (MOBILE/TABLET) --------------------------------- */
  /* --- EXPAND NAVIGATION BUTTONS ------------------------------------------ */

  div.expand-nav {
    cursor:pointer; 
    display: block;
    height: 44px;
    margin: 0;
    padding: 4px;
    position: absolute;
    right: 20px;
    top: 5px;
    width: 44px;
    z-index: 900;
    transition: all 0.4s;
  }
  div.expand-nav > span.nav-expand {
    transition: all 0.4s ease-in-out;
  }
  div.expand-nav.active span.nav-expand {
    background-color: #000;
  }
  li.nav-level-1 li div.expand-nav {
    height: 34px;
    padding: 5px;
    width: 34px;
  }
  span.nav-expand {
    background-color: #EDEDED;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    margin: 2px;
    text-align: center;
    vertical-align: top;
    padding: 0;
    width: 30px;
    position: relative;
  }
  li.nav-level-1 li span.nav-expand {
    height: 25px;
    position: relative;
    margin: 0;
    width: 25px;
  }
  span.nav-expand:after,
  span.nav-expand:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    top: 50%;
    transition: all 0.4s;
  }
  span.nav-expand:before {
    position: relative;
    display: block;
  }
  li.nav-level-2 span.nav-expand:after,
  li.nav-level-2 span.nav-expand:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    top: 50%;
  }
  li.nav-level-2 span.nav-expand:after {
    right: 4px;
  }
  li.nav-level-2 span.nav-expand:before {
    left: 4px;
  }
  span.nav-expand:after {
    transform: rotate(-45deg) translateY(-50%);
    right: 5px;
  }
  span.nav-expand:before {
    transform: rotate(45deg) translateY(-50%);    
    left: 4px;
  }
  div.expand-nav.active > span.nav-expand::before {
    transform: rotate(-45deg);
    top: 14px;
    left: 6px;
    background-color: #fff;
  }
  div.expand-nav.active > span.nav-expand::after {
    transform: rotate(45deg);
    top: 14px;
    right: 6px;
    background-color: #fff;
  }
  li.nav-level-2 div.expand-nav.active > span.nav-expand::before {
    top: 10px;
    left: 4.5px;
  }
  li.nav-level-2 div.expand-nav.active > span.nav-expand::after {
    top: 10px;
    right: 5px;
  }

} /* @media all and (max-width: 800px) */


/* --- PRIMARY NAVIGATION (MOBILE/TABLET) ----------------------------------- */
/* --- MOBILE OVERRIDES ----------------------------------------------------- */

@media all and (max-width: 570px) {
  .js #toggle-navigation {
    background-size: auto 36px;
    top: 0;
    height: 45px;
  }
  .js #toggle-navigation a {
    line-height: 45px;
  }
}

/* --- END PRIMARY NAVIGATION (MOBILE/TABLET) ------------------------------- */
/*--------------------------------------------------------------------------- */ 

/*--------------------------------------------------------------------------- */
/* --- BEGIN PRIMARY NAVIGATION (DESKTOP) ----------------------------------- */

@media all and (min-width: 801px) {

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- SET UP --------------------------------------------------------------- */

  #container-primary-navigation .nav-logo {
    display: none;
  }

  /* no toggle nav button for any desktop view */
  .js #toggle-navigation {
    font-size:0;
    height: 0;
    width:0;
  }

  /* Base CSS for #container-primary-navigation */
  #container-primary-navigation {
    background-color: #000000;
    position: relative;
    z-index: 100;
  }

  /* Base CSS for #primary-navigation */
  #primary-navigation {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    z-index:800;
  }

  .no-scroll #primary-navigation {
    z-index: 0;
  }

  /* Base nav ul CSS */
  #primary-navigation ul {
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
  }

  /* Base CSS for all nav items */
  #primary-navigation ul li,
  #primary-navigation ul li a {
    text-decoration: none;
    cursor:pointer;
  }

  #primary-navigation a {
    display: block;
    position: relative;
    transition: all 0.2s;
  }

  #primary-navigation a span {
    position: relative;
    line-height: 1.1em;
  }

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- TOP-LEVEL ------------------------------------------------------------ */

  /*-- TOP-LEVEL UL -----------------------*/
  #primary-navigation > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* Space items evenly */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /*-- TOP-LEVEL LI -----------------------*/
  #primary-navigation .nav-level-1 {
    position: relative;
  }

  /*-- TOP-LEVEL A -----------------------*/
  #primary-navigation .nav-level-1 > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* Vertically-Center spans within links */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    /* Set preferred height of link */
    height: 50px;

    /* Set up font styles here */
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
  }

  /*-- TOP LEVEL LINK COLORS -----------------------*/
  /* Default */
  #primary-navigation .nav-level-1 > a:link,
  #primary-navigation .nav-level-1 > a:visited {
    color: #FFFFFF;
  }

  /* Hover */
  #primary-navigation .nav-level-1 > a:hover,
  #primary-navigation .nav-level-1 > a:active {

  }

  /* Current/Active */
  #primary-navigation .nav-level-1.current > a:link,
  #primary-navigation .nav-level-1.current > a:visited,
  #primary-navigation .nav-level-1.current > a:hover,
  #primary-navigation .nav-level-1.current > a:active,
  #service-areas #primary-navigation #nav-21 > a,
  #city-landing-page #primary-navigation #nav-21 > a,
  #wp-blog #primary-navigation #nav-21 > a {

  }

  #primary-navigation ul li.nav-level-1>a::before {
    content:"";
    position:absolute;
    left:51%;
    right:51%;
    bottom:0;
    background-color:#fff;
    height:5px;
    -ms-transition-property:left,right;
    -webkit-transition-property:left,right;
    transition-property:left,right;
    -ms-transition-duration:.3s;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -ms-transition-timing-function:ease-out;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
  }
  #promotions #primary-navigation ul li.nav-level-1#nav-21>a::before,
  #service-areas #primary-navigation ul li.nav-level-1#nav-21>a::before {
    left:51%;
    right:51%;
  }
  #city-landing-page #primary-navigation #nav-13>a::before,
  #primary-navigation ul li.nav-level-1.active>a::before,
  #primary-navigation ul li.nav-level-1.current>a::before,
  #primary-navigation ul li.nav-level-1>a:active::before,
  #primary-navigation ul li.nav-level-1>a:hover::before,
  #promotions #primary-navigation ul li.nav-level-1#nav-203>a::before,
  #service-areas #primary-navigation #nav-21>a::before,
  #wp-blog #primary-navigation ul li.nav-level-1#nav-21>a::before {
    left:0;
    right:0;
  }
  #primary-navigation ul li.nav-level-1.contains-0>a:active::before,
  #primary-navigation ul li.nav-level-1.contains-0>a:hover::before,
  #primary-navigation ul li.nav-level-1.current.contains-0>a::before {
    left:0;
    right:0;
  }


  /*-- DROPDOWN ICONS -----------------------*/


  /**** Arrow on the right ****/

  /* Add padding to make room for icon */
  #primary-navigation .nav-level-1:not(.contains-0) > a {
    padding-right: 20px; /* Adjust as needed */
  }

  /* Add icon */
  .nav-level-1:not(.contains-0) > a > span::before {
    content: '';
    background-image: url("/assets/templates/main/images/nav/icon-dropdown.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 0;
    height: 100%;
    width: 7px;
    right: -14px;
    z-index: 1;
  }


  /**** Arrow below ****/
  /*.nav-level-1:not(.contains-0) > a::before {
  content: '';
  background-image: url("/assets/templates/main/images/nav/icon-dropdown.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  height: 6px;
  width: 100%;
  bottom: 4px;
  left: 0;
}*/

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- 2ND-LEVEL ------------------------------------------------------------ */

  /*-- 2ND-LEVEL UL -----------------------*/
  #primary-navigation .nav-level-1 > ul {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
    text-align: left;
    /*top: 50px;*/ /* Just in case top position is wonky */
    width: 300px;
    border-radius: 0 0 8px 8px;
  }

  /* Show dropdown ul on hover */
  #primary-navigation .nav-level-1.active > ul {
    display: block;
    padding-bottom: 10px;
  }

  /* Postion dropdown ul based on position of parent */
  #primary-navigation .nav-level-1.center-position > ul {
    left: -75px;
  }
  #primary-navigation .nav-level-1.right-position > ul {
    left: auto;
    right: 0;
  }

  /*-- 2ND-LEVEL FLEXBOX UL -----------------------*/

  /* Target Desired Nav Items for Flexbox*/
  #primary-navigation #nav-8.active > ul,
  /* #primary-navigation #nav-9.active > ul, */
  #primary-navigation #nav-10.active > ul,
  #primary-navigation #nav-11.active > ul,
  #primary-navigation #nav-21.active > ul
   {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
  }

  /* Set up Menu Widths */
  #primary-navigation #nav-8 > ul,
  #primary-navigation #nav-10 > ul,
  #primary-navigation #nav-11 > ul,
  #primary-navigation #nav-21 > ul {
    width: 700px; /* 3-4 Columns */
  }

  /* #primary-navigation #nav-9 > ul, */
  /*#primary-navigation #nav-10 > ul {
    width: 520px;*/ /* 2 Columns */
  /*}*/

  /*-- 2ND-LEVEL FLEXBOX LI -----------------------*/

  /* Set Up Column Widths */

  /* 2 Columns */
  /* #nav-9 li.nav-level-2, */
  /*#nav-10 li.nav-level-2 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }*/

  /* 3 Columns */
  #nav-8 li.nav-level-2,
  #nav-10 li.nav-level-2,
  #nav-21 li.nav-level-2 {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
  }

  /* 4 Columns */
  #nav-11 li.nav-level-2 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }


  /* Column Background Colors */
  #nav-8 li.nav-level-2:nth-child(odd),
  /* #nav-9 li.nav-level-2:nth-child(odd), */
  #nav-10 li.nav-level-2:nth-child(odd),
  #nav-11 li.nav-level-2:nth-child(odd),
  #nav-21 li.nav-level-2:nth-child(odd) {
    background-color: #FFFFFF;
    padding-bottom: 15px;
  }

  #nav-8 li.nav-level-2:nth-child(even),
  /* #nav-9 li.nav-level-2:nth-child(even), */
  #nav-10 li.nav-level-2:nth-child(even),
  #nav-11 li.nav-level-2:nth-child(even),
  #nav-21 li.nav-level-2:nth-child(even) {
    background-color: #dbdbdb;
    padding-bottom: 15px;
  }

  #nav-8 li.nav-level-2:first-of-type,
  /* #nav-9 li.nav-level-2:first-of-type, */
  #nav-10 li.nav-level-2:first-of-type,
  #nav-11 li.nav-level-2:first-of-type,
  #nav-21 li.nav-level-2:first-of-type {
    border-bottom-left-radius: 8px;
  }
  #nav-8 li.nav-level-2:last-of-type,
  /* #nav-9 li.nav-level-2:last-of-type, */
  #nav-10 li.nav-level-2:last-of-type,
  #nav-11 li.nav-level-2:last-of-type,
  #nav-21 li.nav-level-2:last-of-type {
    border-bottom-right-radius: 8px;
  }
  /*-- STYLE 2ND-LEVEL FLEXBOX COLUMN TITLES -----------------------*/
  #nav-8 .nav-level-2 > a,
  /* #nav-9 .nav-level-2 > a, */
  #nav-10 .nav-level-2 > a,
  #nav-11 .nav-level-2 > a,
  #nav-21 .nav-level-2 > a {
    padding-top: 8px; /* Standardize top padding */
    padding-bottom: 4px; /* Standardize bottom padding */
    font-weight: 700;
    text-transform: uppercase;
  }


  /*-- 2ND-LEVEL A -----------------------*/
  .nav-level-2 a {
    padding: 10px 15px;
  }

  /*.nav-level-2:first-child a {
  padding-top: 8px;
}

  .nav-level-2:last-child a {
  padding-bottom: 8px;
}*/

  /*-- 2ND LEVEL LINK COLORS -----------------------*/
  /* Default */
  #primary-navigation .nav-level-2 a:link,
  #primary-navigation .nav-level-2 a:visited {
    color: #525252;
  }

  /* Hover */
  #primary-navigation .nav-level-2 a:hover,
  #primary-navigation .nav-level-2 a:active {
    background-color: #000;
    color: #fff;
  }

  /* Current/Active */
  #primary-navigation .nav-level-2.current > a:link,
  #primary-navigation .nav-level-2.current > a:visited,
  #primary-navigation .nav-level-2.current > a:hover,
  #primary-navigation .nav-level-2.current > a:active,
  #service-areas #primary-navigation #nav-119 > a,
  #city-landing-page #primary-navigation #nav-119 > a,
  #wp-blog #primary-navigation #nav-88 > a {  
    background-color: #000;
    color: #fff;
  }

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- 3RD-LEVEL ------------------------------------------------------------ */

  #primary-navigation .nav-level-3 a {
    line-height: 20px;
  }

  /*-- 3RD LEVEL LINK COLORS -----------------------*/
  /* Default */
  #primary-navigation .nav-level-3 a:link,
  #primary-navigation .nav-level-3 a:visited {
    color: #525252;
  }

  /* Hover */
  #primary-navigation .nav-level-3 a:hover,
  #primary-navigation .nav-level-3 a:active {
    background-color: #000;
    color: #fff;
  }

  /* Current/Active */
  #primary-navigation .nav-level-3.current > a:link,
  #primary-navigation .nav-level-3.current > a:visited,
  #primary-navigation .nav-level-3.current > a:hover,
  #primary-navigation .nav-level-3.current > a:active {
    background-color: #000;
    color: #fff;
  }

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- DROPDOWNS - CONTAINERS ----------------------------------------------- */

  #primary-navigation ul li.nav-level-1 > ul {
    transition: box-shadow ease 0.3s, max-height ease 0.3s;
  }

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- EXPAND NAVIGATION BUTTONS (repurposed as close megadropdown) --------- */

  /* no close button for no-touch devices */
  .no-touch div.expand-nav,
  .no-touch div.expand-nav span.nav-expand {
    display:none;
  }
  .nav-level-1.active > div.expand-nav {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: #DADADA;
    border-radius: 30px;
    box-shadow: 1px 2px 2px #000000;
    color: #000000;
    height: 40px;
    position: absolute;
    left: 280px;
    top: 41px;
    width: 40px;
    z-index: 900;
  }

  /* Standard Button Position */
  .nav-level-1.active.center-position > div.expand-nav {
    left: 210px; 
  }

  /* Left-aligned, 3-4-column menu */
  #primary-navigation #nav-8 > div.expand-nav,
  #primary-navigation #nav-10 > div.expand-nav {
    left: 680px; /* Nav width - 20px */
  }

  /* Left-aligned, 2-column menu */
  /* #primary-navigation #nav-9 > div.expand-nav, */
  /*#primary-navigation #nav-10 > div.expand-nav {
    left: 500px;*/ /* Nav width - 20px */
  /*}*/

  #primary-navigation #nav-11.center-position > div.expand-nav {
    left: 610px; /* Custom Adjustment. Not sure what the math is here... */
  }


  /*#primary-navigation #nav-12 > div.expand-nav {*/
  /*right: -20px;*/  /* This one needs to be right-aligned */
  /*}*/

  .nav-level-1.active.right-position > div.expand-nav {
    left: auto;
    right:-25px;
  }
  .nav-level-1.active > div.expand-nav:hover,
  .nav-level-1.active > div.expand-nav:active {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: #333333;
    color: #DADADA;
  }
  .nav-level-1.active > div.expand-nav span.nav-expand {
    display: block;
    height: 40px;
    line-height: 40px;
  }
  .nav-level-1.active > div.expand-nav span.nav-expand:after {
    content: 'X';
  }

  /* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
  /* --- DROPDOWNS - NAV ITEMS ------------------------------------------------ */

} /* @media all and (min-width: 801px) */

/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
/* --- TWO-LINE TEXT -------------------------------------------------------- */

/* Two-Line Text */
@media all and (min-width: 801px) and (max-width: 1025px) {
  #primary-navigation .nav-level-1:not(.contains-0) > a {
    padding-right: 5px;
  }
  #primary-navigation .nav-level-1 > a {
    height: 60px;
    padding: 0 5px 10px 5px;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .nav-level-1:not(.contains-0) > a > span::before {
    display: none;
  }
  .nav-level-1:not(.contains-0) > a::after {
    content: '';
    background-image: url("/assets/templates/main/images/nav/icon-dropdown.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 8px;
    left: 50%;
    background-color: #000;
    color: #000;
    transform: translateX(-50%);
  }
}

/* --- END PRIMARY NAVIGATION (DESKTOP) ------------------------------------- */
/*----------------------------------------------------------------------------*/ 

/*----------------------------------------------------------------------------*/
/* --- BEGIN CONTENT FRAMEWORK ---------------------------------------------- */

/* --- SUBPAGE CONTENT STRUCTURE -------------------------------------------- */

#content, 
#container-content,
#sidebar-content-top,
#sidebar-content-bottom {
  position: relative;
}
#top-content-wrap,
#main-content-wrap {
  overflow: hidden;
  position: relative;
}
#main-content-wrap > .width-limiter,
#top-content-wrap > .width-limiter {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 80px;
  padding-bottom: 80px;  
}
#top-content-wrap > .width-limiter {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media (max-width: 800px) {
  #main-content-wrap > .width-limiter,
  #top-content-wrap > .width-limiter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
body.hvac #main-content-wrap h2,
body.hvac.heating #main-content-wrap h2,
body.hvac.ac #main-content-wrap h2 {
  color: #1071bc;
}
body.fireplace #main-content-wrap h2,
body.spas #main-content-wrap h2 {
  color: #d75228;
}
body.solar #main-content-wrap h2 {
  color: #49a343;
}
body.plumbing #main-content-wrap h2 {
  color: #e82727;
}
/*----- LAYOUTS - SUBPAGE CONTENT STRUCTURE --------------------------------- */
/* Smaller Desktop */
@media all and (min-width: 801px) {
  .content-left,
  .sidebar-right {
    display: inline-block;
    max-width: 100%;
  }
  .content-left {
    width: calc(100% - 350px);
    padding-right: 45px;
  }
  #top-content-wrap .content-left .content-spacer {
    padding-right: 20px;
  }
  .sidebar-right {
    width: 350px;
  }
  .no-top-content #top-content-wrap > .width-limiter {
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
  }
  /* Template Variable Layout Overrides */
  .full-width-layout .content-left,
  .exclude-top-sidebar #top-content-wrap .content-left,
  .single-sidebar #top-content-wrap .content-left,
  .exclude-bottom-sidebar #main-content-wrap .content-left {
    display: block;
    width: 100%;
  }
  body.service-area #main-content-wrap #main-content ul {
    columns: 2;
  }
}

/* Wider Desktop / DesignDemo Size */
@media all and (min-width: 1025px) {
  .content-left {
    width: calc(100% - 510px);
  }
  .sidebar-right {
    width: 510px;
  }
}

/* --- TOP CONTENT CUSTOM STYLES --- */

#top-content-wrap #breadcrumbs-container {
  padding: 0 0 5px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
#top-content-wrap #breadcrumbs-container + h1 {
  margin-top: 10px;
}
.has-landing-page-image #top-content-wrap .content-left * {
  color: #000000;
  z-index: 5;
  position: relative;
}
body.hvac #top-content-wrap #breadcrumbs-container *,
body.solar #top-content-wrap #breadcrumbs-container *,
body.fireplace.has-landing-page-image #top-content-wrap .content-left *,
body.spas.has-landing-page-image #top-content-wrap .content-left *,
body.plumbing.has-landing-page-image #top-content-wrap .content-left * {
  color: #ffffff;
}
body.fireplace #top-content-wrap #breadcrumbs-container *,
body.spas #top-content-wrap #breadcrumbs-container *,
body.plumbing #top-content-wrap #breadcrumbs-container *,
#service-areas #top-content-wrap .content-left #service-calls-map .service-call-info-window p,
#service-areas #top-content-wrap .content-left #service-calls-map .service-call-info-window strong,
#service-areas #top-content-wrap .content-left #service-calls-map label {
  color: #000;
}
.has-landing-page-image #top-content-wrap .content-left a:link, 
.has-landing-page-image #top-content-wrap .content-left a:visited {
  text-decoration: underline;
}
.has-landing-page-image #top-content-wrap .content-left a:hover, 
.has-landing-page-image #top-content-wrap .content-left a:active {
  color: rgba(255, 255, 255, 0.7);
}
.has-landing-page-image #top-content-wrap .content-left p,
.has-landing-page-image #top-content-wrap .content-left li {
  font-weight: 400;
  color: #525252;
}
body.air-quality.has-landing-page-image #top-content-wrap .content-left p,
body.air-quality.has-landing-page-image #top-content-wrap .content-left p strong,
body.hvac.has-landing-page-image #top-content-wrap .content-left p,
body.hvac.has-landing-page-image #top-content-wrap .content-left p strong,
body.heating.has-landing-page-image #top-content-wrap .content-left p,
body.heating.has-landing-page-image #top-content-wrap .content-left p strong,
body.ac.has-landing-page-image #top-content-wrap .content-left p,
body.ac.has-landing-page-image #top-content-wrap .content-left p strong,
body.solar.has-landing-page-image #top-content-wrap .content-left p,
body.solar.has-landing-page-image #top-content-wrap .content-left p strong,
body.solar.has-landing-page-image #top-content-wrap .content-left ul li,
body.solar.has-landing-page-image #top-content-wrap .content-left ul li strong {
  color: #000;
}
body.hvac.has-landing-page-image #top-content-wrap .content-left li *,
body.air-quality.has-landing-page-image #top-content-wrap .content-left li *,
body.heating.has-landing-page-image #top-content-wrap .content-left li *,
body.ac.has-landing-page-image #top-content-wrap .content-left li * {
  color: #222;
  font-weight: 700;
}
.has-landing-page-image #top-content-wrap .content-left li,
.has-landing-page-image #top-content-wrap .content-left li strong,
.has-landing-page-image #top-content-wrap .content-left p strong {
  color: #222222;
}
.has-landing-page-image #top-content-wrap .content-left p:last-of-type {
  margin-bottom: 0;
}

/* --- FEATURED IMAGE AND OVERLAY ------------------------------------------- */

.automatic-page-image {
  position: absolute;
  height: 100%;
  width: 45%;
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
#top-content-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #e5e5e5 0%, #b4b4b4 100%);
}

body.hvac #top-content-wrap::after,
body.hvac.heating #top-content-wrap::after,
body.hvac.ac #top-content-wrap::after,
body.ac #top-content-wrap::after,
body.heating #top-content-wrap::after {
  background-image: linear-gradient(180deg, #f58222 0%, #f58222 100%);
}

body.air-quality #top-content-wrap::after {
  background-image: linear-gradient(180deg, #98cbcc 0%, #1071bc 100%);
}

body.fireplace #top-content-wrap::after {
  background-image: linear-gradient(180deg, #f36a1f 0%, #a00921 100%);
}

body.spas #top-content-wrap::after {
  background-color: #1071bc;
  background-image: none;
}

body.solar #top-content-wrap::after {
  background-image: linear-gradient(180deg, #aacd37 0%, #49a343 100%);
}

body.electrical #top-content-wrap::after {
  background-image: linear-gradient(180deg, #fed430 0%, #febf30 100%);
}

body.plumbing #top-content-wrap::after {
  background-image: linear-gradient(180deg, #d30000 0%, #740000 100%);
}

/*----- LAYOUTS - FEATURED IMAGE AND OVERLAY ----- */
/* Smaller Desktop */
@media all and (min-width: 801px) {
  .has-landing-page-image:not(.contact) #top-content-wrap .content-left p,
  .has-landing-page-image:not(.contact) #top-content-wrap .content-left li {
    font-size: 1.8em;
  }
  .single-sidebar #top-content-wrap::after,
  .exclude-top-sidebar #top-content-wrap::after,
  .full-width-layout #top-content-wrap::after,
  #wp-blog #top-content-wrap::after,
  .single-sidebar #top-content-wrap::before,
  .exclude-top-sidebar #top-content-wrap::before,
  .full-width-layout #top-content-wrap::before,
  #wp-blog #top-content-wrap::before {
    width: 100%;
  }
  .single-sidebar .automatic-page-image,
  .exclude-top-sidebar .automatic-page-image,
  .full-width-layout .automatic-page-image,
  #wp-blog .automatic-page-image,
  .single-sidebar .automatic-page-image,
  .exclude-top-sidebar .automatic-page-image,
  .full-width-layout .automatic-page-image,
  .blog .automatic-page-image {
    width: 0;
  }
}

/* Wider Desktop / DesignDemo Size */
@media all and (min-width: 1025px) {
  #top-content-wrap::after {
    width: 100%;
  }
  #top-content-wrap::before {
    width: 55%;
  }
}
@media all and (max-width: 1024px) {
  .automatic-page-image {
    display: none;
  }
}

#top-content-wrap::before {
  content: '';
  height: 100%;
  width: 55%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/assets/templates/main/images/landing/hero-overlay.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 120%;
  z-index: 1;
} 
body.hvac #top-content-wrap::before,
body.heating #top-content-wrap::before,
body.ac #top-content-wrap::before,
body.plumbing #top-content-wrap::before {
  background-image: url("/assets/templates/main/images/landing/hero-overlay-heating-ac-plumbing.png");
}
body.air-quality #top-content-wrap::before {
  background-image: url("/assets/templates/main/images/landing/hero-overlay-air-solutions.png");
}
body.fireplace #top-content-wrap::before {
  background-image: url("/assets/templates/main/images/landing/hero-overlay-firelight.png");
}
body.spas #top-content-wrap::before {
  background-image: url("/assets/templates/main/images/landing/hero-overlay-hot-tubs-spas.png");
  background-size: auto 100%;
}
body.solar #top-content-wrap::before {
  background-image: url("/assets/templates/main/images/landing/hero-overlay-solar.png");
}
.no-top-content #top-content-wrap::before,
.single-sidebar #top-content-wrap::before,
.exclude-top-sidebar #top-content-wrap::before,
.full-width-layout #top-content-wrap::before,
#wp-blog #top-content-wrap::before {
  background-position: center center;
}

/* --- TV LAYOUT OVERRIDES --- */
.no-main-content.exclude-bottom-sidebar #main-content-wrap > .width-limiter,
.no-main-content.full-width-layout #main-content-wrap > .width-limiter {
  padding-top: 0;
  padding-bottom: 0;
}
.no-landing-page-image:not(.no-main-content) #top-content-wrap > .width-limiter {
  padding-bottom: 0;
}
.no-landing-page-image.full-width-layout #main-content-wrap > .width-limiter {
  padding-top: 0;
}
.exclude-top-sidebar #top-content-wrap .content-left {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* --- Width Restriction for Full Width Layout or No Bottom Sidebar --- */
/* Restricts width of all content except .image-SOMETHING divs and img tags. */
.exclude-bottom-sidebar #main-content-wrap .content-left .content-spacer > *:not(.image-left):not(.image-center):not(.image-right):not(img),
.full-width-layout .content-left .content-spacer > *:not(.image-left):not(.image-center):not(.image-right):not(img) {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
} 

#closeout #main-content.content-left .content-spacer > div,
#fireplace-inserts #main-content.content-left .content-spacer > div,
#free-standing-stoves #main-content.content-left .content-spacer > div,
#built-in-fireplaces #main-content.content-left .content-spacer > div {
   max-width: 100%;
}

#main-content-wrap #main-content.content-left .content-spacer .gallery-album-row {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;  
  flex-wrap: wrap;
}
#main-content-wrap #main-content.content-left .content-spacer .gallery-album-row .gallery-album {
  width: calc(33.33% - 20px);
  margin: 20px 10px;
  border: 1px solid #222;
  border-radius: 3px;
  padding: 10px;
}
#main-content-wrap #main-content .gallery-album img.gallery-album-tumbnail {
  box-shadow: none;
  border: none;
}
#main-content-wrap #main-content .gallery-album p.total-photos {
  top: 10px;
  right: 10px;
}

@media all and (max-width: 1025px) {
  #main-content-wrap #main-content.content-left .content-spacer .gallery-album-row .gallery-album {
    width: calc(50% - 20px);
  }
}

@media all and (max-width: 800px) {
  #top-content-wrap::before {
    width: 100%;
  }
}

@media all and (max-width: 570px) {
  #main-content-wrap #main-content.content-left .content-spacer .gallery-album-row .gallery-album {
    width: 100%;
    margin: 20px 0;
  }
}

/* --- END CONTENT FRAMEWORK ------------------------------------------------ */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* --- BEGIN SECONDARY CONTENT ---------------------------------------------- */

.secondary-tools-outer {
  border-radius: 5px;
  background-color: #dbdbdb;
  margin: 30px 0;
  padding: 20px 0;
}

.secondary-tools-outer:first-child {
  border: medium none;
  margin-top: 0;
}

.secondary-tools .secondary-tools-heading {
  display:block;
  font-size: 3.6em;
  font-weight: 700;
  font-family: "Open Sans Condensed";
  line-height: 1em;
  font-weight: normal;
  margin: 0 0 0.4em;
}

.secondary-tools .secondary-tools-heading,
.secondary-tools .secondary-tools-heading a:link,
.secondary-tools .secondary-tools-heading a:visited {
  color: #000000;
  text-decoration:none;
}

.secondary-tools .secondary-tools-heading a:hover,
.secondary-tools .secondary-tools-heading a:active {
  color: #FF0000;
}

.secondary-tools ul {
  list-style-type: none;
  padding: 10px 0;
}

.secondary-tools li {
  font-weight: bold;
  padding: 6px 0;
}

.secondary-tools ul li a:link,
.secondary-tools ul li a:visited {
  color: #000000;
  text-decoration:none;
}

.secondary-tools ul li a:hover,
.secondary-tools ul li a:active {
  color: #FF0000;
}

.secondary-tools form {
  margin:0 0 15px;
}

.secondary-tools form ul {
  list-style-type:none;
  padding: 0;
}

.secondary-tools form fieldset,
.secondary-tools form ul, 
.secondary-tools form ul li {
  display:inline-block;
  text-align:center;
  vertical-align:middle;
}

.secondary-tools form fieldset input[type="text"], 
.secondary-tools form fieldset textarea, 
.secondary-tools form fieldset select {
  font-size:1em;
}

.secondary-tools form fieldset textarea {
  resize: vertical;
}

.secondary-tools form input[type="submit"],
.secondary-tools form button {
  padding: 12px 20px;
  position: relative;
  margin-left: -10px;
  border-radius: 50px;
  background-color: #000000;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #000000;
  transition: all 0.3s;
}

.secondary-tools form input[type="submit"]:hover,
.secondary-tools form input[type="submit"]:active,
.secondary-tools form button:hover,
.secondary-tools form button:active {
  background-color: #FFFFFF;
  color: #000;
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- PROMOTIONS ----------------------------------------------------------- */

#promotion-top-image {
  text-align: center;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
#promotion-top-image img {
  max-width: 100%;
  height: auto;
}

/*-------- PROMOTIONS - Sidebar ------------------------ */
#promotions-secondary .secondary-tools li {}
#promotions-secondary .secondary-tools li a {}
#promotions-secondary .secondary-tools li a.popup {}
#promotions-secondary .secondary-tools li a.promotion-detail {}


/*-------- PROMOTIONS - Landing Page ------------------------ */
.feature.promotions-item-details-wrapper
#promotions .promotions-item-details-wrapper {
  border: medium none;
  padding: 0;
}
.feature.promotions-item,
#promotions .promotions-item {
  border: 1px dashed #787878;
  border-radius: 3px;
  margin: 2%;
  padding: 10px 10px 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
}

.feature.promotions-item h2,
#promotions .promotions-item h2 {
  margin: 0;
}

.feature.promotions-item h2 a,
#promotions .promotions-item h2 a {
  text-decoration:none;
}

.feature.promotions-item .view-all,
#promotions .promotions-item .view-all {
  display: inline-block;
  padding: 0 6px;
  text-align: center;
}

/*-------- PROMOTIONS - Individual (Coupons) -------------------------------- */
.promotions-item-details-wrapper {
  border: 3px dashed #000000;
  margin: 0 auto 30px;
  text-align: center;
  width: 90%;
}

.promotional-item-details {
  padding:10px;
}

.promotions-item-details-wrapper img.promotion-logo {
  display: block;
  margin: 10px auto;
  max-width: 300px;
  width: 100%;
}

.promotions-item-details-wrapper h1 {
  font-size: 2.6em;
}

.promotions-item-details-wrapper p {
  font-size: 1.4em;
}

.promotions-item-details-wrapper p.promotions-content {
  font-size: 1.8em;
  font-weight: bold;
}

.promotions-item-details-wrapper p.coupon-footer {
  font-size: 1.3em;
}

#btn-print-coupon {
  max-width: 300px;
  margin: 10px auto;
  display: block;
}

/* CODELIBENTRY_ENTRY: 87 */
#promotions-secondary {
  text-align: center; 
  margin-bottom: 0;
}
#promotions-secondary .secondary-tools {
  width: 80%;
  margin: 10px auto 30px auto;
}
#promotions-secondary .secondary-tools-heading {
  text-align: center;
  font-size: 30px;
  margin-bottom: 25px;
}
#promotions-secondary .secondary-tools li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  padding: 10px 10px 10px 100px;
  position: relative;
  min-height: 150px;
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 3px solid transparent;
  background-color: #f58222;
  color: #fff;
}
#promotions-secondary .secondary-tools li a:hover {
  border-color: #000000;
  background-color: #aeb0b3;
  color: #fff;
}
#promotions-secondary .view-all {
  text-align: center;
}
/* Inner Content Pattern */
#promotions-secondary .secondary-tools li a .promo-image {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  height: 95px;
  width: 80px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-default {
  background-image: url("/assets/images/promotions/style/default.png");
  background-size: auto 64px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-air-conditioning {
  background-image: url("/assets/images/promotions/style/promo-style-ac.png");
  background-size: auto 61px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-electrical {
  background-image: url("/assets/images/promotions/style/promo-style-electrical.png");
  background-size: auto 86px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-firelight {
  background-image: url("/assets/images/promotions/style/promo-style-firelight.png");
  background-size: auto 93px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-heating {
  background-image: url("/assets/images/promotions/style/promo-style-heat.png");
  background-size: auto 74px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-indoor-air-quality {
  background-image: url("/assets/images/promotions/style/promo-style-iaq.png");
  background-size: auto 55px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-plumbing {
  background-image: url("/assets/images/promotions/style/promo-style-plumbing.png");
  background-size: auto 77px;
}
#promotions-secondary .secondary-tools li a .promo-image.promotions-style-solar {
  background-image: url("/assets/images/promotions/style/promo-style-solar.png");
  background-size: auto 55px;
}
#promotions-secondary .secondary-tools li a .promo-title {
  display: block;
  font-size: 30px;
  font-family: "Open Sans Condensed";
  text-transform: uppercase;
}
#promotions-secondary .secondary-tools li a .promo-teaser {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-family: "Open Sans Condensed";
}
#promotions-secondary .secondary-tools .slick-dots {
  margin: 10px 0;
}

.full-width #promotions-secondary {
  padding: 30px 0 20px 0;
}
.full-width #promotions-secondary .secondary-tools {
  width: 100%;
}
.full-width #promotions-secondary .secondary-tools-heading {
  font-size: 45px;
  text-transform: uppercase;
}
.full-width #promotions-secondary .view-all {
  margin-top: 30px;
}

@media all and (max-width: 1025px) {
  .full-width #promotions-secondary .secondary-tools-heading {
    font-size: 36px;
  }
  #promotions-secondary .secondary-tools li a .promo-title {
    font-size: 26px;
  }
}

@media all and (min-width: 801px) and (max-width: 1025px) {
  #promotions-secondary .secondary-tools li a {
    padding: 100px 10px 10px 10px;
  }
  #promotions-secondary .secondary-tools li a .promo-image {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media all and (min-width: 571px) and (max-width: 800px) {
  #promotions-secondary .secondary-tools ul.promotions {
    width: 83%;
    margin: 0 auto;
  }
}

@media all and (min-width: 801px) {
  .full-width #promotions-secondary .secondary-tools .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
  }
  .full-width #promotions-secondary .secondary-tools .slick-list  li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    margin: 0px 10px;
    height: auto;
  }
  .full-width #promotions-secondary .secondary-tools li:first-of-type {
    margin-left: 0px;
  }
  .full-width #promotions-secondary .secondary-tools li:last-of-type {
    margin-right: 0px;
  }
}
@media all and (min-width: 1025px) {
  .full-width #promotions-secondary .secondary-tools li:first-of-type {
    margin-left: 0px;
  }
  .full-width #promotions-secondary .secondary-tools li:last-of-type {
    margin-right: 0px;
  }
}

@media all and (max-width: 570px) {
  #promotions-secondary .secondary-tools li a .promo-title {
    font-size: 24px;
  }
  .full-width #promotions-secondary .secondary-tools-heading {
    font-size: 32px;
    line-height: 34px;
  }
}

@media all and (max-width: 400px) {
  #promotions-secondary .secondary-tools li a {
    padding: 100px 10px 10px 10px;
  }
  #promotions-secondary .secondary-tools li a .promo-image {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- MINI FORM ------------------------------------------------------------ */

/* CODELIBENTRY_ENTRY: 37 */

#mini-form label {
  display: block;
  text-align: left;
}

#mini-form fieldset,
#mini-form ul,
#mini-form li {
  display: block;
  width: auto;
}

#mini-form ul {
  margin: 0; 
}

#mini-form li {
  padding: 5px 0;
}

#mini-form input[type="text"],
#mini-form textarea,
#mini-form select {
  width: 100%;
  background-color: #FFFFFF;
}

#mini-form textarea {
  max-height: 100px;
}

#mini-form button,
#mini-form input[type="submit"] {
  position: static;
  margin: 0 auto;
}

#mini-form ul.submit {
  text-align: center;
}

/* Select the ul containing the company required input. */
#mini-form fieldset:last-child > ul:first-child {

}

/* CODELIBENTRY_ENTRY: 72 */
#mini-form {
  background-color: #aeb0b3;
  margin-bottom: 0;
  padding: 50px 0;
  border-radius: 0;
}
body.hvac #mini-form,
body.air-quality #mini-form,
body.heating #mini-form,
body.ac #mini-form {
  background-color: #1071bc;
}
body.fireplace #mini-form,
body.spas #mini-form {
  background-color: #605851;
}
body.solar #mini-form {
  background-color: #f36a1f;
}
#mini-form .secondary-tools {
  text-align: center;
}

body.hvac #mini-form .secondary-tools .secondary-tools-heading.mf-title,
body.heating #mini-form .secondary-tools .secondary-tools-heading.mf-title,
body.ac #mini-form .secondary-tools .secondary-tools-heading.mf-title,
body.fireplace #mini-form .secondary-tools .secondary-tools-heading.mf-title,
body.spas #mini-form .secondary-tools .secondary-tools-heading.mf-title {
  color: #fff;
}
body.air-quality #mini-form .secondary-tools .secondary-tools-heading.mf-title {
  color: #000;
}

#mini-form .secondary-tools .secondary-tools-heading.mf-title {
  display: inline;
}

#mini-form form {
  position: relative;
}
#mini-form fieldset:first-of-type ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mini-form fieldset:first-of-type ul li {
  width: 100%;
}
#mini-form label {
  font-weight: 400;
  color: #525252;
}

body.hvac #mini-form label,
body.heating #mini-form label,
body.ac #mini-form label,
body.fireplace #mini-form label,
body.spas #mini-form label  {
  color: #fff;
}
body.air-quality #mini-form label,
body.solar #mini-form label {
  color: #000000;
}
#mini-form select {
  color: #7f7f7f;
  font-size: 16px;
}
@media all and (min-width: 1025px) {
  .full-width #mini-form fieldset ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .full-width #mini-form fieldset:first-of-type {
    width: calc(100% - 128px);
  }
  .full-width #mini-form li {
    margin: 0px 5px;
  }
  .full-width #mini-form li:first-of-type {
    margin-left: 0px;
  }
  .full-width #mini-form li:last-of-type {
    margin-right: 0px;
  }    
  .full-width #mini-form input[type="text"], .full-width #mini-form select {
    width: 100%;
  }
  .full-width #mini-form select {
    min-width: 180px
  }
}
@media all and (min-width: 801px) {
  .full-width #mini-form fieldset:last-of-type {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1150px) {
  .full-width #mini-form select {
    min-width: 150px;
  }
  .full-width #mini-form fieldset:first-of-type {
    width: calc(100% - 112px);
  }
  #mini-form label {
    font-size: 16px;
  }
}
@media all and (min-width: 801px) and (max-width: 1024px) {
  #mini-form fieldset:first-of-type ul li {
    width: 100%;
  }
  .full-width #mini-form fieldset:first-of-type li {
    width: calc(33% - 8px);
    /*margin-left: 10px;*/
  }
  .full-width #mini-form fieldset:first-of-type li:first-of-type {
    margin-left: 0px;
  }
  .full-width #mini-form fieldset:first-of-type li:last-of-type {
    /*width: calc(100% - 128px);*/
    margin: 0px;
  }
  .full-width #mini-form fieldset:last-of-type {
    position: static;
  }
}
@media all and (max-width: 800px) {
  #mini-form .secondary-tools fieldset:first-of-type ul li {
    width: calc(50% - 5px);
  }
  #mini-form .secondary-tools fieldset:first-of-type ul li:nth-of-type(odd) {
    margin-left: 0px;
  }
  #mini-form .secondary-tools fieldset:first-of-type ul li:last-of-type {
    /*width: calc(100% - 128px);*/
    margin: 0px;
  }
  #mini-form fieldset:last-of-type {
    /*position: absolute;*/
    bottom: 0px;
    right: 0px;
  }  
}
@media all and (max-width: 570px) {
  .secondary-tools .secondary-tools-heading.mf-title {
    display: block;
    text-align: left;
  }
  #mini-form .secondary-tools fieldset:first-of-type ul li {
    width: 100%;
    margin: 0px;
  }
  #mini-form .secondary-tools fieldset:first-of-type ul li:last-of-type {
    width: 100%;
  }
  #mini-form fieldset:last-of-type {
    position: static;
  }
  #mini-form {
    padding: 20px 0;
  }
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- REVIEWS -------------------------------------------------------------- */

/*-------- REVIEWS - Landing Page ------------------------------------------- */

/*#reviews #top-content .testimonial,
#reviews #main-content .testimonial {
  margin: 50px auto;
}
#reviews #top-content .testimonial blockquote .quote,
#reviews #main-content .testimonial blockquote .quote {
  background-color: #ebebeb;
  padding: 25px;
  border-radius: 10px;
  width: 580px;
  max-width: 95%;
  position: relative;
  margin-bottom: 15px;
}
#reviews #top-content .testimonial blockquote .quote p,
#reviews #main-content .testimonial blockquote .quote p {
  font-size: 1.8em;
  font-style: italic;
}
#reviews #top-content .testimonial blockquote .quote p:last-child,
#reviews #main-content .testimonial blockquote .quote p:last-child {
  margin-bottom: 0;
}
#reviews #top-content .testimonial blockquote .quote p:first-child::before,
#reviews #main-content .testimonial blockquote .quote p:first-child::before {
  content: '\201c';
}
#reviews #top-content .testimonial blockquote .quote p:last-child::after,
#reviews #main-content .testimonial blockquote .quote p:last-child::after {
  content: '\201d';
}
#reviews #top-content .testimonial blockquote p.source,
#reviews #main-content .testimonial blockquote p.source {
  font-size: 1.5em;
  color: #666;
}
#reviews #top-content .testimonial blockquote .quote:after,
#reviews #main-content .testimonial blockquote .quote:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #ebebeb transparent transparent transparent;
  bottom:-9px;
  position: absolute;
}
#reviews #top-content .testimonial:nth-child(odd) blockquote .quote:after,
#reviews #main-content .testimonial:nth-child(odd) blockquote .quote:after {
  left: 20px;
}
#reviews #top-content .testimonial:nth-child(even) blockquote .quote:after,
#reviews #main-content .testimonial:nth-child(even) blockquote .quote:after {
  right: 20px;
}
#reviews #top-content .testimonial:nth-child(odd) blockquote .quote,   
#reviews #main-content .testimonial:nth-child(odd) blockquote .quote {    
  float: left;
}
#reviews #top-content .testimonial:nth-child(even) blockquote .quote,
#reviews #main-content .testimonial:nth-child(even) blockquote .quote {
  float: right;
}
#reviews #top-content .testimonial:nth-child(odd) blockquote p.source,
#reviews #main-content .testimonial:nth-child(odd) blockquote p.source {
  text-align: left;
  clear: left;
}
#reviews #top-content .testimonial:nth-child(even) blockquote p.source,
#reviews #main-content .testimonial:nth-child(even) blockquote p.source {
  text-align: right;
  clear: right;
}*/

/* CODELIBENTRY_ENTRY: 99 */
body.electrical #testimonials-secondary {
  background-color: #fed430;
}
#testimonials-secondary .slick-list {
  overflow: visible;
}
/* Start Content Pattern */
#testimonials-secondary .secondary-tools {
  text-align: center;
  padding: 20px 0;
}
#testimonials-secondary .secondary-tools-heading {
  font-family: "Open Sans Condensed";
  margin-bottom: 30px;
}
#testimonials-secondary .width-limiter { /*So the left quotation mark doesn't get cut off */
  padding-left: 35px;
  padding-right: 35px;
}
#testimonials-secondary blockquote {
  margin: 0;
  padding: 0 10px;
  color: #1071bc;
  font-weight: 700;
  font-style: italic;
}
#testimonials-secondary .ts-teaser {
  position: relative;
  padding: 0;
  color: #1071bc;
}
#testimonials-secondary .ts-source {
  color: #1071bc;
  margin-bottom: 0;
}
body.fireplace #testimonials-secondary .ts-teaser,
body.fireplace #testimonials-secondary .ts-source,
body.spas #testimonials-secondary .ts-teaser,
body.spas #testimonials-secondary .ts-source {
  color: #d75228;
}
body.electrical #testimonials-secondary .ts-teaser,
body.electrical #testimonials-secondary .ts-source {
  color: #000;
}
body.plumbing #testimonials-secondary .ts-teaser,
body.plumbing #testimonials-secondary .ts-source {
  color: #e82727;
}
#testimonials-secondary .ts-teaser::before,
#testimonials-secondary .ts-teaser::after {
  content: '';
  font-size: 120px;
  position: absolute;
  left: -40px;
  top: 0;
  background-image: url("/assets/templates/main/images/icons/quote-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 39px;
  height: 31px;
  opacity: 0;
}
body.fireplace #testimonials-secondary .ts-teaser::before,
body.spas #testimonials-secondary .ts-teaser::before {
  background-image: url("/assets/templates/main/images/icons/quote-left-firelight.png");
}
body.electrical #testimonials-secondary .ts-teaser::before {
  background-image: url("/assets/templates/main/images/icons/quote-left-electrical.png");
}
body.plumbing #testimonials-secondary .ts-teaser::before {
  background-image: url("/assets/templates/main/images/icons/quote-left-plumbing.png");
}
#testimonials-secondary.animated .ts-teaser::before,
.no-js #testimonials-secondary .ts-teaser::before,
#testimonials-secondary.animated .ts-teaser::after,
.no-js #testimonials-secondary .ts-teaser::after {
  animation: rotateIn 0.3s ease both;
}
#testimonials-secondary .ts-teaser::after {
  left: auto;
  right: -40px;
  background-image: url("/assets/templates/main/images/icons/quote-right.png");
}
body.fireplace #testimonials-secondary .ts-teaser::after,
body.spas #testimonials-secondary .ts-teaser::after {
  background-image: url("/assets/templates/main/images/icons/quote-right-firelight.png");
}
body.electrical #testimonials-secondary .ts-teaser::after {
  background-image: url("/assets/templates/main/images/icons/quote-right-electrical.png");
}
body.plumbing #testimonials-secondary .ts-teaser::after {
  background-image: url("/assets/templates/main/images/icons/quote-right-plumbing.png");
}
/* End Content Pattern */

/* CODELIBENTRY_ENTRY: 133 */

/* Recommend Me Pattern */
.nn-agg-container {
  background-image: url(/assets/templates/main/images/icons/icon-review-stars.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 26px;
  padding-left: 175px;
  margin-right: 7px;
}
#testimonials-secondary #nn-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.nn-agg-container img {
  display: none;
}
.nn-agg-container .nn-agg-rating {
  line-height: 1.2em;
  text-align: left;
  font-weight: 700;
  font-size: 30px;
}
div.nn-reviews {
  font-style: italic;
  margin-bottom: 0px;
  font-size: 18px;
}
div.nn-reviews a {
  color: #222222;
}
div.nn-reviews a:hover,
div.nn-reviews a:active {
  text-decoration: none;
}

/* End Recommend Me Pattern */

#testimonials-secondary .view-all {
  margin-top: 20px;
}
#testimonials-secondary .reviews-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 20px;
}
#testimonials-secondary .view-all.review-us {
  margin-top: 30px;
}
#testimonials-secondary .view-all.review-us a {
  background-color: #f58220;
  padding-right: 20px;
}
#testimonials-secondary .view-all.review-us a:hover,
#testimonials-secondary .view-all.review-us a:active {
  background-color: #000;
}
#testimonials-secondary .view-all.review-us a::after {
  display: none;
}

body#reviews .testimonial {
  margin-bottom: 45px;
  box-shadow: 0px 0px 3px #f1f1f1;
  background-color: #f1f1f1;
  padding: 20px;
}
#testimonials-secondary .review-star-rating {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 10px;
  color: #fff;
}
#testimonials-secondary h2 {
  margin-top: 0;
}
#testimonials-secondary .review-star-rating a {
  color: #1071bc;
}
.fireplace #testimonials-secondary .review-star-rating a {
  color: #d75228;
}
.electrical #testimonials-secondary .review-star-rating a {
  color: #000;
}
.plumbing #testimonials-secondary .review-star-rating a {
  color: #e82727;
}
#reviews .review-star-rating {
  margin-bottom: 40px;
  position: relative;
}
body#reviews .review-star-rating:after {
  content: '';
  position: absolute;
  width: calc(100% - 250px);
  height: 1px;
  background-color: #c5c5c5;
  right: 0px;
  bottom: 50%;
}
i.star {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-review-star.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
}
.plumbing i.star {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-review-star-plumbing.svg);
}
.electrical i.star {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-review-star-electrical.svg);
}
.fireplace i.star {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-review-star-fireplace.svg);
}
i.icon-recommended {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-recommended.png);
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
}
.review-star-rating > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
}
.review-star-rating span {
  font-size: 3.3em;
  font-weight: 700;
  margin-right: 10px;
  color: #1071bc;
}
.fireplace .review-star-rating span,
.fireplace .review-star-rating a {
  color: #d75228;
}
.electrical .review-star-rating span,
.electrical .review-star-rating a {
  color: #000;
}
.plumbing .review-star-rating span,
.plumbing .review-star-rating a {
  color: #e82727;
}
.review-star-rating a {
  font-size: 1.8em;
  margin-left: 5px;
  color: #1071bc;
}
#reviews .review-star-rating a {
  text-decoration: none;
}
#testimonials-secondary .review-star-rating > div {
  margin: 5px auto 5px;
}
#testimonials-secondary blockquote {
  margin: 0px;
}
.testimonial .source-info {
  min-height: 70px;
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 75px;
}
.testimonial .source-info .source {
  font-size: 1.6em;
  color: #555;
}
.testimonial .source-info .rating_output {
  font-style: italic;
  font-size: 1.4em;
  color: #555;  
}
.testimonial .source-image {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
.testimonial .source-image img {
  border-radius: 50%;
  width: 62px;
  height: 62px;
}
.review-source {
  border-radius: 50%;
  background-color: #fff;
  height: 25px;
  width: 25px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 18px;
  box-shadow: 0px 0px 3px #9c9c9c;
}
.review-source.source-Facebook {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-facebook.png);
}
.review-source.source-Google {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-google.png);
}
.review-source.source-BBB {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-bbb.png);
}
.review-source.source-no-source {
  display: none;
}
.testimonial .quote p:before {
  content:open-quote;
}
.testimonial .quote p:after {
  content:close-quote;
}
#testimonial_pagination {
  text-align: center;
}
#testimonial_pagination a {
  background-color: #ebebeb;
  padding: 3px 10px;
  margin: 0px 5px;
  color: #005aa1;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
}
#testimonial_pagination a.current,
#testimonial_pagination a:hover,
#testimonial_pagination a:active {
  background-color: #005aa1;
  color: #ebebeb;
}
#testimonial_pagination .pagination-spacer {
  padding: 3px 5px;
  vertical-align: super;
}

#testimonials-popup {
  position: fixed;
  width: 60%;
  height: 75%;
  z-index: 7503;
  top: 18.5%;
  left: 20%;
  background-color: #fff;
  overflow: visible;
  box-shadow: 0 1px 12px 20000px rgba(0, 0, 0, .25);
  border-radius: 10px;
  padding: 50px 0px 30px;
  border: 1px solid #969696;
}
#testimonials-popup .popup-inner {
  height: 100%;
  overflow-y: scroll;
  padding-right: 70px;
  padding-left: 70px;
  text-align: left;
}
#testimonials-popup .popup-header-right {
  text-align: right;
}
@media all and (max-width: 1250px) {
  #testimonials-popup {
    width: 70%;
    left: 15%;
  }
}
@media all and (max-width: 1024px) {
  #testimonials-popup {
    width: 80%;
    left: 10%;
    padding: 25px 0px 30px;
  }
  #testimonials-popup .popup-inner{
    padding-right: 35px;
    padding-left: 35px;
  }
}
#testimonials-popup .close-popup {
  background-color: #0079bd;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  background-image: url(/assets/templates/main/images/icons/reviewv3-popup-icon-close.png);
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  background-size: 22px;
  transition: 0.3s;
  position: absolute;
  top: -20px;
  right: -20px;
  box-shadow: 1px 1px 1px #000;  
}
#testimonials-popup .close-popup:hover {
  background-color: #ef5c1b;
  user-select:none;
}
#testimonials-popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #dbdbdb;
  margin-bottom: 36px;
}
.popup-header-left h2 {
  margin-top: 0px;
  margin-bottom: 12px;
}
.popup-header-left .review-star-rating {
  margin-bottom: 20px;
}
.popup-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#testimonials-popup .testimonial {
  margin-bottom: 45px;
}
#testimonials-popup .view-all {
  margin-bottom: 20px;
}
.testimonial .read-more {
  font-size: 1.8em;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  color: #1071bc;
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.3s;
}
.fireplace .testimonial .read-more {
  color: #d75228;
}
.electrical .testimonial .read-more {
  color: #000;
}
.plumbing .testimonial .read-more {
  color: #e82727;
}
.testimonial .read-more:hover,
.testimonial .read-more:active {
  color: #222;
}
@media all and (min-width: 571px) {
  .testimonial .read-more.no-popup-link {
    display: none;
  }
}
@media all and (max-width: 570px) {
  .testimonial .read-more.popup-link {
    display: none;
  }
}

/* --- REVIEWS -------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION  --------------------------------------------------- */

@media all and (max-width: 1025px) {
  #testimonials-secondary .ts-teaser::before {
    left: -45px;
  }
  #testimonials-secondary .ts-teaser::after {
    right: -45px;
  }
}

@media all and (max-width: 570px) {
  #testimonials-secondary .width-limiter {
    padding: 0 15px;
  }
  #testimonials-secondary .ts-teaser::before,
  #testimonials-secondary .ts-teaser::after {
    width: 25px;
    height: 25px
  }
  #testimonials-secondary .ts-teaser::before {
    left: -30px;
  }
  #testimonials-secondary .ts-teaser::after {
    right: -30px;
  }
}
/*@media all and (max-width: 800px) {
  #reviews #top-content .testimonial,
  #reviews #main-content .testimonial {
    margin: 30px auto;
  }
  #reviews #top-content .testimonial blockquote .quote p,
  #reviews #main-content .testimonial blockquote .quote p {
    font-size: 1.6em;
  }
  #reviews #top-content .testimonial blockquote p.source,
  #reviews #main-content .testimonial blockquote p.source {
    font-size: 1.4em;
  }
}*/

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- NEWSLETTER SIGNUP ---------------------------------------------------- */


/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- SERVICE AREAS -------------------------------------------------------- */

#service-areas #top-content .content-spacer {
  padding-left: 0;
  padding-right: 0;
}
#service-area-list .secondary-tools ul li a:link, #service-area-list .secondary-tools ul li a:visited {
  display: inline-block;
}
#service-areas #main-content #service-area-towns-list ul li:not(.view-all) {
  width: 25%;
  margin: 0 -3px 5px 0;
  padding: 6px;
  display: inline-block;
  vertical-align: top;
}
@media all and (max-width: 700px) {
  #service-areas #main-content #service-area-towns-list ul li:not(.view-all) {
    width: 33%;
  }
}
@media all and (max-width: 430px) {
  #service-areas #main-content #service-area-towns-list ul li:not(.view-all) {
    width: 50%;
  }
}

#service-area-section {
  background-image: url("/assets/templates/main/images/bgs/bg-service-area.jpg");
}
#service-area-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 60px 0 250px 0;
}
#service-area-section::before {
  background-image: url("/assets/templates/main/images/bgs/black-curve-1.png");
}
#service-area-section::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 150px;
  left: calc(50% - 1px);
  bottom: 0;
  transform: translateX(-50%);
  background-position: center center;
}
#service-area-section h1 {
  margin-top: 0;
  text-align: center;
  font-family: "Open Sans Condensed";
  width: 80%;
  margin: 0 auto 80px auto;
}
#service-area-section .sa-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
#service-area-section .sa-col {
  width: calc(25% - 7.5px);
  text-align: center;
}
#service-area-section .sa-col a {
  display: block;
  padding: 30px 10px 20px 10px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  border: 3px solid transparent;
}
#service-area-section .sa-col a:hover,
#service-area-section .sa-col a:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-color: #000000;
  background-color: #aeb0b3;
}
#service-area-section .sa-title-secondary,
#service-area-section .sa-title-main {
  width: 100%;
  display: block;
  font-family: "Open Sans Condensed";
}
#service-area-section .sa-title-main {
  text-transform: uppercase;
  line-height: 32px;
}
#service-area-section .sa-image {
  margin-bottom: 25px;
}

.full-width #service-area-section::before {
  display: none;
}

.full-width #service-area-section {
  padding-bottom: 160px;
}

@media all and (max-width: 800px) {
  #service-area-section .sa-col {
    width: calc(50% - 7.5px);
  }
  #service-area-section .sa-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #service-area-section {
    padding-bottom: 150px;
  }
  #service-area-section h1 {
    margin-bottom: 25px;
  }
  .full-width #service-area-section {
    padding-bottom: 75px;
  }
}

@media all and (max-width: 570px) {
  .full-width #service-area-section {
    padding-bottom: 50px;
  }
}

@media all and (max-width: 400px) {
  #service-area-section .sa-col {
    width: calc(100% - 7.5px);
  }
  #service-area-section .sa-col a {
    padding: 15px 10px 10px 10px;
  }
  #service-area-section .sa-image {
    margin-bottom: 10px;
  }
  #service-area-section .sa-image img {
    max-width: 40px;
  }
  #service-area-section h1 {
    width: 100%;
  }
  #service-area-section {
    padding: 30px 0 150px 0;
  }
  .full-width #service-area-section {
    padding-bottom: 20px;
  }
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- AFFILIATIONS --------------------------------------------------------- */

ul.affiliations {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
}
ul.affiliations li {
  display: inline-block;
  margin-right: -3px;
  max-width: 250px;
  padding: 12px;
  vertical-align: middle;
}
ul.affiliations li a {
  color: #000;
  display:block;
  text-decoration: none;
}
ul.affiliations li img {
  border: medium none;
  display:block;
  width:100%;
}
ul.affiliations li span {
  left: -999em;
  position: absolute;
}
ul.affiliations li span.visible {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  line-height:1.1em;
  left: auto;
  padding: 5px;
  position: static;
  text-align: center;
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- PAYMENTS ------------------------------------------------------------- */

#payments ul {
  padding: 0;
  text-align: left;
}

#payments ul li {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: transparent;
  display: inline-block;
  list-style-type: none;
  padding: 0;
}

#payments ul li img {}

#payments ul li span {
  position:absolute;
  left:-999em;
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- LAYOUTS/ANIMATION ---------------------------------------------------- */

/* --- END SECONDARY CONTENT ------------------------------------------------ */
/* ---------------------------------------------------------------------------*/

/* --- SLICK DOTS ----------------------------------------------------------- */
ul.slick-dots {
  text-align: center;
  padding-left: 0;
  padding: 0;
}
ul.slick-dots li {
  display: inline;
  padding: 0 8px;
}
ul.slick-dots li button {
  border: 1px solid #aeb0b3;
  background-color: #aeb0b3;
  font-size: 1px;
  color: transparent;
  line-height: 1px;
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  transition: all 0.3s;
}
ul.slick-dots li button:hover {
  background-color: #000000;
  border-color: #707070;
}
ul.slick-dots li.slick-active button {
  background-color: #000000;
  border-color: #707070;
}
/* --- END SLICK DOTS ------------------------------------------------------- */

/*----------------------------------------------------------------------------*/
/* --- STAFF PAGE ----------------------------------------------------------- */

/* Department Names */
.staff-member-container .department-name {
  text-align: center;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #cccccc;
}

/* Staff Members */
.staff-member {
  border-bottom: 1px solid #cccccc;
  margin: auto auto 15px;
  overflow: hidden;
  padding: 15px 0 30px;
}

.staff-member .photo {
  display: block;
  float: left;
  height: auto;
  max-width: 30%;
  padding: 5px;
}

.staff-member .photo img {
  max-width: 100%;
  height: auto;
}

.staff-member .bio {
  float: left;
  padding-left: 25px;
  width: 70%;
}

/* No biograpy layout */
.staff-member.without-bio {
  display: inline-block;
  vertical-align: top;
  margin: 1% 0;
  text-align: center;
  width: 49%;
  border: none;
}

.staff-member.without-bio .photo {
  display: block;
  float: none;
  max-width: 100%;
}

.staff-member.without-bio .bio {
  float: none;
  padding-left: 0;
  width: 100%;
}

/* Staff Member Preview (for Details mode) */

.staff-member.preview {
  display: inline-block;
  margin: auto -3px 30px auto;
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
  width: 25%;
  border-bottom: none;
}

.staff-member.preview .photo,
.staff-member.preview .bio {
  float: none;
}

.staff-member.preview .photo {
  max-width: 100%;
  padding: 0;
}

.staff-member.preview .bio {
  width: 100%;
  padding-left: 0;
}

/* Staff Member Details */
.staff-member.details {
  border: none;
}

.staff-member.details .photo {
  display: inline;
  float: left;
  padding: 0 25px 0 0;
  max-width: 50%;
}

.staff-member.details .bio {
  float: none;
  padding-left: 0;
  width: auto;
}

/* --- STAFF ---------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION ---------------------------------------------------- */

@media all and (max-width: 1200px) {
  /* Staff Member Preview - Details Mode */
  .staff-member.preview {
    width: 33.333%;
  }
}

@media all and (max-width: 1025px) {
  /* Staff Member Preview - Details Mode */
  .staff-member.preview {
    width: 50%;
  }
}

@media all and (max-width: 800px) {
  .staff-member .photo {
    max-width: 40%;
  }
  .staff-member .bio {
    width: 60%;
  }
}

@media all and (max-width: 570px) {
  .staff-member {
    text-align: center;
  }
  .staff-member .photo {
    float: none;
    margin: auto;
    width: 200px;
    max-width: 100%;
  }
  .staff-member .bio {
    float: none;
    margin: 15px auto auto;
    padding-left: 0;
    width: 100%;
  }

  /* No biograpy layout */
  .staff-member.without-bio {
    margin: 0;
    width: 100%;
    padding: 30px 0 15px;
  }
  .staff-member.without-bio .photo {
    width: auto;
  }

  /* Staff Member Preview - Details Mode */
  .staff-member.preview {
    width: 100%;
    margin-bottom: 45px;
  }
  .staff-member.preview .bio {
    margin-top: 0;
  }
  /* Staff Member Details */
  .staff-member.details {
    text-align: left;
  }
  .staff-member.details .photo {
    display: block;
    float: none;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
}

/* Video Gallery Page */

.container-videos {
  margin: 0 0 1.8em;
  overflow: hidden;
  text-align:center;
}
.container-videos iframe {
  display: inline;
  margin: 5px;
}

.nav-video-gallery {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}

/* Trade story page */
#trade-stories .story-video {
  margin-bottom: 40px;
}
#trade-stories .story-video::before { 
  display: block; 
  content: " "; 
  margin-top: -130px; 
  height: 130px; 
  visibility: hidden; 
  pointer-events: none;
}
#trade-stories .story-video iframe {
  width: 560px;
  height: 315px;
}
@media (max-width: 800px) {
  #trade-stories .story-video::before { 
    margin-top: -55px; 
    height: 55px; 
  }	
}

/* --- SIDEBAR BANNER --------------------------------------------------------------- */
#container-banner-slideshow {
  position:relative;
  z-index:0;
  width: 100%;
}
#banner {
  height:100%;
}
#banner .banner-slide {
  width:100%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  min-height: 100%;
}
#banner .banner-slide > div:first-of-type {
  width: 100%;
  background-color: #B4CDE1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px 5px 0 0;
}
#banner .banner-slide a {
  display: block;
  text-decoration: none;
}
#banner .slide-style-52 a,
#banner .slide-style-51 a,
#banner .slide-style-53 a,
#banner .slide-style-56 a,
#banner .slide-style-57 a,
#banner .slide-style-59 a,
#banner .slide-style-70 a,
#banner .slide-style-77 a {
  background-color: #f58220;
}
#banner .slide-style-81 a {
  background-color: #fff;
  color: #000;
}
#banner .slide-style-58 a,
#banner .slide-style-71 a {
  background-color: #fff;
  color: #000;
}
#banner .slide-style-58 .view-all a::after,
#banner .slide-style-81 .view-all a::after {
  background-image: url(/assets/templates/main/images/icons/view-all-button-arrow-black.png);
}
#banner .banner-slide a:hover,
#banner .banner-slide a:active {
  background-color: #000;
  color: #fff;
}
#banner .slide-style-58 .view-all a:hover:after,
#banner .slide-style-58 .view-all a:active:after,
#banner .slide-style-71 .view-all a:hover:after,
#banner .slide-style-71 .view-all a:active:after,
#banner .slide-style-81 .view-all a:hover:after,
#banner .slide-style-81 .view-all a:active:after {
  background-image: url(/assets/templates/main/images/icons/view-all-button-arrow.png);
}
#banner .banner-slide img {
  display: block;
  width: 100%;
  height: auto;
}
#banner #banner-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
  background-color: #000;
  text-align: center;
  border-radius: 0 0 5px 5px;
}
#banner .banner-slide.slide-style-49 #banner-text-container,
#banner .banner-slide.slide-style-50 #banner-text-container,
#banner .banner-slide.slide-style-74 #banner-text-container {
  background: linear-gradient(180deg,#d30000 0,#740000 100%);
}
#banner .banner-slide.slide-style-54 #banner-text-container,
#banner .banner-slide.slide-style-75 #banner-text-container {
  background: linear-gradient(180deg,#aacd37 0,#49a343 100%);
}
#banner .banner-slide.slide-style-52 #banner-text-container,
#banner .banner-slide.slide-style-53 #banner-text-container,
#banner .banner-slide.slide-style-56 #banner-text-container,
#banner .banner-slide.slide-style-59 #banner-text-container,
#banner .banner-slide.slide-style-61 #banner-text-container,
#banner .banner-slide.slide-style-62 #banner-text-container,
#banner .banner-slide.slide-style-66 #banner-text-container,
#banner .banner-slide.slide-style-73 #banner-text-container,
#banner .banner-slide.slide-style-77 #banner-text-container {
  background-color: #1071bc;
}
#banner .banner-slide.slide-style-81 #banner-text-container {
  background-color: #c6a841;
}
#banner .banner-slide.slide-style-51 #banner-text-container {
  background-color: #605851;
}
#banner .banner-slide.slide-style-55 #banner-text-container {
  background: linear-gradient(180deg,#96cacc 0,#0272bb 100%);
}
#banner .banner-slide.slide-style-57 #banner-text-container,
#banner .banner-slide.slide-style-70 #banner-text-container {
  background-color: #3970ba;
}
#banner .banner-slide.slide-style-58 #banner-text-container,
#banner .banner-slide.slide-style-71 #banner-text-container {
  background: linear-gradient(180deg,#da533e 0,#84231f 100%);
}
.banner-text {
  display: block;
  padding: 10px 20px;
  position: relative;
}
.banner-text span {
  color: #fff;
  display: block;
  line-height: 1.1em;
  margin: 0;
}
.banner-text span.banner-text-title {
  font-size: 3.4em;
  font-family: "Open Sans Condensed";
}
.banner-text span.banner-text-description {
  font-size: 2.4em;
  line-height: 37px;
  font-weight: 700;
  font-family: "Open Sans Condensed";
}

@media all and (max-width: 570px) {
  .banner-text span.banner-text-title {
    font-size: 2.6em;
  }
  .banner-text span.banner-text-description {
    font-size: 2em;
    line-height: 24px;
  }
}

/* --- MAINTENANCE PLANS --------------------------------------------------------------- */

/* CODELIBENTRY_ENTRY: 79 */

#maintenance-secondary {
  background-image: url("/assets/templates/main/images/bgs/bg-maintenance.jpg");
}

#maintenance-secondary {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
  padding: 75px 0 90px 0;
}

#maintenance-secondary .secondary-tools {
  text-align: center;
}

.ma-image {
  background-image: url("/assets/templates/main/images/icons/maintenance-shields.png");
}
.ma-image {
  height: 200px;
  width: 100%;
  margin: 0 auto 25px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ma-title.secondary-tools-heading {
  text-align: center;
  text-transform: uppercase;
  font-size: 45px;
  margin-bottom: 5px;
}
.ma-subtitle {
  color: #1071bc;
  font-weight: 700;
  font-size: 24px;
  font-family: "Open Sans Condensed";
}
.ma-points {
  text-align: center;
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ma-points li {
  position: relative;
  padding-left: 30px;
  margin-right: 5px;
  margin-left: 0px;
  font-size: 24px;
  line-height: 29px;
  text-align: left;
  font-family: "Open Sans Condensed";
}
.ma-points li:before {
  background-image: url("/assets/templates/main/images/icons/checkmark.png");
}
.ma-points li:before {
  content: '';
  background-size: 80%;
  background-position: center 12px;
  background-repeat: no-repeat;
  height: 100%;
  width: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.ma-subtitle {
  text-align: center;
}
#maintenance-secondary .cta-button {
  margin-top: 30px;
}

@media all and (max-width: 800px) {
  .ma-points li {
    display: block;
  }
  .ma-points {
    width: 50%;
    margin: 0 auto;
    text-align: left;
    display: block;
  }
  .ma-title.secondary-tools-heading {
    font-size: 36px;
  }
  .ma-subtitle {
    font-size: 20px;
  }
  .ma-image {
    height: 150px;
    background-size: contain;
  }
  #maintenance-secondary {
    padding: 50px 0;
  }
}

@media all and (max-width: 570px) {
  .ma-points li {
    font-size: 18px;
  }
  .ma-points li::before {
    background-size: 60%;
  }
  .ma-title.secondary-tools-heading {
    font-size: 36px;
  }
  .ma-title.secondary-tools-heading {
    font-size: 32px;
  }
  .ma-subtitle {
    font-size: 20px;
  }
  .ma-points {
    width: 75%;
  }
}

@media all and (max-width: 400px) {
  .ma-points {
    width: 100%;
  }
}

/* --- BLOG --------------------------------------------------------------- */

/* CODELIBENTRY_ENTRY: 77 */
.full-width #blog-module {
  padding: 40px 0 60px 0;
  margin-bottom: 0;
}
.full-width #blog-module .secondary-tools-heading {
  text-transform: uppercase;
  font-family: "Open Sans Condensed";
  font-size: 45px;
  padding-left: 80px;
  margin-top: 0;
  margin-bottom: 25px;
}
.full-width #blog-module .secondary-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#blog-module .bl-post-heading {
  margin-bottom: 5px;
  margin-top: 10px;
}
#blog-module .bl-post-heading a {
  font-size: 36px;
  line-height: 43px;
}
#blog-module .view-all {
  margin-left: 80px;
  margin-top: 20px;
}

@media all and (min-width: 801px) {
  .full-width .secondary-tools .bl-content {
    width: 50%;
  }
  .full-width #blog-module {
    position: relative;
  }
  .full-width #blog-module::before {
    background-image: url("/assets/templates/main/images/bgs/bg-blog.jpg");
  }
  .full-width #blog-module::before {
    content: '';
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: right center;
    position: absolute;
    top: 0;
    left: 0;
  }
}
#blog-module .bl-container .blog-post {
  position: relative;
}

.blog-post .blog-date {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: #fff;
  border-radius: 5px;
}
.blog-post .month {
  display: block;
  padding: 5px 15px;
  text-transform: uppercase;
  background-color: #494949;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #eaeaea;
}
.blog-post .day-of-week {
  display: block;
  text-align: center;
  font-size: 36px;
  padding: 10px 0;
  color: #494949;
  background-color: #eaeaea;
  border-radius: 3px;
}
.blog-post .content {
  padding-left: 80px;
}

@media all and (max-width: 1280px) {
  .full-width #blog-module::before {
    background-position: center center;
  }
}

@media all and (max-width: 1025px) {
  .full-width #blog-module .secondary-tools-heading {
    font-size: 36px;
    padding-left: 30px;
  }
  #blog-module .bl-post-heading a {
    font-size: 32px;
    line-height: 34px;
  }
  .blog-post .content {
    padding-left: 30px;
  }
}

@media all and (max-width: 800px) {
  .blog-post .month {
    padding: 5px 8px;
  }
  .blog-post .content {
    padding-left: 30px;
  }
  #blog-module .view-all {
    margin-left: 30px;
  }
  #blog-module .bl-post-heading a {
    font-size: 26px;
    line-height: 28px;
  }
}

/* --- LOGO CAROUSEL --------------------------------------------------------------- */

/* CODELIBENTRY_ENTRY: 150 */

.logo-outer {
  text-align: center;
  padding: 80px 0 150px;
  position: relative;
}
.logo-outer::before {
  background-image: url("/assets/templates/main/images/bgs/black-curve-1.png");
}
.logo-outer::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 150px;
  left: calc(50% - 1px);
  bottom: 0;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center center;
}
.logo-outer .slick-arrow {
  background-color: #aeb0b3;
  background-repeat:no-repeat;
  background-position: center center;
  background-size: auto 17px;
  text-indent:-9999px;
  position:absolute;
  box-shadow:none;
  border:0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.logo-outer .slick-arrow.slick-prev {
  background-image: url("/assets/templates/main/images/icons/affiliates-carousel-arrow-left.png");
  left: 0;
}
.logo-outer .slick-arrow.slick-next {
  background-image: url("/assets/templates/main/images/icons/affiliates-carousel-arrow-right.png");
  right: 0;
}
.logo-outer .slick-list {
  width: 90%;
  margin: 0 auto 10px auto;
}
.logo-outer ul.slick-dots {
  padding-left: 0;
}
.logo-outer .slick-list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.logo-outer .slick-list .logo {
  margin: 0 10px;
}
.logo-outer .slick-list .logo img {
  max-width: 100%;
}
.logo-outer .slick-dots {
  position: relative;
  z-index: 10;
}
@media all and (max-width: 800px) {
  .logo-outer {
    padding: 40px 0 100px;
  }
}

@media all and (max-width: 570px) {
  .logo-outer .slick-list {
    width: 80%;
  }
}

/* --- CTA BOX --------------------------------------------------------------- */

/* Contact CTA */

/* CODELIBENTRY_ENTRY: 91 */

#contact-cta {
  padding: 50px 0;
  background-color: #aeb0b3;
}
#contact-cta > .width-limiter > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: baseline;
}
#contact-cta > .width-limiter > span {
  margin-bottom: 8px;
}
#contact-cta .cta-phone {
  display: inline-block;
}
#contact-cta,
#contact-cta a {
  color: #000;
  font-size: 36px;
  line-height: 1.19em;
  text-align: center;
  font-weight: 700;
}
#contact-cta a.cta {
  text-transform: uppercase;
  display: inline-block;
  font-size: 24px;
  margin-right: 20px;
  padding: 16px 30px;
  text-decoration: none;
  border-radius: 50px;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
#contact-cta a.cta:hover,
#contact-cta a.cta:active {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
#contact-cta .cta-phone a {
  text-decoration: none;
  position: relative;
  margin-left: 20px;
}
#contact-cta .cta-phone a svg {
  position: relative;
  top: 7px;
  width: 40px; height: 40px;
}

/* CTA Page specific Colors */

/* default colors */
/* subpage, electrical, plumbing - lt grey */
#contact-cta,
body.electrical #contact-cta,
body.plumbing #contact-cta {
  color: #000;
  background-color: #aeb0b3;
}
#contact-cta a,
.electrical #contact-cta a,
.plumbing #contact-cta a {
  color: #000;
}
#contact-cta a.cta {
  color: #fff;
}
#contact-cta .cta-phone a svg path {
  fill: #000;
}

/* air-solutions, heating-ac - lt blue*/
body.hvac #contact-cta,
body.air-quality #contact-cta,
body.heating #contact-cta,
body.ac #contact-cta {
  background-color: #1071bc;
  color: #fff;
}
body.hvac #contact-cta a,
body.air-quality #contact-cta a,
body.heating #contact-cta a,
body.ac #contact-cta a {
  color: #fff;
}
.hvac #contact-cta .cta-phone a svg path,
.air-quality #contact-cta .cta-phone a svg path,
.heating #contact-cta .cta-phone a svg path,
.ac #contact-cta .cta-phone a svg path {
  fill: #fff;
}

/* solar - orange */
body.solar #contact-cta {
  background-color: #f36a1f;
}

/* hot-tubs, firelight - dk grey */
body.fireplace #contact-cta,
body.spas #contact-cta {
  background-color: #605851;
  color: #fff;
}
body.fireplace #contact-cta a,
body.spas #contact-cta a {
  color: #fff;
}
.fireplace #contact-cta .cta-phone a svg path,
.spas #contact-cta .cta-phone a svg path {
  fill: #fff;
}

/* homepage */
body.index #contact-cta {
  background-color: #aeb0b3;
}
body#index #contact-cta .width-limiter > span {
  display: block;
  margin: 0 auto 20px;
}
body#index #contact-cta a.cta {
  margin: 10px 15px 10px 0px;
}
body#index #contact-cta .cta-phone a {
  margin-top: 10px;
  margin-left: 0;
  display: block;
}

body#index #contact-cta .cta-phone a {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media all and (min-width: 571px) {
  #contact-cta > .width-limiter > span {
    margin-right: 25px;
  }
}
@media (max-width: 800px) {
  #contact-cta a.cta {
    margin: 10px 15px 10px 0px;
  }
  #contact-cta {
    padding: 40px 0;
  }
  body#index #contact-cta .cta-phone a {
    margin-left: 20px;
  }
}
@media (max-width: 570px) {
  #contact-cta > .width-limiter > div {
    flex-direction: column;
    align-items: center;
  }
  #contact-cta a.cta {
    display: block;
    margin: 0px 0px 15px 0px;
  }
  #contact-cta,
  #contact-cta a {
    font-size: 30px;
  }
  #contact-cta {
    padding: 40px 0;
  }
  body#index #contact-cta a.cta {
    margin-left: 10px;
  }
  body#index #contact-cta .cta-phone a {
    margin-top: 0px;
  }
  #contact-cta .cta-phone a {
    margin-left: 0px;
  }
}

/* CODELIBENTRY_ENTRY: 91 */

#footer-callout {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #000000;
}
#footer-callout > .width-limiter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#footer-callout .cta-phone {
  display: inline-block;
}
#footer-callout .cta-phone a {
  text-decoration: none;
}
#footer-callout,
#footer-callout a:link,
#footer-callout a:visited {
  color: #fff;
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  font-family: "Open Sans Condensed";
  text-align: center;
}
#footer-callout a.cta {
  text-transform: uppercase;
  border: 1px solid #f58220;
  background-color: #f58220;
  line-height: 50px;
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 700;
}
#footer-callout a.cta:hover,
#footer-callout a.cta:active {
  background-color: #000;

  border-color: #fff;
}

@media all and (min-width: 571px) {
  #footer-callout > .width-limiter > span {
    margin-right: 25px;
  }
  #footer-callout > .width-limiter a.cta {
    margin-right: 20px;
  }
}

/*----------------------------------------------------------------------------*/
/* --- BEGIN FOOTER --------------------------------------------------------- */

/* --- FOOTER --------------------------------------------------------------- */
/* --- NAVIGATION ----------------------------------------------------------- */

#footer-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 15px 0 10px;
  text-align:center;
}
#footer-navigation ul#flyup-menu {
  margin-bottom: 20px;
}
#footer-navigation ul li {
  display:inline-block;
  font-size:1.8em;
  font-weight: 400;
  padding: 0 8px;
  text-transform: uppercase;
  position: relative;
}

#footer-navigation ul li:not(:last-of-type)::after {
  content: '|';
  position: absolute;
  color: #fff;
  right: -6px;
}

#footer-navigation ul li a:link,
#footer-navigation ul li a:visited {
  color: #FFF;
  text-decoration:underline;
}

#footer-navigation ul li a:hover,
#footer-navigation ul li a:active {
  color: #fd6b21;
}

/* --- FOOTER --------------------------------------------------------------- */
/* --- iMARKET LINKS -------------------------------------------------------- */

p.imarket-link {
  margin: 0 0 15px;
}

p.imarket-link a {
  position:relative;
  background-color: transparent;
  background-image: url('/assets/templates/main/images/logo-imarket.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #000;
  padding-left: 30px;
  margin:0 auto;
  text-decoration: underline;
}

p.imarket-link a:hover {
  text-decoration: none;
}

/* CODELIBENTRY_ENTRY: 155 */

/* Logo */
#container-footer .footer-logo {
  max-width: 710px;
  margin: 0px auto 50px auto;
}
#container-footer .footer-logo img {
  max-width: 100%;
}
/* Footer Inner */
#container-footer {
  position: relative;
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-radius: 0;
}
/* The following :after element is only needed if the image does not already include an overlay.  */
#container-footer:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 0;
}
#container-footer > div {
  position: relative;
  z-index: 1;
}

#container-footer .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container-footer .footer-inner .footer-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#container-footer .footer-inner ul {
  list-style: none;
  padding-left: 0;
}
#container-footer .footer-inner .footer-col > div {
  padding: 0 10px;
}
#container-footer .footer-inner .footer-col > div li,
#container-footer .footer-inner .footer-col > div a {
  color: #fff;
}
#container-footer .footer-site-map li a {
  transition: all 0.3s;
}
#container-footer .footer-site-map li a:hover,
#container-footer .footer-site-map li a:active {
  color: #fd6b21;
}
#container-footer .cta-button a {
  padding: 0 9px;
  line-height: 46px;
  background-color: #1071bc;
  border: 1px solid #1071bc;
}
body.fireplace #container-footer .cta-button a,
body.solar #container-footer .cta-button a {
  background-color: #f36a1f;
  border: 1px solid #f36a1f;
}
body.spas #container-footer .cta-button a {
  background-color: #1071bc;
  border: 1px solid #1071bc;  
}
body.electrical #container-footer .cta-button a {
  background-color: #fed430;
  border: 1px solid #fed430;
  color: #000;
}
body.plumbing #container-footer .cta-button a {
  background-color: #e82727;
  border: 1px solid #e82727;
}
#container-footer div.cta-button a:hover,
#container-footer div.cta-button a:active {
  background-color: #000;
  border-color: #fff;
  color: #fff;
}
#container-footer .social-networking {
  margin-top: 20px;
}
#container-footer .social-networking li {
  margin: 5px 2px;
}
#container-footer .footer-inner .footer-col > div:not(.footer-site-map) li:last-of-type,
#container-footer .footer-inner .footer-col .mt-25 {
  margin-top: 25px;
}
#container-footer .footer-inner .footer-col > div.footer-cta .social-networking li:last-of-type {
  margin-top: 0;
}
#container-footer .footer-inner .footer-col > div.footer-contact li:last-of-type {
  font-weight: 700;
}
#newsletter-signup .secondary-tools {
  background-color: transparent;
  text-align: center;
}
#newsletter-signup .secondary-tools-heading {
  text-align: left;
}
#container-footer h3 {
  margin-top: 0;
  font-size: 24px;
  color: #fff;
}
#container-footer .footer-phone-number a {
  display: inline-block;
  text-decoration: none;
}
#footer-final .width-limiter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #aeb0b3;
  border-radius: 0;
  margin: 0;
}
body.hvac .footer-newsletter #newsletter-signup.secondary-tools-outer,
body.heating .footer-newsletter #newsletter-signup.secondary-tools-outer,
body.ac .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #1071bc;
}
body.air-quality .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #98cbcc;
}
body.fireplace .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #d75228;
}
body.spas .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #1071bc;
}
body.solar .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #a2c938;
}
body.electrical .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #fed430;
}
body.plumbing .footer-newsletter #newsletter-signup.secondary-tools-outer {
  background-color: #e82727;
}
.footer-newsletter #newsletter-signup p {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  font-family: "Open Sans Condensed";
  margin-bottom: 0;
}
body.air-quality .footer-newsletter #newsletter-signup p,
body.solar .footer-newsletter #newsletter-signup p,
body.electrical .footer-newsletter #newsletter-signup p {
  color: #000000;
}
.footer-newsletter #newsletter-signup form input {
  border-radius: 50px;
  border: 1px solid #000000;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 45px;
  width: 250px;
  height: 49px;
}
.footer-newsletter #newsletter-signup form button {
  margin-left: -45px;
  height: 49px;
}
#footer-final p {
  color: #222121;
  font-size: 16px;
  font-style: italic;
  margin: 0;
}
#footer-final .imarket-link {
  text-align: right;
}
#footer-final {
  padding: 25px 0 50px 0;
}
#container-footer .footer-inner .footer-col > .footer-cta {
  text-align: center;
}

/* Set column widths at desktop */
@media all and (min-width: 1151px) {
  /* external columns */
  #container-footer .footer-inner .footer-col {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }
  /* internal columns */
  #container-footer .footer-inner .footer-col > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
@media all and (max-width: 1150px) {
  #container-footer .footer-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
  }
  /* outer columns go to 50% */
  #container-footer .footer-inner .footer-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  /* inner columns  */
  #container-footer .footer-inner .footer-col > div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  #container-footer .footer-inner .footer-col:last-child {
    display: block;
    margin: auto;
  }
  #container-footer .footer-inner .footer-col:nth-child(2) > div:first-child {
    padding-right: 10px;
  }
  #newsletter-signup .secondary-tools {
    max-width: 50%;
    margin: 0 auto;
  }
  #container-footer .social-networking {
    text-align: left;
    margin-top: 15px;
  }
  #container-footer .footer-cta div.footer-social div.social-networking ul li:last-of-type {
    margin-top: 0;
  }
}

@media all and (max-width: 800px) {
  #container-footer .footer-inner {
    max-width: 480px;
  }
  #container-footer .footer-inner .footer-col {
    display: block;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  #container-footer .footer-inner .footer-col:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  #newsletter-signup .secondary-tools {
    max-width: 480px;
    margin: 0 auto;
  }
  #container-footer .footer-inner .footer-col > div {
    padding: 0 10px;
  }
  #footer-navigation ul li {
    font-size: 16px;
  }
}

@media all and (max-width: 570px) {
  #container-footer .footer-logo {
    margin-bottom: 30px;
  }
  #container-footer .footer-inner .footer-col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  #container-footer .footer-inner .footer-col > div {
    padding: 0;
  }
  #newsletter-signup,
  #container-footer .footer-inner,
  #container-footer .social-networking ul,
  #newsletter-signup .secondary-tools-heading,
  #footer-final .imarket-link {
    text-align: center;
  }
  #footer-final .width-limiter {
    display: block;
  }
  p.copyright,
  p.imarket-link {
    text-align: center;
  }
  .footer-newsletter #newsletter-signup form input {
    width: 225px;
  }
}

/* --- FOOTER --------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION ---------------------------------------------------- */

/* --- END FOOTER ----------------------------------------------------------- */
/*----------------------------------------------------------------------------*/

/* --- YOUTUBE -------------------------------------------------------------- */
/*----------------------------------------------------------------------------*/
.vid_trigger {position: relative; overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;cursor: pointer;display:block;}
.vid_trigger img {visibility:hidden;}
.lightbox {display: none;position: fixed;z-index: 1001;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background-color: rgba(0,0,0,0.8);}
.v_player {position:relative;margin:0 auto;}
.lightbox img,.lightbox iframe {max-width: 90%;max-height: 80%;margin-top: 5%;}
.lightbox-visible {outline: none;display: block;}
.ims-vid-trigger {cursor:pointer;}

.vid_trigger::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/assets/templates/main/images/icons/icon-play-button.png);
  background-size: 20% auto;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  transition: all 0.2s;
}

.vid_trigger:hover::before {
  opacity: 0.7;
}
.page-anchor {
  display: block;
  position: relative;
  top: -50px;
} 
@media all and (min-width: 801px) {
  .page-anchor {
    top: -140px;
  } 
}

@media all and (max-width: 800px) {
  .lightbox iframe {
    top: 50%;
    transform: translateY(-50%);
  }
}

/* -------------- Start Project Module Updates ------------------- */


/* -------------- Project Details View ------------------- */


/* Project Detail - Columns */
#project-detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  -ms-flex-wrap: wrap;  
  flex-wrap: wrap;
}

#project-detail-wrap .project-short-description {
  font-weight: 700;
  color: #000;
}

#project-detail-wrap .project-spec-list {
  list-style-type: none;
  padding-left: 0;
}

#project-detail-wrap .project-spec-list li span {
  font-weight: 700;
}

#project-detail-wrap hr {
  color: #f36a1f;
}

@media (min-width: 801px) {
  .project-col-left {
    width: calc(100% - 350px);
    padding-right: 45px;
    width: 60%;
  }
  .project-col-right {
    width: 350px;
    width: 40%;
  }
  .project-col-left, .project-col-right {
    display: inline-block;
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .project-col-left {
    width: calc(100% - 420px);
    width: 66%;
  }
  .project-col-right {
    width: 420px;
    width: 34%;
  }
}
@media (max-width: 800px) {
  #project-detail-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .project-main-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .project-col-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.project-main-content {
  width: 100%;
}
.project-main-content hr {
  color: #f36a1f;
}

/* Project Detail Gallery Thumbnails */
.project-gallery {
  background-color: #ddd;
  margin-bottom: 30px
}
.project-photo-thumbnail {
  margin: 5px;		
}
.project-photo-thumbnail a {
  display: block;
  height: 100%;
  text-align: center;
  text-decoration: none;  
  width: 100%;
}
.project-category-list span,
.project-category-list a {
  font-size: 16px;
}

/* Project Detail Gallery Pagination */
.project-gallery .alt_page_navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.project-gallery .alt_page_navigation a {
  background-color: #ebebeb;
  padding: 3px 10px;
  margin: 0px 5px;
  color: #005aa1;
  text-decoration: none;
  font-size: 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  float: none;
}
.project-video {
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.49);
}
@media all and (max-width: 800px) {
  .project-video {
    max-width: 100%;
  }
}
#paging_container {
  padding: 5px;
}

#details #project-category-nav li {
  display: block;
}

/* -------------- End Details View ------------------- */

/* -------------- Project Grid View ------------------- */


#projects #main-content {
  width: 100%;
}

/* Projects Category Nav */
#cateogry-nav-outer {
  border-bottom: 1px solid #f58220;
  margin-bottom: 35px;
}
#cateogry-nav-outer h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
ul#project-category-nav {
  padding-left: 0;
  padding-bottom: 25px;
}
#project-category-nav li {
  list-style: none;
  display: inline-block;
  margin-bottom: 10px;
}

#project-category-nav li:not(:last-child) {
  margin-right: 15px;
}
#project-category-nav a {
  display: inline-block;
  color: #000000;
  border-radius: 50px;
  border: 1px solid #000;
  background-color: #fff;
  padding: 12px 20px 12px 20px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
}
#project-category-nav a:hover,
#project-category-nav a.active {
  background-color: #000;
  color: #fff;
  transition: all 0.3s;
}


/* Project Pagination */
#projects_pagination {
  text-align: center;
}
#projects_pagination a.current, #testimonial_pagination a:hover, #testimonial_pagination a:active {
  background-color: #000;
  color: #fff;
}
#projects_pagination a {
  padding: 3px 10px;
  margin: 0px 5px;
  color: #000;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
}

/* Projects Grid */
.projects-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  margin: 0 -10px;
}
.project-album {
  width: 33.3%;
  margin: 0 0 20px;;
  padding: 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media all and (min-width: 801px) {
  .projects-grid > div:nth-child(3n) {
    /* padding-right: 0px; */
    /* margin-right: 0px; */
  }
  .projects-grid > div:nth-child(3n+1) {
    /* padding-left: 0; */
    /* margin-left: 0; */
  }
}
@media all and (max-width: 800px) {
  .project-album {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .projects-grid > div:nth-child(2n+1) {
    /* padding-left: 0px; */
  }
  .projects-grid > div:nth-child(2n) {
    /* padding-right: 0px; */
  }
}
@media all and (max-width: 570px) {
  .project-album {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .projects-grid > div {
    padding: 0;
  }
}

/* Project Grid Card */
.project-album {
  position: relative;
}
.project-contents {
  width: 100%;
  height: 100%; 

  padding: 10px 25px 90px;
  background-image: linear-gradient(180deg, #aacd37 0%, #49a343 100%);
}	
.project-album .background-image{
  width: 100%;
  padding-bottom: 62%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
a.project-album { 
  text-decoration: none;
}
.project-album .project-name { 
  font-family: "Open Sans Condensed", sans-serif;
  color: #000000;
  font-weight: 700;
  font-size: 24px;
}
.project-album .project-description { 
  font-family: "Open Sans Condensed", sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.project-album .project-read-more { 
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.project-album .project-read-more span {
  display: inline-block;
  padding: 12px 20px 12px 20px;
  font-family: "Open Sans", sans-serif;
  background-color: #f36a1f;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 50px;
  font-weight: 700;
  font-size: 18px;
  transition: 0.3s all;
}
a.project-album:hover .project-read-more span {
  background-color: #000;
  transition: 0.3s all;
}

/* -------------- End Projects Grid View ------------------- */

/* -------------- End Project Module Updates ------------------- */

/* --------------- Products -------------------------- */

/* --------------- Products Landing ------------------ */

#products #main-content {
  width: 100%;
}
#details #main-content {
  width: 100%;
}

#product-filter {
  padding: 20px 0 30px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
}
#closeout #product-filter,
#fireplace-inserts #product-filter,
#free-standing-stoves #product-filter,
#built-in-fireplaces #product-filter {
  display: none;
}
#product-list-wrap #product-filter h2.filter-heading {
  margin-top: 0;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 2.4em;
  color: #000000;
}
#product-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#product-filter-form .form-group {
  display: inline-block;
}
#product-filter-form .filter .form-group {
  margin: 0 10px;
  width: calc(50% - 20px);
}
#product-filter-form .filter .form-group:first-of-type {
  margin-left: 0;
}
#product-filter-form .filter .form-group:last-of-type {
  margin-right: 0;
}
#product-filter-form .filter {
  width: 50%;
}
#product-filter-form .form-group label {
  display: block;
  font-size: 1.8em;
  line-height: 2em;
  margin: 0;
  cursor: pointer;
}
/* select styles from forms.css */
#product-filter-form select {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/assets/templates/main/images/icons/select-arrows.png) no-repeat scroll 98% 50%;
  padding: 13px 25px 14px 10px;
  height: 50px;
  font-size: 16px;
  border: 1px solid #707070;
  border-radius: 4px;
  color: #7f7f7f;
  box-shadow: none;
  width: 100%;
}

#product-filter-form select:focus {
  font-size: 16px;
}

#product-filter-form .filter-submit {
  width: 25%;
  position: relative;
  text-align: center;
}

/* #product-filter-form .filter-submit::after {
  content: '';
  position: absolute;
  height: 175%;
  width: 1px;
  background-color: #525252;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
} */

#product-filter-form .filter-submit input {
  border-radius: 50px;
  background-color: #000000;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Open Sans';
  margin-right: 10px;
  border: 1px solid #000000;
}

#product-filter-form .filter-submit input:hover,
#product-filter-form .filter-submit input:active {
  background-color: #fff;
  color: #000;
}

#product-filter-form .filter-submit #reset-filter {
  font-size: 18px;
  margin-left: 10px;
  color: #f36a1f;
}

#product-filter-form .filter-submit #reset-filter:hover,
#product-filter-form .filter-submit #reset-filter:active {
  color: #1071bc;
}

#product-filter-form .filter-sort {
  width: calc(25% - 5px);
  margin-left: 5px;
}

#product-filter-form .filter-sort .form-group {
  width: 100%;
}

.product-count p {
  font-weight: 700;
  color: #000;
}

@media all and (max-width: 1025px) {
  #product-filter-form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #product-list-wrap .filter {
    width: 100%;
  }
  #product-list-wrap .filter-submit {
    width: 50%;
  }
  #product-list-wrap .filter-sort {
    margin-left: 0;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  #product-filter-form .filter-submit {
    text-align: left;
  }

  #product-filter-form select {
    max-width: 290px;
  }
  #product-filter-form .filter .form-group {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  #product-filter-form .filter .form-group:first-of-type {
    margin-left: 0;
  }
  #product-filter-form .filter .form-group:last-of-type {
    margin-right: 0;
  }
  #product-filter-form .filter-submit::after {
    display: none;
  }
}

@media all and (max-width: 570px) {
  #product-list-wrap .filter-sort,
  #product-list-wrap .filter-submit {
    width: 100%;
  }
  #product-filter-form .filter .form-group {
    width: 100%;
    margin: 0;
  }
  #product-list-wrap .filter-submit {
    margin-top: 20px;
  }
  #product-list-wrap .filter-sort {
    margin-right: 0px;
  }
  #product-filter-form select {
    max-width: 100%;
  }
}

/* Products Pagination */
#products_pagination {
  text-align: center;
}
#products_pagination a.current,
#products_pagination a:hover,
#products_pagination a:active {
  background-color: #000;
  color: #fff;
}
#products_pagination a {
  padding: 3px 10px;
  margin: 0px 5px;
  color: #000;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: #ffffff;
}


/* Products Grid */
.products-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  margin: 0 -10px;
}
.product-album {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  padding: 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  /* margin: 0 10px 20px;; */
  /* padding: 0 10px 0; */
  /* margin:5px */

}

@media all and (min-width: 801px) {
  .products-grid > div:nth-child(3n) {
    /* padding-right: 0px; */
    /* margin-right: 0px; */
  }
  .products-grid > div:nth-child(3n+1) {
    /* padding-left: 0; */
    /* margin-left: 0; */
  }
}
@media all and (max-width: 800px) {
  .product-album {
    width: calc(50% - 20px);
  }
}
@media all and (max-width: 570px) {
  .product-album {
    width: calc(100% - 20px);
  }
  .products-grid > div {
    padding: 0;
  }
}

/* Product Grid Card */
.product-album {
  position: relative;
}
.product-contents {
  width: 100%;
  height: 100%; 

  padding: 10px 25px 90px;
  background-color: #eee;
}	
.product-album .background-image{
  width: 100%;
  padding-bottom: 62%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
a.product-album { 
  text-decoration: none;
  border: 1px solid #AFB0B4;
}
.product-album .product-name { 
  font-family: "Open Sans Condensed", sans-serif;
  color: #000000;
  font-weight: 700;
  font-size: 24px;
}
.product-album .product-description { 
  font-family: "Open Sans Condensed", sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.product-album .product-read-more { 
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: calc(100% - 20px);
  transform: translateX(-50%);
}
.product-album .product-read-more span {
  display: inline-block;
  padding: 12px 20px 12px 20px;
  font-family: "Open Sans", sans-serif;
  background-color: #f36a1f;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 50px;
  font-weight: 700;
  font-size: 18px;
  transition: 0.3s all;
}
a.product-album:hover .product-read-more span {
  background-color: #000;
  transition: 0.3s all;
}

.product-album {
  position: relative;
}
.product-album.onsale:before {
  content: 'Sale!';
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 14px;
  color: white;
  background-color: #f00;
}

@media all and (max-width: 800px) {
  .product-album .product-read-more span {
    font-size: 16px;
    margin: 0 10px;
  }
}



/* --------------- End Products Landing ------------------ */

/* -------------- Product Details View ------------------- */

/* Project Detail - Columns */
#product-detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  -ms-flex-wrap: wrap;  
  flex-wrap: wrap;
}

.product-col-right .product-short-description {
  font-weight: bold;
  color: #000;
}

@media (min-width: 801px) {
  .product-col-left {
    width: calc(100% - 350px);
    padding-right: 45px;
    width: 60%;
  }
  .product-col-right {
    width: 350px;
    width: 40%;
  }
  .product-col-left, .product-col-right {
    display: inline-block;
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .product-col-left {
    width: calc(100% - 420px);
    width: 66%;
  }
  .product-col-right {
    width: 420px;
    width: 34%;
  }
}
@media (max-width: 800px) {
  #product-detail-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .product-main-content {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order:-1;
  }
  .product-main-content,
  .product-col-right {
    text-align: center;
    margin-bottom: 20px;
  } 
}
.product-main-content {
  width: 100%;
  padding-bottom: 20px;
}

/* Project Detail Gallery Thumbnails */
#main-photo {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.product-gallery {
  background-color: #ddd;
  margin-bottom: 30px
}
.product-photo-thumbnail {
  margin: 5px;		
}
.product-photo-thumbnail a {
  display: block;
  height: 100%;
  text-align: center;
  text-decoration: none;  
  width: 100%;
}
.product-category-list span,
.product-category-list a {
  font-size: 16px;
}

/* Project Detail Gallery Pagination */
.product-gallery .alt_page_navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-gallery .alt_page_navigation a {
  background-color: #ebebeb;
  padding: 3px 10px;
  margin: 0px 5px;
  color: #005aa1;
  text-decoration: none;
  font-size: 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  float: none;
}
.product-video {
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media all and (max-width: 800px) {
  .product-video {
    max-width: 100%;
  }
}
#paging_container {
  padding: 5px;
}

.product-price-info p,
.product-col-right .product-category,
.product-col-right .product-brand {
  color: #000;
}

.product-price-info .price {
}
.product-price-info .sale-price {

}
.product-price-info.onsale .price,
.product-price-info.onsale .sale-price {
  color: #f00;
  margin-right: 10px;
}
.product-price-info.onsale .sale-price {

}
.product-price-info.onsale .price {
  text-decoration: line-through;
  opacity: .7;
}



/* Related Products */

.related-products {
  width: 100%;
  border-top: 1px solid #f36a1f;
}
.product-row {
  display: -webkit-box;  
  display: -ms-flexbox;  
  display: flex;
}
@media all and (max-width: 800px) {
  #details .product-row {
    -ms-flex-wrap: wrap;    
    flex-wrap: wrap;
  }
}

/* End Related Products */


/* -------------- End Details View ------------------- */


/* --------------- End Products -------------------------- */

.gallery-photo-thumbnail.gallery.clearfix {
  background-size: contain !important;
}

/* --------------- Additional Styling for Nearby Now Code on Towns Pages -------------------------- */
.nn-review-outer-cont h2 + div {
  font-size: 18px;
  font-style: italic;
}
div[itemprop="itemReviewed"] {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
.nn-review-footer {
  font-size: 16px;
  line-height: 20px;
}
.nn-time-label {
  font-size: 16px;
  line-height: 20px;
}
.nn-samap-near {
  font-size: 16px;
  line-height: 20px;
}
.nn-samap-gravatar {
  max-width: 62px;
}
.nn-review-cont > hr {
  background-color: #000;
  height: 5px;
}

/* --------------- Showrooms Page Boxes -------------------------- */
.showroom-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 0 20px 0;
}
.showroom-box {
  width: calc(33.33% - 8px);
  margin: 0 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 3px dashed #000000;
  background-color: #f58222;
  text-align: center;
  padding: 125px 5px 20px 5px;
  position: relative;
}
.showroom-box:first-of-type {
  margin-left: 0;
}
.showroom-box:last-of-type {
  margin-right: 0;
}
.showroom-box::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  transform: translateX(-50%);
  top: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.showroom-box.showroom-location::before {
  background-image: url("/assets/templates/main/images/icons/showroom_icon_map.png");
}
.showroom-box.showroom-phone::before {
  background-image: url("/assets/templates/main/images/icons/showroom_icon_phone.png");
}
.showroom-box.showroom-hours::before {
  background-image: url("/assets/templates/main/images/icons/showroom_icon_clock.png");
}
.showroom-box p,
.showroom-box p a {
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  margin: 0;
}
.showroom-box p a:hover,
.showroom-box p a:active {
  text-decoration: underline;
}

@media all and (max-width: 570px) {
  .showroom-box-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .showroom-box {
    width: calc(50% - 8px);
    margin: 4px 4px;
  }
}

@media all and (max-width: 400px) {
  .showroom-box {
    width: 90%;
    margin: 4px 0;
  }
}


#ims-form-module-form-14 #item-li-88 .label-heading {
  font-size: 3.6em;
  color: #000;
  font-weight: 700;
  font-family: "Open Sans Condensed";
  line-height: 1.15em;
  margin: 1.2em 0 .7em;
  text-transform: uppercase;
}

#main-content #ims-form-module-form-14 span.wrapper label {
  font-size: 1.5em;
  width: 100%;
}

#ims-form-module-form-14 #item-li-108 label input,
#ims-form-module-form-14 #item-li-108 label span {
  float: none;
  display: inline;
}

#home-show-specials .special {
  border: 1px dashed #787878;
  border-radius: 3px;
  margin: 2%;
  padding: 10px 10px 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
}
#home-show-specials .special h4 {
  color: #1071bc;
  margin-top: 10px;
  margin-bottom: 0px;
}
#home-show-specials .special ul {
  list-style-position: inside;
  padding-left: 0px;
}

/* Game Changer tables */

.barron-custom-table {
  max-width: 624px !important;
  border: none; 
  border-collapse: collapse;
}
.barron-custom-table tr {
  height: 34px;
}
.barron-custom-table td {
  vertical-align: top; 
  padding: 5pt 5pt 5pt 5pt; 
  overflow: hidden; 
  overflow-wrap: break-word; 
  border: solid #808080 0.75pt;
}
.barron-custom-table p {
  line-height: 1.38;
  margin-top: 0pt; 
  margin-bottom: 0pt;
}
.barron-custom-table span {
  font-size: 12pt; 
  font-family: Arial; 
  color: #212529; 
}

#daikin-comfort-pro #breadcrumbs-container {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.daikin-img-bottom img,
.daikin-img-middle img {
  max-width: 100%;
  height: auto;
}
.daikin-img-bottom img {
  border-radius: 10px;
}
.daikin-img-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.daikin-img-middle .img-left {
  width: 35%;
  padding-right: 15px;
}
.daikin-img-middle .img-right {
  width: 65%;
}

#form-popup {
  position: fixed;
  width: 60%;
  height: calc(100% - 60px);
  z-index: 7503;
  top: 30px;
  left: 20%;
  background: #fff;
  overflow: visible;
  box-shadow: 0 1px 12px 20000px rgba(0, 0, 0, .25);
  border-radius: 10px;
  padding: 50px 0px 30px;
  text-align: left;
}
.ims-is-scrolled #form-popup {
  height: calc(100% - 180px);
  top: 170px;
}
#form-popup .popup-inner {
  height: 100%;
  overflow-y: scroll;
  padding-right: 70px;
  padding-left: 70px;
}
#form-popup form ul {
  list-style-type: none;
  padding: 0;
}
#form-popup form ul li {
  display: inline-block;
  padding: 0 5px;
  margin: 5px 0;
}
#form-popup form fieldset:not(.twocol) ul li {
  width: 100%;
}
#form-popup form ul li input,
#form-popup form ul li textarea,
#form-popup form ul li select{
  width: 100%;
}
#form-popup form ul li.radio input {
  width: auto;
}
#form-popup label {
  display: block;
}
#form-popup p.label-heading {
  margin-bottom: 0;
}
#form-popup label,
#form-popup .label-heading,
#form-popup form h2,
#form-popup form .note,
#form-popup form input[type="file"] {
  color: #222;
}
#form-popup .submit {
  text-align: center;
}
#form-popup .submit button { 
  padding: 12px 20px;
  position: relative;
  margin-left: -10px;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #000000;
  transition: all 0.3s;
}
#form-popup .close-popup {
 background-color:#222;
 border-radius:50%;
 height:40px;
 width:40px;
 display:inline-block;
 text-align:center;
 font-weight:400;
 cursor:pointer;
 font-size:22px;
 line-height:40px;
 color:#fff;
 background-size:22px;
 transition:.3s;
 position:absolute;
 top:-20px;
 right:-20px;
 box-shadow:1px 1px 1px #000
}
#form-popup .close-popup:hover {
 background-color:#ccc;
 user-select:none
}
body.no-scroll {
  overflow: hidden;
}
#home-show-promotions .date {
  font-size: 2.2em;
}
#home-show-promotions #promotions-secondary .secondary-tools li a {
  cursor: pointer;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}
#home-show-promotions #promotions-secondary .secondary-tools li a:hover,
#home-show-promotions #promotions-secondary .secondary-tools li a:active {
  background-color: #aeb0b3;
}
#home-show-promotions #promotions-secondary .secondary-tools li a .promo-title {
  color: #1071bc;
}
#home-show-promotions #promotions-secondary .secondary-tools li a .promo-teaser {
  font-size: 20px;
  color: #282727;
}
#home-show-promotions #promotions-secondary .secondary-tools li a .promo-disclaimer {
  font-size: 14px;
  line-height: 1.35em;
  color: #282727;
}

/*----
------
------ Recaptcha & Styles for CWR: https://app.clickup.com/t/86b0b1nvt ----- */
.grecaptcha-badge { visibility: hidden; }
.ims-grecaptcha-badge {
    width: 284px;
    height: 60px;
    display: block !important;
    transition: left 0.3s ease 0s;
    box-shadow: gray 0px 0px 5px;
    border-radius: 2px;
    overflow: hidden;
    z-index: 99999;
    margin: 20px auto;
}
.active-navigation .ims-grecaptcha-badge {
    bottom: -100px !important;
}
.ims-rc-anchor-invisible {
    top: 0;
    left: 0;
    width: 284px;
    height: 60px;
    z-index: 0;
    position: relative;
}
.ims-rc-anchor-invisible-text {
    z-index: 0;
    padding: 10px 70px 5px 0;
    display: block;
}
.ims-rc-anchor-normal-footer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    height: 74px;
    width: 70px;
}
.ims-rc-anchor-light {
    color: #000;
    background: #253CAA;
}
.ims-rc-anchor {
    border-radius: 3px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
}
.ims-rc-anchor-invisible-text {
    background: #253CAA;
    color: white;
    font-family: helvetica,arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
}
.ims-rc-anchor-invisible-text strong {
    font-weight: 500;
}
.ims-rc-anchor-invisible-text .ims-rc-anchor-pt {
    transition: opacity 0.3s ease;
}
.ims-rc-anchor-normal .ims-rc-anchor-pt, .ims-rc-anchor-invisible .ims-rc-anchor-pt, .ims-rc-anchor-compact .ims-rc-anchor-pt {
    font-family: helvetica,arial,sans-serif;
    font-size: 7px;
    font-weight: 400;
}
.ims-rc-anchor-pt {
    background-image: url(data:image/png;base64,iVBORw0KGgd1X6njmAQRyZzotP0420duDW31oxAugdU/gY7jz/dZyT20eujXOvw3iTNDvVOhwdvxVej4inud3v5fa5wQrjdDPmntWCQQIMdJzAlyW1QdQCbMVvA7IlEdP7J1XeiRdpyWNoJRN2rwdPZiM0Hs7T1NYWwdpQGIe8MddS2y1Ffagvf0I4kzDq3z1F/kdLhJfGCuvmU0dQ80YcB6CQyMpZYvirfAdUdiUiE6MMAdjjXg/sAdiSoaEzQajkXM3wdvEF7xKCkJ0oeD+sdZ3opux+Djngloy6fDUugdULbWVnNOKkwRt+r6ddU+2PDhuGYryFnzn5wdvWtNP3ZQOTPKd+OLzb+OpkSrkGfKIvMiA1wdxXCaxOVjvjW7Hp2zKwdaTX3Vupkd1aNZd7ZYCBQdXW3tnA2mbk+A);
}
.ims-rc-anchor-pt a {
    display: inline;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}
.ims-rc-anchor-pt a:hover {
    text-decoration: underline;
}
.ims-rc-anchor-light .ims-rc-anchor-pt a:link, .ims-rc-anchor-light .ims-rc-anchor-pt a:visited {
    color: #555;
}
.ims-rc-anchor-invisible-text .ims-rc-anchor-pt a:link, .ims-rc-anchor-invisible-text .ims-rc-anchor-pt a:visited {
    color: white;
    font-size: 7px;
}
.ims-rc-anchor-logo-img {
    background: url(https://www.gstatic.com/recaptcha/api2/logo_48.png);
    background-repeat: no-repeat;
}
.ims-rc-anchor-logo-img-large {
    transition: all 0.3s ease;
    background-size: 40px;
    margin: 5px 15px 0 15px;
    height: 40px;
    width: 40px;
}
.ims-rc-anchor-light .ims-rc-anchor-normal-footer {
    background: #f9f9f9;
}
.ims-rc-anchor-invisible .ims-rc-anchor-normal-footer .ims-rc-anchor-pt {
    transition: opacity 0.3s ease;
    text-align: center;
    width: 70px;
    margin-top: 0;
}

.fixed-book-now {
  width: 199px;
  height: 56px;
  display: block;
  transition: left 0.3s ease 0s;
  position: fixed;
  bottom: 25px;
  left: 0px;
  border-radius: 2px;
  overflow: hidden;
  z-index: 99999;
}
.fixed-book-now a {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  cursor: pointer;
  background-color: #f58220;
  padding-right: 70px;
  height: 56px;
  transition: all .2s;
}
.fixed-book-now a span {
  position: relative;
  transition: all .2s;
}
.fixed-book-now a span::after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  right: -65px;
  top: -8px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(/assets/templates/main/images/icons/icon-book.svg);
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .2s;
}
.fixed-book-now a:hover span::after {
  background-image: url(/assets/templates/main/images/icons/icon-book-black.svg);
}
#primary-navigation .se-widget-button {
  display: none;
}
@media all and (max-width:800px) {
  #primary-navigation .se-widget-button {
    display: block;
    margin-top: 30px;
  }
  #primary-navigation .se-widget-button a {
    display: inline-block;
  }
  #primary-navigation .se-widget-button a:hover {
    background-color: #000;
  }
}

#wp-blog:not(.home) #container-content {
  margin-top: 40px;
}

#searchsubmit {
  margin-left: -60px;
}
#sidebar-content .secondary-tools form fieldset input#s {
  font-size: 1.8em;
}