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

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


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

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

html, body {height:100%;}

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

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

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

.width-limiter {max-width:1250px; margin:0 auto;width:97%;}

/*----- 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%;}
	.width-limiter {width:100%;}
}

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

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

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

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

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

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

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


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

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


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

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


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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color:#000;
	font-weight:bold;
	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;}

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: 3em;}
h2,.h2 {font-size: 2.5em;}
h3,.h3 {font-size: 1.9em;}
h4,.h4 {font-size: 1.7em;}
h5,.h5 {font-size: 1.6em;}
h6,.h6 {font-size: 1.5em;}
p, li {font-size: 1.5em;}

@media all and (max-width: 1025px) {	
    h1,.h1 {font-size: 2.8em;}
    h2,.h2 {font-size: 2.3em;}
    h3,.h3 {font-size: 1.8em;}
    h4,.h4 {font-size: 1.6em;}
    h5,.h5 {font-size: 1.5em;}
    h6,.h6 {font-size: 1.4em;}
    p, li {font-size: 1.4em;}
}

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

@media all and (max-width: 570px) {	
    h1,.h1 {font-size: 2.4em;}
    h2,.h2 {font-size: 2.1em;}
    h3,.h3 {font-size: 1.8em;}
    h4,.h4 {font-size: 1.6em;}
    h5,.h5 {font-size: 1.4em;}
    h6,.h6 {font-size: 1.3em;}
}



/* --- 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: #000000;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #3a6899;
}

a:active {
	text-decoration: none;
	color: #cc1a35;
}

/* --- 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: 5px 5px 5px 5px;
  font-family: Arial,Helvetica,sans-serif;
  padding:5px;
}

form fieldset select {
  padding:4px;
}

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 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTBhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	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 */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa0a0', endColorstr='#f9c2c2',GradientType=0 ); /* IE6-8 */
	border-top:10px solid #D60000;
	color: #353535;
	text-shadow: 0 1px 0 #fff;
}

.confirmation-container {
	background: #abeaab; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZWFhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmZmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	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 */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abeaab', endColorstr='#bfffbf',GradientType=0 ); /* IE6-8 */
	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;
} 

/*----- 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;
    flex: 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;
}
.ai-space-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
}


/* 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-space-between {
    -ms-flex-item-align: space-between;
    -ms-grid-row-align: space-between;
    align-self: space-between;
}
.as-auto {
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}


/* Flex Grow/Shrink/Basis */

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}
.flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

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


input[type="submit"],
button {
	background-color: #FF0000;
	color:#fff;
}

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


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

#nn-reviews {
  margin: 25px 0;
}

.nn-agg-container {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.nn-agg-container img {
  max-height: 30px;
  max-width: 150px;
  vertical-align: middle;
}

.nn-agg-rating {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  vertical-align: middle;
}

.nn-reviews {
  font-size: 1.4em;
  margin: 7px 0;
}

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

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

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

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


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

.view-all {
  font-size: 1.5em;
  font-style: italic;
  margin-bottom: 0;
  text-align: right;
}
.view-all a {
	padding: 6px;
	border-radius:4px;
	text-decoration:none;
}
.view-all a:link, .view-all a:visited { color:#FF0000; }
.view-all a:hover, .view-all a:active { color:#00CC0D; }
.view-all a:after {
/*  content: "\00BB"; /* » */
  content: "\25B6"; /* ▶ */
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  padding: 0 0 0 5px;
}

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


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

.cta-button a {
    display: block;
    min-height: 50px;  
    line-height: 50px;  
    font-size: 1.5em;
    font-weight: 800;
    margin: 0;
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-attachment: scroll;
    background-color: #FF0000;
    background-size: auto 30px;
    transition: 0.2s;
}

.cta-button a:hover,
.cta-button a:active {
	background-color: #00CC0D;
}

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

/*
.schedule-service-button.cta-button a {
    padding-left: 60px; 
    background-image: url('/assets/templates/main/images/cta-service.png');
}

.request-estimate-button.cta-button a {
    padding-left: 60px; 
    background-image: url('/assets/templates/main/images/cta-estimate.png');
    background-position: 10px center;
}
*/



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

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


#container-masthead {

}

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

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

#container-fixed-masthead {
    position: fixed;
    top: -300px;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
    transition: top 0.6s;
    z-index: 1000;
}

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




/* --- MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */
/* --- LOGO - TAGLINE --------------------------------------------------------------------------------------------------------------------------------- */

.logo {
  margin: 10px auto 5px;
  max-width: 350px;
  position: relative;
}

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

.tagline {
  color: #FF0000;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 0.6em;
  text-align: center;
  line-height:1.3em;
}

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


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

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

.phone-number {
  font-size:4em;
  font-weight:bold;
  line-height: 1.15em;
  margin:0;
  white-space: nowrap;
}

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


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

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


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

}


