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

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

@keyframes van-slide-in {
  0% {
    transform: translateX(1000px) skewX(0);
    opacity: 0.75;
  }
  95% {
    transform: translateX(0px) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0px);
  }
}

.animation.van-slide-in {
  visibility: hidden;
}

.animation.van-slide-in.animated {
  visibility: visible;
  animation: van-slide-in 1s ease both;
}

/* --- 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 'Montserrat', Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #03293b;
  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: #03293b;
  font-weight: 900;
  line-height: 1.15em;
  margin: 1.2em 0 0.7em;
}

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

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

p {margin-bottom: 1.3em;}

#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;
  font-style: italic;
}
h2,.h2 {
  font-size: 3.6em;
  font-style: italic;
}
h3,.h3 {font-size: 3em;}
h4,.h4 {
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 2px;
}
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 {
  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: #e02a32;
  text-decoration: underline;
  outline: none;
  transition: all 0.1s;
}

a:hover,
a:active {
  color: #03293b;
  text-decoration: none;
}


/* --- 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: Arial,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 98% 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 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  padding: 11px 20px;
  text-decoration: none;
  color: #03293b;
  background-color: #fae016;
  border: 2px solid #05293a;
  border-radius: 8px;
  transition: 0.2s;
}

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


/* --- 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-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}
.view-all a {
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
}
.view-all a:link,
.view-all a:visited {
  background-color: #03293b;
  color:#fff;
}
.view-all a:hover,
.view-all a:active {
  background-color: #fae016;
  color: #03293b;
}
.view-all a::after {
  content: '';
  display: inline-block;
  position: relative;
  height: 16px;
  width: 16px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.view-all a:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.view-all a:link::after,
.view-all a:visited::after {
  background-image: url('/assets/templates/main/images/icon-arrow-button-light.png');
}
.view-all a:hover::after,
.view-all a:active::after {
  background-image: url('/assets/templates/main/images/icon-arrow-button.png');
}

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

.cta-button {
  display: inline-block;
  text-align: center;
}
.cta-button a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 1.8em;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  padding: 0 20px;
  text-decoration: none;
  color: #03293b;
  background-color: #fae016;
  border: 2px solid #05293a;
  border-radius: 8px;
  transition: 0.2s;
}
.cta-button a:hover,
.cta-button a:active {
  background-color: #03293b;
  color: #fae016;
}

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

.cta-button.phone-button a span::before {
  content: '';
  display: inline-block;
  position: relative;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  background-image: url('/assets/templates/main/images/cta-phone-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cta-button.phone-button a:hover span::before,
.cta-button.phone-button a:active span::before {
  background-image: url('/assets/templates/main/images/cta-phone-icon-hover.png');
}

/* --- 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: #e02a32;
  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.btn-flickr a {
  background-image: url("/assets/templates/main/images/social/btn-flickr.png");
}


.social-networking li a:hover,
.social-networking li a:active {
  background-color: #03293b;
  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 -------------------------------------------------- */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* --- BEGIN CONTENT FRAMEWORK ---------------------------------------------- */
#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 3px 5px 0 rgba(0,0,0,0.2);
  transition: top 0.6s, left 0.3s;
  z-index: 1000;
}
.ims-is-scrolled #container-fixed-masthead {
  top: 0;
}

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

.logo {
  margin: 10px auto 5px;
  max-width: 350px;
  position: relative;
}
.logo img{
  max-width: 100%;
  height:auto;
  display:block;
}
.tagline {
  font-family: 'Damion', cursive;
  font-size: 3em;
  font-weight: 400;
  margin: 0 0 0.6em;
  text-align: center;
  line-height: 1.3em;
}
#masthead .tagline {
  margin: 0;
}
.phone-container {
  text-align: center;
}
.phone-text {
  color: #03293b;
  font-size: 16px;
  font-style: italic;
  line-height: 1.15em;
  margin:0;
}
.phone-number {
  font-size: 3.6em;
  font-weight: 900;
  font-style: italic;
  line-height: 1.15em;
  margin: 0;
  white-space: nowrap;
}
.phone-number,
.phone-number span,
.phone-number a,
.phone-number span.gc-cs-link {
  color: #e02a32;
  text-decoration: none;
}

