@charset "utf-8";

/* 
	Theme Name: US Comfort
	Description: This theme was designed for US Comfort by Webstract Marketing
	Author: Webstract Marketing
	Author URI: https://www.webstractmarketing.com
	Version: 2.0
	
*/

/* Eric Meyer's Reset CSS v2.0 - https://cssreset.com */
/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} */

@import url(css/colorbox.css);
@import url(fonts/stylesheet.css?v=2);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
@import url(css/superfish.css?v=1);
@import url(css/nivo-slider.css);

/************************************************
*	            COMMON STYLES	  		     	*
************************************************/

body {
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

.clearfix {clear: both;}
img.alignright, .alignright{float:right; margin:0 0 0em 1em;}
img.alignleft, .alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter, .aligncenter {display: block; margin-left: auto; margin-right: auto;margin-bottom: 15px;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

img.aligncenter, img.alignleft, img.alignright {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #C2C2C2;
}

img.none {
   border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
}

a {color: #0457e0;}
a:hover { color: #04afe0;}

h1 {
    font-family: "Archivo Narrow", Helvetica, Arial;
    font-weight: 700;
    color: #264d97;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.1em;
    margin-top: 15px;
}

h2 {
    font-family: 'open_sansbold';
    color: #1f52b6;
    line-height: 1.3em;
    font-size: 24px;
    font-weight: normal;
}

h3 a {
    color: #000;
    text-decoration: none;
}

h3 {
    font-family: 'open_sansbold';
    line-height: 1.2em;
    font-size: 20px;
    font-weight: normal;
    
}

.button, .navigation .older a, .navigation .newer a, body .fsSubmit input.fsSubmitButton {
	text-decoration: none;
	color: #fff;
	font-family: 'open_sanssemibold';
	font-family: 'open_sansregular';
	padding: 6px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0;
	cursor: pointer;
	border: none;
}
body .fsSubmit input.fsSubmitButton {
	margin: auto;
}
	
.button.green, .navigation .older a, .navigation .newer a {
	background: #9bda3a; /* Old browsers */
background: -moz-linear-gradient(top, #9bda3a 0%, #8ed222 50%, #83cc0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bda3a), color-stop(50%,#8ed222), color-stop(100%,#83cc0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9bda3a 0%,#8ed222 50%,#83cc0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9bda3a 0%,#8ed222 50%,#83cc0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9bda3a 0%,#8ed222 50%,#83cc0f 100%); /* IE10+ */
background: linear-gradient(to bottom, #9bda3a 0%,#8ed222 50%,#83cc0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bda3a', endColorstr='#83cc0f',GradientType=0 ); /* IE6-9 */
	text-shadow: -1px -1px 0px rgba(108, 164, 19, 1);
	border: 1px solid #7bba18;
	color: #fff;
}

.button.green:hover, .navigation .older a:hover, .navigation .newer a:hover {
	background: #8cdd13; /* Old browsers */
background: -moz-linear-gradient(top, #8cdd13 0%, #7fc50f 50%, #75ba06 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cdd13), color-stop(50%,#7fc50f), color-stop(100%,#75ba06)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8cdd13 0%,#7fc50f 50%,#75ba06 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8cdd13 0%,#7fc50f 50%,#75ba06 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8cdd13 0%,#7fc50f 50%,#75ba06 100%); /* IE10+ */
background: linear-gradient(to bottom, #8cdd13 0%,#7fc50f 50%,#75ba06 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdd13', endColorstr='#75ba06',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.orange,
.fsSubmit input.fsSubmitButton {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0 1px 0 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 0 0px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 0 0px rgba(0,0,0,0.1);
	color: #fff;
}
.orange:hover,
.fsSubmit input.fsSubmitButton:hover {
	background: rgb(255,123,13); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,123,13,1) 0%, rgba(255,168,76,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,123,13,1)), color-stop(100%,rgba(255,168,76,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

/************************************************
*	             HEADER       		     		*
************************************************/

.top-bar {
    display: block;
    overflow: hidden;
   -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.45);
-moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.45);
box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.45);
    position: relative;
    z-index: 100;
background: -moz-linear-gradient(top, rgba(252,252,252,0.86) 0%, rgba(255,255,255,0.99) 2%, rgba(255,255,255,1) 5%, rgba(250,250,250,1) 45%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 52%, rgba(222,222,222,1) 98%, rgba(214,215,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,0.86)), color-stop(2%,rgba(255,255,255,0.99)), color-stop(5%,rgba(255,255,255,1)), color-stop(45%,rgba(250,250,250,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(52%,rgba(243,243,243,1)), color-stop(98%,rgba(222,222,222,1)), color-stop(100%,rgba(214,215,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,0.86) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,1) 5%,rgba(250,250,250,1) 45%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 52%,rgba(222,222,222,1) 98%,rgba(214,215,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,0.86) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,1) 5%,rgba(250,250,250,1) 45%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 52%,rgba(222,222,222,1) 98%,rgba(214,215,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,0.86) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,1) 5%,rgba(250,250,250,1) 45%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 52%,rgba(222,222,222,1) 98%,rgba(214,215,218,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,252,252,0.86) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,1) 5%,rgba(250,250,250,1) 45%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 52%,rgba(222,222,222,1) 98%,rgba(214,215,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbfcfcfc', endColorstr='#d6d7da',GradientType=0 ); /* IE6-9 */
    
}

.top-bar ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.top-bar img {
    vertical-align: middle;
}

.top-bar li a {
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0  15px;
    line-height: 50px;
    display: inline-block;
}

.top-bar a:hover {
    background: #0b47b8;
    color: #fff;
}
#header {
    position: relative;
    height: 235px;
}

#header-top {
    background: #f9f9f9;
    height: 155px;
}

#header .social {
    width: 180px;
    position: absolute;
    top: 35px;
    right: 0;
}
#header .social img {
	display: block;
	margin-left: 5px;
	float: right;
}

#schedule {
    position: absolute;
	top: 42px;
	right: 130px;
    width: 220px;
    /* text-transform: uppercase; */
}

#schedule a {
    font-size: 15px;
    padding: 6px 20px;
}

#schedule i { padding-right: 5px;}

#header .phone {
    position: absolute;
    top: 80px;
    right: 0;
    width: 350px;
    text-align: right;
    font-size: 16px;
    font-family: 'open_sansbold', Arial;
    color: #0F4796;
    line-height: 21px;
}