@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: 40px;
    text-align: right;
    font-size: 32px;
    z-index: 2000;
    padding-top: 3px;
    padding-right: 8px;
  }
  .phone-number a {
    color: #263268;
  }
}


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


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

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

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

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


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


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

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

  /*-- 2ND-LEVEL UL -----------------------*/
  #primary-navigation .nav-level-1 > ul {
    display: none;
    position: absolute;
    background-color: #005972;
    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-234.active > ul,
  #primary-navigation #nav-235.active > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

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

  /*#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-234 li.nav-level-2 {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
  }

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


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

  #nav-234 li.nav-level-2:nth-child(even),
  #nav-235 li.nav-level-2:nth-child(even) {
    background-color: #049aa2;
  }

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


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

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

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

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

  #primary-navigation .nav-level-3 a {
    font-size: 16px;
    line-break: anywhere;
  }
  /*-- 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; /* Nav width - 20px */
  }

  /* 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;
}
#top-content-wrap > .width-limiter,
#main-content-wrap > .width-limiter {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 10;
}
.content-left,
.sidebar-right {
    padding: 0 15px;
}

/*----- LAYOUTS - SUBPAGE CONTENT STRUCTURE ----- */
/* Smaller Desktop */
@media all and (min-width: 801px) {
    .content-left,
    .sidebar-right {
        display: inline-block;
        vertical-align: top;  
        max-width: 100%;
    }
    .content-left {
        width: calc(100% - 356px);
    }
    .sidebar-right {
        width: 350px;
    }
    #top-content-wrap .sidebar-right,
    #top-content-wrap .content-left {
        vertical-align: middle;
    }
    /* 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% - 456px);
    }
    .sidebar-right {
        width: 450px;
    }
}

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

#top-content-wrap #breadcrumbs-container {
    padding: 25px 0 5px;
}
#top-content-wrap #breadcrumbs-container + h1 {
    margin-top: 10px;
}
.has-landing-page-image #top-content-wrap .content-left * {
    color: #fff;
}
.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 {
    text-decoration: none;
}
.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;
}
.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; /* width of live edge */
        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;    
}

/* --- 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;
  border-top: 2px solid #bababa;
  margin: 20px 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: 2.3em;
  font-weight: normal;
  margin: 0 0 0.4em;
}

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

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

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

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

.secondary-tools ul li a:link,
.secondary-tools ul li a:visited {
  color: #00cc0d;
  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 input[type="submit"],
.secondary-tools form button {
  padding: 6px;
  position: relative;
  margin-left: -10px;
}


#container-mini-form {
	background-color: #99e800;
	box-shadow: 2px 3px 8px 0 rgba(0,0,0,.39);
}

#mini-form {
	margin: 0;
}
.pseudo-bg {
	position: relative;
}

/* Phone button */
#phone-button {
	text-decoration: none;
	background-color: #00a900;
	line-height: 130px;
	text-align: center;
	padding: 10px 45px 10px 20px;
	position: relative;
}
#phone-button .vertical-center {
	line-height: 15px;
	vertical-align: middle;
	display: inline-block;
}
#phone-button {
	line-height: 130px;
	text-align: center;
}
#phone-button span.h1 {
	font-size: 4em;
	font-style: italic;
	color: #99e800;
	text-transform: uppercase;
	margin-bottom: 3px;
}
#phone-button span.h1, #phone-button span.h2 {
	margin: 0;
}
#phone-button .vertical-center span {
	display: block;
	line-height: 1em;
}
#phone-button span.h2 {
	font-size: 3.5em;
}
#phone-button span.h1, #phone-button span.h2 {
	margin: 0;
}
#phone-button .phone-number, #phone-button .phone-number a, #phone-button .phone-number span, #phone-button .phone-number span.gc-cs-link {
	color: #fff;
	white-space: nowrap;
}
.phone-number {
	font-weight: 700;
}
#phone-button::after {
	content: '';
	height: 100%;
	width: 34px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #99e800;
	background-image: url(/assets/templates/main/images/phone-button-arrow.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}



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