#masthead .financing,
#fixed-masthead .financing {
  margin-bottom: 0;
}

#masthead .financing a,
#fixed-masthead .financing a {
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
}
#fixed-masthead {
  padding: 10px 0 10px;
}
@media(max-width: 700px) {
  #masthead .financing a,
  #fixed-masthead .financing a {
    font-size: 16px;
  }
}
@media(max-width: 800px) {
  #masthead .tagline {
    margin: 0 0 4px;
  }
}
@media(max-width: 570px) {
  #masthead .financing {
    margin-bottom: 15px;
  }
  #masthead .financing a {
    font-size: 18px;
  }
  #masthead .tagline {
    margin-bottom: 10px;
  }
}

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

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

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

}

@media all and (max-width: 800px) {
  #masthead {
    margin-top: 45px;
  }
  .phone-number {
    position: fixed;
    background-color: #EDEDED;
    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: #e02a32;
  }
}

@media all and (max-width: 570px) {
  .logo-container, 
  .tagline2, 
  .phone-container {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
  }
}


#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;
}
#masthead .masthead-left,
#masthead .masthead-center,
#masthead .masthead-right {
  width: 33.33%;
}
#masthead .masthead-center {
  margin: 0 10px;
}
#masthead .masthead-right {
  text-align: right;
}
#masthead .phone-text {
  font-size: 1.8em;
  margin-top: 10px;
}

@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;
      display: block;
  }
  #masthead .masthead-left,
  #masthead .masthead-center,
  #masthead .masthead-right {
      width: 100%;
      text-align: center;
  }
  #masthead .phone-text {
    margin-bottom: 10px;
  }
}

#fixed-masthead,
#fixed-masthead #fixed-masthead-center {
  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-left {
  width: 20%;
}
#fixed-masthead-right {
  width: 30%;
}
#fixed-masthead #fixed-masthead-center {
  flex-grow: 1;
}
#fixed-masthead #fixed-masthead-center > div {
  width: 100%;
}
#fixed-masthead .logo img {
  max-width: 190px;
}

@media all and (max-width: 1100px) {
  #fixed-masthead #fixed-masthead-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: 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:#263268;
  }

  /* ----- 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: #222;
  }

  /* ----- 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: #222;
  }

  /* ----- 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: #03293b;
    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: #fff;
    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: #263268;
    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: #263268;
    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: #263268;
  }
  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: #263268;
    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: #222;
    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: transparent;
    margin-bottom: -25px;
  }

  /* Base CSS for #primary-navigation */
  #primary-navigation {
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 800;
    background-color: #03293b;
    border-radius: 100px;
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.16);
  }

  /* 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: 15px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 15px;
  }

  /*-- 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 {
    background-color: transparent;
  }

  /* 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 {
    background-color: transparent;
  }


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


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

  /* Add padding to make room for icon */
  #primary-navigation .nav-level-1:not(.contains-0) > a {
    padding-right: 25px; /* 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;
  }

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

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

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

  /* 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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  } */

  /* Set up Menu Widths */
  /* #primary-navigation #nav-8 > ul {
    width: 700px; 
  } */

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

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

  /* Set Up Column Widths */

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

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

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


  /* Column Background Colors */
  /* #nav-8 li.nav-level-2:nth-child(odd) {
    background-color: #005972;
  }

  #nav-8 li.nav-level-2:nth-child(even) {
    background-color: #049aa2;
  } */

  /*-- STYLE 2ND-LEVEL FLEXBOX COLUMN TITLES -----------------------*/
  /* #nav-8 .nav-level-2 > a {
    border-bottom: 4px solid #49becc;
    padding-top: 8px; 
    padding-bottom: 4px; 
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
  } */


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

  /*.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: #03293b;
    font-size: 15px;
  }

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

  /* 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: #fae016;
  }

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

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

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

  /* 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: #5C8E1E;
  }

  /* --- 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 {
    left: 680px; 
  } */

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

  /*#primary-navigation #nav-11.center-position > div.expand-nav {*/
  /*left: 423px;*/ /* 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) {

}

/* --- 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 .top-content-inner {
  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;
}
#main-content-wrap > .width-limiter,
#top-content-wrap > .width-limiter {
  position: relative;
  z-index: 10;
}
#top-content-wrap > .width-limiter {
  padding-top: 60px;
  padding-bottom: 70px; 
}
#main-content-wrap .sidebar-right {
  background-color: #eff1ef;
}
#main-content-wrap .content-left,
#main-content-wrap .sidebar-right {
  padding-top: 60px;
  padding-bottom: 65px; 
}
.no-top-content #main-content-wrap .sidebar-right {
  padding-top: 0;
}
.full-width-layout.has-top-content .top-content-inner {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.full-width-layout.has-top-content #top-content-wrap .content-left {
  width: 100%;
}

@media (max-width: 800px) {
  #main-content-wrap > .width-limiter,
  #top-content-wrap .top-content-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  #top-content-wrap > .width-limiter {
    padding-top: 15px;
    padding-bottom: 40px; 
  }
  #main-content-wrap .content-left,
  #main-content-wrap .sidebar-right {
    padding-top: 30px;
    padding-bottom: 35px; 
  }
}
/*----- 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;
  }
  .sidebar-right {
    width: 350px;
  }
  #top-content-wrap .content-left,
  #top-content-wrap .sidebar-right {
    width: 50%;
  }
  .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%;
  }
}

/* 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: 25px 0 5px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
#top-content-wrap #breadcrumbs-container + h1 {
  margin-top: 10px;
  text-align: center;
}
.has-landing-page-image #top-content-wrap .content-left * {
  color: #03293b;
}
#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: bold; */
}

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

