@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Open+Sans:300,400,500,600,700|Oswald:700');

@font-face {
	font-family: 'cooperhewitt-book';
	src: url('../fonts/cooperhewitt-book.otf')  
	format('opentype');
}

@font-face {
	font-family: 'cooperhewitt-medium';
	src: url('../fonts/cooperhewitt-medium.otf') format('opentype');
}

@font-face {
	font-family: 'cooperhewitt-semibold';
	src: url('../fonts/cooperhewitt-semibold.otf') format('opentype');
}

@font-face {
	font-family: 'cooperhewitt-bold';
	src: url('../fonts/cooperhewitt-bold.otf')  
	format('opentype');
}

body {font-family:'Montserrat',sans-serif;}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family:'cooperhewitt-semibold'; color:#439539;}

h2, .h2 {font-family:'cooperhewitt-medium';}

h3 {font-size:5vw; font-family:'Open Sans',sans-serif; font-weight:700; color:#0065A4;}

h4, .h4 {width:auto; text-align:center; text-transform:uppercase; display:inline-block; font-family:'Montserrat', sans-serif; font-weight:300; font-size:4vw; color:#777; border:1px solid #95989A; padding:.25em .75em; background:white; margin-bottom:2rem; box-shadow: 0 3px 8px rgba(0, 0, 0, .15);}

h4.rounded {min-width:0; margin:3rem 0 2rem 0; padding:.5rem 2vw; border-radius:30px; border:2px solid #95989A; background: linear-gradient(#ffffff, #f0f0f0);}

h4.green-for-small {font-weight:500; font-size:4.5vw; margin-bottom:0; border:none; background:linear-gradient(45deg,#59a84f,#7bc672); color:#fff; width:100%; text-align:left;}

h4.green-for-small span {display:none;}

h5 {margin-bottom:2rem; color:#0065A4; font-family:'Montserrat',sans-serif; font-weight:300;}

section {padding-top:2rem;}
#home section {padding:0;}

#calls-to-action, #resources {font-family:'Open Sans',sans-serif;}
#calls-to-action img, #resources img {margin-bottom:1rem;}

#new-energy-efficiency {
  font-family: 'Open Sans', sans-serif;
  background: #439539;
  /* margin: 40px 0 80px 0; */
  padding: 59px 0 52px 0
}
#new-energy-efficiency .grid-x {
  justify-content: space-around;
}
#new-energy-efficiency svg {
  /* float: right; */
  max-width: 267px;
  width:100%;
  height: auto;
  margin-bottom: 8px;
}
#new-energy-efficiency h2 {
  font-family: 'Open Sans', sans-serif;
  color: white;
  font-size: 22px;
  text-transform: uppercase;
  font-weight:600;
}
#new-energy-efficiency p {
  color: white;
  /* font-weight: 700; */
  font-weight: 300;
  font-size: 16px;
  line-height: 1.25;
  /* text-transform: uppercase; */
}
#new-energy-efficiency .btn {
  background: #0065A4;
  font-size:18px;
  letter-spacing:1px;
  text-transform: uppercase;
  display: inline-block;
  padding:0.625rem 1.125rem;
  text-decoration:none;
}

#video-panel {
    margin-top: 50px;
    margin-bottom: 50px;
}
#video-panel h3 {
    font-size: 1.89rem;
    color: #439539;
    /* text-transform: uppercase; */
    text-align: center;
}
#video-panel p {
    text-align: center;
}
#video-panel a.call-btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    background: #0065a4;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1.0rem;
    line-height: 1.05;
}
#video-panel a.call-btn span {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}
#video-panel a.terms {
    font-size: 0.75rem;
}
#video-panel .responsive-video {
    text-align: center;
}

