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

::-moz-focus-inner {
  border: 0;
}

fieldset, a img { border: 0 solid transparent; }

html, body {height:100%;}

body {
    font: 62.5%/1.8em "Roboto", sans-serif;
	background: #FFF;
	text-align: left;
	min-width:320px;
}

body.mceContentBody {min-width:0;background: #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: 20px;}
[class*='ims-grid-']:last-of-type {padding-right: 0;}
.ims-grid-force-pad:last-of-type {padding-right: 20px;}

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


/*----- 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, h2, h3, h4, h5, h6 {
	color:#000;
	font-weight:bold;
	line-height: 1.15em;
	margin: 5px 0 22px;
	font-family: "Roboto Slab";
}

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

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 { margin: 0 0 1.8em 3.6em; color:#000000;}
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
li li, li p { font-size: 1em; }

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

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


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

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

h1 {font-size: 50px;}
h2 {font-size: 30px;}
h3 {font-size: 22px;}
h4 {font-size: 19px;}
h5 {font-size: 18px;}
h6 {font-size: 17px;}
p, li {font-size: 17px; line-height: 25px}

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

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

@media all and (max-width: 570px) {	
	h1 {font-size: 2.3em;}
	h2 {font-size: 2.1em;}
	h3 {font-size: 1.8em;}
	h4 {font-size: 1.6em;}
	h5 {font-size: 1.4em;}
	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 {
	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 {
	width:90%;
	margin: 0 auto 1.8em auto;
	text-align: center;
}

.image-left img, .image-right img, .image-center img {
	display:block;
	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;
}

.automatic-page-image {
	min-height: 475px;
	background-repeat: no-repeat;
	background-size: cover;
}

.automatic-page-image::before {
	content: '';
	position: absolute;
	min-height: 475px;
    width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67&0+0,1+61 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 61%, rgba(255,255,255,1) 67%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 67%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 61%,rgba(255,255,255,1) 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*----- LAYOUTS - IMAGES ----- */
@media (max-width: 800px) {
	.automatic-page-image {
		min-height: 370px;
	}
}

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


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

a:link,
a:visited {
	color: #222222;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	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 {
	margin: 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: 'Roboto', 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: none repeat scroll 0 0 transparent !important;
  border: medium none !important;
  color: #e51937 !important;
  font-family: "Roboto Slab",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;
  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: none repeat scroll 0 0 #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:#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  --------------------------------------------------------------------------------------------------------------------------------- */


.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; }


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

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

.ultimate-parent-103 #top-content button {
	background: rgb(255,216,0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(255,241,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,216,0,1) 0%,rgba(255,241,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,216,0,1) 0%,rgba(255,241,0,1) 100%);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
    transition: box-shadow 0.4s;
}

.ultimate-parent-103 #top-content button:hover {
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

.main-gradient {
	background: #ededed; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ededed 0%, #bcbcbc 18%, #8e8e8e 47%, #aaaaaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(18%,#bcbcbc), color-stop(47%,#8e8e8e), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#bcbcbc 18%,#8e8e8e 47%,#aaaaaa 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-8 */
}

/* --- 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: url(/assets/templates/main/images/star.png) left -1000px 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;margin:0px;}
.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: 15px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
}
.view-all a, a.view-all {
	padding: 6px;
	border-radius:4px;
}
.view-all a:link, .view-all a:visited, a.view-all:visited { color:#222222; }
.view-all a:hover, .view-all a:active, a.view-all:active { text-decoration: none; }
.view-all a:after, a.view-all:after {
  content: " \00BB"; /* Â» */
  /* content: "\25B6"; /* â–¶ */
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
}

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


div.cta-button {
	background: rgb(255,241,0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,241,0,1) 0%, rgba(255,216,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%);
    border-radius: 2px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
    transition: all 0.4s;
}
div.cta-button:hover,
div.cta-button:active {
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: #222222;
}

div.cta-button span {
  font-size: 1.5em;
  font-weight: 800;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.cta-button span a {
  display:block;
  text-decoration:none;
}

div.cta-button span a:link,
div.cta-button span a:visited {
  color: #222222;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 22px;
}

div.cta-button span a {
  background: none no-repeat 5px center scroll transparent;
  background-size: auto 30px;
  min-height: 40px;
  padding: 10px 5px;
}

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

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

.large-button {
	width: 246px;
	height: 50px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.large-button a {
	text-decoration: none;
	display: block;
    height: 100%;
    border-radius: 2px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff100+0,ffd800+100 */
	background: rgb(255,241,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,241,0,1) 0%, rgba(255,216,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.large-button a {
	transition: box-shadow 0.4s;
}

.large-button span {
	line-height: 50px;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.large-button a:hover {
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: #222222;
}

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

.social-networking {
	display: inline-block;
	vertical-align: middle;
}

.social-networking ul {
  list-style-type: none;
  margin: 0 0 0;
  text-align:center;
}
.social-networking ul li {
    background: none 0 0 no-repeat scroll transparent;
    background-size: 35px auto;
    background-position: center;
    display: inline-block;
    margin-right: 1px;
    position: relative;
    padding: 0px;
    margin: 0px 10px;
}

.social-networking ul li a::after {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    border: 3px solid #FFF100;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
    opacity: 0;
    transition: opacity 0.4s;
}

.social-networking ul li a:hover::after {
	opacity: 1;
}

.social-networking ul li a {
  display:block;
  text-indent: -999em;
  height: 35px;
  width: 35px;
}

.social-networking ul li.btn-facebook {
	background-image: url('/assets/templates/main/images/social/btn-facebook.png');
	background-size: 12px;
}
.social-networking ul li.btn-twitter {
	background-image: url(/assets/templates/main/images/social/btn-twitter.png);
    background-size: 20px;
}
.social-networking ul li.btn-youtube {
	background-image: url(/assets/templates/main/images/social/btn-youtube.png);
    background-size: 18px;
}
.social-networking ul li.btn-gplus {
	background-image: url('/assets/templates/main/images/social/btn-gplus.png');
	background-size: 20px;
}

.social-networking ul li:hover {  	
	border-color: #FFF100;
}

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

.social-networking ul li,
.social-networking ul li a {transition:height 0.3s ease, width 0.3s ease, background-size 0.3s ease;} 

/* --- GENERAL UTILITY --------------------------------------------------------------------------------------------------------------------------------- */
/* --- HR & BALL --------------------------------------------------------------------------------------------------------------------------------- */

hr {
	border: none;
	height: 3px;
	background-color: #FFF100;
}

hr::after {
	content: '';
	position: absolute;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	left: 58%;
    margin-top: -6px;
    background-color: #FFF100;
}

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


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


#container-masthead {
	background-image: url('/assets/templates/main/images/pattern-grey.png');
	border-bottom: 3px solid #181818;
}

#masthead {
	overflow: visible;
	position: relative;
}

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




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

#logo {
  margin: 18px 0px;
  max-width: 308px;
  position: relative;
}

#logo img{
    width:100%;
    height:auto;
    display:block;
    max-width: 308px;
}

#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-number-outer {
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
}