.automatic-page-image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (min-width: 1025px) {
  .automatic-page-image {
    background-attachment: fixed;
  }
}

/* .automatic-page-image::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
} */

/*----- 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: 2.1em; */
  }
  /* .automatic-page-image::before {
    content: '';
    height: 100%;
    width: 350px;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 90%;
    background-image: url("/assets/templates/main/images/landing/hero-overlay.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
  } */
  .single-sidebar .automatic-page-image::after,
  .exclude-top-sidebar .automatic-page-image::after,
  .full-width-layout .automatic-page-image::after {
    width: 90%;
  }
  .single-sidebar .automatic-page-image::before,
  .exclude-top-sidebar .automatic-page-image::before,
  .full-width-layout .automatic-page-image::before { 
    left: 90%;
  }
}

/* Wider Desktop / DesignDemo Size */
@media all and (min-width: 1025px) {
  .automatic-page-image::after {
    width: 55%;
  }
  .automatic-page-image::before {
    content: '';
    left: 55%;
  }
}

/* --- 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;
} 


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

/*----------------------------------------------------------------------------*/
/* --- BEGIN SECONDARY CONTENT ---------------------------------------------- */
.secondary-tools-outer {
  background-color:transparent;
  margin: 60px 0;
  padding: 20px 0 0;
}
.secondary-tools-outer:first-child {
  border: medium none;
  margin-top: 0;
}
.secondary-tools .secondary-tools-heading {
  display: block;
  font-size: 2em;
  text-align: center;
  color: #e02a32;
  font-weight: 900;
  line-height: 1em;
  margin: 0 0 0.4em;
}
.secondary-tools .secondary-tools-heading,
.secondary-tools .secondary-tools-heading a:link,
.secondary-tools .secondary-tools-heading a:visited {
  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;
}
.secondary-tools li {
  font-weight: bold;
  padding: 6px 0;
}
.secondary-tools ul li a:link,
.secondary-tools ul li a:visited {
  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: 6px; */
  position: relative;
  margin-left: -20px;
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- PROMOTIONS ----------------------------------------------------------- */
#promotions-secondary .secondary-tools-heading {
  text-align: center;
}
#promotions-secondary .secondary-tools li {
  padding: 25px;
}
#promotions-secondary .secondary-tools li a {
  display: block;
  padding: 20px 10px 20px 100px;
  position: relative;
  border: 5px dashed #de2d38;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 25px rgba(0, 0, 0, 0.16);
  min-height: 160px;
  width: 100%;
  transition: all .2s ease-in-out;
}
#promotions-secondary .secondary-tools li a:hover {
  transform: scale(1.03);
}
#promotions-secondary .view-all {
  text-align: center;
}
/* Inner Content Pattern */
#promotions-secondary .secondary-tools li a .promo-image {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 118px;
  width: 75px;
  background-image: url('/assets/templates/main/images/promo-icon.png');
  background-position: center;
  background-repeat: no-repeat;
}
#promotions-secondary .secondary-tools li a .promo-title {
  display: block;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  color: #03293b;
}
#promotions-secondary .secondary-tools li a .promo-teaser {
  display: block;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #03293b;
}