#header .phone .sep {
    color: #A6B2CB;
    font-family: 'open_sanssemibold';
}
#header .phone .wsm_phone {
	display: block;
	font-size: 35px;
	color: #0F4796;
	margin-top: 10px;
	float: left;
}

#logo {
    position: absolute;
    left: -5px;
    top: 18px;
}

.top-menu {
    width: 100%;
    background: url(img/bg-menu-top.png) repeat-x;
    height: 43px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
    position: absolute;
    top: 155px;
}

.bottom-menu {
    width: 100%;
    height: 37px;
    background: url(img/bg-menu-bottom.png) repeat-x;
    position: absolute;
    top: 198px;
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.53);
    -moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.53);
    box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.53);
}

.bottom-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bottom-menu li {
    float: left;
    position: relative;
}

.bottom-menu a {
    text-decoration: none;
    color: #fff;
    color: #ACBEDF;
    background: url(img/bg-menu-button2.png) right no-repeat;
    padding: 0 10px;
    line-height: 37px;
    display: block;
    position: relative;
}

.bottom-menu a:hover {
   /*  color: #50ccff; */
}

.bottom-menu #menu-item-1871 a {
    background: none;
}

.form-buttons {
    background: #133b82;
    padding: 20px 0 30px;
    overflow: hidden;
    border-bottom: 2px solid #4b4b4b;
}

.form-buttons h2 {
    text-align: center;
    font-family: 'open_sanssemibold';
    font-size: 22px;
    color: #fff;
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
    display: block;
    clear: both;
}

.form-buttons h2 span {
    font-size:16px;
}

.form-buttons img {
    float: left;
    border: 1px solid #c3c3c3;
    margin-left: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.form-buttons img.first {
    margin: 0;
}
.fsBody .fsForm {border:none !important;}
.fsboxshadow .fsBody .fsForm {box-shadow:none !important;}
/************************************************
*	             PAGE STYLES 		     		*
************************************************/

#wrapper {
	margin: 0;
margin-bottom:-20px;
}

#main {
	overflow: hidden;
}

.container {
	width: 1000px;
	margin: 0 auto;
    position: relative;
}

.page-wrapper {
	position: relative;
/*     overflow: hidden; */
}

.page-wrapper:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.page-wrapper { display: inline-block; }
/* start commented backslash hack \*/
* html .page-wrapper { height: 1%; }
.page-wrapper { display: block; }
/* close commented backslash hack */

.page-content {
    width: 650px;
    float: left;
}

.home-info {
    background: url(img/bg-info.png) repeat-x;
    height: 250px;
}

.home-info .title {
    color: #3854A5;
    font-size: 20px;
    font-family: 'open_sanssemibold';
}

.home-info .container {
    overflow: hidden;
}