#phone-container {
  	text-align: right;
}

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

#phone-number {
  font-size: 42px;
  font-weight:bold;
  line-height: 1;
  margin:0;
}

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

#service-area {
	font-style: italic;
	margin-top: 4px;
}

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

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


@media all and (max-width: 1025px) {    
	#phone-number {
		font-size: 36px;
	}
}


@media all and (max-width: 900px) {    
	#phone-container {
		padding-top: 22px;
	}

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

@media (max-width: 800px) {
	#container-masthead {
		border-top: 35px solid #525252;
	}

	#masthead {
		padding: 0 10px;
	}

	#masthead .large-button {
		width: 200px;
	}

	#masthead span {
		font-size: 19px;
	}
}

@media (min-width: 571px) and (max-width: 750px) {
	#masthead [class*="ims-grid-"] {
		width: 50%;
	}

	#phone-container {
		text-align: center;
	}
	
	#phone-number-outer {
		padding-left: 0px;
		padding-top: 10px;
	}
	
	#service-area {
		margin-bottom: 10px;
	}

	#logo img {
		max-width: 260px;
	}
}

@media all and (max-width: 570px) {    
	#logo {
		margin: 15px auto 0px;
	}

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

	#phone-number-outer {
		position: absolute;
	    top: -35px;
	    right: 0px;
	    width: calc(100% - 75px);
	}

	#phone-number-outer a {
		color: #FFFFFF;
	}

	#phone-number {
	    font-size: 22px;
	    line-height: 35px;
	    text-align: right;
	    padding-right: 10px;
	}

	#service-area {
		display: none;
	}

	#logo {
    	margin: 40px auto 0px;
    	text-align: center;
	}

	#logo::before {
	    content: 'Serving the Dallas and Fortworth Area';
	    font-style: italic;
	    font-size: 15px;
	    text-align: center;
	    position: relative;
	    bottom: 20px;
	}

	#masthead .large-button {
    	width: 254px;
    	margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	#masthead .large-button,
	#phone-number-outer {
		display: block;
		padding-left: 0px;
	}

	#masthead .large-button {
		margin: 0px auto 15px;
	}

	#logo img {
		max-width: 240px;
		margin: auto;
	}

	#masthead .large-button {
    	margin: 0px auto -25px;
    	z-index: 1;
	}
}

/* --- FIXED MASTHEAD --------------------------------------------------------------------------------------------------------------------------------- */

#container-fixed-masthead {
	background-image: url('/assets/templates/main/images/pattern-grey.png');
	border-bottom: 3px solid #222222;
	position: fixed;
	width: 100%;
	top: -90px;
	z-index: 1000;
	min-width: 320px;
	transition: all 0.2s;
}

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

#container-fixed-masthead .width-limiter {
	padding-top: 17px;
	padding-bottom: 16px;
	width: 97%;
}

#container-fixed-masthead .ims-grid-four:last-of-type {
	text-align: right;
}

#container-fixed-masthead .ims-grid-four:nth-child(2) {
	text-align: center;
	font-size: 35px;
	font-weight: bold;
}

#fixed-telephone-number {
	text-decoration: none;
	color: #222222;
	line-height: 1;
}

#container-fixed-masthead .ims-grid-four {
	vertical-align: middle;
} 

@media (max-width: 800px) {
	.js .ims-is-scrolled:not(.active-navigation) #toggle-navigation {
	    position: fixed;
	    top: 0px;
	    background-size: auto 20px;
	}

	#container-fixed-masthead {
		top: -110px;
		background: none;
		background: #525252;
		border-bottom: 0px;
	}

	#container-fixed-masthead .width-limiter {
		padding: 0px 10px;
	}

	#container-fixed-masthead .ims-grid-four:nth-child(2) {
		width: calc(100% - 100px);
	    padding-right: 0px;
	    margin: auto;
	    margin-right: 0px;
	    text-align: right;
	    display: block;
	}

	#container-fixed-masthead .ims-grid-four:first-of-type,
	#container-fixed-masthead .ims-grid-four:last-of-type {
		display: none;
	}

	#fixed-telephone-number {
		font-size: 22px;
	    line-height: 35px;
	    text-align: right;
	    color: #FFFFFF;
	}
}

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



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

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


    #toggle-navigation {
        transition: all 0.2s;
    }

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

    #primary-navigation {
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
      background-image: url('/assets/templates/main/images/pattern-grey.png');
      box-shadow: 0 0 15px #787878 inset;
      display:block;
      height: 100%;
      width: 100%;
      padding: 40px 0 20px;
    }

    #primary-navigation > ul {
      display: block;
      margin: 0;
      height: 100%;
      list-style-type:none;
      overflow-x: hidden;
      overflow-y: scroll;
      width: 100%;
    }

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

    #primary-navigation ul li a {
        text-decoration:none;
    }

    .active-navigation #masthead span {
    	text-transform: uppercase;
    }