@media all and (min-width: 571px) and (max-width: 800px) {
  #promotions-secondary .secondary-tools ul.promotions {
    width: 83%;
    margin: 0 auto;
  }
}
@media all and (max-width: 570px) {
  #promotions-secondary .secondary-tools li a .promo-image {
    width: 60px;
    left: 5px;
    background-size: contain;    
  }
  #promotions-secondary .secondary-tools ul {
    padding: 10px 5px;
  }
  #promotions-secondary .secondary-tools li a {
    padding-left: 70px;
  }
  #promotions-secondary .secondary-tools li {
    padding: 25px 0px;
  }
  #promotions-secondary .secondary-tools li a .promo-title {
    font-size: 23px;
  }
}

/* @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;
  }
} */

/*-------- 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 ------------------------ */
#promotions .promotions-item-details-wrapper {
  border: medium none;
  padding: 0;
}

#promotions .promotions-item {
  border: 1px dashed #787878;
  border-radius: 3px;
  margin: 2%;
  padding: 10px 10px 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
}

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

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

#promotions .promotions-item .view-all {
  display: block;
  padding: 0 6px;
  text-align: center;
  width: 100%;
}

/*-------- PROMOTIONS - Individual (Coupons) -------------------------------- */
.promotions-item-details-wrapper {
  border: 3px dashed #000000;
  margin: 0 auto;
  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;
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- MINI FORM ------------------------------------------------------------ */
#mini-form label {
  display: block;
  text-align: left;
  font-weight: 400;
  color: #fff;
}
#mini-form fieldset,
#mini-form ul,
#mini-form li {
  display: block;
  width: auto;
}
#mini-form ul {
  margin: 0; 
}
#mini-form li {
  padding: 8px 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 {

}

#mini-form {
  background-image: -webkit-gradient(linear, left top, right top, from(#e02a32), to(#c12128));
  background-image: -o-linear-gradient(left, #e02a32 0%, #c12128 100%);
  background-image: linear-gradient(to right, #e02a32 0%, #c12128 100%);
  padding: 35px 20px;
  margin: 0;
}
#mini-form .secondary-tools-heading {
  color: #fff;
}
#mini-form ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;  
}
#mini-form ul > li {
  width: 100%;
}
#mini-form form fieldset:first-of-type ul > li:last-of-type,
#mini-form form fieldset:first-of-type ul > li:nth-last-child(2) {
 width: 100%;
}
.mf-title,.mf-subtitle, .mf-text, .mf-extra {
  text-align: center;
  display: block;
}
.mf-extra {
  color: #fff;
  font-size: 16px;
  text-align: left;
  padding-left: 15px;
  background-image: url('/assets/templates/main/images/icon-miniform-burst.png');
  background-repeat: no-repeat;
  background-position: top left;
}

@media all and (min-width: 571px) and (max-width: 800px), (min-width: 1025px) {
  .fifty-width #mini-form fieldset:first-of-type ul > li {
    width: calc(50% - 10px);
  }
  .mf-extra {
    width: 50%;
    margin-top: -60px;
  }
  #mini-form ul.submit {
    text-align: right;
    width: 50%;
    float: right;
  }
  #mini-form ul.submit li {
    text-align: right;
  }
}

#sidebar-content-bottom .mf-extra {
  width: 100%;
  margin-top: 0;
}
#sidebar-content-bottom #mini-form ul.submit {
  width: 100%;
  float: none;
}

@media all and (min-width: 801px) and (max-width: 1024px) {
  .fifty-width #mini-form fieldset:first-of-type ul > li {
    width: 100%;
  }
}
@media all and (min-width: 571px) and (max-width: 800px) {
  #mini-form fieldset:first-of-type ul > li {
    width: calc(50% - 10px);
  }  
}