.home-info .col1, .home-info .col2, .home-info .col3, .home-info .col4 {
    float: left;
    /*width: 215px;*/
    margin-top: 20px;
    font-size: 14px;
}
.home-info .col1, .home-info .col2, .home-info .col3 {
    background: url(img/bg-info-side.png) no-repeat right;
}

.home-info .col1 {
    padding: 0 10px 20px 16px;
 width: 240px !important;
}

.home-info .col2 {
    padding:0 16px 20px 16px;
 width: 220px !important;
}

.home-info .col3 {
    padding:0 16px 20px 16px;
 width: 209px !important;
}

.home-info .col4 {
  padding: 0 16px 20px 10px;
 width: 215px !important;
}

.home-info p {
    margin-bottom: 20px;
}

#page-copy {
    padding: 30px 0;
}

.home #breadcrumbs {
	display: none;
}

.home-top {
    overflow: hidden;
    padding: 20px 0;
}

.slider-wrapper {
    width: 693px;
    height: 326px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
}

.coupons {
    width: 293px;
    float: right;
    margin-right: 2px;
}

.coupons .top, .coupons .bottom {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 157px;
    overflow: hidden;
}

.coupons .top {
    margin-bottom: 10px !important;
}

.columns {
    overflow: hidden;
    margin-bottom: 20px;
}

.columns .icon {
    width: 32px;
    margin-right: 10px;
    float: left;
    padding-top: 13px;
}

.columns .text {
    width: 258px;
    float: left;
}

.columns .column-1, .columns .column-2 {
    width: 312px;
    float: left;
    overflow: hidden;
}

.columns .column-1 {
    margin-right: 25px;
}

.columns a {
    text-decoration: none;
    color: #1F52B6;
}

.columns a:hover {
    color: #0457E0;
}

.fsBody .fsForm {
    border: 0!important;
    margin-top: 5px!important;
}

.fsForm .fsSubmit {
    background-color: transparent!important;
    padding: 0!important;
}

.fsSubmit input.fsSubmitButton {
    font-size: 14px!important;
    padding: 7px 15px!important;
    font-family: 'open_sansbold';
}

#breadcrumbs{
    border-bottom: 1px solid #C2C2C2;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

hr {
    height: 1px;
    background: #f0f0f0;
    border: 0;
    margin: 10px 0;
}

h2.blog-title a {
    color: #1F52B6;
    font-family: 'open_sansbold';
    font-size: 22px;
    font-weight: normal;
    line-height: 1.3em;
    text-decoration: none;
    
}

h2.blog-title a:hover {
    color: #0b3f80;
}

.blog-date {
    font-style: italic;
    margin-top: -8px;
}

.read-more a{
    background: #0b3f80;
    padding: 5px 15px 6px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.read-more a:hover {
    background: #0e51a6;
}
.read-more {
    padding-bottom: 5px;
}

.navigation {
    overflow: hidden;
    padding: 10px 0;
}

.navigation .newer {
    float: right;
    text-align: right;
}

.navigation .older {
    float: left;
    text-align: left;
}

.blog-entry.multiple {
    padding-bottom: 20px;
}

.wsm_form .fsBody .fsRowBody {
    padding: 10px 0!important;
}

#field22502600 {
    width: 100%!important;
}

.wsm_form .fsValidationError {
    background-color: transparent!important;
}

.testimonial {
    margin-bottom: 30px;

}

.testimonial strong {
    font-size: 16px;
}
.testimonial span {
	display: block;
	padding-top: 20px;
    background: url(img/test-top.png) no-repeat left top;
}

.testimonial h3 {
    display: block;
    padding: 10px 10px 12px 15px;
    background: #1952b0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 -14px;
}
.contact-info {
    overflow: hidden;
}
.contact-info .left {
    float: left;
    width: 350px;
    margin-right:20px;
}

.contact-info .right {
    width: 250px;
    float:left;
    margin-top: -5px;
    
}

.contact-info .right p {
    margin-top: 0;
}

.contact-info h3 {
    margin-bottom: 0;
    color: #103e9d;
}
.contact-info #field22399924 {
    height: 170px!important;
}

.contact-info .fsBody .fsRowBody {
    padding: 10px 0!important;
}

.page-cols {
    overflow:hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.page-cols .photo {
    width: 120px;
    float: left;
}

.page-cols.conditioner .photo {width: 200px;}

.page-cols .text {
    width: 505px; 
    float: right;
}

.page-cols.conditioner .text {width: 425px;}

.page-cols ul ul {
    margin: 0;
}


.rebate-links {
    overflow: hidden;
}

.rebate-links img {
    border: 2px solid #c3c3c3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
}


/*
.rebate-links .rebate-1 {
    float: left;
}
*/

.rebate-links img.rebate-2 {
    margin-right: 0;
}

#sqsl_products {
    margin-top: 20px;
}