/* --- 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,
    .active-navigation #masthead span {
        color:#222222;
        font-size: 16px;
    }


    /* ----- 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 {
        transition: all 0.3s;
        background-color: #FFF100;
        font-weight: bold;
    }

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

    /* ----- Nav Font Sizes ----- */
    /* Top Level */
    #primary-navigation ul li.nav-level-1 {
        font-size: 2.2em;
        line-height: 1.1em;
    }
    /* Secondary */
    #primary-navigation ul li.nav-level-1 > ul > li {
        font-size:0.75em;
        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;
    }
    #primary-navigation ul li.nav-level-1:first-child {
        border-top: 1px solid rgba(0,0,0,0.3);
      }
    #primary-navigation ul li.nav-level-1 > a {
      display: block;
      padding:8px 19% 10px 5%;
    }


/* --- 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:5px 19% 5px 7%;
    }
    #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: 1px solid rgba(0,0,0,0.3);
      margin: 0 0 0 7%;
    }
    #primary-navigation ul li.nav-level-1 > ul > li ul li a {
      padding:5px 19% 5px 2%;
    }
    #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;
    }


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

    #toggle-navigation {
      height: 0;
      width:0;
    }
    .no-js #toggle-navigation {
     display:none;
    }
    /*.js #toggle-navigation {
      background: url("/assets/templates/main/images/nav/icon-nav-light.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
      background-size: auto 30px;
      border-radius:4px;
      cursor: pointer;
      font-size: 2em;
      height: 35px;
      left: 9px;
      margin: 0 auto;
      min-width: 100px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      text-align: left;
      top: -38px;
      z-index: 1950;
    }
    .js #toggle-navigation a {
      color: #FFFFFF;
      display: block;
      height: 100%;
      line-height: 35px;
      padding: 0 5px 0 35px;
      text-align:left;
      text-decoration: none;
      width:100%;
      font-variant: small-caps;
    }*/
    .js #toggle-navigation {
	    background: url(/assets/templates/main/images/nav/icon-nav-light.png) no-repeat scroll 10px center rgba(0, 0, 0, 0);
	    background-size: auto 20px;
	    border-radius: 0px;
	    cursor: pointer;
	    font-size: 13px;
	    height: 35px;
	    left: 9px;
	    margin: 0 auto;
	    min-width: 75px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    text-align: left;
	    top: -35px;
	    z-index: 1950;
	    background-color: #222222;
	    left: 0px;
	    transition: all 0.2s;
	}
		.js #toggle-navigation a {
	    color: #FFFFFF;
	    display: block;
	    height: 100%;
	    line-height: 35px;
	    padding: 1px 5px 0 34px;
	    text-align: left;
	    text-decoration: none;
	    width: 100%;
	    font-variant: small-caps;
	}


    .js .active-navigation #toggle-navigation {
      background-image: url('/assets/templates/main/images/pattern-yellow.png');
      background-repeat: repeat;
      border-bottom: 2px solid #222222;
      border-radius:0;
      height: 40px;
      position: fixed;
      top: 0;
      left: 0;
      width: 90%;
      font-size: 17px;
      font-weight: bold;
    }
    .js .active-navigation #toggle-navigation a {
      color: #363636;
      font-size: 1.2em;
      height: 40px;
      line-height: 40px;
      padding: 0 15px;
      text-align: right;
    }


    /* ------ Show/Hide Navigation (slide-out) ------ */
     #container-primary-navigation {
      height: 100%;
      left: -90%;
      position:fixed;
      width: 90%;
      top: 0;
      z-index: 900;
     }
    .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 {
		left:90%;
	}
    .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;
      font-family: 'Roboto', sans-serif;
      font-size: 1.7em;
      font-weight: normal;
      height: 40px;
      margin: 0;
      padding: 8px 1% 0 3%;
      position: absolute;
      right: 0;
      top: 0;
      width: 19%;
      z-index: 900;
    }
    li.nav-level-1 li div.expand-nav {
      height: 25px;
      padding: 3px 10px 0 25px;
      width: 100px;
    }
    span.nav-expand {
      color: #787878;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      margin: 0;
      text-align: center;
      vertical-align: top;
      width: 100%;
    }
    li.nav-level-1 li span.nav-expand {
      height: 25px;
      line-height: 25px;
    }
    span.nav-expand:after {
      content: '+'; 
    }
    div.expand-nav.active > span.nav-expand:after {
      content: '-'; 
    }


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


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

@media all and (max-width: 570px) {    
	.js #toggle-navigation {
	    background: url(/assets/templates/main/images/nav/icon-nav-light.png) no-repeat scroll 10px center rgba(0, 0, 0, 0);
	    background-size: auto 20px;
	    border-radius: 0px;
	    cursor: pointer;
	    font-size: 13px;
	    height: 35px;
	    left: 9px;
	    margin: 0 auto;
	    min-width: 75px;
	    overflow: hidden;
	    padding: 0;
	    position: absolute;
	    text-align: left;
	    top: -35px;
	    z-index: 1950;
	    background-color: #222222;
	    left: 0px;
	}

    .js #toggle-navigation a {
	    color: #FFFFFF;
	    display: block;
	    height: 100%;
	    line-height: 35px;
	    padding: 1px 5px 0 34px;
	    text-align: left;
	    text-decoration: none;
	    width: 100%;
	    font-variant: small-caps;
	}

	#container-masthead {
    	border-top: 35px solid #525252;
	}
}


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




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


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

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

    #primary-navigation {
      clear: both;
      margin: 0 auto;
      padding: 0;
      position: relative;
      text-align: center;
      z-index:800;
      margin-right: 0px;
    }

    #primary-navigation ul {
      	display:block;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        text-align: right;
    }

    #primary-navigation ul li,
    #primary-navigation ul li a {
        text-decoration: none;
        cursor:pointer;
    }

    #primary-navigation > ul::before {
	    position: absolute;
	    content: '';
	    right: 0px;
	    width: 100%;
	    height: 3px;
	    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(34,34,34,1) 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(34,34,34,1) 100%);
	    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(34,34,34,1) 100%);
	    background-color: rgb(34,34,34);
	}

	#primary-navigation > ul::after {
		position: absolute;
	    content: '';
	    border-radius: 50%;
	    width: 14px;
	    height: 14px;
	    background: #222222;
	    right: 0px;
	    top: -6px;
	}
    

/* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */
/* --- NAV ITEM COLORS  --------------------------------------------------------------------------------------------------------------------------------- */


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


    /* ----- Rollovers ----- */
    /* Primary Nav */
    #primary-navigation li a:hover,
    #primary-navigation li a:active,
    #primary-navigation li.active > a {
        color: #929292;
    }
    /* Dropdowns */
    #primary-navigation ul li.nav-level-1 ul li a:hover,
    #primary-navigation ul li.nav-level-1 ul li a:active {
        color: #929292;
        background: none;
    }

    /* ----- You Are Here ----- */
    /* All Nav Items */
    #primary-navigation li.nav-level-1 li.current > a:link,
    #primary-navigation li.nav-level-1 li.current > a:visited,
    #primary-navigation li.nav-level-1 li.current > a:hover,
    #primary-navigation li.nav-level-1 li.current > a:active {
        color: #929292;
        font-weight: bold;
    }
    /* Primary Nav Arrows */
    #primary-navigation ul li.nav-level-1.current a:after {
       color: #00CC0D;
    }


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

    #primary-navigation ul li.nav-level-1 {
      display:inline-block;
      font-size: 1.4em;
      font-weight: bold;
      margin: 0 -3px 0 0;
      padding: 0;
      position:relative;
      text-align: center;
      vertical-align:top;
    }
    
    #primary-navigation ul li.nav-level-1 {
      height: 56px;
      line-height: 56px;
    }
    
    #primary-navigation ul li.nav-level-1 > a {
      display: block;
      height: 100%;
      line-height: 56px;
      padding:0 15px;
      text-transform: uppercase;
      font-size: 15px;
    }

    #primary-navigation ul li.nav-level-1 > a > span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.1;
    }

    #primary-navigation ul li.nav-level-1.current > a > span {
    	margin-bottom: 6px;
    }

    #primary-navigation ul li.nav-level-1.current {
    	border-bottom: 3px solid #FFF100;
	    position: relative;
	    bottom: -3px;
	    height: 59px;
    }

/* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */
/* --- DROPDOWN ARROWS (PRIMARY ITEMS)  --------------------------------------------------------------------------------------------------------------------------------- */

    #primary-navigation ul li.nav-level-1 > a::after {
    /*    content:'\25e2'; /* â—¢ */
    /*    content:'\22bf'; /* âŠ¿ */
    /*    content:'\25bd'; /* â–½ */
    /*    /*content:'\25bc'; /* â–¼ */
		content: '';
		background-image: url('/assets/templates/main/images/icons/icon-dropdown-arrow.png');
		font-family: 'Roboto', sans-serif;
		font-weight: normal;
		font-size:0.6em;
		line-height:1.1em;
		position: absolute;
		right: 0;
		text-align: center;
	    height: 6px;
	    width: 8px;
	    right: 3px;
	    top: 50%;
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
    }

    #primary-navigation ul li.nav-level-1.current > a::after {
    	top: calc(50% - 3px);
    }

    /* no arrows for primary nav items with no dropdowns */
    #primary-navigation ul li.nav-level-1.contains-0 a:after {
        content:'';
        background-image: none;
    }



/* --- PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */
/* --- DROPDOWNS - CONTAINERS --------------------------------------------------------------------------------------------------------------------------------- */
    
    #primary-navigation ul li.nav-level-1 li.nav-level-2 {
        font-weight: bold;
    }
    #primary-navigation ul li.nav-level-1 li.nav-level-2 ul {
        font-weight: normal;
    }

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

    #primary-navigation ul li.nav-level-1 > ul {
      background: none repeat scroll 0 0 #FFFFFF;
      box-shadow: 0 3px 8px rgba(0,0,0,0);
      left: 0;
      max-height: 0;
      overflow: hidden;
      position: absolute;
      top: 59px;
      width: 300px;
    }

    #primary-navigation ul li.nav-level-1.current > ul {
    	top: 59px;
    }

    #primary-navigation ul li.nav-level-1.active > ul {
      border-radius: 0 0 5px 5px;
      box-shadow: 0 3px 8px rgba(0,0,0,1);
      display: block;
      height: auto;
      max-height: 800px;
      text-align: left;
    }

    /* Positioning for 'center position' and 'right position' dropdowns */
    #primary-navigation ul li.nav-level-1.center-position > ul {
      left: -75px;
    }
    #primary-navigation ul li.nav-level-1.right-position > ul {
      left: auto;
      right: 0;
    }

    #primary-navigation ul li.nav-level-1#nav-11 li.nav-level-2 {
    	font-weight: bold;
    }