/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- REVIEWS -------------------------------------------------------------- */
#testimonials-secondary .testimonial {
  padding: 0 20px;
}
#testimonials-secondary .testimonial p:not(.source) {
  position: relative;
  font-size: 24px;
  font-style: italic;
  text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.42);
}
#testimonials-secondary .testimonial p:not(.source)::before,
#testimonials-secondary .testimonial p:not(.source)::after {
  display: inline;
  position: relative;
}
#testimonials-secondary .testimonial p:not(.source)::before {
  content: '\201C';
}
#testimonials-secondary .testimonial p:not(.source)::after {
  content: '\201D';
}
#testimonials-secondary .testimonial p.source {
  font-size: 18px;
  font-style: italic;
}

@media all and (max-width: 1024px) {
  #testimonials-secondary .testimonial p:not(.source) {
    font-size: 22px;
  }
}
@media all and (max-width: 800px) {
  #testimonials-secondary .testimonial p:not(.source) {
    font-size: 20px;
  }
}
@media all and (max-width: 570px) {
  #testimonials-secondary .testimonial p:not(.source) {
    font-size: 18px;
  }
}

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

/* CODELIBENTRY_ENTRY: 168 */

body#reviews .testimonial {
  margin-bottom: 45px;
  box-shadow: 0px 0px 3px #f1f1f1;
  background-color: #eff1ef;
  padding: 20px;
}
#testimonials-secondary .review-star-rating {
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  background-color: #03293b;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px;
  border-radius: 10px;
  color: #fff;
}
#testimonials-secondary .review-star-rating a {
  color: #fff;
}
#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;
}
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;
  width: 220px;
}
.review-star-rating span {
  font-size: 3.3em;
  font-weight: 700;
  margin-right: 10px;
}
.review-star-rating a {
  font-size: 1.8em;
  margin-left: 5px;
}
#reviews .review-star-rating a {
  text-decoration: none;
}
#testimonials-secondary .review-star-rating > div {
  margin: 5px auto 5px;
}
#testimonials-secondary blockquote {
  margin: 0px;
}
#testimonials-secondary div {
  text-align: center;
}
#testimonials-secondary .testimonial {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  margin-bottom: 20px;
  padding: 25px;
  text-align: left;
}
#testimonials-secondary .testimonial div {
  text-align: left;
}
.testimonial .source-info {
  min-height: 70px;
}
.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: relative;
  display: inline-block;
  float: left;
  margin-right: 20px;
}
.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-Angies {
  background-image: url(/assets/templates/main/images/icons/reviewv3-icon-angies.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: #03293b;
  color: #ebebeb;
}
#testimonial_pagination .pagination-spacer {
  padding: 3px 5px;
  vertical-align: super;
}
@media all and (max-width: 350px) {
  i.star {
    width: 22px;
    height: 22px;
  }
}

/* CODELIBENTRY_ENTRY: 169 */

#testimonials-popup {
  position: fixed;
  width: 60%;
  height: 75%;
  z-index: 7503;
  top: 12.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;
}
@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: #03293b;
  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: #e02a32;
  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-inner h2 {
  margin-top: 0px;
  margin-bottom: 15px;
}
.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;
}
.testimonial .read-more {
  font-size: 1.8em;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  color: #03293b;
}
.testimonial .read-more:hover,
.testimonial .read-more:active {
  color: #e02a32;
}
@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;
  }
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- SIDEBAR AFFILIATES --------------------------------------------------- */
#sidebar-affiliates {
  padding: 0 10px;
}
#sidebar-affiliates .affiliates {
  list-style-type: none;
  padding: 0;
  margin: 0;
  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: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#sidebar-affiliates .affiliate {
  padding: 0 10px;
}
#sidebar-affiliates .affiliates img {
  max-width: 100%;
}

@media all and (max-width: 800px) {
  #sidebar-affiliates {
    margin-bottom: 30px;
  }
}


/* --- 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%;
  }
}

/* --- 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;
  margin-bottom: 30px;
}
#promotions-secondary .secondary-tools ul.slick-dots li,
ul.slick-dots li {
  display: inline;
  padding: 8px;
}
ul.slick-dots li button {
  background-color: #e02a32;
  font-size: 1px;
  color: transparent;
  line-height: 1px;
  display: inline-block;
  height: 29px;
  width: 29px;
  border: 2px solid #e02a32;
  border-radius: 50%;
  padding: 0;
}
ul.slick-dots li button:hover {
  background-color: #fae016;
}
ul.slick-dots li.slick-active button {
  background-color: #fae016;
}
/* --- 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;
  }
}

/*----------------------------------------------------------------------------*/
/* --- PROJECTS PAGES ------------------------------------------------- */