.off-canvas .header {background:#F0F0F0; padding:0.9375rem;}
.off-canvas {background:#439539;}
.off-canvas ul.nav li {font-size:3vw; border-bottom:2px solid #69aa61;}
.off-canvas ul.nav li img {margin-right:2rem;}
.off-canvas ul.nav li a {font-weight:400; text-transform:uppercase; color:#fff; text-align:left; padding:.5rem 1rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:row; align-items:center;}
.off-canvas ul.nav li a:hover, .off-canvas ul.nav li a:focus {background:linear-gradient(#5aa84f, #78bd6e); color:#fff;}

.off-canvas .header img {max-width:50vw;}
.off-canvas ul.nav li {font-size:inherit;}
.off-canvas .header li a:focus {outline:none;}
.off-canvas .header li:last-of-type {width:20vw; text-align:right;}
.off-canvas .fas {color:#0065A4;}
.off-canvas .header li:last-of-type {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;align-items: center; justify-content: flex-end;}

header, footer {text-align:left;}

/* HEADER */
header .grid-container, #calls-to-action, 
#calls-to-action .grid-container, footer .grid-container 
{padding-left:0; padding-right:0; max-width:85vw;}

header .grid-container {padding:0;}

header .top-bar {padding:1rem 0;}

header .njng {margin-right:1rem;}
header .njng, header .savegreen {width:25vw;}
header li.phone {font-family:'cooperhewitt-medium'; color:#439539; font-size:1.5rem; margin-right:1rem;}
header li a {text-transform:uppercase; color:inherit; position:relative; font-size:.85rem;}
header li a.active {color:green;}
header .top-bar-right li.phone a:after {content:'|'; color:#777; position: absolute; right:0;}
header .top-bar-right li:last-of-type a:after, .submenu li a:after {content:'';}

header .dropdown.menu li a:hover {color:#9A9A9A;}

header ul.submenu {border-radius:10px; border:none; background:linear-gradient(#ffffff, #80c4fc);}
header ul.submenu li:first-of-type {border-top:1px solid #c2c2c2;}
header ul.submenu li {border-top:1px solid #777;}
header ul.submenu li a {text-align:center; font-weight:300; background:none;}
header ul.submenu li a:after {content:none;}
header ul.submenu li a span {display:block;}

header .top-bar-left .menu.expanded {justify-content:space-around;}
header .top-bar-left .menu.expanded li {text-align:center;}
header .button {margin-bottom:0;}

header .button.contractor {margin-top:0; background:#0065A4; position:relative; letter-spacing:0.15em; text-align:left; min-width:25%; font-weight:500; font-size:.85rem; border-radius:10px; line-height:0; box-shadow:none;}
header .button.contractor::before { vertical-align:middle; height:100%; display:inline-block; content:url('../img/hard-hat-button.png'); margin-right:1rem; }
header .button.contractor::after {content:"\f107";font-weight: 900; font-family:"Font Awesome 5 Free"; position:absolute; right:.85em; top:50%; font-size:1rem;}

header .button.contractor:hover, header .button.contractor:focus {text-decoration:underline; background:#0065A4;}
header .button.contractor.logged-in::before {content:url('../img/green-hard-hat.png');}

header .search input {border-radius:5px; border:1px solid #E2E3E3; padding:0 .5rem; background: linear-gradient(#ffffff, #E5E5E5); background:url(../img/search-bar.jpg) no-repeat left center; background-size:cover; margin:0; text-align: left; font-size:1rem; color:#777;}
header .search input:focus {background: linear-gradient(#ffffff, #E5E5E5);}
header .translate {
    position: relative;
    margin-right: 1rem;
    padding-right: 0.7rem;
    margin-top: -3px;
}
header .translate::after {
    font-family: 'cooperhewitt-medium';
    content: "|";
    font-size: 0.85rem;
    color: #777;
    position: absolute;
    right: 0;
    /* top: 11.18px; */
    top: 6px;
}

header .top-bar-left ul.menu {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow:row;
  align-items:center;
  justify-content:space-between;}

#mobilesearchbtn {
    touch-action: manipulation;
}

.dropdown-pane.is-open {min-width:22.65%;}

#login-bug form {margin-bottom:0;}

#login {border:none; border-radius:0; padding:1rem 0 0 0; text-align:center; font-size:1rem;}
#login h5 {font-weight:500; color:inherit; text-transform:uppercase;}
#login p {font-weight:300;}
#login p > a {text-transform: uppercase; color:inherit;}
#login form input {margin:.5rem auto; padding:1rem; width:auto; font-size:1rem;}
#login .button, .button.third-level {border-radius:0; margin-bottom:0; background: linear-gradient(90deg, #7FC4FD, #2699FB); font-weight:600; color:#fff; display:block;}
{background:linear-gradient(90deg, #2699FB, #2699FB); }
#login small {display:block; font-weight:500;}


/* HERO */
#hero {text-align:center; width:100%; background:url('../img/trees.jpg') no-repeat center center; color:#fff; background-size:cover;}
#hero .content {padding:4rem 0; margin:0 auto; width:90vw;}
#hero h1 {font-size:2.7rem; font-size:5.5vw; font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.125em; display:inline-block;}
#hero .content sup {font-size:35%; top:-1.75em; font-weight:normal;}
#hero h1 span {font-size:150%;}
#hero h1, #hero h2, #hero h3 {color:#fff; margin:0; text-shadow: 2px 2px 20px rgba(0,0,0,1);}
#hero h2, #hero h3 {font-family:'Montserrat',sans-serif; display:block; font-weight:600;}
#hero h3, #hero h2 {font-size:3vw;}

#homepage main {margin:1rem 0 4rem 0;}

/* CALLS TO ACTION */ 
#calls-to-action {margin:2rem;}
#calls-to-action a {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow:column;
  align-items:center;
  justify-content:center;
  text-decoration:none; text-transform:uppercase; width:80%; font-family:'cooperhewitt-book'; margin-bottom:1rem; margin-right:auto; margin-left:auto; min-width:100%; padding:1rem; border-radius:20px; color:#fff; background:radial-gradient(#0065a4, #1582d4);}

#calls-to-action a:hover, #calls-to-action a:focus {background:radial-gradient(#0b74bc, #0b74bc);}
#calls-to-action a p {line-height:1; margin-bottom:0;}
#calls-to-action p.text {display:none;}

#calls-to-action .big-button a {justify-content:space-around; flex-flow:row; text-align:left; padding:2rem 0; align-content:center;}
#calls-to-action .big-button p {font-size:4vw; display:inline; float:left; line-height:1.2; text-transform:none;}
#calls-to-action .big-button p small {display:block;}
#calls-to-action .big-button .button {margin:.5rem 0 0 0; font-weight:300; text-transform:uppercase; background:#fff; color:#056CAF; border-radius:10px; padding:5% 10%; box-shadow: 2px 2px 20px rgba(0,0,0,.1); font-family:'Montserrat',sans-serif; display:inline-block;}
#calls-to-action .big-button img {width:12vw; float:right; margin-bottom:0;}

main p a, main li a, main p a:hover, main p a:focus {color:inherit; text-decoration:underline;}

main, p {font-size:1rem;}

.button, .button:hover, .button:focus,
#lead a.button, #lead a.button:hover, #lead a.button:focus {text-decoration:none;}

#lead a.button.hide-for-large {padding:1rem .75rem; width:50%; font-weight:400; min-width:285px; max-width:80%; font-size:.85rem;}

#top-image {display:block; text-align:center; width:100%; background:#c4cdd4;}
#top-image img {width:100%;}

h3 span {color:#747474;}


/* INTERNAL PAGES */
#about main, #homeowners main {padding-bottom:2rem;}
#about section {font-weight:300;}
#about h2 span {color:#777;}
#about h2 {color:#439539;}
#about .gray-bg h2 {letter-spacing:1px;}
#about .gray-bg h2 span {display:block; color:inherit;}

#about #buttons-div a.button {min-width:410px; font-size:1.125rem;}

#businesses #buttons-div {max-width:50rem; margin:0 auto;}
#businesses #buttons-div a.button {min-width:325px;}
#resource-page #buttons-div a.button  {min-width: 260px;}
#resource-page #buttons-div {
	flex-wrap:wrap;
	justify-content:center;
}

#businesses .gray-box-for-small {padding:0;}
#businesses .gray-box-for-small .lead {padding:0 .9375rem;}
#businesses .green-for-small {margin-bottom:2rem;}

.blue {color:#0065A4; font-weight:300;}
.green, .greenp p {color:#439539;}

.gray-content {margin-top:3rem; font-weight:300; font-size:1.25rem;}
.gray-content p a {color:#2699FB; text-decoration:underline;}
.gray-content h5 span {display:block;}
.gray-content h5 a:hover, .gray-content h5 a:focus {text-decoration:none; color:inherit;}
.gray-content h5 a {color:inherit; text-decoration: underline;}

.white-on-gray, .gray-on-white {font-size:4vw; margin:3rem 0; font-weight:300; text-align:left; padding:1rem;}

.white-on-gray img, .gray-on-white img {width: 39%; max-width:195px; margin:.5rem auto;}

.white-on-gray {background:#fff;}

.gray-on-white .cell:last-of-type {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow:column;
  align-items:flex-start;
  justify-content:center;}

.gray-on-white, .gray-box-for-small, .gray-for-small {background:rgba(119,119,119,.1);}
.gray-on-white p {color:#0065A4;}
.gray-on-white p.headline, .white-on-gray p.headline {font-family:'Open Sans',sans-serif; margin-bottom:0; font-weight:700;}
.gray-on-white p.headline b, .white-on-gray p.headline b {font-size:250%;}


.rebate-notes {margin:4rem 0; text-align:left; font-weight:400;}
.rebate-notes b, .rebate-notes span {display:block;}


.callout {width:100%;}

.callout, .rebates .large-6 {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow:row;
  align-items:stretch;
  justify-content:space-between;
	color:#6A6A6A; line-height:1.4; font-family:'Open Sans',sans-serif; text-align:center; border-radius:20px 0 0 20px; margin-top:1rem;}
.callout .grid-container {padding:0;}
.callout .blue-box {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  flex-flow:column;
  align-items:center;
  justify-content:center;
  font-family:'cooperhewitt-book'; padding:.5rem; border-radius:20px; color:#fff; background:radial-gradient(#0065a4, #1582d4); text-transform:uppercase;	min-width:37%;}
.callout .blue-box img {width:75%;}
.callout .content {padding:1rem .5rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:column; justify-content:center; align-items:center;}
.callout p {font-size:.9rem; line-height:1.2; margin-bottom:0;}
.callout p b {font-size:3vw; color:#0065a4; font-weight:600; text-transform:uppercase;}

.callout .blue-box p {font-size:.75rem;}

.rebates .large-6 {margin:0; padding:0;}

.small-gray-gradient, .gray-gradient, #login {background:linear-gradient(#ffffff, #f0f0f0);}
.gray-gradient {width:auto;}

.white-for-small.gray-gradient {background:#fff;}

table {border:none; font-size:1rem; color:#2699FB; text-align:left;}
table tr td {padding:2rem 1rem;}
table p {font-size:1.25rem; font-weight:400; margin-bottom:0;}
table p b {font-family:'cooperhewitt-semibold';}
table p b, table p a {display:block;}
table p a {font-size:80%; text-decoration:none; color:#0065A4;}
table p a.website, table span {display:none;}
table .button.secondary {font-size:120%; margin:0; font-weight:600;}
table tr td.phone-button {text-align:right;}
table .location {font-weight:400;}
.gray-box-for-small {padding:2rem 0.9375rem; text-align:center; font-size:1.25rem; font-weight:300;}

table p b, table .location {font-size:3.5vw;}
table .phone-button {font-size:3vw;}

#faq {text-align:center;}

.accordion {margin-bottom:3rem;}
.accordion, .accordion-content p {font-weight:500;}

.accordion-content p {line-height:1.2; margin-bottom:3rem;}

.accordion-item:last-child > :last-child {border:none!important;}

#resource-page main {font-weight:300;}
#resource-page .helptext {font-size:1rem;}

.gray-for-small {color:#0065A4;}

#resource-page .gray-on-white .hide-for-large p:last-of-type,
#resource-page .gray-for-small .hide-for-large p:last-of-type {margin-bottom:0;}

#resource-page .gray-on-white .hide-for-large p span {display:block;}

#resource-page .gray-on-white,
#resource-page .white-on-gray,
#multiple-equipment .gray-on-white {padding:2rem;}

#resource-page .gray-on-white h3,
#resource-page .white-on-gray h3,
{text-align:left!important; font-size:2.75rem;}

#resource-page .white-on-gray p,
#resource-page .gray-on-white p
{font-size:2rem; margin-bottom:2rem;}

#resource-page .gray-on-white .cell:first-of-type,
#resource-page .white-on-gray .cell:first-of-type 
{text-align:center;}

#resource-page .on-small.blue-waves {text-align:center; color:#0065A4; background:url('../img/blue-waves.jpg') no-repeat center center; background-size:cover; padding:0;}

#resource-page .blue-waves, #resource-page .gray-gradient {text-align:center;}


/*#resource-page .blue-waves p.blue {font-size:2.125rem;}
#resource-page .blue-waves p.blue span {display:inline-block;}*/

#resource-page #faq h4 {width:80%;}

#resource-page #lead p {font-weight:300;}

a.button {text-decoration:none; min-width:0px;}

#buttons-div {display: none;}


form input::-webkit-input-placeholder, #contact-us .checkbox-area label {font-weight:300; color: #777777;}
form input::-moz-placeholder, #contact-us label.check {font-weight:300; color: #777777;}
form input:-ms-input-placeholder, #contact-us label.check {font-weight:300; color: #777777;}
form input:-moz-placeholder, #contact-us label.check {font-weight:300; color: #777777;}

form input[type="submit"] {border:none; padding:1rem;}

.contractor-search {text-align:center;}
.contractor-search input[type="text"] {padding:.75rem; font-size:1.25rem; margin:.5rem auto; width:auto;max-width:100%;}

.within-miles {margin-bottom:3rem; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:row; justify-content:space-between;}

.within-miles label {display:inline-block; text-decoration:none; background:linear-gradient(#ffffff,#f0f0f0); border:1px solid #95989A; border-radius:50%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:row; align-content:center; align-items:center; justify-content: center; width:60px!important; height:60px!important; line-height:0; margin:0;}
.within-miles input[type="radio"] {display:none;}
.within-miles input[type="radio"]:checked + label {background:linear-gradient(125deg, #b7defe, #f0f0f0);}


#contact-us .green, #contact-us .greenp p {font-weight:300;}
#contact-us form p {font-size:1.5rem; text-align:center; margin-top:2rem; display:block;}
#contact-us .checkbox-area label {padding:1rem 0; line-height:1; font-size:1rem;}

#contact-us .gray-bg {padding-bottom:3rem;}

#contractor-portal main {text-align:left; font-weight:300;}
#contractor-portal ul {margin-left:0;}
#contractor-portal #banner {text-align:center; background:linear-gradient(45deg,#59a84f,#7bc672); padding:0;}
#contractor-portal #banner h1 {color:#fff; margin-left:.5rem; font-size:6vw;}
#contractor-portal #banner img {width:25vw; max-width:250px; }

#contractor-portal .blue-waves {padding:0 0.9275rem 3rem 0.9275rem; background:url('../img/blue-waves.jpg') no-repeat center center; background-size:cover; text-align:left;}
#contractor-portal .blue-waves h3 {font-weight:500; font-size:2.5rem; color:#777; text-transform:uppercase;}
#contractor-portal .blue-waves .large-4 h3 {margin-top:2rem;}
#contractor-portal .blue-waves .cell p {color:#777;}
#contractor-portal .blue-waves .gray-gradient {padding:2rem 0.9375rem 0;}
#contractor-portal .blue-waves .gray-gradient .grid-container {padding:0;}
#contractor-portal .blue-waves form input[type="submit"] {border:none; padding:1rem 4rem;}

#contractor-portal .blue-waves form input {border:2px solid #95989A;}

form {margin-bottom:2rem;}
form.blue-form {text-align:left;}
form.blue-form input {margin:1rem 0; border:1px solid #2699FB!important; border-radius:10px; padding:.5rem; font-size:3vw; box-shadow:none;}
form.blue-form input::-webkit-input-placeholder {text-align:left; font-weight:400; color: #2699FB;}
form.blue-form input::-moz-placeholder {text-align:left; font-weight:400; color: #2699FB;}
form.blue-form input:-ms-input-placeholder {text-align:left; font-weight:400; color: #2699FB;}
form.blue-form input:-moz-placeholder {text-align:left; font-weight:400; color: #2699FB;}
form.blue-form input[type="submit"], #contact-us form input[type="submit"]  {padding:1rem 4rem;}

i.tel {display:inline-block; font-style:normal;}

#free-thermostat main {font-weight:300;}
#free-thermostat h3, #home-energy h3 {color:#439539; margin-bottom:2rem; font-family:'cooperhewitt-semibold';}
#free-thermostat h5 {margin:3rem 0 1rem 0; color:#0065A4; font-family:'cooperhewitt-semibold';}
#free-thermostat h6 span {display:block;}
#free-thermostat p.small-print {margin-top:2rem;}
#free-thermostat main img, #home-energy main img {float:right; max-width:35%; margin:0 0 2rem 2rem;}

#home-energy main {font-weight:300; padding-bottom:2.5rem;}
#calls-to-action span, #resources span {display:block;}

#lead h2 span {display:inline-block;}
#lead {color:#777; padding:2rem 0 0 0; font-weight:300;}

#homeowners .homeowners-small {max-width:96vw; padding:0 0.9375rem; margin:0 auto;}
#homeowners #single-equipment .grid-padding-x .cell {padding:0;}
#homeowners #single-equipment p span {display:inline-block;}

#homeowners p.smart-therm {margin-top:1.5rem; font-size:100%;}

#homeowners p.explain {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    max-width: 330px;
    margin: 0 auto 1rem;
    font-weight: bold;
}

#homeowners p.incentives {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
}

#homeowners .homeowners-small .lead.blue,
#multiple-equipment p.hide-for-large {font-size:1.25rem;}

#multiple-equipment p a, #multiple-equipment .rebate-financing a {color:inherit; text-decoration:underline;}
#multiple-equipment p a:hover, #multiple-equipment p a:focus,
#multiple-equipment .rebate-financing a:hover, #multiple-equipment .rebate-financing a:focus {text-decoration:none;} 

.rebate-combos p.headline b {display:block;}
#multiple-equipment p.hide-for-large {color:#777;}
#multiple-equipment .gray-on-white {margin-top:0; padding:2rem 0.9375rem;}
#multiple-equipment p, #multiple-equipment span, #multiple-equipment p.headline {font-size:120%; width:100%; text-align:center;}
#multiple-equipment p span {display:block;}

#multiple-equipment .combination {width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:row; align-items:center; justify-content:space-around;}
#multiple-equipment .combination img {width:30vw; max-width:190px;}

.hide-for-large .button.secondary, {margin-bottom:2rem; line-height:1; padding:0.3em .5em .25em .5em; background:linear-gradient(90deg, #73bbf5, #3d93cf); font-size:2.5rem;font-family:'cooperhewitt-semibold';}
.hide-for-large .button.secondary small {font-size:50%; display:block;}

#multiple-equipment .rebate-financing, #multiple-equipment .rebate-notes {padding:3rem; font-size:180%;}

#multiple-equipment .rebate-notes {font-size:1.5rem; padding:0;}
#multiple-equipment .rebate-financing h3, #multiple-equipment .rebate-notes p.lead, #whole-home-efficiency .white-on-gray h3 {text-align: center; }
#multiple-equipment .rebate-notes p {font-weight:300; margin-bottom:2rem; line-height: 1.4;}
#multiple-equipment .rebate-notes p span {display:block;}

#multiple-equipment .rebate-notes em {margin:.5rem 0 1rem 0;}

#multiple-equipment .rebate-financing h3 {margin-bottom:2rem;}

#multiple-equipment .rebate-financing ul li ul {list-style:none; margin-left:0;}

#multiple-equipment .cell:first-of-type,
#whole-home-efficiency .cell:first-of-type {padding:0;}

#whole-home-efficiency.blue-waves {background:none;}

#whole-home-efficiency .lead {font-weight:300;}
#whole-home-efficiency .white-on-gray .headline {margin-top:0; font-size:1.75rem;}
#whole-home-efficiency .white-on-gray .headline b {font-size:185%;}
#whole-home-efficiency .white-on-gray p:first-of-type {font-weight:600; font-size:100%; margin:0; text-transform: uppercase;}
#whole-home-efficiency .white-on-gray p {color:#0065A4; margin-top:2rem; line-height:1.4;}
#whole-home-efficiency .white-on-gray img {display:inline; width:39%; margin: 8px 2px 0 0;}
#whole-home-efficiency .hpwes {color:#777;}
#whole-home-efficiency .on-small.blue-waves {margin-bottom:3rem;}
#whole-home-efficiency .white-on-gray .large-8 {margin-top:3rem;}
.gray-box-for-small .white-on-gray {text-align: center;}
.gray-box-for-small .white-on-gray p.headline b {display: block;}
.gray-box-for-small .white-on-gray p {color:inherit;}

.button img {width:11%; margin-right:.75rem;}

#apps-instructions .gray-on-white .small-2,
#resource-page .white-on-gray .small-2 {padding:0;}
#apps-instructions .gray-on-white .small-2 img,
#resource-page .white-on-gray .small-2 img {max-width:100%;}
#apps-instructions .gray-on-white p, #resource-page .white-on-gray p {font-size:1.25rem;}

#resource-page .gray-on-white .show-for-large p,
#resource-page .white-on-gray .show-for-large p {font-size:1.6rem;}

#apps-instructions h4:last-of-type,
#business-applications h4 {border:none; background:none; margin-top:1rem; margin-bottom:0; box-shadow:none; padding:0;}

#apps-instructions .gray-on-white:first-of-type {margin-top:1rem;}

form input[type="submit"] {color:#fff; border-radius:20px; text-transform:uppercase; font-weight:300; margin-top:3rem;font-size:1rem; background:#137ece linear-gradient(45deg,#2598f8,#137ece); border:none;}

form input[type="submit"]:hover, form input[type="submit"]:focus {background:#137ece;}

.off-canvas ul.menu {flex-wrap:nowrap;}
.off-canvas ul.menu li#mobile-search {border:none; padding:0;margin:0;}
.off-canvas ul.menu li#mobile-search form {margin:0;}
.off-canvas ul.menu li#mobile-search form input[type="text"] {color:#fff; background:url('../img/blue-waves-sm.png') no-repeat left center; background-size:cover; margin:0; border-radius:0; border:none; min-height:10vh;}
.off-canvas ul.menu li#mobile-search form input::-webkit-input-placeholder{font-weight:300; color: #fff;}
.off-canvas ul.menu li#mobile-search form input::-moz-placeholder {font-weight:300; color: #fff;}
.off-canvas ul.menu li#mobile-search form input:-ms-input-placeholder {font-weight:300; color: #fff;}
.off-canvas ul.menu li#mobile-search form input:-moz-placeholder {font-weight:300; color: #fff;}

/* FOOTER - RESOURCES */
#resources {padding-top:0; text-align:center; background: linear-gradient(#eff7fe, #ffffff);}
#resources p {font-weight:400; font-size:1.5rem;}
#resources .button:hover, #resources .button:focus {color:#0065A4; border:1px solid #0065A4;}
#resources a {padding:0; color:#0065A4; font-weight:700; font-size:1.125rem;}
#resources a:hover, #resources a:focus {color:#004671;}
#resources ul.menu {margin:2rem 0;}
#resources .resource {width:17vw;}
#resources .resource img {width:10vw;}
#resources .resource a, #resources .resource p {font-size:1.8vw;}
#resources .resource p {font-weight:700; line-height:1.2; margin-bottom:0;}
#resources .grid-container {max-width:95vw;}

/*#resources h2 {text-transform:uppercase; display:inline-block; font-family:'Open Sans',sans-serif; font-weight:600; font-size:2.125rem; color:#95989A; border:1px solid #95989A; border-radius:25px; padding:.125em 2.25em; background:white; margin-top:-1.5%; margin-bottom:2rem;}*/

#resources h2 {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.75rem;
    border: 1px solid #95989A;
    border-radius: 25px;
    background: white;
    margin-top: -1.5%;
    margin-bottom: 2rem;}
#resources h2 a {
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: inherit;
    color: #95989A;
    padding: .125em 1.5em;
    text-decoration: none;}
#resources h2 a:hover {color:#555;}

.resource-contact {text-align:center; font-size:2rem;}
.resource-contact .button.secondary {line-height:1; min-width:50%; font-size:1.75rem; background:linear-gradient(90deg, #73bbf5, #3d93cf); margin:0 auto 5rem auto; border-radius:20px; padding:1rem 3rem;}

#about .gray-bg {padding-top:0;}

.button.secondary {font-size:1.75rem; line-height:1.2;}

/* FOOTER */
footer a {text-decoration:none; color:inherit;}
footer b {font-size:1.5rem; display:block;}
footer ul {margin:0; list-style:none;}
footer ul li {text-transform:uppercase; font-size:.8rem; letter-spacing:.025em; font-weight:bold;}
footer ul li a {text-decoration:none; padding-top:.25rem; display: block;}

/* GREEN FOOTER */
#green-footer {text-align:center; color:#fff; padding:1rem 0; font-size:.7rem; background:#439539;}
#green-footer p {margin-bottom:0; font-size:2.5vw;}
#green-footer p.lead {font-family:'cooperhewitt-medium'; font-size:6vw;}
#green-footer span {float:right;}
#green-footer a {font-size:1rem;}
#green-footer .fa-twitter {margin:0 2rem;}
#green-footer .fa-facebook-f {margin:0 2rem 0 0;}

#green-footer .hide-for-large a {font-size:1.5rem;}

footer .large-2 {position:relative;}
footer .large-2 ul {position:absolute; right:0.9375rem;}

.button.third-level {border-radius:20px; font-weight:500; font-size:1.5rem; width:auto; display:inline-block; margin-bottom:3rem;}
.button.third-level small {font-size:50%; display:block;}

#multiple-equipment p.small-print, .small-print {font-weight:300; text-align:center!important; font-size:14px;}

.lead {font-size:105%;}

#calls-to-action {margin:2rem auto;}

.top-bar-left ul.menu li.hide-for-large {text-align:center;}
.top-bar-left ul.menu li.hide-for-large a img {width:60%;}

#savegreen {text-align:center;}

#lead p a:hover, #lead p a:focus, #lead p a:visited {text-decoration:underline;}

.contractor-section nav.contractor-nav ul a {font-size:.75rem!important;}
.contractor-section main {font-weight:300;}
.contractor-section nav.contractor-nav ul a {font-size:.75rem;}
.contractor-section main ul li ul {list-style:none; margin-left:2rem;}
.contractor-section main ul li ul li:before {content:'– ';}
.contractor-section h1 {margin-top:3.5rem;}
.contractor-section #archives ul {list-style-position:inside;}
.contractor-section #archives ul li {color:#439539;}
.contractor-section #archives p {color:#777;}
#contractor-contacts main p {margin-bottom:2rem;}
#contractor-contacts p a {color:#439539;}

#itsthateasy a.hide-for-large {font-size:.9rem;}

select {color:#777; font-weight:300;}
.back-to-top {
    position: fixed;
    right: 2rem;
    bottom: 4rem;
    transform: translateX(200%);
    width: 64px;
    height: 64px;
    transition: transform 0.25s ease-in-out;
    background-image: url(../img/back-to-top.png);
}

.search-results .active {
    /* border-left: solid 6px rgba(0, 0, 0, 0.25); */
    background-color: #819DC4;
    color: white;
}

    .top-bar .menu a {
        padding: 0;
    }

#whole_home_es .image-blocks p, #equipment_es .image-blocks p {
  margin-top: 3.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#whole_home_es .image-blocks p img, #equipment_es .image-blocks p img {
  width: 9.5vw;
  max-width: 195px;
  margin: 0 0.5rem 0.5rem 0;
}

/* MEDIA QUERIES */
@media print, screen and (min-width: 40em) {
	#hero h1 {font-size:5vw;}
	#hero h2 {font-size:2.75vw;}
	#hero h3 {font-size:2.5vw;}
	#green-footer p.lead {font-size:3vw;}
  .within-miles  {justify-content:center;}
  .within-miles label {margin:0 .5rem;}
    .back-to-top.show {
        transform: translateX(0%);
    }
}

@media print, screen and (max-width:64em) {
  #resource-page .blue-waves h4 {font-size:4vw;}
}

@media print, screen and (min-width: 64em) {

header .button.contractor::after {
    content: '';
}
    .top-bar .menu a {
        padding: 0.7rem 1rem;
    }
  #homepage main {margin:1rem 0 4rem 0;}
	main, main p {font-size:1.5625rem;}
  #resources .resource a, #resources .resource p {font-size:inherit;}
	header .grid-padding-x > .cell {padding-left:0.9375rem; padding-right:0.9375rem;}
	header .top-bar-left ul.menu {justify-content: left;}
	header .grid-container, #calls-to-action, #calls-to-action .grid-container, footer .grid-container {max-width:90vw;}
  main section {padding:3rem 0 2rem 0;}
	#hero h1 {font-size:3.55vw;}
	#hero h2 {font-size:1.9vw;}
	#hero h3 {font-size:1.5vw;}
  #hero .content {padding:11rem 0;}
  #calls-to-action {margin-bottom:4.5rem;}
	#calls-to-action a {min-height:12rem; min-width:225px; max-width:225px; min-height:14rem; justify-content:space-around;}
	#calls-to-action p.text {display: block; line-height:1.2; font-size:1.25rem; font-weight:600; text-align:center;}
	#resources ul.menu {margin:3rem 0;}
	#resources .resource img {width:auto;}
	#resources .resource a {font-size:1.2rem;}
	footer {padding-top:3rem; background:#F0F0F0;}
	#green-footer {margin-top:3rem; text-align:left;}
	#green-footer p {display:inline-block; padding-top:.25rem!important;  font-size: inherit;}
	.top-bar-left .njng, .top-bar-left .savegreen {width:40%;}
	.grid-container#calls-to-action {margin-top:-8%; max-width:80vw; text-align:center;}
	h3 {font-size:2.25vw;}
  h4, .h4, h4.green-for-small, .on-small.blue-waves h4 {min-width:50%; text-align:center; text-transform:uppercase; display:inline-block; font-family:'Montserrat', sans-serif; font-weight:300; font-size:2.4rem; color:#777; border:1px solid #95989A; padding:.25em .75em; background:white; margin-bottom:2rem; box-shadow: 0 3px 8px rgba(0, 0, 0, .15);}
	h4.green-for-small {font-weight:300; width:auto;}
  h4.green-for-small span {display:inline;}
  h5 {font-size:1.6vw;}
  table tr td.phone-button {display:none;}
  table tr td span {display:inline;}
  table {color:#777; border:none; font-size:1rem; text-align:left;}
  table tr td {padding:.5rem 1rem;}
  table p {font-size:1.25rem; font-weight:400; font-family:'cooperhewitt-book'; margin-bottom:0;}
  table p b {font-family:'cooperhewitt-semibold';}
  table p b, table p a.website , table span {display:block;}
  table p a {font-size:80%; text-decoration:none; color:#0065A4;}
  /* table .location {display:none;} */
  table p b, table .location {font-size:1.25rem;}
  .grid-container {max-width:85vw;}
  #lead {font-size:140%; text-align:center; color:#2d6426; font-weight:300; padding:4rem 0 1rem 0; background:url("../img/gray-trees.jpg") no-repeat center center; background-size:cover;}
  #lead p a {display:inline-block;}
  #lead h1 {font-size:4.75rem;}
  #lead img {margin-top:5rem;}
  .lead {font-size:125%;}
  select, select:focus { font-size: 2rem; height: 5rem; border: 5px solid #dddedf}
  [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {font-size:2rem; border-radius:20px; padding:.5rem 1rem;}
  #top-image {display:block; width:100%; background:#c4cdd4;}
  #resources .resource {width:15vw;}
  #home, #homeowners, #resource-page, #businesses, #multiple-equipment {text-align:center;}
  #buttons-div {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-flow:row;
    align-items:stretch;
    justify-content:space-around;
  }
  #buttons-div a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  .callout .content {padding:1rem 2rem;}
  .gray-bg {text-align:center; background:rgba(119,119,119,.1);}
  #itsthateasy {padding-bottom:1.5rem;}
  .white-on-gray, .gray-on-white {padding:2rem; font-size:1.5rem;}
  #about main, #homeowners main {padding-bottom:0;}
  #homeowners .homeowners-small {max-width:100vw; padding:0;}
  #multiple-equipment p, #multiple-equipment span, #multiple-equipment p.headline {text-align:left;}
  #multiple-equipment p span {display:inline;}
  #whole-home-efficiency .lead {font-size:190%;}
  #whole-home-efficiency .hpwes-text  {font-size:130%;}
  #whole-home-efficiency .on-small.blue-waves {margin-bottom:0;}
  /*#whole-home-efficiency .white-on-gray .large-8 {margin-top:0rem;}*/
  #whole-home-efficiency .white-on-gray .large-8 {
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:column; justify-content:center;}
  #whole-home-efficiency .white-on-gray .headline {font-size:2.4rem;}
  #whole-home-efficiency .white-on-gray p {font-size:2rem;}
  #resource-page .on-small.blue-waves {background:none;}
  .blue-waves, #whole-home-efficiency.blue-waves,
  #resource-page .small-gray-gradient.blue-waves {text-align:center; color:#0065A4; background:url('../img/blue-waves.jpg') no-repeat center center; background-size:cover;}
  .small-gray-gradient {background:none;}
  .gray-for-small {background:#fff;}
  .gray-box-for-small {background:none;}
  .gray-box-for-small .white-on-gray {text-align:left;}
  .button.secondary {font-size:2rem;}
  .white-for-small.gray-gradient {background:linear-gradient(#ffffff, #f0f0f0);}
  .accordion, .accordion-content p {font-weight:300;}
  #resource-page .gray-on-white, #resource-page .white-on-gray {padding:4rem;}
  #multiple-equipment .combination {justify-content: space-between;}
  #multiple-equipment .gray-on-white {padding:2rem;}
  #multiple-equipment .gray-on-white img {max-width:40%;}
  #multiple-equipment .gray-on-white.rebate-financing {color:#777; padding:2rem; font-size:1.5rem;}
  #multiple-equipment p {font-size:1.5rem;}
  #multiple-equipment p.headline {font-size:175%;}
  #homeowners .gray-bg .white-on-gray h3 {text-align:center;}
  #homeowners .gray-bg, .gray-box-for-small.gray-on-white.rebate-combos {background:#f0f0f0;}
  #multiple-equipment p, #multiple-equipment span, #multiple-equipment p.headline {margin:1rem 0;}
  #multiple-equipment .rebate-combos p.show-for-large.blue:first-of-type {margin-bottom:4rem;}
  #homeowners .rebate-combos img {width:9.5vw;}
  #homeowners .rebate-combos span.kinda-centered {
    width:70%;
    display: block;
    text-align: center;
  }
  #homeowners .rebate-notes em.kinda-centered {
    text-indent: 8rem;
    display: block;
  }
  #homeowners p.smart-therm {margin-top:0; font-size:1.5rem;}
	.dropdown.menu a {padding:.5rem .6rem .5rem .5rem;}
	.top-bar .top-bar-left {max-width:34%;}
  #contractor-portal .blue-waves .gray-gradient {padding:2rem 2rem 0 2rem;}
  #contractor-portal #banner h1 {margin-left:1rem; font-size:4vw;}
  .callout .blue-box {min-width:33%; padding:1rem;}
  .callout .blue-box p {font-size:.9rem;}
  .callout {margin-top:2rem;}
  .rebates .large-6 {padding-left:0.9375rem; padding-right:0.9375rem;}
  form.blue-form input {font-size:1.5rem;}
  #businesses .gray-box-for-small {padding:0 .9375rem;}
  #contact-us .checkbox-area label, form input[type="submit"], #contact-us form p {font-size:2rem;}
  #homeowners .homeowners-small .lead.blue {font-size:2rem;}

  .search-results {
      max-height: 305px;
      overflow: auto;
  }

}

@media print, screen and (min-width: 1025px) {
    .callout .content {padding:1rem 2rem;}
    .callout p, .callout p b {font-size:1.25rem;}
    a.button {text-decoration:none; min-width:310px;}
    #video-panel h3 {
        text-align: right;
    }
    #video-panel p {
        text-align: right;
    }
    #video-panel .responsive-video {
        text-align: left;
    }
}
@media print, screen and (min-width: 1160px) {
    header .button.contractor::after {content:"\f107";}
	.top-bar .top-bar-left {max-width:39%;}
}

@media print, screen and (min-width:1920px) {
  .grid-container#calls-to-action {margin-top:-5%;}
}