/* --- 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: none repeat scroll 0 0 #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;
    }
    .nav-level-1.active.center-position > div.expand-nav {
      left: 210px;
    }
    .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: none repeat scroll 0 0 #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 --------------------------------------------------------------------------------------------------------------------------------- */

    /* ----- All Dropdown Nav Items ----- */
    #primary-navigation ul li.nav-level-1 li {
      border: medium none;
      border-top: 1px solid rgba(255,255,255,0.3);
      height: auto;
      display:block;
      font-size: 1em;
      font-weight: normal;
      line-height: 1.3em;
      text-align: left;
    }
    #primary-navigation ul li.nav-level-1 li a {
      display: block; 
      padding: 2px 8px;
    }
    #primary-navigation ul li.nav-level-1 li:first-child a {
      padding-top: 3px;
    }


    /* ----- 3rd Level Nav Items (tertiary service pages) & beyond  ----- */
    #primary-navigation ul li.nav-level-1 > ul > li ul {
      border-left: 1px solid rgba(255,255,255,0.3);
      margin: 0 0 0 8px;
    }

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


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

@media (min-width: 801px) and (max-width: 1225px) {
	#primary-navigation ul li.nav-level-1 > a { padding: 0 12px; }
}

/* Two-Line Text  */
@media all and (min-width: 801px) and (max-width: 1200px) {    
	#primary-navigation ul li.nav-level-1 > a { padding: 0 15px; }
	#nav-8 { width: 130px; }
	#nav-10 { width: 114px; }
	#nav-21 { width: 78px; }
	#nav-103 { width: 94px; }
}

@media all and (min-width: 801px) and (max-width: 1100px) {
	#primary-navigation ul li.nav-level-1 > a { 
		padding: 0 12px; 
		font-size: 13px;
	}
}

@media all and (min-width: 801px) and (max-width: 1050px) {
	#nav-8 { width: 116px; }
	#nav-10 { width: 98px; }
	#nav-21 { width: 68px; }
	#nav-103 { width: 86px; }
}

/* Three-Line Text  */
@media all and (min-width: 801px) and (max-width: 950px) {
	#nav-10 { width: 78px; }
    #primary-navigation ul li.nav-level-1 > a { 
		font-size: 12px;
	}
}

@media all and (min-width: 801px) and (max-width: 835px) {
	#masthead > .ims-grid-four { width: 25%; }
	#masthead > #phone-container { width: 75%; }
}
/* --- END PRIMARY NAVIGATION (DESKTOP) --------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 



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

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

#content {
  background: transparent;
  overflow: visible;
  position:relative;
  margin-top: -325px;
}

.no-landing-page-image #content,
#wp-blog #content {
	margin-top: 40px;
}

#top-content {
	margin-top: 50px;
}

#top-content, 
#main-content {
	float: left;
}

#sidebar-content {
  float: right;
  position:relative;
  z-index:1;
}

#sidebar-content:after {
  content: '';
  height:10000%;
  position: absolute;
  left: -1px;
  top: 0;
  width:100%;
  z-index:-1;
}

.content-spacer {padding:0px;}
#top-content .content-spacer {
	padding-bottom:0;
	padding-right: 30px;
}
#main-content .content-spacer {
	padding-top:0;
	padding-right: 30px;
}
#top-content .content-spacer h1:first-child {margin-top:0;}

.exclude-sidebar-content #top-content, 
.exclude-sidebar-content #main-content {width:100%;}

.no-main-content #top-content {
	margin-bottom: 40px;
}

/* --- BREADCRUMBS --------------------------------------------------------------------------------------------------------------------------------- */

.B_crumbBox {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #444444;
}

.B_crumbBox a {
	color: #444444;
}

/* --- CONTENT FRAMEWORK --------------------------------------------------------------------------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION  --------------------------------------------------------------------------------------------------------------------------------- */



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

} 

@media all and (max-width:800px) {
	#top-content, #main-content {width:60%}
	#sidebar-content {width:40%}
	.content-spacer {padding: 15px;}
} 

@media all and (max-width: 700px) {
	#top-content, 
	#main-content,
	#sidebar-content {
		float:none; 
		width:100%;
	}
	#sidebar-content:after {height:0;content:none;}
} 


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






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

.secondary-tools-outer {
	border-top: 2px solid #bababa;
	margin: 40px 0;
	padding: 20px 0 0;
	border-radius: 5px;
    border: 3px solid #222222;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,636363+100 */
	background: rgb(34,34,34); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYzNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(34,34,34,1) 0%,rgba(99,99,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

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

.secondary-tools span.secondary-tools-heading {
  display:block;
  font-size: 2.3em;
  font-weight: normal;
  margin: 0 0 0.4em;
}

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

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

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

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

.secondary-tools ul li a:link,
.secondary-tools ul li a:visited {
  color: #FFFFFF;
  text-decoration: underline;
  transition: all 0.3s;
}

.secondary-tools ul li a:hover,
.secondary-tools ul li a:active {
  text-decoration: none;
}


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

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

.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:1.2em;
}


.secondary-tools form input[type="submit"],
.secondary-tools form button {
  font-size:1.2em;
  padding:6px;
  position:relative;
  margin-left:-10px;
}


/* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- QUICK FORM --------------------------------------------------------------------------------------------------------------------------------- */

#quick-form {
	text-align: center;
	position: relative;
}

#quick-form .secondary-tools-heading {
	color: #FFFFFF;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Roboto Slab', sans-serif;
    line-height: 1.3;
    max-width: 380px;
    margin: 0px auto 10px;
}

#quick-form .secondary-tools-heading span {
	color: #FFF100;
}

#quick-form input[type='text'],
#quick-form textarea {
	border-radius: 3px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	color: #8F8F8F;
	font-size: 18px;
	max-width: 100%;
}

#quick-form input[type='text'] {
	height: 50px;
	padding: 5px 14px;
}

#quick-form .secondary-tools li {
	padding: 7px;
	max-width: 212px;
}

#quick-form textarea {
	resize: none;
	min-width: 100%;
}

#quick-form .secondary-tools li:last-of-type {
    max-width: 426px;
    width: 100%;
}