/* -------------- 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;
  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 { 
  color: #000000;
  font-weight: 700;
  font-size: 24px;
}
.project-album .project-description { 
  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;
  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 ------------------- */



/*----------------------------------------------------------------------------*/
/* --- PRODUCTS PAGES ------------------------------------------------- */

/* --------------- 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-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;
}

#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;
  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: 25%;
}
#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-sort,
  #product-list-wrap .filter-submit {
    width: 50%;
  }
  #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: 10px;
  }
}

/* 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 { 
  color: #000000;
  font-weight: 700;
  font-size: 24px;
}
.product-album .product-description { 
  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;
  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: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .product-col-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.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 -------------------------- */



/*----------------------------------------------------------------------------*/
/* --- MAINTENANCE CLUB / SERVICE AREAS ------------------------------------- */
#service-areas-maintenance {
  position: relative;
  background-color: #03293b;
}
#service-areas-maintenance > .width-limiter {
  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;
}
@media all and (min-width: 801px) {
  #service-areas-maintenance::after {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
  }
  .no-webp #service-areas-maintenance::after {
    background-image: url('/assets/templates/main/images/bg-service-area-desktop.jpg');
  }
  .webp #service-areas-maintenance::after {
    background-image: url('/assets/templates/main/images/bg-service-area-desktop.webp');
  }
}

#service-areas-maintenance #service-area-list,
#service-areas-maintenance #maintenance-club {
  width: 50%;
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 65px;
}
#service-area-list .view-all {
  margin-top: 20px;
}
#service-area-list .view-all a:link,
#service-area-list .view-all a:visited {
  background-color: #e02a32;
}
#service-area-list .view-all a:hover,
#service-area-list .view-all a:active {
  background-color: #fae016;
  color: #03293b;
}

@media all and (min-width: 1025px) {
  #service-areas-maintenance::after {
    background-attachment: fixed;
  }
}
@media all and (max-width: 800px) {
  #service-areas-maintenance #service-area-list,
  #service-areas-maintenance #maintenance-club {
    padding-top: 35px;
  }
  #service-areas-maintenance > .width-limiter {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
  }
  #service-areas-maintenance #service-area-list,
  #service-areas-maintenance #maintenance-club {
    width: 100%;
  }
  .no-webp #service-area-list {
    background-image: url('/assets/templates/main/images/bg-service-area-mobile.jpg');
  }
  .webp #service-area-list {
    background-image: url('/assets/templates/main/images/bg-service-area-mobile.webp');
  }
  #service-area-list {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}

#maintenance-club {
  text-align: center;
  padding-bottom: 135px;
}
#maintenance-club .secondary-tools-heading {
  position: relative;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 0;
}
#maintenance-club .secondary-tools-heading::before {
  content: '';
  display: block;
  position: relative;
  height: 65px;
  width: 58px;
  margin: 20px auto;
  background-image: url('/assets/templates/main/images/icon-maintenance-shied.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#maintenance-club .maintenance-subheading {
  font-family: 'Damion', cursive;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
#maintenance-club .maintenance-list {
  text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0 auto 50px auto;
  width: 60%;
}
#maintenance-club .maintenance-list li {
  position: relative;
  font-weight: 700;
  font-style: italic;
  color: #fff;
  margin: 5px 0;
  padding-left: 30px;
  background-image: url('/assets/templates/main/images/icon-checkmark-red.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto;
  min-height: 30px;
}
/* #maintenance-club .maintenance-list li::before {
  content: '';
  display: inline-block;
  position: relative;
  height: 27px;
  width: 26px;
  margin-right: 5px;
  vertical-align: middle;
} */