.sqsl-category-title {
    color: #1F52B6!important;
    font-family: 'open_sansbold'!important;
    font-size: 24px!important;
    font-weight: normal!important;
    line-height: 1.3em!important;
    text-transform: capitalize!important;
}

.sqsl-product-overview-left h2 {
   text-transform: capitalize!important; 
}
.sqsl-breadcrumbs > li, .sqsl-breadcrumbs > li > a {
    font-size: 14px!important;
}

.number {
    font-size: 18px;
    margin: 30px 0;
}

.printfriendly {
    float: right;
}

.blog-entry.multiple h2 {
    font-size: 20px;
}

.blog-entry.multiple .blog-title {
    font-size: 24px;
}

.meta {
    overflow: hidden;
    clear: both;
}

.full-width .page-content {
    width: 100%;
    float: none;
}


/************************************************
*	             SIDEBAR       		     		*
************************************************/

.sidebar {
	width: 295px;
	float: right;
    margin-top: 20px;
}

.sidebar .widget {
	margin-bottom: 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    border: 1px solid #c2c2c2;
}
.sidebar .widget img {
	max-width: 100%;
	height: auto;
}

.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 8px 15px 8px 15px;
    background: #f9f9f9;
}

.widget .fsBody .fsRowBody {
    padding: 7px 15px!important;
}

.sidebar .widget li a {
    display: block;
    padding: 5px 8px;
    border-top: 1px solid #d8d8d8;
    color: #535150;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
}
.sidebar .widget li:first-child a {
	border-top: none;
}

.sidebar .widget li a:hover {
    color: #1f52b6;
    text-decoration: none;
}

.sidebar .coupons {
    float: none;
}
.audit {
    margin: 30px 0;
}

.financing-link {
    margin: 0 0 30px;
}

.sidebar h4 {
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-size: 16px;
    padding: 15px 20px;
    background: #073387; /* Old browsers */
background: -moz-linear-gradient(top, #073387 0%, #062d79 47%, #05286a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#073387), color-stop(47%,#062d79), color-stop(100%,#05286a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #073387 0%,#062d79 47%,#05286a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #073387 0%,#062d79 47%,#05286a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #073387 0%,#062d79 47%,#05286a 100%); /* IE10+ */
background: linear-gradient(to bottom, #073387 0%,#062d79 47%,#05286a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073387', endColorstr='#05286a',GradientType=0 ); /* IE6-9 */
    
}


.sidebar #menu-item-94 a {
    border-top: 0;
}
/************************************************
*	             FOOTER 		     		*
************************************************/

#footer {
    overflow: hidden;
    position: relative;
    line-height: 1.6em;
    margin-top: 30px;
}

.container.certs {
    padding: 5px 0;
    border-top: 1px solid #f0f0f0;
}

#footer h4 {
    text-transform: uppercase;
    font-family: "Archivo Narrow", Helvetica, Arial;
    font-weight: 700;
    font-size: 22px;
    margin: 15px 0 20px;
      color: #3857A3;
}

#footer .links {
    color: #000;
    background: url(img/bg-footer.jpg) repeat-x #073388;
    background: url(img/bg-info.png) repeat-x;
    padding: 20px 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#footer .links a {
    color: #000;
    text-decoration: none;
}

#footer a:hover {
    color: #50CCFF;
}

#footer .about {
    width: 215px;
    float: left;
}

#footer .about a {
    text-decoration: underline;
}

#footer .info {
    width: 190px;
    margin: 0 70px;
    float: left;
}

#footer .contact {
    width: 200px;
    float: left;
}

#footer .review {
    width: 230px;
    margin-left: 20px;
    float: left;
}

#footer .associations {
    background: #fff;
    padding: 20px 0 15px;
/*
     -webkit-box-shadow: 0px -10px 10px rgba(6, 43, 115, 0.75);
    -moz-box-shadow:    0px -10px 10px rgba(6, 43, 115, 0.75);
    box-shadow:         0px -10px 10px rgba(6, 43, 115, 0.75);
*/
    overflow: hidden;
    text-align: center;
     position: relative;
    border-bottom: 5px solid #00498e;
}

#footer .associations .container img {
    /* float: left; */
    vertical-align: middle;
    display: inline-block;
    position: relative;
     margin: 0 15px 0;
}

#footer .associations .container div img {
     margin: 0 15px 0;
}
#footer .bottom {
    background: #e8e8e8;
    padding: 15px 0;
    font-size: 12px;
    color: #000;
    position: relative;
    z-index: 2;
    overflow: hidden;
   
}