#quick-form button {
	height: 50px;
    width: 115px;
    border-radius: 3px;
    color: #000223;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 22px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd800+0,fff100+100 */
	background: rgb(255,216,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(255,241,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,216,0,1) 0%,rgba(255,241,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,216,0,1) 0%,rgba(255,241,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
	transition: box-shadow 0.4s;
}

#quick-form button:hover {
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

#quick-form hr {
    margin: auto;
    margin-left: -10px;
    margin-bottom: 10px;
    width: 70%;
}

#quick-form hr::after {
    border-radius: 50%;
    left: 66%;
    margin-top: -6px;
}

@media (max-width: 1110px) {
	#quick-form #item-li-1,
	#quick-form #item-li-2,
	#quick-form #item-li-3,
	#quick-form #item-li-4 {
		display: block;
		margin: auto;
		max-width: 100%;
	}
	
	#quick-form input[type='text'] {
		width: 100%;
	}

	#quick-form .secondary-tools form fieldset {
		display: block;
	}

	#quick-form fieldset:first-of-type ul {
		width: 100%;
	}
}

@media (max-width: 800px) {
	#quick-form hr {
    	margin-left: -3px;
    }

    #quick-form .secondary-tools-heading {
    	font-size: 26px;
    }

    #quick-form button {
    	font-size: 19px;
    	width: 100px;
    }
}

@media (max-width: 700px) {
	#quick-form {
		width: 66.66%;
		margin: auto;
	}

	#quick-form .secondary-tools form {
		padding-left: 15px;
    	padding-right: 15px;
	}
}

@media (max-width: 570px) {
	#quick-form {
		width: 100%;
		margin: 0px;
	}

	#quick-form .secondary-tools li:last-of-type {
    	max-width: none;
    }

    #quick-form hr::after {
    	left: 68%;
    }
}

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

/*-------- PROMOTIONS - Sidebar ------------------------ */



/*-------- PROMOTIONS - Landing Page ------------------------ */

#promotions #top-content .content-spacer {
    padding-bottom: 0;
    padding-right: 20px;
}

#promotions .title {
	font-size: 50px;
	font-weight: bold;
	font-family: 'Roboto Slab', sans-serif;
	line-height: 1;
	color: #222;
	display: block;
    margin-bottom: 15px;
}

#promotions .teaser {
	color: #222;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 15px;
    display: block;
}

#promotions .promotions-exp {
    font-style: italic;
}

.promo-box {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    padding: 20px 20px 35px;
    position: relative;
    border: 5px dashed #222;
    border-radius: 10px;
    margin-bottom: 30px;
}

.promo-bg-img {
    width: 196px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.promo-bg-img + .content {
    padding-left: 200px;
}

.promo-box .promo-text {
    padding-left: 60px;
    position: relative;
}
.promo-box .promo-text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.promotions-style-default .promo-text::before {
	background-image: url('/assets/images/promotions/style/default.png');
}
.promotions-style-heating .promo-text::before {
	background-image: url('/assets/images/promotions/style/promo-heating.png');
}
.promotions-style-air-conditioning .promo-text::before {
	background-image: url('/assets/images/promotions/style/promo-ac.png');
}

.promo-box .view-all {
    position: absolute;
    bottom: 15px;
    text-align: left;
    padding-left: 60px;  /* Same as .promo-box .promo-text */
}

.promo-box .view-all a {
    cursor: pointer;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 100;
}

.ui-dialog {
    position: relative;
    z-index: 200;
    background: #fff;
    
}


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

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

#testimonials-secondary {
	padding-top: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,222222+100,ffd800+100,ffd800+100 */
	background: rgb(99,99,99); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZkODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(34,34,34,1) 100%, rgba(255,216,0,1) 100%, rgba(255,216,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	margin-bottom: 10px;
}

.quote-bar {
	background-color: #FFF100;
    text-align: center;
    background-image: url(/assets/templates/main/images/icons/icon-star.png), url(/assets/templates/main/images/icons/icon-star.png);
    background-repeat: no-repeat;
    background-position: calc(0% + 10px) center, calc(100% - 10px) center;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.quote-bar .source {
	line-height: 36px;
}

#testimonials-secondary .teaser {
	padding-left: 46px;
    padding-right: 46px;
    font-style: italic;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 1.4;
}

#testimonials-secondary .teaser::before {
	content: open-quote;
}

#testimonials-secondary .teaser::after {
	content: close-quote;
}

#testimonials-secondary::after {
    content: '';
    position: absolute;
    width: 38px;
    height: 28px;
    background-image: url(/assets/templates/main/images/tail-black.png);
    left: calc(100% - 50px);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 701px) and (max-width: 800px) {
	#testimonials-secondary .teaser {
		padding-left: 20px;
    	padding-right: 20px;
	}

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

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

#reviews .testimonial {
	background: rgb(99,99,99);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(34,34,34,1) 100%, rgba(255,216,0,1) 100%, rgba(255,216,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%);
    background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%);
    width: 80%;
    margin: 50px auto;
    border-radius: 5px;
    border: 3px solid #222222;
    position: relative;
}

#reviews .testimonial::after {
	content: '';
    position: absolute;
    width: 38px;
    height: 28px;
    background-image: url(/assets/templates/main/images/tail-black.png);
    left: calc(100% - 50px);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#reviews .teaser {
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	font-style: italic;
}

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

#newsletter-signup {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(34,34,34,1) 100%, rgba(255,216,0,1) 100%, rgba(255,216,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%);
    background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(34,34,34,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%);
    background-color: rgb(34,34,34);
    margin-bottom: 10px;
}

#newsletter-signup .secondary-tools-heading {
	line-height: 1.2;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding: 0 10px;
}

#ims-form-module-form-7 {
	text-align: center;
}