#service-area-list {
  padding: 0;
}
#service-area-list .sa-title {
  position: relative;
  font-size: 3.6em;
  color: #fae016;
  margin-bottom: 10px;
}
@media all and (min-width: 571px) {
  #service-area-list .sa-title::before {
    content: '';
    display: block;
    position: relative;
    height: 73px;
    width: 50px;
    margin: 20px auto;
    background-image: url('/assets/templates/main/images/service-area-heading-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

#service-area-list > .width-limiter .secondary-tools {
  text-align: center;
}
p.sa-secondary-text {
  font-family: 'Damion', cursive;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0px;
}
@media all and (min-width: 801px) {
  .full-width #service-area-list {
    background-position: right center;
  }
  /* .full-width #service-area-list > .width-limiter .secondary-tools {
    width: 50%; 
  } */
}
@media all and (max-width: 800px) {
  .full-width #service-area-list > .width-limiter .secondary-tools {
    width: 80%;
    margin: 0 auto;
  }
  #maintenance-club {
    padding-bottom: 35px;
  }
}
@media all and (max-width: 570px) {
  .full-width #service-area-list > .width-limiter .secondary-tools {
    width: 100%;
  } 
}

#service-area-search {
  background-color: #fff;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.4);
  max-width: 360px;
  margin: 20px auto;
  padding: 25px 30px;
}
#service-area-search ul {
  list-style-type: none;
}
#service-area-search li {
  display: inline-block;
}
#service-area-search .secondary-tools-heading {
  color: #03293b;
  margin: 0;
}
#service-area-search .sas-text {
  font-size: 16px;
  font-style: italic;
  margin: 0;
}
#service-area-search #zip_code {
  max-width: 135px;
  background-color: #eff1ef;
  border-radius: 8px;
}

#sidebar-content-bottom .sa-city-wrapper .secondary-tools,
.full-width .sa-city-wrapper .secondary-tools {
  background-color: transparent;
}
.sa-city-wrapper {
  margin-top: 20px;
  text-align: center;
  background-color: rgba(3, 41, 59, 0.65);
  padding-bottom: 45px;
}
.service-cities {
  display: inline;
}
.secondary-tools ul.service-cities li {
  display: inline-block;
  padding: 0px;
  margin: 3px 0;
}
.secondary-tools ul.service-cities li.sa-read-more {
  display: block;
}
.secondary-tools ul.service-cities li:not(:last-of-type)::after {
  content: '\2022';
  display: inline-block;
  position: relative;
  padding: 0 10px;
  color: #fae016;
}

#service-areas .secondary-tools ul.service-cities li:not(:last-of-type)::after {
  display: none;
}

#service-area-list .service-cities li a:link,
#service-area-list .service-cities li a:visited {
  color: #fae016;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 900;
  display: inline-block;
  padding: 5px;
  margin: 0px -5px;
}
#service-area-list .service-cities li a:hover,
#service-area-list .service-cities li a:active {
  color: #fff;
  text-decoration: none;
}
#service-area-list .cta-button-container {
  display: block;
}



/* --- FOOTER CALLOUT ------------------------------------------------------- */
#footer-callout {
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#e02a32), to(#c12128));
  background-image: -o-linear-gradient(left, #e02a32 0%, #c12128 100%);
  background-image: linear-gradient(to right, #e02a32 0%, #c12128 100%);
  color: #fff;
  padding: 40px 0 0 0;
}
#footer-callout .secondary-tools-heading {
  color: #fff;
}
#footer-callout .callout-accent {
  font-family: 'Damion', cursive;
  font-size: 8.5em;
  line-height: 1.1;
  margin-bottom: 20px;
}
#footer-callout .callout-buttons .cta-button {
  margin: 5px 10px;
}
#footer-callout .footer-callout-image,
#footer-callout .footer-callout-image img {
  margin-bottom: -60px;
}

@media all and (max-width: 1024px) {
  #footer-callout .callout-accent {
    font-size: 6.5em;
  }
}
@media all and (max-width: 800px) {
  #footer-callout .callout-accent {
    font-size: 5em;
  }
}
@media all and (max-width: 570px) {
  #footer-callout .callout-accent {
    font-size: 4em;
  }
}


/*----------------------------------------------------------------------------*/
/* --- BEGIN FOOTER --------------------------------------------------------- */
#container-footer {
  margin: 0;
  padding-top: 120px;
}
#container-footer .secondary-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#container-footer .secondary-tools .footer-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 20px;
  width: 100%;
}
#container-footer .secondary-tools .footer-wrapper-left,
#container-footer .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#container-footer .secondary-tools .footer-wrapper-left .footer-left,
#container-footer .secondary-tools .footer-wrapper-left .footer-right {
  width: 50%;
}
#container-footer #payments ul,
#footer-navigation ul {
  text-align: right;
}
#container-footer .social-networking {
  text-align: left;
}
#container-footer .footer-bottom {
  border-top: 6px #eff1ef solid;
  padding-top: 35px;
}