#footer .bottom .copyright {
    float: left;
    width: 750px;
}

#footer .bottom .webstract {
    float: right;
    text-align: right;
    width: 200px;
}

#footer .bottom a {
    color: #000;
    text-decoration: none;
}

#footer .bottom a:hover {
    text-decoration: underline;
}

.subpages_sc {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.subpages_sc a {
	display: block;
	background: url('img/bg-menu-bottom.png') repeat;
	color: #fff;
	text-align: center;
	width: 315px;
	padding: 8px 0;
	text-decoration: none;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.subpages_sc a:hover {
	background: url('img/bg-menu-top-hover.png') repeat-x;
}

.sl_phone {
    font-size: 22px;
    border: 2px solid #ccc;
    padding: 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	text-align: center;
	background: url('img/bg-menu-top.png') repeat-x;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);	
}

.sl_phone .wsm_phone,
.sl_phone .wsm_phone2 {
    text-align: right;
    font-family: 'open_sansbold', Arial;
    color: #e70707;
}

.sl_phone .sep {
    color: #6a6a6a;
    font-family: 'open_sanssemibold';
}



#menu-sub-menu li .sub-menu {
	display: none;
}
#menu-sub-menu li:hover .sub-menu {
	display: block;
	position: absolute;
	top: 35px;
	background: url('img/bg-menu-bottom.png') repeat;
	left: 0;
	width: 200px;
	z-index: 99;	
}
#menu-sub-menu li .sub-menu:hover {
	display: block;
}
#menu-sub-menu li:hover .sub-menu a {
	background: none;
}

.award {
float: left;
width: 150px;
border: 3px solid #264d97;
background-color: #efefef;
margin-right: 20px;
margin-bottom: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
text-align: center;
}

.award h3 {
font-size: 25px;
color: #264d97;
background-color: #ccc;
margin: 0 -20px;
line-height: 40px;
background: url(img/bg-menu-top.png) repeat-x;
}

.award img {
background: #999;
width: 140px;
height: 140px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin: 15px 0 15px 0;
}

.award p {
margin: 0;
}

.award span {
}

.videobox {
	float: left;
	margin: 5px;
	width: 315px;
}


.hero-program-link-wrapper {
	position: relative;
}
.hero-program-link-wrapper a {
	position: absolute;
	width: 320px;
	height: 100px;
	top: 20px;
	right: 10px;
	/* background: #000; */
	display: block;
}


/*******************************************************************
                            Table style
*********************************************************************/

.pure-table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border:1px solid #cbcbcb
}

.pure-table caption{
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
text-align:center
}

.pure-table td,.pure-table th{
border-left:1px solid #cbcbcb;
border-width:0 0 0 1px;
font-size:inherit;
margin:0;
overflow:visible;
padding:.5em 1em
}

.pure-table td:first-child,.pure-table th:first-child{
border-left-width:0;
}

.pure-table thead{
background:#e0e0e0;
color:#000;
text-align:left;
vertical-align:bottom
}

.pure-table td{
background-color:transparent;
}

.pure-table-odd td{
background-color:#f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td{
background-color:#f2f2f2;
}

.pure-table-bordered td{
border-bottom:1px solid #cbcbcb
}

.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{
border-bottom-width:0;
}

.pure-table-horizontal td,.pure-table-horizontal th{
border-width:0 0 1px;
border-bottom:1px solid #cbcbcb
}

.pure-table-horizontal tbody>tr:last-child td{
border-bottom-width:0;
}



/*======================================================
testimonial css
=====================================================*/
	
.
.testimonial1 {
    margin-bottom: 30px;

}
.testimonial-bg
{
	height:auto;
	
}