#ims-form-module-form-7 input[type='text'] {
	height: 50px;
    width: 267px;
    border-radius: 2px;
    box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
    color: #999999;
    font-size: 17px;
    padding-left: 20px;
}

#ims-form-module-form-7 button {
	border-radius: 2px;
	color: #222222;
	letter-spacing: 0.5px;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	height: 50px;
	width: 88px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4), inset 0px 3px 7px 0px rgba(0, 0, 0, 0);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff100+0,ffd800+100,ffd800+100,ffd800+100 */
	background: rgb(255,241,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZkODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,241,0,1) 0%, rgba(255,216,0,1) 100%, rgba(255,216,0,1) 100%, rgba(255,216,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,241,0,1) 0%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%,rgba(255,216,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: box-shadow 0.4s;
}

#ims-form-module-form-7 button:hover {
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0, 0, 0, 0.8);
}

@media (min-width: 571px) and (max-width: 900px) {
	#ims-form-module-form-7 input[type='text'] {
		width: 220px;
		padding-right: 12px;
	}
}

@media (max-width: 400px) {
	#ims-form-module-form-7 fieldset {
		display: block;
	}

	#ims-form-module-form-7 button {
		margin-left: 0px;
	}
}

/* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- ANNOUNCEMENT BOX --------------------------------------------------------------------------------------------------------------------------------- */

#announcement-box {
	text-align: center;
	background-image: url('/assets/templates/main/images/pattern-grey.png');
	padding: 13px 0px;
}

#announcement-box [class*='ims-grid-'] {
	vertical-align: middle;
}

#current-logo {
	max-width: 160px;
}

#announcement-box p {
	text-align: center;
}

@media (min-width: 801px) and (max-width: 1150px) {
	#announcement-box p {
		font-size: 15px;
	}
}

@media (min-width: 801px) and (max-width: 1020px) {
	#announcement-box img {
    	max-width: 120px;
	}

	#announcement-box .ims-grid-six {
		width: 66.66%;
	}
}

@media (max-width: 800px) {
	#announcement-box [class*='ims-grid-'] {
		display: block;
		padding-right: 0px;
		width: 100%;
	}

	#announcement-box .ims-grid-six {
		margin-top: 10px;
	}

	#announcement-box p {
		font-size: 17px;
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SERVICE AREAS --------------------------------------------------------------------------------------------------------------------------------- */

#service-area-box {
	background-image: url('/assets/templates/main/images/bg-service-area.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-top: 3px solid #222222;
}

#service-area-box .width-limiter {
	padding-top: 80px;
	padding-bottom: 30px;
}

#service-area-list {
	padding-top: 0px;
	background: none;
    border: none;
    box-shadow: none;
}

.service-towns {
    color: #FFFFFF;
    font-size: 45px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.service-towns span {
	color: #FFF100;
}

.service-cities {
	position: relative;
}

.service-cities:first-of-type::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 195%;
    background-color: #FFF100;
    left: -100%;
    top: -10px;
}

.service-cities:first-of-type::before {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: #FFF100;
    left: 95%;
    top: -16px;
}

.service-cities li {
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: normal;
	font-size: 15px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	display: inline-block;
	padding-right: 35px;
	line-height: 1.3;
}

.service-cities li::after {
	content: ' \2022';
    position: relative;
    left: 16px;
    font-size: 10px;
    color: #FFF100;
}

.service-cities li:last-of-type::after {
	content: '';
}

.service-cities .and-more-link {
	display: none;
}

/* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- SERVICE AREA SEARCH --------------------------------------------------------------------------------------------------------------------------------- */

#service-area-search {
	background-image: url(/assets/templates/main/images/pattern-yellow.png);
	text-align: center;
	padding-top: 38px;
}

#service-area-search .secondary-tools-heading {
	font-weight: bold;
	font-size: 30px;
	font-family: 'Roboto Slab', sans-serif;
	margin-bottom: 18px;
	line-height: 1;
	padding: 0 4px;
}

#service-area-search .secondary-tools-heading a {
	color: #222222;
	transition: opacity 0.4s;
}

#service-area-search .secondary-tools-heading a:hover {
	opacity: 0.7;
}

#view-map {
	padding-bottom: 28px;
}

#zip_code {
	height: 50px;
	width: 132px;
	border-radius: 4px;
	font-size: 22px;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	padding-left: 12px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

#service-area-search input[type='submit'] {
	color: #FFFFFF;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4), inset 0px 3px 7px 0px rgba(0,0,0,0);
	height: 50px;
	width: 125px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#585858+0,000000+100 */
	background: rgb(88,88,88); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(88,88,88,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(88,88,88,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(88,88,88,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: box-shadow 0.4s;
}

#service-area-search input[type='submit']:hover {
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0), inset 0px 3px 7px 0px rgba(0,0,0,0.8);
	color: #FFFFFF;
}

#service-area-search-form {
	margin-bottom: 4px;
}

/* --- SERVICE AREA PAGE --------------------------------------------------------------------------------------------------------------------------------- */

#service-areas #primary-navigation ul li.nav-level-1 > ul {
	top: 59px;
}

#service-areas #sidebar-content {
	margin-top: 184px;
}

#service-areas #main-content {
	width: 80%;
    margin-left: 10%;
}

#service-areas #service-area-list {
	overflow: hidden;
	background-image: url('/assets/templates/main/images/bg-service-area-homepage.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.4);
}

#city-landing-page #zips-secondary {
	padding-left: 20px;
	padding-right: 20px;
}

#city-landing-page #zips-secondary h2 {
	font-size: 26px;
	color: #FFFFFF;
	text-align: left;
}

#city-landing-page #zips-secondary p {
	color: #FFFFFF;
	text-align: center;
}

@media (min-width: 701px) and (max-width: 1100px) {
	#city-landing-page #zips-secondary h2 {
		font-size: 20px;
	}
}