#container-footer .phone-number a {
  font-size: 20px;
  font-style: normal;
}
#container-footer .address {
  font-size: 16px;
  font-style: italic;
}
#container-footer .footer-right p {
  text-align: right;
  font-size: 16px;
  font-style: italic;
}
#container-footer .footer-bottom .copyright {
  margin-right: 10px;
  font-size: 16px;
  font-style: italic;
}
#container-footer .footer-bottom .imarket-link {
  margin-left: 10px;
  text-align: right;
  font-size: 16px;
  font-style: italic;
}

@media all and (max-width: 800px) {
  #container-footer .secondary-tools,
  #container-footer .footer-wrapper-left,
  #container-footer .footer-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #container-footer .secondary-tools .footer-wrapper-left .footer-left,
  #container-footer .secondary-tools .footer-wrapper-left .footer-right {
    width: 100%;
  }
  #container-footer .footer-wrapper-left .footer-left,
  #container-footer .footer-wrapper-left .footer-right,
  #container-footer #payments ul,
  #footer-navigation ul,
  #container-footer .social-networking,
  #container-footer .social-networking ul,
  #container-footer .footer-bottom,
  #container-footer .footer-bottom p,
  #container-footer .secondary-tools .footer-wrapper,
  #container-footer .footer-bottom .imarket-link {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #container-footer .footer-right p {
    text-align: center;
  }
  #container-footer .footer-bottom .copyright {
    margin-bottom: 20px;
  }
}

/* End Content Pattern */
#newsletter-signup {
  background-color: #eff1ef;
  padding: 30px 0px;
  margin: 0;
}
#newsletter-signup .secondary-tools-heading {
  color: #0b202e;
}
#newsletter-signup .secondary-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
/* Content Pattern */
#newsletter-signup .secondary-tools-heading {
  margin-right: 20px;
  line-height: 50px;
}
#newsletter-signup .secondary-tools form {
  margin-bottom: 0;
  text-align: center;
}
@media all and (max-width: 570px) {
  #newsletter-signup .secondary-tools-heading {
    line-height: 22px;
  }
  #newsletter-signup .secondary-tools form input {
    max-width: 200px;
  }
}




/* --- FOOTER --------------------------------------------------------------- */
/* --- NAVIGATION ----------------------------------------------------------- */
#footer-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 15px 0 10px;
  text-align: right;
}
#footer-navigation ul li {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  padding: 0;
}

@media all and (min-width: 571px) {
  #footer-navigation ul li {
    display: inline-block;
  }
  #footer-navigation ul li:not(:last-of-type)::after {
    content: '\007c';
    display: inline-block;
    position: relative;
    padding: 0 10px;
  }
}


#footer-navigation ul li a:link,
#footer-navigation ul li a:visited {
  color: #e02a32;
  text-decoration: underline;
}
#footer-navigation ul li a:hover,
#footer-navigation ul li a:active {
  color: #03293b;
  text-decoration: none;
}

@media all and (max-width: 800px) {
  #footer-navigation ul {
    text-align: center;
  }
}

/* --- 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: #e02a32;
  padding-left: 30px;
  margin:0 auto;
  text-decoration: underline;
}
p.imarket-link a:hover {
  color: #03293b;
  text-decoration: none;
}

/* --- 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;
}


#wp-blog .view-all {
  margin: 30px 0;
}
#wp-blog .social-buttons-blog {
  margin-bottom: 20px;
}
#thanks #container-footer,
#wp-blog #container-footer {
  padding-top: 60px;
}

#service-areas #service-area-search li {
  text-align: left;
}
#service-areas #service-area-search ul {
  padding: 0;
}

#wp-blog:not(.home) #top-content-wrap>.width-limiter {
  min-height: initial;
}
#sidebar-content .widget {
  font-size: 1.8em;
}
#sidebar-content .widget .width-limiter {
  width: 100%;
}