.testimonial1 strong {
    font-size: 16px;
}
.testimonial1 span {
	display: block;
	padding-top: 20px;
    background: url(https://www.uscomfort.com/wp-content/uploads/2015/03/test-top.png) no-repeat left top;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:30px;
	


}
.testimonial1 span img {
	border-radius:50px;
	webkit-border-radius:50px;
moz-border-radius:50px;
border:3px solid #CCC;
margin:-5px 10px 0px 0px;

}

.testimonial1 h3 {
    display: block;
    padding: 10px 10px 12px 15px;
    background: #1952b0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 -14px;
}



body.page-id-1869 {
	background: url('img/tft-bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page-id-1869 .page-wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0 30px;
	background: #fff;	
}

/*

.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: left;
font-size:24px;
margin-left:10px;
margin-top:-25px;
}
.rating > span {
display: inline-block;
position: relative;
width: 1.1em;
color: gold;

border:none;
}
rating > span:hover:before, .rating > span:hover ~ span:before {
content: "\2605";
position: absolute;
left: 1;
top:1;
color: gold;}


*/
/* Wrappers */
.rating-container
{
 background-color:white;
height:60px;border-bottom:2px solid #CCC;
}

.rating-left
{

float:right;width:325px;
}

.rating-left img
{

float:right;
}
.rating-right
{
	display:block;

float:left;width:325px;
}
.rating-wrap{
	width:150px;
	height:25px;
	position:relative;
}


.radio-wrap{
	width:100%;
	height:100%;
}

/* Radio Buttons */
input[type=radio] {
	display:inline-block;
	position:relative;
	z-index:2;
	margin:0;
	width:17.4%;
	height:100%;
	opacity:0;
}

/* Filled Rating */
.rating-fill{
	width:0;
	height:100%;
	background:url(https://www.genhvac.com/wp-content/uploads/2014/10/star1.png) #efaf16;
	position:absolute;
	top:0px;
	left:0;
	z-index:1;
}


/* Checked Inputs */

input[value="5"]:checked + .rating-fill{
	width:100%;
}

input[value="4"]:checked + .rating-fill{
	width:80%;
}

input[value="3"]:checked + .rating-fill{
	width:60%;
}

input[value="2"]:checked + .rating-fill{
	width:40%;
}

input[value="1"]:checked + .rating-fill{
	width:20%;
}


/* Blank Stars */

.rating-blank{
	width:100%;
	height:100%;
	background:url('https://www.genhvac.com/wp-content/uploads/2014/10/star1.png') #efaf16;
	position:absolute;
	top:-5px;
	left:0;	
	z-index:0;
}


/* Optional Hover Effect */

input[value="5"]:hover + .rating-fill{
	width:100%;
}

input[value="4"]:hover + .rating-fill{
	width:80%;
}

input[value="3"]:hover + .rating-fill{
	width:60%;
}

input[value="2"]:hover + .rating-fill{
	width:40%;
}

input[value="1"]:hover + .rating-fill{
	width:20%;
}

/*======my style for special page====*/
.special-wrapper
{
height:auto;
width:650px;
margin: 0 auto;
}
.special-top{
	height:100px;
	width:650px;
	background-image:url('https://www.genhvac.com/wp-content/uploads/2014/11/special-top-bg.png');
	background-repeat:repeat;
	margin: 0 auto;
}
.special-top-left{
	height:100px;
	width:450px;
	float:left;
	background-color:transparent;
	margin:0px;
	padding:0px;
}
.special-top-left h1{
font-family: "open_sansbold";
color: white;
line-height: 1.3em;
font-size: 30px;
font-weight: normal;
text-transform: none;
padding-top: 15px;
padding-left: 30px;
}
.special-top-right{
	height:100px;
	width:200px;
	float:left;
	background-color:transparent;
	margin:0px;
	padding:0px;
}
.primium-comfort
{
height:443px;
width:650px;
margin:0 auto;
padding:0px;
margin:0px;
}
.primium-comfort img
{

paddin:0px;
margin:0px;
}
.room-to-room-control{
	height:auto;
	width:650px;
	margin-top:35px;
	margin:0 auto;
}
.room-to-room-control h2
{
	color:#1F52B6;
	font-family:"open_sansregular",Helvetica,Arial,sans-serif;
	font-size:24px;
	
 	text-transform:none;

}
.leaders-in-technology-container p{
font-size:14px;
padding:0 20px;
line-height:1.3em;

}

.room-to-room-control h3{
	
	font-size: 20px;
    line-height: 1.2em;
    font-family:"open_sansbold",Helvetica,Arial,sans-serif;
 font-weight:normal;
color:#1F52B6;
}
.room-to-room-control{
	height:auto;
	width:650px;
	margin-top:35px;
	margin:0 auto;
}

.leaders-in-technology-container
{height:auto;
	width:650px;
	margin-top:35px;
	margin:0 auto;
}

.leaders-in-technology{
	height:auto;
	width:650px;
	margin-top:20px;
	margin:0 auto;
	}
.leaders-in-technology-panel-left{
	height:auto;
	width:315px;
	padding-bottom:15px;
	float:left;
	background:-webkit-linear-gradient(top,#f4f4f4,#dddddd);
	background:-moz-linear-gradient(top,#f4f4f4,#dddddd);
	background:-ms-linear-gradient(top,#f4f4f4,#dddddd);
	background:-o-linear-gradient(top,#f4f4f4,#dddddd);
	border-radius:20px;
margin-bottom:20px;
	}
	.leaders-in-technology-panel-right{
	height:auto;
	width:315px;
	padding-bottom:15px;
	float:right;
	background:-webkit-linear-gradient(top,#f4f4f4,#dddddd);
	background:-moz-linear-gradient(top,#f4f4f4,#dddddd);
	background:-ms-linear-gradient(top,#f4f4f4,#dddddd);
	background:-o-linear-gradient(top,#f4f4f4,#dddddd);
	border-radius:20px;
margin-bottom:20px;
	}
	.leaders-in-technology-panel-top{
		height:40px;
		width:315px;
		margin:0 auto;
		border-bottom:1px solid #4a6582;
	
	}
	.leaders-in-technology-panel-top-left{
	
		float:left;
		background-color:#093;
		 height:30px;width:30px;
background-color:#4a6582;
border-radius:50%;
margin-left:7px;
margin-top:5px;
margin-right: 7px;
	}
		.leaders-in-technology-panel-top-left{
	font-size: 14px;
font-family: "open_sansbold",Helvetica,Arial,sans-serif;
font-weight:normal;
color: #FFF;
padding: 0px 0px 0px 0px;
margin: 6px;
text-align:center;
line-height:30px;
	
		}
		

		.leaders-in-technology-panel-top-right h3{
font-size: 13px;
line-height: 1.2em;
font-family: "open_sansbold",Helvetica,Arial,sans-serif;
font-weight: 400;
margin: 0px;
padding: 12px 5px 0px 8px;
color: rgb(23, 48, 102);
		
	}
	.leaders-in-technology-panel-bottom{
		height:250px;
		
		padding-top:3px;
		background-color:transparent;
		width:315px;
		margin:0 auto;
		
	}
		.leaders-in-technology-panel-bottom h3{
			font-size: 12px;
    line-height: 1.5em;
    font-family:"open_sansregular",Helvetica,Arial,sans-serif;
 font-weight:normal;
 color:#000;
 padding: 10px 20px 5px 20px;
margin:0px;
	}
	.leaders-in-technology-panel-bottom img{
		
	padding-right:10px;
	}
.special-heading{
	padding:10px;
	width:630px;
	background:-webkit-linear-gradient(top,#ffffff,#f4f4f4);
	background:-moz-linear-gradient(top,#ffffff,#f4f4f4);
	background:-ms-linear-gradient(top,#ffffff,#f4f4f4);
	background:-o-linear-gradient(top,#ffffff,#f4f4f4);
	box-shadow:0 4px 5px #e5e5e5;	
	border-radius:7px;
        font-size:24px;
font-weight:bold;
}

.limited-warranty{
	height:251px;
	width:650px;
	margin-top:50px;
	clear:both;
	background-image:url('https://www.genhvac.com/wp-content/uploads/2014/11/limited-warranty-img.png');
}
.limited-warranty-left{
	height:251px;
	width:148px;
	float:left;

	background-color:transparent;
}
.limited-warranty-right{
	height:251px;
	width:502px;
	float:left;

	background-color:transparent;
}
.limited-warranty-right h2{
			font-size: 24px;
    line-height: 1.5em;
    font-family:"open_sansregular",Helvetica,Arial,sans-serif;
 font-weight:normal;
 color:#FFF;
 margin:0px;
 padding-top:35px;
}
.limited-warranty-right p{
			font-size: 14px;
    
    font-family:"open_sansregular",Helvetica,Arial,sans-serif;
 font-weight:normal;
 color:#FFF;
 margin:0px;
 padding-right:10px;
line-height:1.3em;
}
.limited-warranty-left img{
background-repeat:no-repeat;
}

.wi-fi-connectivity{
	height:auto;
	width:650px;
	margin-top:35px;
	margin:0 auto;
	}
	.wi-fi-connectivity h2{
	color:#1F52B6;
	font-size: 19px;
    text-transform:none;
    font-family:"open_sansregular",Helvetica,Arial,sans-serif;
 font-weight:bold;
padding-top:35px;
 margin:0px;
 line-height: 1.5em;
 
	}

		.wi-fi-connectivity h3{
	color:#FFF;
	font-size: 23px;
    margin-top:35px;
    font-family:"open_sansregular",Helvetica,Arial,sans-serif;
 font-weight:normal;
text-align:center;


	}
	.wi-fi-connectivity h3 a{
text-decoration:none;
color:#FFF;

	}
		.wi-fi-connectivity h3 a:hover{
text-decoration:none;
color:#FFF;
text-shadow:0 1px 2px #000000;

	}
	.call-btn
	{
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	background-color:#4a6582;
	border-radius:10px;
	
	}
	.video-container
        {
height:auto;
width:650px;
margin:0 auto;       
}
	.video-panel
	{
	width:315px;
	float:left;
	height:auto;
	}
	.video-panel-2
	{
	
	width:315px;
	float:right;
	height:auto;
	}
	.special-footer
	{
	height:85px;
	width:650px;
	margin:0 auto;
	background-color:#FFF;
	border-top:10px solid #4a6582;
	margin-top:35px;
        clear:both;
	}
	#page-1548 > h1
{
display:none;
} 
.hreview > p:first-child {
font-weight: normal;
font-size: 1.3em;
color: #00366B;
font-family: 'Alegreya SC', 'Times New Roman', Times, serif;
}
.resphone{
display:none;
}
.hrspacer
{
width: 100%;
color: #fff;
background: #B91C21;
font-size: 22px;
text-align: center;
height: auto;
padding: 10px 0px 10px 0px;
}
/*======my style for special page*****====*/

/*======Media Query========*/

@media only screen and (min-width:0px) and (max-width:768px)
{
h2{clear:both;}
.container{width:100%; margin: 0 auto;}
#home-wrapper{width:94%; margin:0 auto;}
.inner-container{width:95%; margin: 0 auto;}
img
{
max-width:100% !important; 
height:auto !important;
}
#header .social{display:none;}
#schedule{display:none;}
#header .phone{display:none;}
#header{height:auto;}
#header-top{height:auto;}
#logo { position: relative; top: 18px; width: 95%; margin: 0 auto; height: auto; text-align: center;}
#logo .logo-text{float:none;}
.resphone{display:block; width:100%; margin:0 auto;text-align: center; font-size: 30px; font-weight: 600; line-height: 25px !important; padding: 20px 0px 15px 0px !important; }
.resphone a{color:#ff920a !important; text-decoration:none;}
.nivoSlider{border:none;}
.slider-wrapper { width: 100%; height: auto; border: 1px solid #c5c5c5; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; float: left; overflow: hidden; position: relative; margin-bottom:10px; }
.coupons { width: 99%;}
.coupons .top, .coupons .bottom{height:auto; width: 65%; margin: 0 auto;}
.home-info{height:auto; background:none;}
.home-info .col1, .home-info .col2, .home-info .col3, .home-info .col4{float: left; width: 97% !important; margin-top: 10px; margin-left: 10px;}
.home-info .col4 {
  padding: 0 16px 5px 0px;
}
.home-info .col3, .home-info .col2{padding: 0 0 5px 0px;}
.home-info .col1, .home-info .col2, .home-info .col3{background:none;}
.home-info .col1{padding:0px !important;}
.home_title{margin-top: 12px;margin-bottom: -5px;}
.home_img{margin-right:10px;}

.page-content{width:92%;float:left; margin:0px 15px 0px 15px;}
.sidebar{width: 90%; float: none; margin:0 auto;}
.sidebar .widget{width: 98%; margin: 0 auto; margin-bottom: 10px;}
.fsBody{margin-bottom: 0px!important;}
.soc_icon{width: 32px !important; height: 32px !important; }
#footer .associations{display:none;}
#footer .bottom .copyright{width:98%; float: none; text-align: center; margin: 0 auto;}
.bottom .webstract {float: left; text-align: left; width: 100%;}
.columns .icon{padding-top: 14px;}
.columns .column-1, .columns .column-2{width: 98%; float: none; overflow: hidden; margin: 0 auto !important;}
.columns .text{width: 100%; float: none;margin:0 auto;}
#footer .about{width: 91%; float: none; text-align: center; margin: 0 auto;}
#breadcrumbs{margin-left: 12px;}
.hrspacer{font-size:16px;}

img.alignright, .alignright{float:left; margin:0px 5px 5px 0px !important;}

/*--- Maybe change----*/
#footer .info{display:none;}
#footer .contact{width: 100%; float: none; text-align: center;}
#footer .review{width: 100%; float: none; text-align: center; margin: 0 auto;}
#footer .bottom .webstract{float: none; text-align: center; width: 100%;}



#at4m-dock.ats-light{display:none;}
.at4m-dock-toggle{display:none;}


}

/*changes on 16 Feb 2015*/
#association-second-row img{
    margin: 0 13px 0!important;
}
#text-3{border:none}
/*changes on 16 Feb 2015*/

.hrspacer-mobi{display:none;width: 100%;
  color: #fff;
  background: #B91C21;
  font-size: 16px;
  text-align: center;
  height: auto;
  padding: 10px 0px 10px 0px;}

@media screen and (max-width: 400px) {
.hrspacer-mobi{display:block!important;}
.hrspacer{display:none;}
}