@media (max-width: 800px) {
	#service-areas #top-content,
	#service-areas #sidebar-content,
	#service-areas #main-content {
		width: 100%;
	}

	#service-areas #main-content {
		margin-left: 0px;
	}

	#service-areas #main-content .content-spacer {
		padding-right: 15px;
	}

	#service-areas #sidebar-content {
    	margin-top: 20px;
	}

	#service-areas #service-area-search {
		margin-bottom: 30px;
	}
}

@media (max-width: 450px) {
	#city-landing-page #zips-secondary h2 {
		font-size: 20px;
	}
}

/* --- SECONDARY CONTENT --------------------------------------------------------------------------------------------------------------------------------- */
/* --- LAYOUTS FOR SEARCH AREA --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 726px) and (max-width: 1030px) {
	.service-towns {
		font-size: 40px;
	}
}

@media (min-width: 726px) and (max-width: 800px) {
	#service-area-box .width-limiter {
		width: 97%;
	}
}

@media (max-width: 725px) {
	#service-area-box .ims-grid-seven,
	#service-area-box .ims-grid-five {
		display: block;
		width: 100%;
	}

	.service-towns, 
	.service-cities {
		padding-left: 15px;
		padding-right: 10px;
	}

	#service-area-search {
		width: 80%;
		margin: auto;
	}
}

@media (max-width: 600px) {
	.service-cities:first-of-type::before {
		left: 80%;
	}

	.service-cities:first-of-type::after {
		width: 180%;
	}
}

@media (max-width: 350px) {
	#service-area-search {
    	width: 90%;
    }
}

/* --- 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 {
  margin: 0 auto;
  text-align: left;
}

#payments ul li {
  background: none repeat scroll 0 0 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 --------------------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




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

#container-footer-navigation {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,585858+100 */
	background: rgb(0,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(88,88,88,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(88,88,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(88,88,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* --- FOOTER --------------------------------------------------------------------------------------------------------------------------------- */
/* --- TOP BOX --------------------------------------------------------------------------------------------------------------------------------- */

#footer-top-box {
	background-image: url('/assets/templates/main/images/pattern-yellow.png');
	position: relative;
	color: #000000;
	border-bottom: 3px solid #222222;
}

#footer-top-box .width-limiter {
	background-image: url(/assets/templates/main/images/footer-house.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 38px 0px;
}

#footer-top-box [class*='ims-grid-'] {
	vertical-align: middle;
}

#frymire-tagline {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 30px;
	font-weight: bold;
}

#frymire-tagline small {
	vertical-align: text-top;
    font-weight: 300;
    font-size: 16px;
}

#footer-top-box .ims-grid-five:last-of-type {
	text-align: right;
}



p.address {
	line-height: 1.4;
	font-size: 15px;
	text-align: left;
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: top;
	padding-right: 65px;
	color: black;
}

#number-and-license {
	line-height: 1.4;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	padding-right: 35px;
	color: black;
}

#number-and-license a {
	color: black;
	text-decoration: none;
}

#footer-number {
	position: relative;
	margin-bottom: 6px;
}

#footer-license {
	position: relative;
}

#footer-number::before,
#footer-license::before {
    content: '';
    position: absolute;
    width: 9px;
    height: 13px;
    background-image: url(/assets/templates/main/images/icons/icon-phone.png);
    left: -16px;
    top: 3px;
}

#footer-license::before {
	width: 12px;
	height: 15px;
	background-image: url('/assets/templates/main/images/icons/icon-license.png');
}

/* --- FOOTER --------------------------------------------------------------------------------------------------------------------------------- */
/* --- BOTTOM BOX --------------------------------------------------------------------------------------------------------------------------------- */

#footer-bottom-box {
	background-image: url('/assets/templates/main/images/pattern-grey.png');
	padding: 30px 10px 0px;
}

#footer-bottom-box ul {
	text-align: center;
	margin-left: 0px;
}

#footer-bottom-box li {
	display: inline-block;
	padding: 0px 20px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#footer-bottom-box li::after {
	content: ' \2022';
    position: relative;
    left: 20px;
    font-size: 10px;
    color: #222222;
}

#footer-bottom-box li:last-of-type::after {
	content: '';
}

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

#footer-navigation {
	text-align: center;
	vertical-align: middle;
	padding-top: 28px;
    padding-bottom: 28px;
}

#flyup-menu {
	display: inline-block;
	vertical-align: middle;
}

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

#footer-navigation ul li {
  display:inline-block;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

#flyup-menu li {
	padding: 0 30px;
}

#footer-navigation ul li a:link,
#footer-navigation ul li a:visited {
  color: #FFFFFF;
  text-decoration:none;
  transition: color 0.4s;
}

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


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

p.imarket-link {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

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

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



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

@media (max-width: 1150px) {
	#footer-top-box [class*='ims-grid-'],
	#footer-top-box .ims-grid-five:last-of-type {
		width: 33.33%;
		text-align: center;
	}

	p.address {
		width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	    font-weight: bold;
	}
}

@media (max-width: 1150px) {
	#footer-top-box [class*='ims-grid-'],
	#footer-top-box .ims-grid-five:last-of-type {
		display: block;
		width: 100%;
		padding-right: 0px;
	}

	#footer-top-box .width-limiter {
		padding: 26px 0px 100px;
	}

	#footer-top-box .ims-grid-five:last-of-type {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}

@media (max-width: 825px) {
	.social-networking {
		display: block;
    	margin-top: 10px;
	}
}

@media (max-width: 600px) {
	#footer-navigation ul li {
		display: block;
		line-height: 30px;
	}

	#footer-navigation .social-networking li {
		display: inline-block;
		line-height: 1.5;
	}
}

@media (max-width: 350px) {
	#footer-top-box .width-limiter {
		background-size: 90%;
	}
}

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