/* Mini Form */
.sticky.ims-sticky-box {
	margin-top: 0 !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
}

#mini-form .form-wrapper {
	padding: 23px 37px 13px 0;
}
#mini-form span.secondary-tools-heading {
	color: #005e83;
	margin-bottom: 5px;
}
.secondary-tools-heading {
	display: block;
	font-size: 3em;
	line-height: 1.15;
	font-weight: 700;
	margin: 0 0 .3em;
	color: #0178a9;
}

#mini-form .secondary-tools form fieldset:first-child {
	width: calc(100% - 90px);
}
#mini-form .secondary-tools form fieldset {
	display: inline-block;
	vertical-align: top;
	margin-right: -3px;
}

#mini-form .secondary-tools form fieldset:first-child ul li {
	margin-right: -3px;
	width: 25%;
	padding-right: 14px;
}
#mini-form input[type="text"], #mini-form select {
	background-color: #fff;
	border: 2px #fff solid;
	box-shadow: inset 2px 3px 4px 0 rgba(0,0,0,.3);
	font-size: 18px;
}
.secondary-tools form fieldset input[type="text"], .secondary-tools form fieldset select {
	height: 55px;
}
#mini-form .secondary-tools form fieldset:last-child {
	width: 90px;
}
#mini-form form ul.submit li {
	margin-top: -10px;
}
#mini-form form button.action-button, #service-area-search form li.submit, .cta-button a {
	text-align: center;
	padding: 0 20px;
	text-decoration: none;
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	box-shadow: inset 0 3px 7px 0 transparent;
	transition: .2s;
	background: #fc5130 0 0 no-repeat;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjNTEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjQxMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) 0 0 no-repeat;
	background: -moz-linear-gradient(top,rgba(252,81,48,1) 0,rgba(219,65,35,1) 100%) 0 0 no-repeat;
	background: -webkit-linear-gradient(top,rgba(252,81,48,1) 0,rgba(219,65,35,1) 100%) 0 0 no-repeat;
	background: linear-gradient(to bottom,rgba(252,81,48,1) 0,rgba(219,65,35,1) 100%) 0 0 no-repeat;
}
#mini-form form button.action-button {
	font-size: 23px;
}
#mini-form form button.action-button {
	background-color: #fe0000;
	background-image: none;
}

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

/*-------- 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 {
  bottom: 4px;
  display: block;
  padding: 0 6px;
  position: absolute;
  right: 0;
  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 --------------------------------------------------------------------------------------------------------------------------------- */
/* --- REVIEWS --------------------------------------------------------------------------------------------------------------------------------- */

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

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

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

@media all and (max-width: 800px) {
    #reviews #top-content .testimonial,
    #reviews #main-content .testimonial {
        margin: 30px auto;
    }
    #reviews #top-content .testimonial blockquote .quote p,
    #reviews #main-content .testimonial blockquote .quote p {
        font-size: 1.6em;
    }
    #reviews #top-content .testimonial blockquote p.source,
    #reviews #main-content .testimonial blockquote p.source {
        font-size: 1.4em;
    }
}

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


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

#service-areas #top-content .content-spacer {
    padding-left: 0;
    padding-right: 0;
}

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



/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- 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%;
	font-size: none;
	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;
	}
}


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




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

#footer-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 15px 0 10px;
  text-align:center;
}

#footer-navigation ul li {
  display:inline-block;
  font-size:1.5em;
  font-weight:bold;
  padding: 0 8px;
  text-transform: uppercase;
}

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

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


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

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

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

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



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