/*
	This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face{
	font-family: "Proxima Nova W01 Regular";
	src: url("/assets/fonts/5596735/b38b8bd9-d96f-4bf9-add1-adbd2b08b802.woff2") format("woff2"), url("/assets/fonts/5596735/52ed7b2d-8a31-4b18-a1d5-8685608b0889.woff") format("woff");
}
@font-face{
	font-family: "Proxima Nova W01 Bold";
	src: url("/assets/fonts/5596920/cc85d073-4dcf-4ecd-9804-40c34e631e2b.woff2") format("woff2"), url("/assets/fonts/5596920/332136cf-33d0-43fb-97ee-49c7742489ff.woff") format("woff");
}
@font-face{
	font-family: "Proxima Nova W01 Extrabold";
	src: url("/assets/fonts/5596977/c8e0146f-ebf2-4e86-bd3d-047c9a5e5dac.woff2") format("woff2"), url("/assets/fonts/5596977/e7972ec4-f161-406c-be4c-f32e884989e7.woff") format("woff");
}
@font-face{
	font-family: "Proxima Nova W01 Medium";
	src: url("/assets/fonts/5597946/5622d11c-c6b8-476c-9d17-995348bd8400.woff2") format("woff2"), url("/assets/fonts/5597946/d8a5d085-4356-4bc9-b496-51439ecdcd04.woff") format("woff");
}
@font-face{
	font-family: "Proxima Nova W01 Extrabold It";
	src: url("/assets/fonts/5598057/d0574cac-53b4-42f6-86e9-79397dcfd06c.woff2") format("woff2"), url("/assets/fonts/5598057/8d580797-2cbe-44dd-a0db-89355b92dc10.woff") format("woff");
}
@font-face{
	font-family: "Proxima Nova W01 Semibold";
	src: url("/assets/fonts/5738932/c7dcb253-8dca-459b-aaa9-afef9131ef22.woff2") format("woff2"), url("/assets/fonts/5738932/390be235-bf11-42ee-8ba1-2dd10ca6a4ac.woff") format("woff");
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big, /* deprecated, but we'll support it anyway */
blockquote,
body,
canvas,
caption,
center, /* deprecated, but we'll support it anyway */
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video { /* nearly all elements - not in this list: button, hr, input, select, textarea */
	margin: 0; /* specifically useful for: addresses margins in body and form handled incorrectly in IE6/7; addresses margin for figure not present in IE6/7/8/9, S5, O11; normalizing fieldsets; addresses margins for button/input/select/textarea set differently in IE6/7, F3/4, S5, Chrome */
	padding: 0; /* specifically useful for: addresses excess padding in IE8/9 */
	border: 0; /* specifically useful for: img's inside a's; corrects color for legends not being inherited in IE6/7/8/9 */
	outline: 0; /* specifically useful for: a's [improves appearance when active or hovered in all browsers (people.opera.com/patrickl/experiments/keyboard/test)] */
	font: inherit; /* specifically useful for: td's that don't inherit like you think they should... */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers - can we elaborate on this? */
}
body,
button,
input,
select,
textarea {
	font-family: inherit; /* addresses font-family inconsistency between 'textarea' and other form elements */
}
body,
form,
input,
button,
select, 
textarea {
	font-size: 100%; /* addresses text resizing limitations in IE6/7 - improves text sizing inconsistency in all browsers - known issue: text sizing unnecessary for 'form'? if this is the case, why not just move this to a declaration that's only on body/input/button/select/textarea? */
	margin: 0; /* improves margins set oddly in IE6/7 FF3/4 S5 C10 */
}
html {
	cursor: default; /* improves visual focus of mouse in all browsers */
	font-size: 100%; /* corrects text resizing oddly when font size is set using ems in IE6/7 (http://clagnut.com/blog/348/#c790) */
	overflow-y: scroll; /* corrects page centering in all browsers regardless of content height */
	-ms-overflow-style: scrollbar;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent; /* improves visual appearance of containers during a delegated click in mSaf (www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/) */
	-webkit-text-size-adjust: 100%; /* corrects text resizing oddly after orientation change in all handhelds (www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/) */
	-ms-text-size-adjust: 100%; /* corrects text resizing oddly after orientation change in all handhelds (www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/) */
	font-size: 10px; /* such that 1rem = 10px */
	background-color: #505050;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4375;
	letter-spacing: normal;
	color: #333333; /* TO-DO: SET THIS TO SOMETHING HOT AND SEE WHAT DOESN'T CHANGE */
	text-rendering: optimizeLegibility;
	font-family: "Proxima Nova W01 Regular", "Proxima Nova", "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
#body {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
article,
aside,
audio,
blockquote,
center,
details,
div,
dl,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
menu,
meter,
nav,
ol,
p,
pre,
progress,
section,
svg,
table,
ul,
video {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
blockquote,
center,
dl,
figure,
ol,
ul {
	margin-left: 55px;
	margin-left: 5.5rem;
}
dd {
	margin-left: 55px;
	margin-left: 5.5rem;
}
dd + dd,
dd + dt,
ol ol,
ul ul {
	margin-top: 4px;
	margin-top: 0.4rem;
}
dt,
li {
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}
figcaption {
	margin-top: 20px;
	margin-top: 2rem;
}
td,
th {
	padding-left: 20px;
	padding-left: 2rem;
	padding-right: 20px;
	padding-right: 2rem;
	padding-top: 4px;
	padding-top: 0.4rem;
	padding-bottom: 4px;
	padding-bottom: 0.4rem;
	text-align: left;
}
a {
	-moz-transition: color 0.16s linear;
	-webkit-transition: color 0.16s linear;
	-o-transition: color 0.16s linear;
	transition: color 0.16s linear;
	text-decoration: underline;
}
a:link {
	color: #233E90;
}
a:visited {
	color: #233E90;
}
a:hover {
	outline: 0; /* improves appearance when active or hovered in all browsers (people.opera.com/patrickl/experiments/keyboard/test) */
	color: #002D72;
	text-decoration-color: #0077C8;
}
a:active {
	outline: 0; /* improves appearance when active or hovered in all browsers (people.opera.com/patrickl/experiments/keyboard/test) */
}
a:focus {
	outline: 1px dotted; /* addresses outline set oddly in Chrome - perhaps this should be on a blanket :focus pseudo-class instead? that's how meyer's does it */
	outline: 0.1rem dotted;
	/* TO-DO: set the color? */
	border-color: black;
}
abbr[title],
acronym[title] {
	border-bottom: 1px dotted; /* corrects styling not present in IE7/8/9 S5 C10 */
	border-bottom: 0.1rem dotted;
	cursor: help; /* alerts the user to that their rollover has triggered the title attribute's appearance */
	border-color: #808080; /* neutral color treatment so as to not be distracting */
}
abbr {
	
}
acronym {
	
}
address {
	
}
applet {
	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block; /* corrects block display not defined in IE6/7/8/9 & FF3 */
}
article {
	
}
aside {
	
}
audio {
	display: none; /* corrects display not defined in IE6/7/8/9 & FF3 ...is the original note that spanned a number of declarations - let's elaborate/specify */
	*zoom: 1; /* corrects display not defined in IE6/7/8/9 & FF3 ...is the original note that spanned a number of declarations - this is of course a hack - let's elaborate/specify */
	/* perhaps to do something here to account for the floating time bubble that shows up in FF outside the box? */
}
audio[controls],
canvas,
video {
	display: inline-block; /* corrects display not defined in IE6/7/8/9 & FF3 ...is the original note that spanned a number of declarations - let's elaborate/specify */
	*display: inline; /* corrects display not defined in IE6/7/8/9 & FF3 ...is the original note that spanned a number of declarations - let's elaborate/specify */
	*zoom: 1; /* does this go with the above? */
	display: block; /* ...hmmm, maybe this stuff above is wrong? ...because this line right here that conflicts with those seems to have normalized display - if we want an inline kind of behavior, let's just float it - want it centered? use margin-left/right of auto */
}
audio:not([controls]) {
	display: none; /* prevents modern browsers from displaying 'audio' without controls - does this expression for the element really work? ...and is it really necessary with the previous statements? */
}
b,
strong {
	font-weight: bold; /* corrects style set incorrectly as 'bolder' in FF3/4 S4/5 C10 */
}
b {
	
}
big { /* deprecated, but we'll support it anyway */
	font-size: 1.38em;
	line-height: 0; /* like sub/sup, keep element from interfering with surrounding line height */
}
blockquote::before,
blockquote::after,
q::before,
q::after {
	content: ""; /* addresses quote property not supported in S4 - should this be applied only to q and not blockquote? if this is Safari only why two declarations? ...not to mention I'm pretty sure it's not supported in more than just Safari */
	content: none; /* addresses quote property not supported in S4 - should this be applied only to q and not blockquote? if this is Safari only why two declarations? ...not to mention I'm pretty sure it's not supported in more than just Safari */
}
blockquote,
q {
	quotes: "" "" "" ""; /* is this the right syntax? */
	quotes: none; /* addresses CSS quotes not supported in IE6/7 - should this be applied only to q and not blockquote? */
	font-style: italic;
}
blockquote {
	/* font-family: serif; */ /* gives it that quote-y feel - not applied to q because that's usually/sometimes inline */
	font-family: inherit;
}
button,
input {
	line-height: normal; /* corrects FF3/4 setting it using !important in the UA stylesheet */
	*overflow: visible; /* corrects inner spacing displayed oddly in IE6/7 */
}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	cursor: pointer; /* improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* corrects inability to style clickable 'input' types in iOS */
	/* in the interests of making these look as much like the file type input, which pretty much cannot be styled... */
		padding-left: 10px;
		padding-left: 1rem;
		padding-right: 10px;
		padding-right: 1rem;
		/* IE7/8 still gives a tiny extra padding so give a little less */
		padding-left: 8px\9;
		padding-right: 8px\9;
		/* known issue: Safari gives still more padding, but can't target it without targeting Chrome, right? It's clearly not perfect, but it *IS* a step in the right direction, no? */
		/* ...alright, on to top and bottom, again with the idea being to make it look like the file type input */
		padding-top: 2px;
		padding-top: 0.2rem;
		padding-bottom: 1px;
		padding-bottom: 0.1rem;
	/* again, Safari alone seems to be giving a little too much padding */
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0; /* corrects appearance displayed oddly in FF3/4 (www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/) */
	padding: 0; /* corrects appearance displayed oddly in FF3/4 (www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/) */
}
button,
input,
select,
textarea {
	color: black; /* necessary? why? i.e. needs an explanation */
	margin: 0;
	/* -webkit-appearance: none; this removes the drop-down indicator from a select for Chrome and Safari - suggestion was "improves appearance in all browsers"; how so? */
	border-radius: 0; /* implication in http://normalize-css.googlecode.com/svn/trunk/normalize.css is "improves appearance in all browsers" - let's get more specific; what does this do? why no -moz and/or -webkit counterpart? */
	vertical-align: baseline; /* implication in http://normalize-css.googlecode.com/svn/trunk/normalize.css is "improves appearance in all browsers" - let's get more specific; what does this do? */
	*vertical-align: middle; /* implication in http://normalize-css.googlecode.com/svn/trunk/normalize.css is "improves appearance in all browsers" - let's get more specific; what does this do? clearly here this is targeting IE7 and below */
	font: inherit;
}
button {
	
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	/* ...so dumb, but target Opera only to move button's 1px south so they'll align with submit/reset/etc. - at certain zoom levels the button's get just slightly taller, but this is as close as we can get within reason */
	button {
		position: relative;
		top: 1px;
	}
}
caption {
	
}
canvas {
	
}
caption {
	
}
center { /* deprecated, but we'll support it anyway */
	text-align: center; /* is this necessary? */
}
cite {
	font-style: italic;
}
code,
kbd,
pre,
samp {
	font-family: monospace; /* corrects font family displayed oddly in IE6 S5 C10 (en.wikipedia.org/wiki/User:Davidgothberg/Test59) */
	font-size: 1em; /* corrects font family displayed oddly in IE6 S5 C10 (en.wikipedia.org/wiki/User:Davidgothberg/Test59) */
}
code,
kbd {
	line-height: 0; /* corrects inconsistent line height when these are used as inline tags, i.e. this rule presumes code and kbd are inline ...and by inference, samp and pre are not */
}
code {
	
}
command {
	/* italic to convey "let's go"? */
}
dd {
	
}
del {
	text-decoration: line-through; /* is this actually necessary or do all browsers already do this? at least meyer's suggests this is necessary */
}
details {
	
}
dfn {
	font-style: italic; /* corrects styling not present in S5 C10 */
}
div {
	
}
dl {
	
}
dt {
	font-weight: bold; /* look at a dictionary - terms are almost always bold */
}
em {
	font-style: italic;
}
fieldset {
	line-height: 2; /* this I feel may be a real piece of brilliance - trying to put the right spacing between legend's and fieldset's was proving to be a real nightmare, as was the way a "normal" line height interacted with the adjacent form elements; set a nice tall line-height like this and both issues are solved in one line */
}
figcaption {
	/* text treatment? */
}
figure {
	padding: 24px;
	padding: 2.4rem;
	border: 1px solid #808080;
	border: 0.1rem solid #808080;
	text-align: center;
}
footer {
	padding: 28px;
	padding: 2.8rem;
	padding-top: 58px;
	padding-top: 5.8rem;
	padding-bottom: 58px;
	padding-bottom: 5.8rem;
	color: white;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #505050;
	margin: 0;
	line-height: 1.7333333333333333333333333333333;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: white;
}
form {
	
}
h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-weight: bold; */
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
}
h1 {
	font-size: 32px;
	font-size: 3.2rem;
	color: #212121;
	/* font-weight: 800; */
	font-family: "Proxima Nova W01 Extrabold";
	font-weight: normal;
	line-height: 1.125;
	letter-spacing: 0.0059375em;
}
h1 em {
	font-family: "Proxima Nova W01 Extrabold It";
	font-style: normal;
}
h2 {
	font-size: 25px;
	font-size: 2.5rem;
	color: #212121;
	line-height: 1.2;
}
h3 {
	font-size: 21px;
	font-size: 2.1rem;
	color: #002D72;
}
h4 {
	font-size: 20px;
	font-size: 2.0rem;
}
h5 {
	font-size: 1em;
	color: #002D72;
	text-transform: uppercase;
}
h6 {
	font-size: 1em;
	text-transform: uppercase;
}
header {
	background-color: #233E90;
	margin-bottom: 0;
	padding-left: 26px;
	padding-left: 2.6rem;
	padding-right: 26px;
	padding-right: 2.6rem;
	padding-top: 31px;
	padding-top: 3.1rem;
	padding-bottom: 31px;
	padding-bottom: 3.1rem;
}
header a:link,
header a:visited,
header a:hover,
header a:active {
	color: white;
}
header > hgroup {
	margin-bottom: 0;
}
hgroup {
	
}
hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 {
	margin-bottom: 0; /* headings in a heading group are stacked with purpose, so no excessive visual separation */
}
hr {
	/* suggested in html5boilerplate.com's distribution that display: block; is necessary, but not quantified - should we enable this? */
	overflow: hidden; /* makes sure that with what will presumably be a fixed height it doesn't get any taller than that */
	border: 0; /* for whatever reason hr didn't get blanket reset elsewhere here, so... */
	margin: 0; /* for whatever reason hr didn't get blanket reset elsewhere here, so... */
	padding: 0; /* for whatever reason hr didn't get blanket reset elsewhere here, so... */
	margin-bottom: 20px;
	margin-bottom: 2rem; /* not part of the grouped spacing because the above settings would override it - let's get this sorted out */
	height: 1px;
	height: 0.1rem;
	color: #808080; /* must set both of these to get the same color across browsers - let's clarify which does which */
	background-color: #808080; /* must set both of these to get the same color across browsers - let's clarify which does which */
}
i {
	font-style: italic; /* is this actually necessary */
}
iframe {
	display: block; /* this has a profound effect, eliminating inconsistencies between browsers that for all but IE7 create space(s) around the iframe that even removing the line-height (though it had some effect) failed to resolve */
}
img {
	vertical-align: bottom; /* fixes the problem with extra space inside anchors around images in all but IE7, where the border is still visible */
	/* TO-DO: FIX THE ABOVE MENTIONED PROBLEM WITH IE7 - THE JQUERY SCRIPT COMMENTED OUT CURRENTLY COULD FIX IT, BUT LET'S TRY TO USE CSS */
	-ms-interpolation-mode: bicubic; /* improves visual appearance when scaled in IE7 (code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/) */
	width: 100%;
	max-width: 100%;
	height: auto;
}
input,
select,
textarea {
	font: inherit;
	*font-size: 100%; /* WHAT'S THIS FOR? */
}
input:valid,
textarea:valid {
	/* you can set a background color here, but it's going to appear an any not-invalid input, not necessarily valid, so for instance a textarea's going to fill with that color, so...*/
}
input:invalid,
textarea:invalid {
	/* background-color: lightCoral; */
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* addresses box sizing forced to border-box in IE6/7 */
}
input[type="image"] {
	vertical-align: top; /* much like with a textarea, this allows the label to show up at the top next to the input */
	cursor: crosshair; /* indicates the normal behavior of this control, which is to submit coordinates */
	/* note: this doesn't look right if you're expecting an image type to behave like a submit and it shouldn't; that's not what it's for so that's not semantically correct */
}
input[type="search"] {
	-webkit-appearance: textfield; /* addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box; /* addresses sizing set oddly to searchfield in S5 iOS C10 - known issue: -moz included to future-proof */
	-webkit-box-sizing: content-box; /* addresses box sizing set to border-box in S5, Chrome */
	box-sizing: content-box; /* addresses sizing set oddly to searchfield in S5 iOS C10 */
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; /* addresses inner padding displayed oddly in S5 C10 on OSX */
}
input {
	
}
ins {
	text-decoration: none; /* html5boilerplate.com and meyer's suggested this was necessary - can we confirm why? At least some browsers will underline, so what, we're preventing/normalizing? The ideal treatment for ins (IMHO) is to push it up to the superscript's baseline and put a karat before it, but before/after doesn't work for IE7 and we're still supporting it, so... */
	line-height: 0; /* keeps what follows from messing with the line height of surrounding content */
	position: relative; /* sets up for the following... */
	bottom: 0.333em; /* places it above the baseline */
}
kbd {
	
}
label {
	display: inline-block;
	/* ideally we would set a width here, but that would cascade into labels (like for instance one you'd have on a radio button) that wouldn't want this treatment, so it'll have to be a site-specific thing for now */
}
label[for] {
	cursor: pointer; /* indicates to the user they can click on it and something will happen */
}
legend {
	display: block; /* can this be removed with the below width declaration? maybe it's redundant already? */
	width: 100%; /* the last coffin nail in the default treatment of forms with regards to fieldsets and legends */
	color: black; /* can't remember which browser it is, but one of them doesn't provide for these to end up the right color... */
	*margin-left: -7px; /* corrects alignment displayed oddly in IE6/7 */
	*margin-right: -7px; /* counters where it then juts right based on that correction */
}
li {
	
}
mark {
	background-color: yellow; /* corrects styling not present in IE6/7/8/9 */
	color: black; /* corrects styling not present in IE6/7/8/9 */
}
menu {
	
}
meter {
	display: block;
}
nav {
	margin-bottom: 0;
	/* font-weight: 600; */
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
}
nav ul {
	list-style: none; /* no bullets */
	margin: 0; /* no margins around the list, except the following to indent */
}
nav ul li {
	margin: 0; /* no margins around the list items */
	display: block; /* blows the line items up to the height of the nav - still necessary? should be inline-block? */
	float: left; /* runs the list items from left to right */
	line-height: inherit; /* ???? */
}
nav ul li a,
nav ul li span {
	display: block;
	padding-left: 20px;
	padding-left: 2rem;
	padding-right: 20px;
	padding-right: 2rem;
}
nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active {
	border: none; /* removes the standard underline treatment for links */
}
nav ul li a:link {
	
}
nav ul li a:visited {
	
}
nav ul li a:hover {
	
}
nav ul li a:active {
	
}
nav ul li a.current:link {
	
}
nav ul li a.current:visited {
	
}
nav ul li a.current:hover {
	
}
nav ul li a.current:active {
	
}
noscript {
	
}
object {
	
}
ol,
ul {
	list-style-position: outside;
}
ol {
	list-style-type: decimal;
}
ol ol {
	margin-bottom: 0;
	margin-right: 0;
}
option {
	font-size: inherit; /* fixes where this doesn't happen like you'd expect it to for at least IE8, which can actually truncate the options as a result */
}
p {
	
}
picture {
	display: block;
}
pre {
	white-space: pre; /* improves readability of pre-formatted text in all browsers */
	white-space: pre-wrap; /* improves readability of pre-formatted text in all browsers */
	word-wrap: break-word; /* improves readability of pre-formatted text in all browsers */
}
progress {
	display: block;
}
q {
	
}
s {
	
}
samp {
	
}
section {
	
}
select {
	line-height: 2;
	padding-bottom: 6px;
	padding-bottom: 0.6rem;
	padding-top: 6px;
	padding-top: 0.6rem;
}
small {
	/* font-size: 0.62em; */ /* improves appearance in all browsers (gist.github.com/413930) - let's quantify this explanation further; setting it to get consistent, picking the number to be an appropriate size? note golden ratio? */
	/* picked a different sizing once employed, i.e. in the About section at the end of press release posts */
	font-size: 0.75em;
}
span {
	
}
strike {
	/* add strikethrough? what is this tag? */
}
strong {
	
}
sub,
sup {
	font-size: 0.62em; /* improves appearance in all browsers (gist.github.com/413930) - let's quantify this explanation further; setting it to get consistent, picking the number to be an appropriate size? note golden ratio? */
	line-height: 0; /* prevents line height being disturbed by these tags (credit to gist.github.com/413930?) */
	position: relative; /* sets up relative positioning that gets defined for each element respectively */
	vertical-align: baseline; /* improves appearance in all browsers (gist.github.com/413930) */ 
}
sub {
	bottom: -0.25em; /* places subscript 25% below baseline */
}
summary {
	
}
sup {
	top: -0.5em; /* places superscript 50% above baseline */
}
svg {
	display: block; /* makes display consistent across browsers */
}
svg:not(:root) { /* SVG not supported in IE7/8 or Safari or Opera, so this is sort of pointless, but... */
	overflow: hidden; /* corrects overflow displayed oddly in IE9 */
}
table {
	border-collapse: collapse; /* improves visual appearance in all browsers - can we get more specific about this? */
	border-spacing: 0; /* improves visual appearance in all browsers - can we get more specific about this? */
	width: 100%;
	font-size: 13.5px;
	font-size: 1.35rem;
}
table button,
table input {
	*overflow: auto; /* corrects overlap and whitespace issue for buttons and inputs in IE6/7 - known issue: reintroduces inner spacing */
}
tbody {
	
}
td {
	border-left: 2px solid #979797;
	border-left: 0.2rem solid #979797;
}
td:last-of-type {
	border-right: 2px solid #979797;
	border-right: 0.2rem solid #979797;
}
textarea {
	width: 30em; /* roughly 50 characters per line */
	height: 5em; /* 5 lines high @ above constant - MAKE SURE TO CHANGE WHEN THAT LINE-HEIGHT GETS SET TO SOMETHING INTELLIGENT */
	overflow: auto; /* corrects scrollbar displayed oddly in IE6/7/8/9 */
	vertical-align: top; /* improves readability and alignment in all browsers - can we get more specific about this? This means the label shows up at the top of the textarea, right? */
	/* TO-DO: SET THIS DIFFERENTLY FOR OPERA WHERE THE TEXT IS RIGHT AT THE TOP OF THE LINE */
}
tfoot {
	
}
th {
	/* font-weight: bold; */
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
	background-color: #4A4949;
	color: white;
}
thead th {
	border-left: 2px solid #4A4949;
	border-left: 0.2rem solid #4A4949;
	border-right: 2px solid white;
	border-right: 0.2rem solid white;
	border-bottom: 2px solid white;
	border-bottom: 0.2rem solid white;
	vertical-align: bottom;
	/* text-align: center; */
}
thead th:last-of-type {
	border-right: 2px solid #4A4949;
	border-right: 0.2rem solid #4A4949;
}
th[scope=row] {
	background-color: inherit;
	color: inherit;
	border-left: 2px solid #979797;
	border-left: 0.2rem solid #4A4949;
}
thead {
	
}
time {
	
}
tr {
	background-color: #DBDBDB;
}
tr:nth-of-type(even) {
	background-color: transparent;
}
tr:last-of-type {
	border-bottom: 2px solid #979797;
	border-bottom: 0.2rem solid #979797;
}
tt {
	
}
u {
	text-decoration: none;
	border-bottom: 1px solid;
	border-bottom: 0.1rem solid;
}
ul {
	list-style-type: disc;
}
ul ul {
	margin-bottom: 0;
	margin-right: 0;
}
var {
	/* should this get a monospace face? */
	font-style: italic;
}
video {
	/* doesn't need the same control-dependent display as audio to get that effect? */
	background-color: #CCCCCC; /* mattes the video on a color so you can see what area is occupied by it */
}

:focus {
	/* the problem with the following is that in some browsers you'll see focus on things like the body or div's or whatever - we want focus to only be on interactive elements, so that's anchors, buttons, selects, textareas, inputs, what else? let's (i.e. TO-DO!!!) set focus to have no treatment, i.e. do a reset, then build it up for the elements that should get it */
	/* outline: thin dotted black; */
}
::-moz-selection { /* which browsers does this target? */
	background-color: slateblue; /* sets the color of the highlight */
	color: white; /* must constrast with the above color; i.e. don't set it to white if the background color is yellow */
	text-shadow: none; /* makes sure no text shadow in selection */
}
::selection { /* this must be declared separately even though it's exactly the same as the one above - which browsers is this targeting? */
	background: slateblue; /* sets the color of the highlight */
	color: white; /* must constrast with the above color; i.e. don't set it to white if the background color is yellow */
	text-shadow: none; /* makes sure no text shadow in selection */
}
[hidden] { /* any element with the boolean attribute (i.e. presence is true, does not get a value) of hidden (works like "checked" or "selected") */
	display: none; /* addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 - known issue: no IE6 support */
	visibility: hidden; /* hides it also from screen readers? (css-discuss.incutio.com/wiki/Screenreader_Visibility) - should this get applied to other hidings? */
}
::-webkit-input-placeholder	{ /* apparently must be declared separately from equivalents to work */
	color: #6B6B6B; /* 50% grey */
}
input:-moz-placeholder { /* apparently must be declared separately from equivalents to work */
	color: #6B6B6B; /* 50% grey */
}
input:-ms-placeholder { /* apparently must be declared separately from equivalents to work */
	color: #6B6B6B; /* 50% grey */
}
::-ms-input-placeholder	{ /* apparently must be declared separately from equivalents to work */
	color: #6B6B6B; /* 50% grey */
}
:-ms-input-placeholder { /* apparently must be declared separately from equivalents to work */
	color: #6B6B6B; /* 50% grey */
}
@media print {
	* { /* sigh, really? is this really smart to start introducing wildcard here? */
		background: transparent !important;
		color: black !important; /* black prints faster (sanbeiji.com/archives/953) */
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/* for image replacement class not being used in this sheet - .ir a:after, */
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""; /* don't show links for images, or javascript/internal links */
	}
	pre,
	blockquote {
		border: 1px solid #999;
		border: 0.1rem solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* css-discuss.incutio.com/wiki/Printing_Tables */
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}









/*
	UTILITY CLASSES
*/
.clearfix:before,
.clearfix:after {
	content: ""; /* contain floats (nicolasgallagher.com/micro-clearfix-hack/) */
	display: table; /* contain floats (nicolasgallagher.com/micro-clearfix-hack/) */
}
.clearfix:after {
	clear: both; /* contain floats (nicolasgallagher.com/micro-clearfix-hack/) */
}
.clearfix {
	zoom: 1; /* contain floats (nicolasgallagher.com/micro-clearfix-hack/) */
}
.embed-container {
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 */
	position: relative;
}
.embed-container.four-by-three {
	padding-top: 75%;
}
.embed-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.error {
	color: maroon;
}
.hidden {
	display: none;
}
.warning {
	color: orangeRed;
}








/*
	SITE SPECIFIC
*/
.desktop {
	display: none;
}
@media screen and (min-width: 1024px) {
	.desktop {
		display: block;
	}
	.mobile {
		display: none;
	}
}
#content a:not(.button) {
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
}
@media screen and (min-width: 1024px) {
	body {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.4444444444444444444444444444444;
	}
	h1 {
		font-size: 39px;
		font-size: 3.9rem;
		line-height: 1.1282051282051282051282051282051;
		letter-spacing: normal;
	}
}
fieldset,
div.fieldset {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}
input[type=text],
input[type=email] {
	background-color: white;
	border: 1px solid #717F81;
	border: 0.1rem solid #717F81;
	border-radius: 4px;
	border-radius: 0.4rem;
	width: calc(100% - 47px);
	width: calc(100% - 4.7rem);
	font-size: 18px;
	font-size: 1.8rem;
	padding-top: 16px;
	padding-top: 1.6rem;
	padding-bottom: 16px;
	padding-bottom: 1.6rem;
	padding-left: 23.5px;
	padding-left: 2.35rem;
	padding-right: 23.5px;
	padding-right: 2.35rem;
	line-height: 1;
	letter-spacing: 0.00222222222222222222222222222222em;
}
select {
	background-color: white;
	border: 1px solid #717F81;
	border: 0.1rem solid #717F81;
	border-radius: 4px;
	border-radius: 0.4rem;
	width: 100%; /* note that this doesn't require an offset for the padding */
	font-size: 18px;
	font-size: 1.8rem;
	padding-top: 16px;
	padding-top: 1.6rem;
	padding-bottom: 16px;
	padding-bottom: 1.6rem;
	padding-left: 23.5px;
	padding-left: 2.35rem;
	padding-right: 23.5px;
	padding-right: 2.35rem;
	padding-right: 47px;
	padding-right: 4.7rem;
	line-height: 1.161803398874;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	cursor: pointer;
	position: relative;
	background-image: url('/assets/icon_select_32x.png');
	background-repeat: no-repeat;
	background-size: auto 1em;
	background-position: right 23.5px bottom 50%;
	background-position: right 2.35rem bottom 50%;
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus {
	border-color: #0077C8;
}
select::after {
	content: "\f0d7";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	right: 0;
}
input.invalid,
textarea.invalid {
	border: 3px solid #CC0000;
	border: 0.3rem solid #CC0000;
	position: relative;
	top: -2px;
	top: -0.2rem;
	left: -2px;
	left: -0.2rem;
}
input + .validation-feedback,
textarea + .validation-feedback {
	display: none;
	color: #CC0000;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	margin-top: 20px;
	margin-top: 2rem;
	line-height: 1.375;
	line-height: 1.3333333333333333333333333333333;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.002em;
}
input.invalid + .validation-feedback,
textarea.invalid + .validation-feedback {
	display: block;
}
label {
	
}
progress {
	width: 100%;
	background-color: #F3F2F2;
	height: 14px;
	height: 1.4rem;
	border-radius: 7px;
	border-radius: 0.7rem;
	border: none;
	color: #002D72;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
progress::-webkit-progress-bar {
	background-color: #F3F3F2;
	border-radius: 7px;
	border-radius: 0.7rem;
	height: 14px;
	height: 1.4rem;
}
progress::-webkit-progress-value {
	background-color: #002D72;
	border-radius: 7px;
	border-radius: 0.7rem;
}
progress::-moz-progress-bar {
	background-color: #002D72;
	border-radius: 7px;
	border-radius: 0.7rem;
}
input[type=submit][disabled],
input[type=submit][disabled]:hover,
input[type=submit][disabled]:focus,
button[type=submit][disabled],
button[type=submit][disabled]:hover,
button[type=submit][disabled]:focus,
a.button.restart {
	background-color: #505050;
	background-color: #767676;
	/* opacity: 0.25; */
	border-color: #505050;
	border-color: #767676;
	cursor: not-allowed;
}
a.button.restart,
a.button.restart:hover,
a.button.restart:focus {
	cursor: pointer;
}
a.button.restart:hover,
a.button.restart:focus {
	background-color: #505050;
	border-color: #505050;
}
a.external::after {
	content: "\f35d";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-left: 0.38461538461538461538461538461538em;
}
a.question {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4166666666666666666666666666667;
	letter-spacing: 0.0008333333333em;
	font-family: "Proxima Nova W01 Semibold" !important; /* TO-DO: make the selector more specific so as to avoid the !important? */
	font-weight: normal;
}
a.question:link,
a.question:visited {
	color: #0077C8;
}
a.question:hover,
a.question:active,
a.question:focus {
	color: #233E90;
}
a.question::before {
	content: "\f059";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 500;
	margin-right: 0.38461538461538461538461538461538em;
}
#modal {
	position: fixed;
	background-color: white;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 17px solid #002D72;
	border-top: 1.7rem solid #002D72;
	margin: 0;
	display: none;
	overflow: auto;
	max-width: 546px;
	max-width: 54.6rem;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 2px 25px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0.2rem 2.5rem 0 rgba(0,0,0,0.5);
}
#modal section {
	margin: 0;
	background-color: white;
}
#modal section:first-of-type {
	background-color: #F3F2F2;
}
#modal section:nth-of-type(2) {
	
}
#modal-question {
	font-size: 25px;
	font-size: 2.5rem;
	/* font-weight: 800; */
	font-family: "Proxima Nova W01 Extrabold";
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.008em;
}
#modal-x {
	position: absolute;
	top: 18px;
	top: 1.8rem;
	right: 26px;
	right: 2.6rem;
	height: 24px;
	height: 2.4rem;
	text-decoration: none;
}
#modal-x:link,
#modal-x:visited {
	color: black;
}
#modal-x:hover,
#modal-x:active,
#modal-x:focus {
	color: #505050;
}
#modal-x::before {
	content: "\f00d";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	display: block;
}
#modal-question::before {
	content: "\f059";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 500;
	color: #0B5584;
	width: 35px;
	width: 3.5rem;
	height: 35px;
	height: 3.5rem;
	display: block;
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1;
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}
@media screen and (min-width: 720px) {
	#modal {
		top: 47px;
		top: 4.7rem;
		bottom: auto;
	}
}
#hamburger-underlay,
#menu-underlay,
#modal-underlay,
#plannerModal-underlay,
#embedModal-underlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	background-color: transparent;
	display: none;
}
.constraint {
	max-width: 1040px;
	max-width: 104rem;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
button,
.button,
.button:link,
.button:visited,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	border-radius: 5px;
	border-radius: 0.5rem;
	line-height: 1.2142857142857142857142857142857;
	letter-spacing: 0.035em;
	text-align: left;
	color: #F3F2F2;
	color: white; /* updated for contrast/accessibility */
	text-transform: uppercase;
	/* font-weight: bold; */
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
	background-color: #0077C8;
	font-size: 14px;
	font-size: 1.4rem;
	border: 2px solid #0077C8;
	border: 0.2rem solid #0077C8;
	padding-top: 14px;
	padding-top: 1.4rem;
	padding-bottom: 14px;
	padding-bottom: 1.4rem;
	padding-left: 16px;
	padding-left: 1.6rem;
	padding-right: 16px;
	padding-right: 1.6rem;
	text-decoration: none;
	display: inline-block;
}
button:hover,
button:active,
button:focus,
.button:hover,
.button:active,
.button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus, 
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus, 
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #002D72;
	border-color: #002D72;
	color: #F3F2F2;
}
button.arrow::after,
.button.arrow::after {
	content: "\23F5"; /* right arrow */
	content: "\f0da";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	width: 1em;
	display: inline-block;
	text-align: right;
}
button.arrow.left::after,
.button.arrow.left::after {
	display: none;
}

button.arrow.left::before,
.button.arrow.left::before {
	content: "\f0d9";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 0.465em;
	display: inline-block;
	text-align: left;
}
#scrolldown {
	text-align: center;
	display: none;
}
#scrolldown .arrow.down {
	text-decoration: none;
	font-size: 2.61803398874em;
}
#scrolldown .arrow.down:hover {
	color: #0077C8;
}
#scrolldown .arrow.down::after {
	content: "\f13a";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-left: 0.465em;
	margin-right: 0.465em;
}
@media screen and (min-width: 1024px) {
	#scrolldown {
		display: block;
	}
}
button.home.left::before,
.button.home.left::before {
	content: "\e3af";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 0.465em;
	display: inline-block;
	text-align: left;
}
button.download.left::before,
.button.download.left::before {
	content: "\f019";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	margin-right: 0.465em;
	display: inline-block;
	text-align: left;
}
button.secondary,
.button.secondary,
.button.secondary:link,
.button.secondary:visited,
input.secondary[type="button"], 
input.secondary[type="reset"], 
input.secondary[type="submit"] {
	color: #0077C8;
	background-color: transparent;
	background-color: white; /* for contrast/accessibility */
	border-color: #0077C8;
}
button.secondary:hover,
button.secondary:active,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:active,
.button.secondary:focus,
input.secondary[type="button"]:hover,
input.secondary[type="button"]:active,
input.secondary[type="button"]:focus,
input.secondary[type="reset"]:hover,
input.secondary[type="reset"]:active,
input.secondary[type="reset"]:focus,
input.secondary[type="submit"]:hover,
input.secondary[type="submit"]:active,
input.secondary[type="submit"]:focus {
	color: #233E90;
	background-color: white;
	border-color: #233E90;
}

header a:hover,
footer a:hover {
	/* opacity: 0.77; */
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	display: inline-block;
}
footer .constraint {
	max-width: 960px;
	max-width: 96rem;
}
footer .constraint > div {
	margin-bottom: 63px;
	margin-bottom: 6.3rem;
}
footer .constraint > div:first-of-type > div:nth-of-type(2) > span {
	display: inline-block;
	width: 1px;
	width: 0.1rem;
	height: 19px;
	height: 1.9rem;
	background-color: #979797;
	vertical-align: text-top;
	margin-left: 23px;
	margin-left: 2.3rem;
	margin-right: 23px;
	margin-right: 2.3rem;
}
footer .constraint > div:last-of-type {
	line-height: 2.1333333333333333333333333333333;
	margin-bottom: 0;
}
footer .constraint > div > div {
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
}
footer .constraint > div:last-of-type > div {
	margin-bottom: 0;
}
footer .constraint > div > div:first-of-type,
footer .constraint > div:last-of-type > div:nth-of-type(3) {
	/* font-weight: 600; */
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.2105263157894736842105263157895;
	padding-bottom: 23px;
	padding-bottom: 2.3rem;
	border-bottom: 1px solid #979797;
	border-bottom: 0.1rem solid #979797;
	margin-bottom: 31px;
	margin-bottom: 3.1rem;
}
footer .constraint > div:last-of-type > div:nth-of-type(2) {
	margin-bottom: 63px;
	margin-bottom: 6.3rem
}
footer .constraint > div > div:last-of-type {
	margin-bottom: 0;
}
footer .constraint > div > div > div {
	margin-bottom: 0;
}
@media screen and (min-width: 720px) {
	footer {
		padding-top: 89.5px;
		padding-top: 8.95rem;
		padding-bottom: 89.5px;
		padding-bottom: 8.95rem;
		padding-left: 68px;
		padding-left: 6.8rem;
		padding-right: 68px;
		padding-right: 6.8rem;
	}
	footer .constraint > div {
		float: left;
		width: 36.6666666666666666666666666666667%;
		max-width: 352px;
		max-width: 35.2rem;
		margin-bottom: 0;
		min-width: 260px;
		min-width: 26rem;
	}
	footer .constraint > div:last-of-type {
		float: right;
	}
}
header a {
	display: block;
}
header .constraint {
	max-width: 1160px;
	max-width: 116rem;
}
header .hamburger.button {
	text-decoration: none;
	display: block;
	position: absolute;
	right: 26px;
	right: 2.6rem;
	background-color: transparent;
	border-width: 1px;
	border-width: 0.1rem;
	/* font-weight: 600 !important; */
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
	line-height: 17px;
	line-height: 1.7rem;
	padding-top: 12.5px;
	padding-top: 1.25rem;
	padding-bottom: 12.5px;
	padding-bottom: 1.25rem;
	border-radius: 8px;
	border-radius: 0.8rem;
}
header .hamburger:link,
header .hamburger:visited {
	background-color: transparent;
	border-color: white;
	color: white;
}
header .hamburger:hover,
header .hamburger:active,
header .hamburger:focus {
	background-color: white;
	border-color: white;
	color: #233E90;
}
header .hamburger:focus {
outline: none;
}
header .hamburger.active {
	background-color: white;
}
header .hamburger.active:link,
header .hamburger.active:visited {
	color: #233E90;
}
header .hamburger.active:hover,
header .hamburger.active:active {
	color: #002D72;
}
header .hamburger::before {
	content: "\f0c9";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
}
header .hamburger span {
	display: none;
}
@media screen and (min-width: 375px) {
	header .hamburger span {
		display: inline;
	}
}
header #logo {
	height: 43px;
	height: 4.3rem;
	display: inline-block;
}
header #logo svg,
header #logo img {
	height: 100%;
	width: auto;
}
header nav {
	display: none;
	position: absolute;
	/* top: 111.566666666666666666666666666666667px;
	top: 11.1566666666666666666666666666666667rem; */
	top: 105px;
	top: 10.5rem;
	right: 0;
	left: 0;
	background-color: white;
	z-index: 99999999;
	padding-top: 11px;
	padding-top: 1.1rem;
	padding-bottom: 41px;
	padding-bottom: 4.1rem;
	background-color: #F9F9F9;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.5);
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.000555555555555555555555555555556em;
}
header nav ul {
	text-align: center;
}
header nav ul li {
	display: block;
	float: none;
}
header nav ul li.active {
	background-color: white;
}
header nav ul li a {
	text-decoration: none;
	line-height: 1;
	padding-top: 21px;
	padding-top: 2.1rem;
	padding-bottom: 21px;
	padding-bottom: 2.1rem;
	padding-left: 0;
	padding-right: 0;
}
header nav ul li a:link,
header nav ul li a:visited {
	color: #333333;
}
header nav ul li a:hover,
header nav ul li a:active {
	color: #233E90;
}
/* header nav ul li a:hover {
	opacity: 1;
} */
header nav ul li a:focus {
	outline: none;
}
header nav ul li a:focus {
	text-decoration: underline;
}
header nav ul li a.parent::after {
	content: "\23F5"; /* right arrow */
	content: "\f0da";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	width: 1em;
	display: inline-block;
	text-align: right;
}
header nav ul li a.parent.active::after {
	content: "\23F7"; /* down arrow */
	content: "\f0d7";
}
header .find-a-contractor.button {
	/* font-weight: bold; */
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.03571428571428571428571428571429em;
	display: inline-block;
	margin-top: 27px;
	margin-top: 2.7rem;
}
header .find-a-contractor.button:link,
header .find-a-contractor.button:visited {
	color: #F3F2F2;
	background-color: #233E90;
	border-color: #233E90;
}
header .find-a-contractor.button:hover,
header .find-a-contractor.button:active,
header .find-a-contractor.button:focus {
	background-color: #0077C8;
	border-color: #0077C8;
}
header .find-a-contractor.button::after {
	content: "\23F5"; /* right arrow */
	content: "\f0da";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	text-align: right;
}
header nav ul li ul {
	display: none;
	font-size: 17px;
	font-size: 1.7rem;
	/* font-weight: 500; */
	font-family: "Proxima Nova W01 Medium";
	font-weight: normal;
	padding-bottom: 20px;
	padding-bottom: 2rem;
}
header nav ul li ul li a {
	padding-top: 14px;
	padding-top: 1.4rem;
	padding-bottom: 14px;
	padding-bottom: 1.4rem;
}
header nav ul::before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border: 11px solid #F9F9F9;
	border: 1.1rem solid #F9F9F9;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: -2.2rem; /* should be right, but... */
	top: -21.75px;
	top: -2.175rem;
	right: 34px;
	right: 3.4rem;
}
@media screen and (min-width: 1024px) {
	header #logo {
		height: 64px;
		height: 6.4rem;
		margin-right: 30px;
		margin-right: 3rem;
	}
	header .hamburger,
	#hamburger-underlay {
		display: none !important;
	}
	header nav {
		position: static;
		display: block !important;
		float: right;
		top: auto;
		right: auto;
		background-color: transparent;
		z-index: auto;
		width: auto;
		box-shadow: none;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 0.014375em;
	}
	header nav ul::before {
		display: none;
	}
	header nav ul li {
		display: inline-block; /* blows the line items up to the height of the nav - still necessary? should be inline-block? */
		text-align: left;
		position: relative; /* staging */
	}
	header nav ul li a:focus {
		text-decoration: none;
	}
	header nav ul li ul li a:focus {
		text-decoration: underline;
	}
	header nav ul li a.parent:focus {
		background: linear-gradient(180deg, #0077C8 10%, transparent 10%);
	}
	header nav ul li a.parent::after {
		opacity: 0.0;
	}
	header nav ul li.active {
		background-color: transparent;
	}
	header nav ul li a.parent.active::after,
	header nav ul li a.parent:focus::after {
		opacity: 1.0;
	}
	header nav ul li a {
		white-space: nowrap;
		font-family: "Proxima Nova W01 Regular";
		font-weight: normal;
		text-transform: uppercase;
		margin-right: 32px;
		margin-right: 3.2rem;
	}
	header nav ul li a:link,
	header nav ul li a:visited,
	header nav ul li a:hover,
	header nav ul li a:active {
		color: #F3F2F2;
	}
	header nav > ul > li:last-of-type > a {
		margin-right: 0;
	}
	header nav ul li ul {
		display: none;
		position: absolute;
		background-color: white;
		top: 58px;
		top: 5.8rem;
		z-index: 99999999;
		width: auto;
		padding-top: 7.5px;
		padding-top: 0.75rem;
		padding-bottom: 8.5px;
		padding-bottom: 0.85rem;
		padding-left: 27px;
		padding-left: 2.7rem;
		padding-right: 27px;
		padding-right: 2.7rem;
		border-radius: 0 0 9px 9px;
		border-radius: 0 0 0.9rem 0.9rem;
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.21);
		box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.21);
	}
	header nav ul li:nth-of-type(2) ul {
		right: 48px;
		right: 4.8rem;
	}
	header nav > ul > li:hover > a::after {
		opacity: 1.0;
		content: "\23F7"; /* down arrow */
		content: "\f0d7";
	}
	header nav > ul > li:hover > ul {
		display: block !important;
	}
	header nav ul li ul li {
		display: block;
	}
	header nav ul li ul li a {
		text-transform: none;
		margin-left: 0;
		margin-right: 0;
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: 0.0006666666667em;
		padding-top: 11.5px;
		padding-top: 1.15rem;
		padding-bottom: 11.5px;
		padding-bottom: 1.15rem;
		/* font-weight: 500; */
		font-family: "Proxima Nova W01 Medium";
		font-weight: normal;
	}
	header nav ul li ul li a:link,
	header nav ul li ul li a:visited {
		color: #333333;
	}
	header nav ul li ul li a:hover,
	header nav ul li ul li a:active {
		color: #233E90;
	}


	header nav > ul > li > a:focus {
		outline: none;
	}
	header .find-a-contractor.button {
		font-size: 13px;
		font-size: 1.3rem;
		margin-top: 0;
		letter-spacing: 0.03538461538461538461538461538462em;
	}
	header .find-a-contractor.button:link,
	header .find-a-contractor.button:visited {
		background-color: #F3F2F2;
		color: #233E90;
		border-color: #F3F2F2;
	}
	header .find-a-contractor.button:hover,
	header .find-a-contractor.button:active,
	header .find-a-contractor.button:focus {
		background-color: #002D72;
		color: #F3F3F2;
		border-color: #F3F3F2;
	}
}
@media screen and (max-width: 1023px) {
	#menu-underlay {
		display: none !important;
	}
}
#content {
	background-color: white;
	margin-bottom: 0;
}

section {
	padding: 33px;
	padding: 3.3rem;
	margin: 0;
	/* padding-top: 49px;
	padding-top: 4.9rem;
	padding-bottom: 49px;
	padding-bottom: 4.9rem; */
}
section:nth-of-type(even) {
	background-color: #F3F2F2;
}
section.secondary {
	padding-top: 49px;
	padding-top: 4.9rem;
	padding-bottom: 80px;
	padding-bottom: 8rem;
}
section.secondary .constraint {
	max-width: 1060px;
	max-width: 106rem;
}
section.secondary h1 {
	margin-bottom: 54px;
	margin-bottom: 5.4rem;
}
section.secondary button,
section.secondary .button,
section.secondary .button:link,
section.secondary .button:visited,
section.secondary input[type="button"], 
section.secondary input[type="reset"], 
section.secondary input[type="submit"] {
	background-color: transparent;
	color: #0077C8;
}
section.secondary button:hover,
section.secondary button:active,
section.secondary button:focus,
section.secondary .button:hover,
section.secondary .button:active,
section.secondary .button:focus,
section.secondary input[type="button"]:hover,
section.secondary input[type="button"]:active,
section.secondary input[type="button"]:focus, 
section.secondary input[type="reset"]:hover,
section.secondary input[type="reset"]:active,
section.secondary input[type="reset"]:focus, 
section.secondary input[type="submit"]:hover,
section.secondary input[type="submit"]:active,
section.secondary input[type="submit"]:focus {
	color: #002D72;
	border-color: #002D72;
}





section.secondary .button.primary,
section.secondary .button.primary:link,
section.secondary .button.primary:visited {
	color: white;
	background-color: #0077C8;
	border-color: #0077C8;
	border-color: #0077C8;
}
section.secondary .button.primary:hover,
section.secondary .button.primary:active,
section.secondary .button.primary:focus {
	background-color: #002D72;
	border-color: #002D72;
	color: #F3F2F2;
}





section.secondary input[type=submit][disabled],
section.secondary input[type=submit][disabled]:hover,
section.secondary input[type=submit][disabled]:focus,
section.secondary button[type=submit][disabled],
section.secondary button[type=submit][disabled]:hover,
section.secondary button[type=submit][disabled]:focus {
	background-color: #767676;
	border-color: #767676;
	color: white;
}
section.secondary .columns {
	margin: 0;
}
section.secondary .columns > div {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}
section.secondary .columns.asymmetrical {
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
}
section.secondary .columns > div {
	
}
/* TO-DO: move this upwards */
.intro {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.4736842105263157894736842105263;
	color: #242424;
}
section.secondary p.intro {
	line-height: 1.4210526315789473684210526315789;
}
section.secondary h3 {
	color: #0B5584;
}
section.secondary .column {

}
section.secondary div + .column,
section.secondary hr + .column {
	margin-top: 40px;
	margin-top: 4rem;
}
@media screen and (min-width: 1024px) {
	section.secondary hr {
		margin-bottom: 48px;
		margin-bottom: 4.8rem;
		margin-top: 48px;
		margin-top: 4.8rem;
	}
	section.secondary .columns.asymmetrical {
		margin-bottom: 0;
	}
	section.secondary p.intro {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.5263157894736842105263157894737;
	}
	section.secondary h2 {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.1923076923076923076923076923077;
	}
	section.secondary h3 {
		font-size: 23px;
		font-size: 2.3rem;
		line-height: 1.2173913043478260869565217391304;
	}
	section.secondary .columns > div {
		width: 37.74%;
		float: left;
		padding-right: 9.43%
	}
	section.secondary .columns > div {
		margin-bottom: 0;
	}
	section.secondary .columns > div:first-of-type {
		
	}
	section.secondary .columns.asymmetrical > div {
		width: 52.92%;
		padding-right: 0;
	}
	section.secondary .columns.asymmetrical > div:first-of-type {
		width: 34.15%;
		float: right;
	}

	section.secondary .columns.asymmetrical.alternative > div:first-of-type {
		width: 52.92%;
		float: left;
	}
	section.secondary .columns.asymmetrical.alternative > div:last-of-type {
		width: 34.15%;
		float: right;
	}

	section.secondary .column {

	}
	section.secondary .column > div {
		max-width: 75%;
	}
}
section.secondary .columns.asymmetrical > div:first-of-type > picture {
	width: calc(100% + 66px);
	width: calc(100% + 6.6rem);
	max-width: none;
	margin-left: -33px;
	margin-left: -3.3rem;
}
@media screen and (min-width: 1024px) {
	section.secondary .columns.asymmetrical > div:first-of-type > picture {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
}
/* TO-DO: move this upwards */
hr {
	height: 1px;
	height: 0.1rem;
	background-color: #F3F2F2;
	line-height: 1px;
	line-height: 0.1rem;
}
section.secondary ul {
	list-style-type: none;
	margin-left: 0;
}
section.secondary ul li {
	position: relative;
	padding-left: 26px;
	padding-left: 2.6rem;
}
section.secondary ul li::before {
	content: " ";
	width: 7px;
	width: 0.7rem;
	height: 7px;
	height: 0.7rem;
	background-color: #0077C8;
	border-radius: 2px;
	border-radius: 0.2rem;
	display: inline-block;
	position: absolute;
	top: 8.05835px;
	top: 0.805835rem;
	left: 0;
}
section.secondary .centered {
	text-align: center;
	margin-top: 40px;
	margin-top: 4rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}
section.secondary .centered > div {
	max-width: 560px;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
}
section.secondary .columns.asymmetrical > div h2 {
	margin-top: 48px;
	margin-top: 4.8rem;
}
section.secondary .columns.asymmetrical:not(.alternative) > div:first-of-type h2 {
	/* font-weight: bold; */ /* necessary? */
	font-family: "Proxima Nova W01 Bold"; /* again, necessary? */
	font-weight: normal;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.1764705882352941176470588235294;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #0B5584;
	margin-top: 0;
}
section.secondary p + h3 {
	margin-top: 37px;
	margin-top: 3.7rem;
}
section.secondary ul.nav.section {
	border-radius: 4px;
	border-radius: 0.4rem;
	background-color: #F9F9F9;
	border: 1px solid rgba(151,151,151,0.38);
	border: 0.1rem solid rgba(151,151,151,0.38);
	box-shadow: 0 2px 4px 0 rgba(222,222,222,0.5);
	box-shadow: 0 0.2rem 0.4rem 0 rgba(222,222,222,0.5);
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.000666666666666666666666666666667em;
	margin-bottom: 49px;
	margin-bottom: 4.9rem;
}
section.secondary ul.nav.section li {
	padding-left: 0;
	display: none;
	margin: 0;
}
section.secondary ul.nav.section li::before {
	content: none;
}
section.secondary ul.nav.section li.current { /* :first-of-type */
	display: block;
}
section.secondary ul.nav.section li a {
	display: block;
	position: relative;
	padding-top: 11.44px;
	padding-top: 1.144rem;
	padding-bottom: 11.44px;
	padding-bottom: 1.144rem;
	padding-left: 18px;
	padding-left: 1.8rem;
	padding-right: 18px;
	padding-right: 1.8rem;
	text-decoration: none;
	font-family: "Proxima Nova W01 Regular" !important;
	font-weight: normal;
}
section.secondary ul.nav.section li.current a::before {
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	width: 1em;
	display: inline-block;
	position: absolute;
	top: 11.44px;
	top: 1.144rem;
	right: 18px;
	right: 1.8rem;
	content: "\f0d7"; /* down arrow */
	color: #006BA6;
	text-align: right;
}
section.secondary ul.nav.section li a:link,
section.secondary ul.nav.section li a:visited {
	color: #333333;
}
section.secondary ul.nav.section li a:hover,
section.secondary ul.nav.section li a:active,
section.secondary ul.nav.section li a:focus {
	color: #233E90;
	/* opacity: 0.77; */
}
section.secondary ul.nav.section li a:focus {
	outline: none;
	text-decoration: underline;
}
@media screen and (min-width: 1024px) {
	section.secondary .centered {
		margin-top: 60px;
		margin-top: 6rem;
		margin-bottom: 60px;
		margin-bottom: 6rem;
	}
	section.secondary .columns.asymmetrical > div h2 {
		margin-top: 0;
	}
	section.secondary ul.nav.section {
		border: none;
		box-shadow: none;
		background-color: transparent;
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 0.0025em;
		/* font-weight: 500; */
		font-family: "Proxima Nova W01 Medium";
		font-weight: normal;
		margin-bottom: 0;
	}
	section.secondary ul.nav.section li {
		display: block !important;
		border-bottom: 1px solid #006BA6;
		border-bottom: 0.1rem solid #006BA6;
	}
	section.secondary ul.nav.section li:last-of-type {
		border-bottom: none;
	}
	section.secondary ul.nav.section li a {
		padding-left: 0;
		padding-right: 0;
	}
	section.secondary ul.nav.section li.current a::before {
		content: none;
	}
	section.secondary ul.nav.section li a:link,
	section.secondary ul.nav.section li a:visited {
		color: #0B5584;
	}
	section.secondary ul.nav.section li a:hover,
	section.secondary ul.nav.section li a:active,
	section.secondary ul.nav.section li a:focus {
		color: #002D72;
	}
}

#body.index section:first-of-type,
#body.planner section:first-of-type {
	padding: 0;
}
#body.index section:first-of-type .constraint,
#body.planner .constraint {
	margin-bottom: 0;
}
#body.index section:first-of-type .constraint > div,
#body.planner section:first-of-type .constraint > div {
	padding: 33px;
	padding: 3.3rem;
	padding-top: 62px;
	padding-top: 6.2rem;
	padding-bottom: 66px;
	padding-bottom: 6.6rem;
	margin-bottom: 0;
}


/* TO-DO: move this upwards */
h1::after {
	content: "";
	height: 8px;
	height: 0.8rem;
	width: 44px;
	width: 4.4rem;
	display: block;
	background-color: #0077C8;
	margin-top: 28px;
	margin-top: 2.8rem;
}
#body.index section:first-of-type .constraint > div h1,
#body.planner section:first-of-type .constraint > div h1 {
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
#body.find-available-rebates .finder h1::after,
#body.planner-quiz .finder h1::after,
#body[data-pattern="1"] h1::after {
	content: none;
}
#body.find-available-rebates .finder.results h1::after {
	content: "";
}
#body.planner-quiz .finder h1 {
	text-align: center;
}
#body.planner-quiz .finder.results h1 {
	text-align: left;
}
@media screen and (min-width: 1024px) {
	#body.planner-quiz .finder h1 {
		text-align: left;
	}
}


#body.index section:first-of-type picture::after,
#body.planner section:first-of-type picture::after {
	height: 17px;
	height: 1.7rem;
}
#body.index p,
#body.planner p {
	color: #212121;
}
#body.index p.intro,
#body.planner p.intro {
	line-height: 1.4210526315789473684210526315789;
	color: #212121;
}
#body.index h2,
#body.planner h2 {
	color: #242424;
}
@media screen and (min-width: 1024px) {
	.finder h1 {
		margin-bottom: 28px;
		margin-bottom: 2.8rem;
	}
	#body.index section:first-of-type,
	#body.planner section:first-of-type {
		padding-top: 107px;
		padding-top: 10.7rem;
		/* to account for addition of gTranslate widget */
		padding-top: 54px;
		padding-top: 5.4rem;
		padding-bottom: 107px;
		padding-bottom: 10.7rem;
		padding-left: 33px;
		padding-left: 3.3rem;
		padding-right: 33px;
		padding-right: 3.3rem;
	}
	#body.index section:first-of-type .constraint,
	#body.planner section:first-of-type .constraint {
		position: relative;
		padding-top: 63px;
		padding-top: 6.3rem;
		padding-bottom: 72px;
		padding-bottom: 7.2rem;
		max-width: 1160px;
		max-width: 116rem;
	}
	#body.index section:first-of-type picture,
	#body.planner section:first-of-type picture {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
		box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.14);
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		#body.index section:first-of-type picture,
		#body.planner section:first-of-type picture {
			left: 25.17241379310345%;
		}
	}
	#body.index section:first-of-type picture::before,
	#body.planner section:first-of-type picture::before {
		background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.16) 100%);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: "";
	}
	#body.index section:first-of-type .constraint > div,
	#body.planner section:first-of-type .constraint > div {
		padding: 53px;
		padding: 5.3rem;
		padding-bottom: 86px;
		padding-bottom: 8.6rem;
		border-left: 25px solid #0077C8;
		border-left: 2.5rem solid #0077C8;
		-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00AFE6), to(#0077C8)) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(#00AFE6, #0077C8) 1 100%;
		-moz-border-image: -moz-linear-gradient(#00AFE6, #0077C8) 1 100%;
		-o-border-image: -o-linear-gradient(#00AFE6, #0077C8) 1 100%;
		border-image: linear-gradient(to bottom, #00AFE6, #0077C8) 1 100%;
		background-color: white;
		max-width: 370px;
		max-width: 37rem;
		position: relative;
		box-shadow: 0 2px 25px 0 rgba(0,0,0,0.34);
		box-shadow: 0 0.2rem 2.5rem 0 rgba(0,0,0,0.34);
	}
	#body.index section:first-of-type .constraint > div h1,
	#body.planner section:first-of-type .constraint > div h1 {
		font-size: 39px; /* no longer necessary? */
		font-size: 3.9rem;
		font-size: 35px;
		font-size: 3.5rem;
		line-height: 1.1282051282051282051282051282051;
		margin-bottom: 31px;
		margin-bottom: 3.1rem;
	}
	#body.index section:first-of-type .constraint > div p,
	#body.planner section:first-of-type .constraint > div p {
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 1.4736842105263157894736842105263;
	}
	#body.index section:first-of-type .constraint > div .button,
	#body.planner section:first-of-type .constraint > div .button {
		font-size: 15px;
		font-size: 1.5rem;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 1024px) {
	#body.index section:first-of-type picture,
	#body.planner section:first-of-type picture {
		left: 25.17241379310345%;
	}
}


#body.index section:nth-of-type(2),
#body.planner section:nth-of-type(2) {
	padding-top: 62px;
	padding-top: 6.2rem;
	padding-bottom: 0;
}
#body.index section:nth-of-type(2) .columns,
#body.planner section:nth-of-type(2) .columns {
	margin: 0;
	max-width: 952px;
	max-width: 95.2rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 66px;
	margin-bottom: 6.6rem;
}
#body.index section:nth-of-type(2) .columns > div:last-of-type,
#body.planner section:nth-of-type(2) .columns > div:last-of-type {
	margin: 0;
}
#body.index section:nth-of-type(2) .columns.asymmetrical > div:last-of-type > picture,
#body.planner section:nth-of-type(2) .columns.asymmetrical > div:last-of-type > picture {
	width: calc(100% + 66px);
	width: calc(100% + 6.6rem);
	max-width: none;
	margin-left: -33px;
	margin-left: -3.3rem;
}
#body.index section:nth-of-type(2) .columns.asymmetrical > div:first-of-type,
#body.planner section:nth-of-type(2) .columns.asymmetrical > div:first-of-type {
	margin-bottom: 66px;
	margin-bottom: 6.6rem;
}
#body.index section:nth-of-type(2) .columns.asymmetrical:last-of-type,
#body.planner section:nth-of-type(2) .columns.asymmetrical:last-of-type {
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.index section:nth-of-type(2),
	#body.planner section:nth-of-type(2) {
		padding-top: 92px;
		padding-top: 9.2rem;
		padding-bottom: 92px;
		padding-bottom: 9.2rem;
	}
	#body.index section:nth-of-type(2) h2,
	#body.planner section:nth-of-type(2) h2 {
		font-size: 29px;
		font-size: 2.9rem;
		line-height: 1.2068965517241379310344827586207;
	}
	#body.index section:nth-of-type(2) p,
	#body.planner section:nth-of-type(2) p {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.3888888888888888888888888888889;
	}
	#body.index section:nth-of-type(2) .columns,
	#body.index section:nth-of-type(2) .columns:last-of-type,
	#body.planner section:nth-of-type(2) .columns,
	#body.planner section:nth-of-type(2) .columns:last-of-type {
		margin-bottom: 98px;
		margin-bottom: 9.8rem;
	}
	#body.index section:nth-of-type(2) .columns.asymmetrical > div,
	#body.planner section:nth-of-type(2) .columns.asymmetrical > div {
		width: 38.03%;
		padding-right: 0;
	}
	#body.index section:nth-of-type(2) .columns.asymmetrical > div:first-of-type,
	#body.planner section:nth-of-type(2) .columns.asymmetrical > div:first-of-type {
		width: 47.58%;
		float: right;
		margin-bottom: 0;
	}
	#body.index section:nth-of-type(2) .columns.asymmetrical:nth-of-type(even) > div,
	#body.planner section:nth-of-type(2) .columns.asymmetrical:nth-of-type(even) > div {
		float: right;
	}
	#body.index section:nth-of-type(2) .columns.asymmetrical:nth-of-type(even) > div:first-of-type,
	#body.planner section:nth-of-type(2) .columns.asymmetrical:nth-of-type(even) > div:first-of-type {
		float: left;
	}
	#body.index section:nth-of-type(2) .columns.asymmetrical > div:last-of-type > picture,
	#body.planner section:nth-of-type(2) .columns.asymmetrical > div:last-of-type > picture {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
}
#body.find-available-rebates #content,
#body.find-a-contractor #content,
#body.planner-quiz #content,
#body[data-pattern="1"] #content {
	background-color: #F3F2F2;
}
#body.find-available-rebates section:first-of-type,
#body.find-a-contractor section:first-of-type,
#body.planner-quiz section:first-of-type,
#body[data-pattern="1"] section:first-of-type {
	padding: 0;
}
.finder,
.pattern {
	background-color: white;
	max-width: 1007px;
	max-width: 100.7rem;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 33px;
	padding: 3.3rem;
}
.tabcordion {
	max-width: 1073px;
	max-width: 107.3rem;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0; /* necessary? */
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
.tabcordion + .buttons {
	margin-top: 49px;
	margin-top: 4.9rem;
}
.tabcordion .tabs {
	display: none;
	width: 20.6140350877193%;
	float: left;
	position: sticky;
	top: 0;
	height: fit-content;
	margin: 0;
	padding-top: 36px;
	padding-top: 3.6rem;
	z-index: 1; /* not sure why this works, but... */
}
.tabcordion .tabs ul {
	margin-left: 0;
	margin-bottom: 0;
}
.tabcordion .tabs ul li {
	list-style-type: none;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.036em;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	margin-bottom: 1px;
	margin-bottom: 0.1rem;
}
.tabcordion .tabs ul li a {
	text-decoration: none;
	padding-top: 59px;
	padding-top: 5.9rem;
	padding-bottom: 59px;
	padding-bottom: 5.9rem;
	display: inline-block;
	width: 100%;
	font-family: "Proxima Nova W01 Regular" !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0077c8+0,004693+100 */
	background: #0077c8; /* Old browsers */
	background: -moz-linear-gradient(left,  #0077c8 0%, #004693 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0077c8 0%,#004693 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0077c8 0%,#004693 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077c8', endColorstr='#004693',GradientType=1 ); /* IE6-9 */
	position: relative;
}
.tabcordion .tabs ul li a:hover,
.tabcordion .tabs ul li a:focus {
	text-decoration: underline;
}
.tabcordion .tabs ul li a:link,
.tabcordion .tabs ul li a:visited {
	color: white;
}
.tabcordion .tabs ul li a:hover,
.tabcordion .tabs ul li a:active {
	color: white;
}
.tabcordion .tabs ul li a.active {
	background: #233E90;
}
.tabcordion .tabs ul li a.active::before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border: 1.5rem solid #004693;
	border: 1.5rem solid #233E90;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	right: -29.6px;
	right: -2.96rem;
	top: 53.2px;
	top: 5.32rem;
}

.tabcordion .accordions {
	margin-bottom: 0;
	position: relative; /* staging */
	width: 100%;
}
.tabcordion .accordions .switch {
	/* 00AFE6 > 0077c8 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0077c8+0,004693+100 */
	background: #0077c8; /* Old browsers */
	background: -moz-linear-gradient(left,  #0077c8 0%, #004693 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0077c8 0%,#004693 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0077c8 0%,#004693 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077c8', endColorstr='#004693',GradientType=1 ); /* IE6-9 */
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.222222222222222;
	letter-spacing: 0.0355555555555556em;
	text-transform: uppercase;
	color: white;
	padding-top: 15.5px;
	padding-top: 1.55rem;
	padding-bottom: 15.5px;
	padding-bottom: 1.55rem;
	padding-left: 24px;
	padding-left: 2.4rem;
	padding-right: 24px;
	padding-right: 2.4rem;
	position: relative;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
	cursor: pointer;
}
.tabcordion .accordions .switch:hover,
.tabcordion .accordions .switch:focus {
	text-decoration: underline;
}
.tabcordion .accordions .switch:focus {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004693+0,0077c8+100 */
	background: #004693; /* Old browsers */
	background: -moz-linear-gradient(left,  #004693 0%, #0077c8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #004693 0%,#0077c8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #004693 0%,#0077c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004693', endColorstr='#0077c8',GradientType=1 ); /* IE6-9 */
}
.tabcordion .accordions .switch::after {
	position: absolute;
	right: 24px;
	right: 2.4rem;
	top: 15.5px;
	top: 1.55rem;
	content: "\2b";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	display: inline-block;
}
.tabcordion .accordions .switch.on::after {
	content: "\f068";
}
.tabcordion .accordions .switch.on {
	background: #233E90;
}
.tabcordion .accordions .bulb {
	display: none;
	padding-top: 19px;
	padding-top: 1.9rem;
	padding-bottom: 35px;
	padding-bottom: 3.5rem;
	margin-bottom: 0;
}
.tabcordion .accordions .switch.on + .bulb {
	display: block;
}
.tabcordion .accordions .bulb h2 {
	font-size: 29px;
	font-size: 2.9rem;
}
.tabcordion .accordions .bulb .columns h3 {
	color: black;
}
.tabcordion .accordions [data-accordion='benefits'] + .bulb .columns h3 {
	padding-left: 10px;
	padding-left: 1rem;
	padding-right: 10px;
	padding-right: 1rem;
	font-size: 16px;
	font-size: 1.6rem;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb h2,
.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb h2 {
	text-align: center;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns h3 {
	font-size: 23px;
	font-size: 2.3rem;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns ul {
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div > div/* ,
.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb > div > div*/ {
	text-align: center;
	margin-bottom: 0;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div > div .button/* ,
.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb > div > div .button.home*/ {
	margin-bottom: 21px;
	margin-bottom: 2.1rem;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div:first-of-type {
	padding-bottom: 54px;
	padding-bottom: 5.4rem;
	padding-bottom: 33px; /* plus 21px margin of button makes for desired 54px */
	padding-bottom: 3.3rem;
	border-bottom: 1px solid #979797;
	border-bottom: 0.1rem solid #979797;
	margin-bottom: 56px;
	margin-bottom: 5.6rem;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div > div .button.download/*,
.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb .button.download*/ {
	white-space: nowrap;
	margin-right: 0;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div > div .button.download::before/*,
.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb .button.download::before*/ {
	line-height: 2.428571429;
	display: block;
	float: left;
	margin-right: 1em;
}
/* .tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb img {
	margin-bottom: 36px;
	margin-bottom: 3.6rem;
} */
@media screen and (min-width: 1024px) {
	.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb h2 {
		text-align: left;
	}
	.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div:first-of-type {
		border-bottom: 0;
	}
	.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb .columns > div > div/*,
	.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb > div > div*/ {
		text-align: left;
	}
	/*.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb img {
		display: none;
	}*/
	/* .tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb {
		background-image: url('https://placeimg.com/858/504');
		background-size: cover;
		min-height: 650px;
		min-height: 65rem;
	}*/
	/*.tabcordion .accordions [data-accordion='find-a-contractor'] + .bulb > div {
		background-color: white;
		padding-left: 60px;
		padding-left: 6rem;
		padding-right: 60px;
		padding-right: 6rem;
		padding-top: 44px;
		padding-top: 4.4rem;
		padding-bottom: 57px;
		padding-bottom: 5.7rem;
		width: 320px;
		width: 32rem;
		float: right;
	}*/
}
.tabcordion .accordions .bulb p {
	font-size: 16px;
	font-size: 1.6rem;
}
.tabcordion .accordions [data-accordion='benefits'] + .bulb .columns p {
	padding-left: 10px;
	padding-left: 1rem;
	padding-right: 10px;
	padding-right: 1rem;
}

.tabcordion .accordions .bulb .columns .image {
	margin-bottom: 16.5px;
	margin-bottom: 1.65rem;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60%;
	position: relative;
}
.tabcordion .accordions .bulb .columns .image img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 1;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.tabcordion .accordions .bulb .columns.two-and-three > div,
.tabcordion .accordions .bulb .columns.two-and-four > div {
	width: 50%;
	float: left;
	text-align: center;
}
.tabcordion .accordions .bulb .columns.two-and-three > div:nth-of-type(2n+1),
.tabcordion .accordions .bulb .columns.two-and-four > div:nth-of-type(2n+1) {
	clear: left;
}
@media screen and (min-width: 1024px) {
	.tabcordion {
		margin-left: -33px;
		margin-left: -3.3rem;
		margin-right: -33px;
		margin-right: -3.3rem;
		padding-top: 95px;
		padding-top: 9.5rem;
		/* update per request 20220730 */
		padding-top: 49px;
		padding-top: 4.9rem;
		padding-bottom: 150px;
		padding-bottom: 15rem;
		padding-bottom: 0;
		background-color: #F3F2F2;
	}
	.tabcordion + .buttons {
		background-color: #F3F2F2;
		margin-bottom: 150px;
		margin-bottom: 15rem;
		margin-top: 0;
		padding-top: 49px;
		padding-top: 4.9rem;
		margin-left: -33px;
		margin-left: -3.3rem;
		margin-right: -33px;
		margin-right: -3.3rem;
	}
	.tabcordion .accordions .bulb h2 {
		font-size: 36px;
		font-size: 3.6rem;
	}
	.tabcordion .accordions .bulb .columns.one-and-two > div {
		width: calc(50% - 17.5px);
		width: calc(50% - 1.75rem);
		float: left;
	}
	.tabcordion .accordions .bulb .columns.one-and-two > div:nth-of-type(odd) {
		margin-right: 35px;
		margin-right: 3.5rem;
	}
	.tabcordion .accordions .bulb .columns.one-and-two > div:nth-of-type(2n+1) {
		clear: left;
	}
	.tabcordion .accordions .bulb .columns.two-and-three > div:nth-of-type(2n+1),
	.tabcordion .accordions .bulb .columns.two-and-four > div:nth-of-type(2n+1) {
		clear: none;
	}
	.tabcordion .accordions .bulb .columns.two-and-three > div:nth-of-type(3n+1) {
		clear: left;
	}
	.tabcordion .accordions .bulb .columns.two-and-four > div:nth-of-type(4n+1) {
		clear: left;
	}
	.tabcordion .accordions .bulb .columns.two-and-three > div {
		width: 33.333333333333333333333%;
	}
	.tabcordion .accordions .bulb .columns.two-and-four > div {
		width: 25%;
	}
}
.tabcordion .accordions .bulb .columns.two-and-four .image {
	width: 84.5%;
	padding-top: 33%;
}
.tabcordion .accordions [data-accordion='dollars-and-sense'] + .bulb  {
	
}
.tabcordion .accordions .bulb ul {
	
}
.tabcordion .accordions .bulb ul {
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 22.5px;
	margin-left: 2.25rem;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed {
	position: relative;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable {
	overflow-y: auto;
	margin-bottom: 0;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable img {
	margin-bottom: 18px; /* to-do: make it 31 for desktop */
	margin-bottom: 1.8rem;
	width: 1028px;
	width: 102.8rem;
	max-width: none;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable .clearfix {
	margin-bottom: 0;
	width: 1028px;
	width: 102.8rem;
}
 /* Hide scrollbar for Chrome, Safari and Opera */
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a {
	height: 66px;
	height: 6.6rem;
	width: 24px;
	width: 2.4rem;
	background-color: #0077C8;
	background: linear-gradient(0deg, #0077C8 0%, #00AEE5 100%);
	position: absolute;
	top: 50%;
	bottom: 50%;
	text-align: center;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a:first-of-type {
	left: -33px;
	left: -3.3rem;
	border-radius: 0 8px 8px 0;
	border-radius: 0 0.8rem 0.8rem 0;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a:last-of-type {
	right: -33px;
	right: -3.3rem;
	border-radius: 8px 0 0 8px;
	border-radius: 0.8rem 0 0 0.8rem;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a::before {
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	content: "\f104"; /* left angle */
	display: inline-block;
	color: white;
	line-height: 66px;
	line-height: 6.6rem;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a:last-of-type::before {
	content: "\f105"; /* right angle */
}

.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable .clearfix p {
	width: calc((100% - 29px - 29px - 29px) / 4);
	width: calc((100% - 2.9rem - 2.9rem - 2.9rem) / 4);
	float: left;
	margin-right: 29px;
	margin-right: 2.9rem;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6875;
	margin-bottom: 0;
}
.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable .clearfix p:last-of-type {
	margin-right: 0;
}
@media screen and (min-width: 1024px) {
	.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a {
		display: none;
	}
	.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a:first-of-type {
		border-radius: 8px 0 0 8px;
		border-radius: 0.8rem 0 0 0.8rem;
		left: -24px;
		left: -2.4rem;
	}
	.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed > a:last-of-type {
		border-radius: 0 8px 8px 0;
		border-radius: 0 0.8rem 0.8rem 0;
		right: -24px;
		right: -2.4rem;
	}
	.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable img {
		width: 100%;
		max-width: 100%;
	}
	.tabcordion .accordions [data-accordion='key-considerations'] + .bulb .four-columns-fixed .scrollable .clearfix {
		width: 100%;
	}
}
#body.find-available-rebates button[type='button'] {
	background-color: white;
	color: #212121;
	text-transform: none;
	font-family: "Proxima Nova W01 Regular";
	font-weight: normal;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: normal;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.17);
	box-shadow: 0 0.2rem 0.5rem 0 rgba(0,0,0,0.17);
}
#body.find-available-rebates button.active[type='button'] {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.36);
	box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.36);
}
#body.find-available-rebates button[type='button']:hover,
#body.find-available-rebates button[type='button']:focus,
#body.find-available-rebates button.active[type='button'] {
	background-color: #0077C8;
	color: white;
	border-color: #0077C8;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type h2 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.2;
	letter-spacing: 0.002em;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type p:not(.intro) {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4666666666666666666666666666667;
	letter-spacing: normal;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type form {
	margin-bottom: 94px;
	margin-bottom: 9.4rem;
	margin-top: 40px;
	margin-top: 4rem;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type form > div.fieldset:last-of-type {
	margin-top: 51px;
	margin-top: 5.1rem;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type form[data-step="1"] > div.fieldset:last-of-type,
#body.find-a-contractor form > div.fieldset:last-of-type {
	margin-top: 39px;
	margin-top: 3.9rem;
}
#body.find-a-contractor form div.fieldset.checkboxes div.fieldset:last-of-type {
	margin-top: 0;
}
#body.find-available-rebates .columns.asymmetrical > div:first-of-type form .button + button,
#body.find-available-rebates .columns.asymmetrical > div:first-of-type form button + button {
	margin-left: 17px;
	margin-left: 1.7rem;
}
#body.find-available-rebates .columns.asymmetrical > div {
	
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) {
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.24);
	box-shadow: 0 0.2rem 0.7rem 0 rgba(0,0,0,0.24);
	border-radius: 6px;
	border-radius: 0.6rem;
	color: #3A4030;
	font-size: 16px;
	font-size: 1.6rem;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) h2 {
	background-color: #5E9100;
	background-color: #558300; /* improved contrast */
	color: white;
	border-radius: 6px 6px 0 0;
	border-radius: 0.6rem 0.6rem 0 0;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.05333333333333333333333333333333em;
	text-transform: uppercase;
	padding-left: 65px;
	padding-left: 6.5rem;
	padding-left: 30px;
	padding-left: 3rem;
	padding-right: 30px;
	padding-right: 3rem;
	line-height: 1;
	padding-top: 20px;
	padding-top: 2rem;
	padding-bottom: 20px;
	padding-bottom: 2rem;
	padding-top: 14px;
	padding-top: 1.4rem;
	padding-bottom: 14px;
	padding-bottom: 1.4rem;
	margin: 0;
	position: relative;
	border-bottom: 5px solid #77B800;
	border-bottom: 0.5rem solid #77B800;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) h2 svg {
	position: absolute;
	top: 1.5px;
	top: 0.15rem;
	left: 18px;
	left: 1.8rem;
	margin: 0;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) h2 img {
	width: auto;
	height: 27px;
	height: 2.7rem;
	vertical-align: middle;
	margin-right: 11px;
	margin-right: 1.1rem;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div {
	padding: 30px;
	padding: 3rem;
	padding-bottom: 10px;
	padding-bottom: 1rem;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a {
	text-transform: uppercase;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div p {
	line-height: 1.375;
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a:link,
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a:visited {
	color: #5E9100;
	/* there is no link here now, so won't bother changing it, but if it came back, maybe to go with 558300 for higher contrast */
}
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a:hover,
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a:active,
#body.find-available-rebates .columns.asymmetrical > div:last-of-type:not(.finder.results *) > div a:focus {
	color: #77B800;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type > div:first-of-type {
	text-align: right;
	font-size: 0;
	margin-bottom: 0;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type > div:first-of-type .button {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type > div:first-of-type .button.secondary {
	/* margin-right: 20px;
	margin-bottom: 20px; */
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type > div:first-of-type .button:last-of-type {
	/* noW handled server-side */
	/* display: none; */
	margin-left: 20px;
	margin-left: 2.0rem;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type div.fieldset {
	text-align: right;
	font-size: 0;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type div.fieldset label {
	font-size: 11px;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: #333333;
	line-height: 1.3636363636363636363636363636364;
	letter-spacing: 0.0019em;
	padding-top: 17px;
	padding-top: 1.7rem;
	padding-bottom: 17px;
	padding-bottom: 1.7rem;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 20px;
	margin-right: 2rem;
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
}
#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type div.fieldset select {
	 width: 71.25%;
	 font-size: 15px;
	 font-size: 1.5rem;
 }
@media screen and (min-width: 1024px) {
	.finder,
	.pattern {
		margin-top: -88px;
		margin-top: -8.8rem;
		margin-top: -8.59375vw;
		position: relative;
	}
	#body.planner-quiz .finder,
	.pattern {
		margin-top: -156px;
		margin-top: -15.6rem;
		margin-top: -15.234375vw;
	}
	.pattern {
		padding-bottom: 0;
		margin-top: 0;
	}
	.finder::before,
	.pattern::before,
	.tabcordion .accordions::before {
		display: block;
		content: "";
		background-color: #0077C8;
		position: absolute;
		top: -16px;
		top: -1.6rem;
		height: 16px;
		height: 1.6rem;
		top: -16px;
		top: -1.6rem;
		left: 0;
		right: 0;
		background: linear-gradient(180deg, #00AFE6 0%, #0077C8 100%);
	}
	#body.find-available-rebates .finder {
		padding-left: 100px;
		padding-left: 10rem;
		padding-right: 100px;
		padding-right: 10rem;
		max-width: 840px;
		max-width: 84rem;
		padding-top: 41px;
		padding-top: 4.1rem;
	}
	.tabcordion .tabs {
		display: block;
	}
	.tabcordion .accordions {
		width: 79.3859649122807%;
		background-color: white;
		float: left;
	}
	.tabcordion .accordions .switch {
		display: none;
	}
	.tabcordion .accordions .bulb {
		padding-left: 71px;
		padding-left: 7.1rem;
		padding-right: 71px;
		padding-right: 7.1rem;
		padding-top: 54px;
		padding-top: 5.4rem;
		padding-bottom: 102px;
		padding-bottom: 10.2rem;
	}
	.tabcordion .accordions .bulb p {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.tabcordion .accordions .bulb .columns p {
		font-size: 16px;
		font-size: 1.6rem;
	}
	#body.find-available-rebates .columns.asymmetrical > div {
		width: 400px;
		width: 40rem;
		float: left;
	}
	#body.find-available-rebates .columns.asymmetrical > div:first-of-type p:not(.intro) {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.375;
	}
	#body.find-available-rebates .finder.results .columns.asymmetrical > div {
		width: 462px;
		width: 46.2rem;
	}
	#body.find-available-rebates .columns.asymmetrical > div:last-of-type {
		width: 301px;
		width: 30.1rem;
		float: right;
	}
	#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type {
		width: 314px;
		width: 31.4rem;
	}
	#body.find-available-rebates .finder.results .columns.asymmetrical > div:last-of-type > div:first-of-type {
		margin-bottom: 100px;
		margin-bottom: 10rem;
	}
}
#body.find-a-contractor .finder {
	padding: 0;
}
#body.find-a-contractor .finder > div {
	padding: 33px;
	padding: 3.3rem;
}
#body.find-a-contractor .finder.results > div:first-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}
#body.find-a-contractor .finder.results > div:first-of-type > div:first-of-type {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}
#body.find-a-contractor .finder.results > div:first-of-type > div:last-of-type {
	text-align: right;
	font-size: 0;
	margin-bottom: 0;
}
#body.find-a-contractor .finder.results > div:first-of-type > div:last-of-type .button {
	/* margin-bottom: 20px; */
}
#body.find-a-contractor .finder.results > div:first-of-type > div:last-of-type .button.secondary {
	/* margin-right: 20px; */
}
#body.find-a-contractor .finder.results > div:first-of-type > div:last-of-type .button:last-of-type {
	/* display: none; */
	margin-left: 20px;
	margin-left: 2rem;
}

#body.find-a-contractor .finder.results > div:nth-of-type(3) {
	margin-bottom: 0;
}
#body.find-a-contractor .finder.results > div:nth-of-type(3) > div.fieldset:first-of-type {
	
}
#body.find-a-contractor .finder.results > div:nth-of-type(3) > div.fieldset:last-of-type {
	
}
#body.find-a-contractor .finder.results > div:nth-of-type(3) > div.fieldset > label {
	font-size: 11px;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: #333333;
	line-height: 1.3636363636363636363636363636364;
	letter-spacing: 0.01909090909090909090909090909091em;
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
}

#body.find-a-contractor form {
	background-color: #F3F2F2;
	padding: 33px;
	padding: 3.3rem;
	padding-top: 43px;
	padding-top: 4.3rem;
	padding-bottom: 67px;
	padding-bottom: 6.7rem;
	margin-bottom: 0;
}
#body.find-a-contractor form h2 {
	color: #0B5584;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.1904761904761904761904761904762;
	letter-spacing: normal;
	margin-bottom: 35px;
	margin-bottom: 3.5rem;
}
#body.find-a-contractor form h3 {
	color: #212121;
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.001875em;
	font-size: 16px;
	font-size: 1.6rem;
}
#body.find-a-contractor form div.fieldset + h3 {
	margin-top: 40px;
	margin-top: 4rem;
}
#body.find-a-contractor form div.fieldset.checkboxes {
	margin-bottom: 40px;
	margin-bottom: 4rem;
	margin-bottom: 0;
}
#body.find-a-contractor form div.fieldset.checkboxes > div.fieldset {
	font-size: 0;
	position: relative;
}
#body.find-a-contractor form div.fieldset.checkboxes > div.fieldset input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 1px;
	top: 0.1rem;
}
#body.find-a-contractor form div.fieldset.checkboxes > div.fieldset label {
	margin-left: 21px;
	margin-left: 2.1rem;
	padding-right: 31.5px;
	padding-right: 3.15rem;
	line-height: 1;
	font-size: 15px;
	font-size: 1.5rem;
	color: #212121;
}
@media screen and (min-width: 1024px) {
	#body.find-a-contractor .finder {
		padding-left: 100px;
		padding-left: 10rem;
		padding-right: 100px;
		padding-right: 10rem;
		max-width: 840px;
		max-width: 84rem;
	}
	#body.find-a-contractor form {
		padding-left: 100px;
		padding-left: 10rem;
		padding-right: 100px;
		padding-right: 10rem;
		padding-top: 56px;
		padding-top: 5.6rem;
		max-width: 639px;
		max-width: 63.9rem;
		margin-left: auto;
		margin-right: auto;
		border-radius: 11px;
		border-radius: 1.1rem;
		border: 1px solid #DADADA;
		border: 0.1rem solid #DADADA;
		margin-bottom: 120px;
		margin-bottom: 12rem;
	}
	#body.find-a-contractor .finder > div {
		text-align: center;
		max-width: 492px;
		max-width: 49.2rem;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		/* padding-bottom: 0; */
		padding-bottom: 13px;
		padding-bottom: 1.3rem;
		padding-top: 41px;
		padding-top: 4.1rem;
	}
	#body.find-a-contractor .finder > div + div {
		padding-top: 0;
	}
	#body.find-a-contractor .finder.results > div {
		text-align: left;
		max-width: none;
	}
	#body.find-a-contractor .finder.results > div:last-of-type {
		max-width: 729px;
		max-width: 72.9rem;
	}

	#body.find-a-contractor .finder.results > div:first-of-type > div:first-of-type {
		width: 397px;
		width: 39.7rem;
		float: left;
	}
	#body.find-a-contractor .finder.results > div:first-of-type > div:last-of-type {
		width: 314px;
		width: 31.4rem;
		float: right;
	}

	#body.find-a-contractor .finder.results > div:nth-of-type(3) > div.fieldset:first-of-type {
		width: 313px;
		width: 31.3rem;
		float: left;
	}
	#body.find-a-contractor .finder.results > div:nth-of-type(3) > div.fieldset:last-of-type {
		width: 313px;
		width: 31.3rem;
		float: right;
	}

	#body.find-a-contractor .finder > div h1::after {
		margin-left: auto;
		margin-right: auto;
	}
	#body.find-a-contractor .finder.results > div h1::after {
		margin-left: 0;
		margin-right: 0;
	}
	#body.find-a-contractor form div.fieldset.checkboxes > div.fieldset {
		width: 50%;
		float: left;
	}
	#body.find-a-contractor form div.fieldset.checkboxes > div.fieldset:nth-of-type(odd) {
		clear: left;
	}
}
#find-a-contractor-results,
#find-available-rebates-results {
	max-width: 760px;
	max-width: 76rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
#find-a-contractor-results > div,
#find-available-rebates-results > div {
	background-color: white;
	border-radius: 6px;
	border-radius: 0.6rem;
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.24);
	box-shadow: 0 0.2rem 0.7rem 0 rgba(0,0,0,0.24);
	margin-bottom: 37px;
	margin-bottom: 3.7rem;
}
#content #find-a-contractor-results > div[data-communityCampaign="0"] a {
	font-family: "Proxima Nova W01 Regular";
	font-weight: normal;
}
#find-a-contractor-results h2,
#find-available-rebates-results h2 {
	background-color: #0077C8;
	padding-left: 30px;
	padding-left: 3rem;
	padding-right: 30px;
	padding-right: 3rem;
	padding-top: 18px;
	padding-top: 1.8rem;
	padding-bottom: 17px;
	padding-bottom: 1.7rem;
	border-bottom: 5px solid #002D72;
	border-bottom: 0.5rem solid #002D72;
	border-radius: 6px 6px 0 0;
	border-radius: 0.6rem 0.6rem 0 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.06666666666666666666666666666667em;
	text-transform: uppercase;
	color: white;
	margin-bottom: 0;
}
#find-a-contractor-results [data-communityCampaign="1"] h2,
#find-available-rebates-results h2 {
	display: flex;
	align-items: center;
	min-height: 2.4em;
	justify-content: space-between;
}
#find-a-contractor-results h2 span.contact {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2142857142857142857142857142857;
	text-transform: none;
	font-family: "Proxima Nova W01 Regular";
	font-weight: normal;
	display: block;
	letter-spacing: 0.03785714285714285714285714285714em;
}
#find-available-rebates-results h2 img {
	max-width: 78px;
	max-width: 7.8rem;
	max-height: 32px;
	max-height: 3.2rem;
	max-width: 90px;
	max-width: 9rem;
	max-height: 75px;
	max-height: 7.5rem;
	float: right;
	margin-left: 20px;
	margin-left: 2rem;
	/* -webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1); */
	width: auto;
	height: auto;
	border-radius: 4.55px;
	border-radius: 0.455rem;
}
#find-a-contractor-results h2 img {
	max-height: 35px;
	max-height: 3.5rem;
	float: right;
	margin-left: 20px;
	margin-left: 2rem;
	width: auto;
	height: auto;
}
#find-a-contractor-results > div > div {
	margin-bottom: 0;
}
#find-a-contractor-results > div[data-communityCampaign="1"] > div,
#find-available-rebates-results > div > div {
	padding-left: 30px;
	padding-left: 3rem;
	padding-right: 30px;
	padding-right: 3rem;
	padding-top: 18px;
	padding-top: 1.8rem;
	padding-bottom: 18px;
	padding-bottom: 1.8rem;
	margin-bottom: 0;
}
#find-a-contractor-results > div > div > div {
	padding-left: 30px;
	padding-left: 3rem;
	padding-right: 30px;
	padding-right: 3rem;
	padding-top: 18px;
	padding-top: 1.8rem;
	padding-bottom: 18px;
	padding-bottom: 1.8rem;
	border-bottom: 1px solid #F3F2F2;
	border-bottom: 0.1rem solid #F3F2F2;
	margin-bottom: 0;
}
#find-a-contractor-results > div > div > div:last-of-type {
	border-bottom: none;
}
#find-a-contractor-results h3,
#find-available-rebates-results h3 {
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.0044em;
	text-transform: uppercase;
	color: #242424;
	margin-bottom: 0;
	line-height: 1.5;
}
#find-available-rebates-results h3,
#find-a-contractor-results [data-communityCampaign="1"] h3 {
	font-size: 17px;
	font-size: 1.7rem;
	margin-bottom: 18px;
	margin-bottom: 1.8rem;
}
#find-available-rebates-results p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4375;
	letter-spacing: normal;
	color: #242424;
}
#find-a-contractor-results [data-communityCampaign="0"] p {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2857142857142857142857142857143;
	letter-spacing: 0.04357142857142857142857142857143em;
	color: #242424;
	word-break: break-word;
}
#find-a-contractor-results [data-communityCampaign="1"] p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4375;
	letter-spacing: normal;
	color: #242424;
}
#find-a-contractor-results [data-communityCampaign="1"] a.external,
#find-available-rebates-results p.clearfix a.external {
	text-transform: uppercase;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0.0018em;
	text-decoration: none;
	font-family: "Proxima Nova W01 Semibold";
	font-weight: normal;
}
#find-available-rebates-results p.clearfix a.external:link,
#find-available-rebates-results p.clearfix a.external:visited {
	color: #0077C8;
}
#find-available-rebates-results p.clearfix a.external {
	float: left;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#find-available-rebates-results p.clearfix a.external:hover,
#find-available-rebates-results p.clearfix a.external:active,
#find-available-rebates-results p.clearfix a.external:focus {
	color: #233E90;
}
#find-available-rebates-results .button {
	float: right;
	margin-left: 20px;
	margin-left: 2rem;
	font-size: 13px;
	font-size: 1.3rem;
}
@media screen and (min-width: 1024px) {
	#find-a-contractor-results > div,
	#find-available-rebates-results > div {
		width: 47.37%;
		float: left;
		margin-right: 5.26%;
	}
	#find-a-contractor-results > div[data-communitycampaign="1"],
	#find-available-rebates-results > div[data-typeserial="1"] {
		width: 65%;
		/* margin-right: 0; */
		height: auto !important; /* !important to override the inline style via JS */
	}
	#find-a-contractor-results > div:nth-of-type(even),
	#find-available-rebates-results > div:nth-of-type(even) {
		/* float: right; */
		margin-right: 0;
	}
	#find-a-contractor-results > div[data-communitycampaign="1"] ~ div,
	#find-available-rebates-results > div[data-typeserial="1"] ~ div {
		margin-right: 5.26%;
	}
	#find-a-contractor-results > div[data-communitycampaign="1"] ~ div:nth-of-type(odd),
	#find-available-rebates-results > div[data-typeserial="1"] ~ div:nth-of-type(odd) {
		margin-right: 0;
	}
	#find-a-contractor-results .leftColumn,
	#find-available-rebates-results .leftColumn {
		margin-right: 5.26% !important;
	}
	#find-a-contractor-results .rightColumn,
	#find-available-rebates-results .rightColumn {
		margin-right: 0 !important;
	}
	#find-a-contractor-results > div.shown[data-communitycampaign="1"] ~ .leftColumn {
		margin-right: 0 !important;
	}
	#find-a-contractor-results > div.shown[data-communitycampaign="1"] ~ .rightColumn {
		margin-right: 5.26% !important;
	}
}

.sponsors {
	padding-top: 36px;
	padding-top: 3.6rem;
	padding-bottom: 36px;
	padding-bottom: 3.6rem;
	padding-left: 20px;
	padding-left: 2rem;
	padding-right: 20px;
	padding-right: 2rem;
}
.sponsors > div {
	margin-left: auto;
	margin-right: auto;
	max-width: 1040px;
	max-width: 104rem;
	max-width: 640px;
	max-width: 64rem;
	margin-bottom: 0;
	font-size: 0;
	letter-spacing: normal;
	text-align: center;
}
.sponsors > div > div {
	text-align: center;
	/* margin-bottom: 40px;
	margin-bottom: 4rem; */
	font-size: 20px;
	font-size: 2rem;

	display: inline-block;
	width: 50%;
	margin-bottom: 0;
}
.sponsors > div > div:last-of-type {
	width: 62%;
}
.sponsors > div > div > div {
	position: relative;
	margin: 0;

	height: 0;
	padding-bottom: 37.56345177665%;
	padding-bottom: 62%;
}
.sponsors > div > div:last-of-type > div {
	padding-bottom: 25%;
}
.sponsors > div > div > div > a {
	display: block;
	border: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-decoration: none;
	font-size: 16px;
	font-size: 1.6rem;
	/* font-weight: bold; */
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
	position: absolute;
}
.sponsors > div > div > div > a:hover {
	opacity: 0.77;
}
.sponsors > div > div > div > a::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.sponsors > div > div > div > a > img {
	vertical-align: middle;
	max-width: 62%;
	width: auto;
	max-height: 62%;
	/* -webkit-filter: grayscale(100%); */ /* Safari 6.0 - 9.0 */
	/* filter: grayscale(100%); */
}
@media screen and (min-width: 480px) {
	/* .sponsors > div > div {
		display: inline-block;
		width: 50%;
		margin-bottom: 0;
	} */
	/* .sponsors > div > div > div {
		height: 0;
		padding-bottom: 37.56345177665%;
	} */
	/* .sponsors > div > div > div > a {
		position: absolute;
	} */
	/* .sponsors > div > div > div > a::before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	} */
}
@media screen and (min-width: 640px) {
	.sponsors {
		padding-top: 60px;
		padding-top: 6rem;
		padding-bottom: 60px;
		padding-bottom: 6rem;
	}
}
@media screen and (min-width: 800px) {
	.sponsors > div > div {
		width: 33.333333333333333333333333333333333333333333%;
	}
}
/* @media screen and (min-width: 1160px) {
	.sponsors > div > div {
		width: 25%;
	}
} */


picture.bar {
	position: relative;
}
#body.planner-quiz picture.bar,
#body[data-pattern="1"] picture.bar {
	display: none;
}
picture.bar::after {
	content: "";
	opacity: 0.65;
	display: block;
	background-color: #E5EEEE;
	position: absolute;
	height: 21px;
	height: 2.1rem;
	bottom: 0;
	right: 0;
	left: 0;
}
@media screen and (min-width: 1024px) {
	picture.bar {
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
		box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.14);
	}
	picture.bar.mobile {
		display: block;
	}
	#body.planner-quiz picture.bar/*,
	#body[data-pattern="1"] picture.bar*/ {
		display: block;
	}
	picture.bar.mobile::before {
		content: "";
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47) 100%);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#body.planner-quiz picture.bar.mobile::before {
		background: transparent;
	}
	picture.bar.mobile::after {
		display: none;
	}
}




#body.find-a-contractor .finder.results input[type=text] {
	background-image: url("/assets/icon_search.svg");
	background-repeat: no-repeat;
	background-size: auto 1em;
	background-position: right 23.5px bottom 50%;
	background-position: right 2.35rem bottom 50%;
}

.smallScreen {
	
}
.bigScreen {
	display: none;
}
@media screen and (min-width: 1024px) {
	.smallScreen {
		display: none;
	}
	.bigScreen {
		display: block;
	}
}

#skip-to-content {
	background: white;
	color: #233E90;
	font-family: "Proxima Nova W01 Bold";
	padding-left: 1rem;
	padding-right: 1rem;
	position: absolute;
	transform: translateY(-100%);
	text-decoration: none;
	border: 1px solid #233E90;
	border: 0.1rem solid #233E90;
	border-left: none;
	border-top: none;
}
#skip-to-content:focus {
	transform: translateY(0%);
}

#gTranslateWidgetSecondary {
	display: none;
	max-width: 1160px;
	max-width: 116rem;
	margin-left: auto;
	margin-right: auto;
}
#gTranslateWidgetSecondary select {
	float: right;
	max-width: 280px;
	max-width: 28rem;
}
@media screen and (min-width: 1024px) {
	#gTranslateWidget {
		float: right;
		margin-left: 20px;
		margin-left: 2rem;
	}
	#body.index #gTranslateWidget,
	#body.planner #gTranslateWidget {
		display: none;
	}
	#gTranslateWidgetSecondary {
		display: block;
	}
}

progress {
	margin-bottom: 7px;
	margin-bottom: 0.7rem;
}
progress + div {

}
progress + div > span {
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	color: #3A4030;
	line-height: 1.1666666666666666666666666666667;
	font-family: "Proxima Nova W01 Medium";
	font-weight: normal;
}
progress + div > span:last-of-type {
	float: right;
}
@media screen and (min-width: 1024px) {
	progress + div > span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.2142857142857142857142857142857;
	}
}
#body.planner-quiz progress + div {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	color: black;
}





#viewMoreAndCounts,
#viewMoreAndCounts p {
	text-align: center;
}
#viewMoreAndCounts > p:first-of-type {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	line-height: 1.3571428571428571428571428571429;
	margin-bottom: 29px;
	margin-bottom: 2.9rem;
}
#viewMoreAndCounts > p:first-of-type span {
	font-family: "Proxima Nova W01 Bold";
}




.disclaimer {
	font-style: italic;
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
#body.find-a-contractor .disclaimer {
	margin-top: 42px;
	margin-top: 4.2rem;
}




.contextual {
	margin: 0;
	padding: 0;
}




.screen-readers-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}




#modal.email-this-list #modal-question::before {
	content: "\f0e0";
}
#modal.email-this-list #modal-answer label {
	margin-bottom: 7px;
	margin-bottom: 0.7rem;
	font-size: 15px;
	font-size: 1.5rem;
	color: #212121;
}
#modal.email-this-list #modal-answer form div.fieldset:last-of-type{
	margin-top: 44px;
	margin-top: 4.4rem;
}
#body.find-a-contractor .finder hr + div:not(#find-a-contractor-results) {
	padding-top: 29px;
	padding-top: 2.9rem;
	padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.find-a-contractor .finder hr + div:not(#find-a-contractor-results) {
		padding-top: 9px;
		padding-top: 0.9rem;
		padding-bottom: 21px;
		padding-bottom: 2.1rem;
	}
}





.embed-container {
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 */
	position: relative;
}
.embed-container.four-by-three {
	padding-top: 75%;
}
.embed-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}



#body.planner-quiz .finder form .fieldset.options {
	font-size: 0;
	text-align: center;	
}
#body.planner-quiz .finder form .fieldset.options > div {
	margin: 0;
	width: calc(50% - 1px);
	width: calc(50% - 0.1rem);
	display: inline-block;
	font-size: initial;
	padding-top: 16.5px;
	padding-top: 1.65rem;
	padding-bottom: 16.5px;
	padding-bottom: 1.65rem;
	border-right: 1px solid #979797;
	border-right: 0.1rem solid #979797;
	border-bottom: 1px solid #979797;
	border-bottom: 0.1rem solid #979797;
	border-color: #979797;
	vertical-align: bottom;
	position: relative;
}
#body.planner-quiz .finder form .fieldset.options > div:nth-of-type(even) {
	border-right: 0;
}
#body.planner-quiz .finder form .fieldset.options > div:last-of-type {
	border-right: 0;
	border-bottom: 0;
}
#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(3) {
	border-bottom: 0;
}
#body.planner-quiz .finder form .fieldset.options > div > div {
	margin: 0;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image {
	margin-bottom: 16.5px;
	margin-bottom: 1.65rem;
	width: 60%;
	width: 86.37532133676093%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 65%;
	position: relative;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 1;
	width: auto;
	height: auto;
	max-width: 100%;
	max-width: 70%; /* leaves enough room for info icon */
	max-height: 100%;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image img:last-of-type {
	opacity: 0.0;
}
#body.planner-quiz .finder form .fieldset.options > div:hover > div.image img:last-of-type,
#body.planner-quiz .finder form .fieldset.options > div > div.image.active img:last-of-type {
	opacity: 1.0;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image a {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	line-height: 1;
	text-decoration: none;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image a:hover {
	opacity: 0.7;
}
#body.planner-quiz .finder form .fieldset.options > div > div.image a::before {
	content: "\f05a";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
}
#body.planner-quiz .finder form .fieldset.options > div > button {
	margin-left: 13.5px;
	margin-left: 1.35rem;
	margin-right: 13.5px;
	margin-right: 1.35rem;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: none;
	font-weight: normal;
	line-height: 1.375;
	font-family: "Proxima Nova W01 Regular", "Proxima Nova", "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #212121;
	background-color: white;
	position: relative;
	padding-left: calc(16px + 1.6em);
	padding-left: calc(1.6rem + 1.6em);
}
#body.planner-quiz .finder form .fieldset.options > div > button::before {
	content: "\f0c8";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 400;
	position: absolute;
	left: 16px;
	left: 1.6rem;
	top: 0;
	bottom: 0;
	line-height: 1em;
	color: #0077C8;
	margin: auto;
	height: 1em;
}
#body.planner-quiz .finder form .fieldset.options > div > button.active {
	/* background: rgb(71,120,36);
	background: linear-gradient(180deg, rgba(71,120,36,1) 0%, rgba(191,215,49,1) 100%); */
	background-color: #477824;
	color: white;
	/* box-shadow: */
}
#body.planner-quiz .finder form .fieldset.options > div > button.active::before {
	color: white;
	content: "\f14a";
	font-weight: 900;
	background: radial-gradient(circle, rgba(0,119,200,1) 0%, rgba(0,119,200,1) 50%, rgba(0,119,200,0) 50%, rgba(0,119,200,0) 100%);
	border: none;
}
@media screen and (min-width: 1024px) {
	#body.planner-quiz .finder form .fieldset.options > div {
		width: calc(33.3333333333333333% - 1px);
		width: calc(33.3333333333333333% - 0.1rem);
		border-right: 1px solid #979797;
		border-right: 0.1rem solid #979797;
		border-color: #979797;
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div {
		width: calc(50% - 1px);
		width: calc(50% - 0.1rem);
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(2) {
		border-right: 0;
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(3) {
		width: calc(60% - 1px);
		width: calc(60% - 0.1rem);
		border-right: 1px solid #979797;
		border-right: 0.1rem solid #979797;
		border-bottom: 0;
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(3) .image {
		padding-top: 39.96468832891247%;
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(4) {
		width: calc(40% - 1px);
		width: calc(40% - 0.1rem);
		border-right: 0;
	}
	#body.planner-quiz .finder form[data-step="2"] .fieldset.options > div:nth-of-type(4) .image {
		padding-top: 60%;
	}
	#body.planner-quiz .finder form[data-step="3"] .fieldset.options > div {
		border-bottom: 0;
	}
	#body.planner-quiz .finder form .fieldset.options > div:nth-of-type(even) {
		border-right: 1px solid #979797;
		border-right: 0.1rem solid #979797;
		border-color: #979797;
	}
	#body.planner-quiz .finder form .fieldset.options > div:nth-of-type(3) {
		border-right: 0;
	}
	#body.planner-quiz .finder form .fieldset.options > div:nth-of-type(4) {
		border-bottom: 0;
	}
	#body.planner-quiz .finder form .fieldset.options > div > div.image {
		width: 60%;
	}
	#body.planner-quiz .finder form .fieldset.options > div > div.image img {
		max-width: 83%;
	}
}

#body.planner-quiz .finder.results {
	
}
#body.planner-quiz .finder.results .columns {
	
}
#body.planner-quiz .finder.results .columns > div {
	margin-bottom: 0;
}
#body.planner-quiz .finder.results .columns > div:nth-of-type(2) {
	font-size: 16px;
	font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
	#body.planner-quiz .finder.results .columns > div {
		width: 49.65%;
		float: left;
	}
	#body.planner-quiz .finder.results .columns > div:nth-of-type(2) {
		width: 35%;
		float: right;
		text-align: right;
	}
}

#body.planner-quiz .finder.results .columns + div {

}
#body.planner-quiz .finder.results .columns + div > div {
	background-color: white;
	padding: 0;
	border: 6px solid #0077C8;
	border: 0.6rem solid #0077C8;
	margin-bottom: 66px;
	margin-bottom: 6.6rem;
}
#body.planner-quiz .finder.results .columns + div > div h2 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #00778c;
	line-height: 1.125;
	padding-left: 25px;
	padding-left: 2.5rem;
	padding-right: 25px;
	padding-right: 2.5rem;
	padding-top: 8px;
	padding-top: 0.8rem;
	padding-bottom: 8px;
	padding-bottom: 0.8rem;
	margin: 0;
}
#body.planner-quiz .finder.results .columns + div > div h2 span {
	display: block;
	font-size: 80%;
}
#body.planner-quiz .finder.results .columns + div > div h2 + img {
	background-color: #d3d3d3;
	height: 100%;
	display: block;
}
#body.planner-quiz .finder.results .columns + div > div p {
	color: black;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6875;
	text-align: center;
	margin-top: 21px;
	margin-top: 2.1rem;
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
	padding-left: 5px;
	padding-left: 0.5rem;
	padding-right: 5px;
	padding-right: 0.5rem;
}
#body.planner-quiz .finder.results .columns + div > div p + div {
	text-align: center;
	margin-bottom: 102px;
	margin-bottom: 10.2rem;
}
#body.planner-quiz .finder.results .columns + div > div p + div a.button {
	font-family: "Proxima Nova W01 Regular";
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
}
#body.planner-quiz .finder.results .columns + div > div .tiles {
	margin: 0;
	border-bottom: 1px solid #979797;
	border-bottom: 0.1rem solid #979797;
}
#body.planner-quiz .finder.results .columns + div > div .tiles > div {
	width: 33.333333333333333333333%;
	float: left;
	text-align: center;
	margin-bottom: 0;
	padding-top: 24px;
	padding-top: 2.4rem;
	padding-bottom: 25px;
	padding-bottom: 2.5rem;
}
#body.planner-quiz .finder.results .columns + div > div .tiles > div img {
	max-width: 39px;
	max-width: 3.9rem;
	max-height: 26px;
	max-height: 2.6rem;
	width: auto;
	height: auto;
}
#body.planner-quiz .finder.results .columns + div > div .tiles > div h3 {
	font-size: 9px;
	font-size: 0.9rem;
	text-transform: uppercase;
	color: black;
	line-height: 1.222222222222222;
	margin-top: 18px;
	margin-top: 1.8rem;
	margin-bottom: 0;
	padding-left: 3px;
	padding-left: 0.3rem;
	padding-right: 3px;
	padding-right: 0.3rem;
}
#body.planner-quiz .finder.results .columns + div > div .tiles + p {
	padding-left: 7px;
	padding-left: 0.7rem;
	padding-right: 7px;
	padding-right: 0.7rem;
}
#body.planner-quiz .finder .buttons {
	text-align: center;
}
#body.planner-quiz .finder .buttons a,
#body.planner-quiz .finder .buttons button,
#body.planner-quiz .finder .buttons input[type="submit"] {
	margin-left: 19px;
	margin-left: 1.9rem;
	margin-right: 19px;
	margin-right: 1.9rem;
	margin-bottom: 19px;
	margin-bottom: 1.9rem;
}
#body[data-pattern="1"] .buttons {
	text-align: center;
}
#body[data-pattern="1"] .buttons a,
#body[data-pattern="1"] .buttons button,
#body[data-pattern="1"] .buttons input[type="submit"] {
	margin-left: 19px;
	margin-left: 1.9rem;
	margin-right: 19px;
	margin-right: 1.9rem;
	margin-bottom: 19px;
	margin-bottom: 1.9rem;
}
@media screen and (min-width: 1024px) {
	#body.planner-quiz .finder.results .columns + div > div {
		width: calc((100% - 63px - 63px - 36px) / 3);
		width: calc((100% - 6.3rem - 6.3rem - 3.6rem) / 3);
		margin-right: 63px;
		margin-right: 6.3rem;
		float: left;
	}
	#body.planner-quiz .finder.results .columns + div > div:nth-of-type(3n) {
		margin-right: 0;
	}
	#body.planner-quiz .finder.results .columns + div > div:nth-of-type(3n+1) {
		clear: left;
	}
	#body.planner-quiz .finder.results .columns + div > div h2 {
		min-height: calc(4 * 1.125em); /* longest is 4 lines tall */
		min-height: calc(5 * 1.125em); /* longest is now 5 lines tall 20230208 */
	}
	#body.planner-quiz .finder.results .columns + div > div p {
		min-height: calc(7 * 1.6875em); /* longest is 7 lines tall at smallest "desktop" size */
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (min-width: 1024px) {
	#body.planner-quiz .finder.results .columns + div > div {
		width: calc((99% - 63px - 63px - 36px) / 3);
		width: calc((99% - 6.3rem - 6.3rem - 3.6rem) / 3);
	}
}

b,
strong {
	font-family: "Proxima Nova W01 Bold";
	font-weight: normal;
}

.pattern h1 {
	margin-bottom: 0;
}
.pattern h1 + h2 {
	margin-bottom: 0;
}
.pattern .intro {
	margin-top: 49px;
	margin-top: 4.9rem;
}
.pattern > .clearfix-first-of-type {
	margin-bottom: 37px;
	margin-bottom: 3.7rem;
}
.pattern > .clearfix-first-of-type > div:first-of-type {
	/* margin-bottom: 69px; */
}
.pattern > .clearfix-first-of-type > div:first-of-type .mobile,
.pattern > .clearfix-first-of-type > div:first-of-type .desktop {
	margin-bottom: 0;
}
.pattern > .clearfix-first-of-type > div:first-of-type .desktop > div {
	margin-bottom: 0;
}
.pattern > .clearfix-first-of-type > div:last-of-type {
	margin-bottom: 0;
}
.pattern > .clearfix-first-of-type > div:last-of-type .mobile {
	margin-bottom: 0;
}
.pattern > .clearfix-first-of-type + .mobile {
	text-align: center;
	margin-bottom: 37px;
	margin-bottom: 3.7rem;
}
@media screen and (min-width: 1024px) {
	.pattern h1 {
		/* margin-bottom: 49px; */
	}
	.pattern > .clearfix-first-of-type {
		margin-bottom: 80px;
		margin-bottom: 8rem;
		/* update per request 20220730 */
		margin-bottom: 33px;
		margin-bottom: 3.3rem;
		/* update per change where .buttons (which has internal margin of 19px) comes last */
		margin-bottom: 14px;
		margin-bottom: 1.4rem;
	}
	.pattern > .clearfix-first-of-type > div:first-of-type {
		/* width: calc(31.4% - 61px);
		float: left;
		margin-bottom: 0; */
	}
	.pattern > .clearfix-first-of-type > div:last-of-type {
		/* width: 68.6%;
		float: right; */
	}
}
.pattern .overlays {
	/* margin-left: -33px;
	margin-right: -33px; */
	padding-top: calc(1.202 * (100% + 66px));
	padding-top: calc(1.202 * (100% + 6.6rem));
	margin-bottom: 0;
	position: relative; /* staging */
	overflow: hidden;
}
.pattern > .clearfix-first-of-type > div:nth-of-type(2) {
	margin-left: -33px;
	margin-left: -3.3rem;
	margin-right: -33px;
	margin-right: -3.3rem;
	overflow-y: hidden;
}
.pattern .overlays img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	width: auto;
	max-width: none;
	opacity: 0.0;
}
.pattern .overlays img:first-of-type,
.pattern .overlays img.active {
	opacity: 1.0;
}
.pattern .overlays a {
	position: absolute;
	min-width: 10.8333333333333333333333%;
	padding-top: 10.8333333333333333333333%;
	min-width: 10.41666666666667%;
	padding-top: 10.41666666666667%;
	top: 0;
	left: 0;
	/* border: .33333333333333333em solid rgb(220, 20, 60, 0.0); */
	font-size: 3.75vw;
}
.pattern .overlays a span {
	display: none;
	font-family: "Proxima Nova W01 Semibold";
	padding-right: 1.166666666666667em;
	padding-left: 3.833333333333333em;
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	white-space: nowrap;
	letter-spacing: 0.0355555555555556em;
	text-transform: uppercase;
	border-radius: 2.888888888888889em;
	line-height: 2.888888888888889em;
	border-radius: 2.777777777777778em;
	line-height: 2.777777777777778em;
	box-shadow: 0.2777777777777778em 0.2777777777777778em 0.8888888888888889em -0.2222222222222222em rgba(0,0,0,0.38);
}
.pattern .overlays a span::after {
	content: "\f0da";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	width: 1em;
	display: inline-block;
	text-align: right;
	color: #0077C8;
}
.pattern .overlays a::after {
	width: 100%;
	display: block;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	border-radius: 50%;
	bottom: 0;
	background-image: url("/assets/planner/pattern-hotspot-inactive.png");
	background-size: cover;
	animation: pulse 1s linear infinite;
}
.pattern .overlays a.active::after,
.pattern .overlays a:hover::after {
	background-image: url("/assets/planner/pattern-hotspot-active.png");
	animation: unset;
}
.pattern .overlays a.active {
	outline: none;
}
.pattern .overlays a.active span,
.pattern .overlays a:hover span {
	display: inline-block;
	
}
@media screen and (min-width: 1024px) {
	.pattern > .clearfix-first-of-type > div:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0;
	}
	.pattern .overlays {
		padding-top: 100%;
	}
	.pattern .overlays a {
		min-width: 4.36893203883495%;
		padding-top: 4.36893203883495%;
		font-size: 22.08980582524272px;
		font-size: 2.208980582524272rem;
	}
	.pattern .overlays a span {
		/* font-size: 19px; */
		letter-spacing: 0.0357894736842105em;
		padding-right: 0.8947368421052632em;
		padding-left: 2.421052631578947em;
		/* border-radius: 1.894736842105263em; */
		/* line-height: 1.587719298245614em;*/
		line-height: 1.894539061641578em;
		border-radius: 1.894539061641578em;
		box-shadow: 0.2105263157894737em 0.2105263157894737em 0.6315789473684211em -0.1578947368421053em rgba(0,0,0,0.38);
	}
}
@-webkit-keyframes "pulse" {
	0% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}





/* fictitious pattern, etc. */
.pattern .overlays a[data-dialog='ducted-air-handler'] {
	top: 29.16666666666667%;
	left: 44.375%;
}
.pattern .overlays a.active[data-dialog='ducted-air-handler'] {
	left: 15.625%;
}
@media screen and (min-width: 1024px) {
	.pattern .overlays a[data-dialog='ducted-air-handler'],
	.pattern .overlays a.active[data-dialog='ducted-air-handler'] {
		left: 46.48058252427184%;
	}
}
.pattern .overlays a[data-dialog='ductless-head'] {
	top: 43.56796116504854%;
	left: 30.20833333333333%;
}
@media screen and (min-width: 1024px) {
	.pattern .overlays a[data-dialog='ductless-head'] {
		left: 38.47087378640777%;
	}
}


/* ducted for manufactured */
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -37.92766373411535%;
	margin-bottom: -18.7683284457478%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -25.68359375%;
		margin-bottom: -12.109375%;
	}
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 65%;
	left: 35%;
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 10%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		top: 73%;
		left: 42%;
	}
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 54%;
	left: 87%;
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
	left: 41%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
		top: 58%;
		left: 80%;
	}
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
		left: 66%;
	}
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 30%;
	left: 86%;
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 28%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 35%;
		left: 92.5%;
	}
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 61%;
	}
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 74%;
	left: 36%;
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 78%;
		left: 50%;
	}
}
#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 54%;
	left: 3%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		top: 53%;
		left: 6%;
	}
}

/* central-air-source-heat-pump-for-a-townhome */
#body.central-air-source-heat-pump-for-a-townhome .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -0.78201368523949%;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: 0;
		margin-bottom: 0;
	}
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 62.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='affordable-clean-heating'] {
		left: 12.5%;
		top: 67.5%;
	}
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 41.5%;
	left: 45%;
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 11%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 47%;
		top: 45%;
	}
	/* #body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 37%;
	} */
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 51.5%;
	left: 17.5%;
	left: 10.5%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		left: 27%;
		top: 55.5%;
	}
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 10%;
	left: 25.5%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 31%;
		top: 12%;
	}
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 82%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 12.5%;
		top: 81%;
	}
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 20%;
	left: 49%;
}
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 22%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		left: 48%;
		top: 23%;
	}
	/* #body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-townhome .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		left: 45%;
	} */
}

/* central-air-source-heat-pump-for-a-one-story-home */
#body.central-air-source-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -31.76930596285435%;
	margin-bottom: -5.18084066471163%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -21.6796875%;
		margin-bottom: -2.24609375%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 58%;
	left: 86%;
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 16%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		top: 55%;
		left: 70%;
	}
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 52%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 51%;
	top: 52%;
	left: 36%;
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 12%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 39%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 37.5%;
	left: 20%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 42%;
		left: 27%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 30%;
	left: 84%;
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 27%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 32%;
		left: 78%;
	}
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 59%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 72%;
	left: 77%;
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 22%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 73%;
		left: 73%;
	}
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 61%;
	}
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 66%;
	left: 40%;
}
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 4%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		left: 56%;
	}
}

/* ductless-heat-pump-for-a-one-story-home */
#body.ductless-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -20.72336265884653%;
	margin-bottom: -7.03812316715543%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -13.57421875%;
		margin-bottom: -3.515625%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 39%;
	left: 80%;
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 16%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		top: 43%;
		left: 80%;
	}
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 52%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'] {
	top: 45%;
	left: 36%;
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
	left: 1%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
		left: 2%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 52%;
	left: 2%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 38%;
		left: 20%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
	top: 59%;
	left: 49%;
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='flexible-design-for-your-home'],
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='flexible-design-for-your-home'] {
	left: 41%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='flexible-design-for-your-home'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='flexible-design-for-your-home'] {
		left: 54%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 23%;
	left: 86%;
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 28%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 24%;
		left: 85%;
	}
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 59%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 70%;
	left: 80%;
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 25%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 80%;
	}
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 61%;
	}
}
#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 23%;
	left: 10%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		top: 31%;
		left: 38.5%;
	}
}

/* ground-source-heat-pump-for-a-one-story-home */
#body.ground-source-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -22.7761485826002%;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -16.11328125%;
		margin-bottom: 0;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-reliable-long-lasting'] {
	top: 76%;
	left: 4%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='affordable-reliable-long-lasting'] {
		top: 76.5%;
		left: 18%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='heat-cool-your-home-with-renewable-heat-from-ground'] {
	top: 89%;
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='heat-cool-your-home-with-renewable-heat-from-ground'] {
		top: 87%;
		left: 47%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 44%;
	left: 32.5%;
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	/* left: 23.5%; */
	left: 12.5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 38.5%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 31%;
	left: 13%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 35%;
		left: 22%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 23%;
	left: 80%;
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 27%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 25%;
		left: 75.5%;
	}
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 59%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 60%;
	left: 86%;
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 62%;
		left: 79%;
	}
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 61%;
	}
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 53%;
	left: 36%;
}
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 14%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.ground-source-heat-pump-for-a-one-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		top: 52%;
		left: 53%;
	}
}

/* central-air-source-heat-pump-for-a-two-story-home */
#body.central-air-source-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: 0;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -2.9296875%;
		margin-bottom: -0.5859375%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 52.5%;
	left: 79%;
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 17%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 67%;
		top: 55%;
	}
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 40%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 42.5%;
	left: 54%;
	left: 38%;
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 12%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 54%;
		top: 46.5%;
	}
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 37%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 63.5%;
	left: 3%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		left: 13%;
		top: 50%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 12%;
	left: 22.5%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 28.5%;
		top: 15%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 74%;
	left: 73%;
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 30%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 70%;
		top: 75%;
	}
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 51%;
	}
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 26%;
	left: 47%;
}
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 21%;
}
@media screen and (min-width: 1024px) {
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.central-air-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		left: 45%;
		top: 29%;
	}
}

/* ductless-heat-pump-for-a-manufactured-home */
#body.ductless-heat-pump-for-a-manufactured-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -37.92766373411535%;
	margin-bottom: -18.7683284457478%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -25.68359375%;
		margin-bottom: -12.109375%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 65%;
	left: 35%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 10%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		top: 73%;
		left: 42%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'] {
	top: 42%;
	left: 69%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
	left: 12%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
		top: 46%;
		left: 63%;
	}
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
		left: 48%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 54%;
	left: 87%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
	left: 41%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
		top: 58%;
		left: 80%;
	}
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
		left: 66%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
	top: 34%;
	top: 35%;
	left: 40%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='flexible-design-for-your-home'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='flexible-design-for-your-home'] {
	left: 30%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='flexible-design-for-your-home'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='flexible-design-for-your-home'] {
		top: 38%;
		left: 45%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 30%;
	left: 86%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 28%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 35%;
		left: 92.5%;
	}
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 61%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 74%;
	left: 36%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 78%;
		left: 50%;
	}
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 50%;
	left: 39%;
}
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 14%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.ductless-heat-pump-for-a-manufactured-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		top: 50%;
		left: 45%;
	}
}

/* ductless-heat-pump-for-an-apartment */
#body.ductless-heat-pump-for-an-apartment .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -9.28641251221896%;
	margin-bottom: -5.86510263929619%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -5.17578125%;
		margin-bottom: -5.859375%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 61%;
	left: 75%;
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 10%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='affordable-clean-heating'] {
		/* left: 10%; */
		top: 63.5%;
		left: 67%;
	}
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 39%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'] {
	top: 34%;
	left: 50%;
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
	left: 10%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'] {
		top: 34%;
		left: 50%;
	}
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
		left: 21%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 22%;
	left: 44%;
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
	left: 39%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='reduced-health-safety-risks'],
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='reduced-health-safety-risks'],
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='reduced-health-safety-risks'] {
		/* left: 10%; */
		left: 44%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='flexible-design-for-your-apartment'] {
	top: 12%;
	top: 15%;
	left: 14%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='flexible-design-for-your-apartment'] {
		top: 20.5%;
		left: 26%;
	}
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a:hover[data-dialog='flexible-design-for-your-apartment'],
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a.active[data-dialog='flexible-design-for-your-apartment'] {
		left: 4%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 44%;
	left: 4%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 10%;
	}
}
#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 28%;
	left: 5%;
	left: 17%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-an-apartment .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		/* left: 10%; */
		left: 29%;
	}
}

/* ground-source-heat-pump-for-a-two-story-home */
#body.ground-source-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -13.29423264907136%;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -8.203125%;
		margin-bottom: 0;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-reliable-long-lasting'] {
	top: 74.5%;
	left: 5%;
}
/* #body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-reliable-long-lasting'],
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-reliable-long-lasting'] {
	left: 10%;
} */
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-reliable-long-lasting'] {
		top: 76%;
		left: 19%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'] {
	top: 83%;
	left: 70%;
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'],
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'] {
	left: 49%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='heat-cool-your-home-with-renewable-energy-from-ground'] {
		top: 86%;
		left: 67%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 57%;
	left: 43%;
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 13%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 43%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 48%;
	left: 13%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 52%;
		left: 12%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 20%;
	left: 14.5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 22%;
		left: 24%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 66%;
	left: 71%;
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 29%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 68%;
		left: 61%;
	}
}
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 32%;
	left: 14.5%;
}
/* #body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 17%;
} */
@media screen and (min-width: 1024px) {
	#body.ground-source-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		left: 24%;
	}
}


/* ductless-heat-pump-for-a-two-story-home */
#body.ductless-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -13.3919843597263%;
	margin-bottom: -1.66177908113392%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -8.203125%;
		margin-bottom: 0;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'] {
	top: 53%;
	left: 54%;
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
	left: 17%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 58%;
		top: 57%;
	}
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='affordable-clean-heating'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='affordable-clean-heating'] {
		left: 40%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'] {
	top: 40%;
	left: 18%;
	top: 34%;
	left: 12%;
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
	left: 8%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort-without-ductwork'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort-without-ductwork'] {
		left: 25%;
		top: 41%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 67%;
	left: 22%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		left: 37%;
		top: 51%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
	top: 54%;
	top: 47.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
		left: 17.5%;
		top: 62%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 17%;
	left: 17%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 23%;
		left: 24%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 74%;
	left: 54%;
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 58%;
		top: 74%;
	}
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		left: 51%;
	}
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 28%;
	left: 43%;
}
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
	left: 17%;
}
@media screen and (min-width: 1024px) {
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a:hover[data-dialog='two-in-one-heating-cooling'],
	#body.ductless-heat-pump-for-a-two-story-home .pattern .overlays a.active[data-dialog='two-in-one-heating-cooling'] {
		top: 34%;
		left: 45%;
	}
}




/* ground-source-hydronic-system-for-a-two-story-home */
#body.ground-source-hydronic-system-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -13.29423264907136%;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -8.203125%;
		margin-bottom: 0;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 17%;
	left: 15%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 19.5%;
		left: 26.5%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 55%;
	left: 21.5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		left: 29.5%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 32%;
	left: 40%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 36%;
		left: 43.5%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 46%;
	left: 47%;
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 13%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		left: 47%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 66%;
	left: 71%;
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 29%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 68%;
		left: 61%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='renewable-reliable-long-lasting'] {
	top: 82.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='renewable-reliable-long-lasting'] {
		top: 81.5%;
		left: 26%;
	}
}
#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
	top: 47.5%;
	top: 37.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-two-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
		left: 31.5%;
		top: 60.5%;
	}
}
/* ground-source-hydronic-system-for-a-one-story-home */
#body.ground-source-hydronic-system-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
	margin-top: -13.29423264907136%;
	margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern > .clearfix-first-of-type > div:nth-of-type(2) > .overlays {
		margin-top: -8.203125%;
		margin-bottom: 0;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	top: 30.5%;
	left: 68%;
}

#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
	left: 28%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		top: 32%;
		left: 64.25%;
	}
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-drafts-with-insulation-air-sealing'],
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-drafts-with-insulation-air-sealing'] {
		left: 61.5%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
	top: 44%;
	top: 38%;
	left: 11%;
	left: 21%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='two-in-one-heating-cooling'] {
		top: 45%;
		top: 42%;
		left: 23.5%;
		left: 27.5%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 52.5%;
	top: 54.5%;
	left: 2%;
	left: 3%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 50.5%;
		top: 55.5%;
		left: 12%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'] {
	top: 38.5%;
	top: 52.5%;
	left: 23%;
	left: 21%;
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
	left: 13%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='room-by-room-comfort'],
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='room-by-room-comfort'],
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='room-by-room-comfort'] {
		top: 42%;
		top: 52.5%;
		left: 31%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'] {
	top: 60%;
	left: 71%;
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
	left: 29%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a:hover[data-dialog='eliminate-your-propane-oil-tank'],
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a.active[data-dialog='eliminate-your-propane-oil-tank'] {
		top: 61%;
		left: 61%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='renewable-reliable-long-lasting'] {
	top: 74.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='renewable-reliable-long-lasting'] {
		top: 76%;
		left: 19%;
	}
}
#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
	top: 30%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.ground-source-hydronic-system-for-a-one-story-home .pattern .overlays a[data-dialog='flexible-design-for-your-home'] {
		top: 34%;
		left: 23.5%;
	}
}
/* heat-pump-water-heater-in-an-unfinished-basement */
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='affordable-clean-water-heating'] {
	top: 56.5%;
	left: 47.5%;
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a:hover[data-dialog='affordable-clean-water-heating'],
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a.active[data-dialog='affordable-clean-water-heating'] {
	left: 31%;
}
@media screen and (min-width: 1024px) {
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='affordable-clean-water-heating'] {
		top: 59.5%;
		left: 47.5%;
	}
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a:hover[data-dialog='affordable-clean-water-heating'],
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a.active[data-dialog='affordable-clean-water-heating'] {
		left: 47.5%;
	}
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='dehumidify-your-basement'] {
	top: 84.5%;
	left: 5%;
}
@media screen and (min-width: 1024px) {
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='dehumidify-your-basement'] {
		left: 47.5%;
	}
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
	top: 28.5%;
	left: 33%;
}
@media screen and (min-width: 1024px) {
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='reduced-health-safety-risks'] {
		top: 31%;
		left: 39%;
	}
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='reliable-long-lasting'] {
	top: 49%;
	left: 11%;
}
@media screen and (min-width: 1024px) {
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='reliable-long-lasting'] {
		top: 52.5%;
		left: 24%;
	}
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='easy-to-install'] {
	top: 10.5%;
	left: 64%;
}
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a:hover[data-dialog='easy-to-install'],
#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a.active[data-dialog='easy-to-install'] {
	left: 41%;
}
@media screen and (min-width: 1024px) {
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a[data-dialog='easy-to-install'] {
		top: 13.5%;
		left: 64%;
	}
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a:hover[data-dialog='easy-to-install'],
	#body.heat-pump-water-heater-in-an-unfinished-basement .pattern .overlays a.active[data-dialog='easy-to-install'] {
		left: 64%;
	}
}





.dialogs {
	display: none;
}
#plannerModal {
	position: fixed;
	background-color: white;
	/*	top: 6px;
	left: 6px;
	right: 14px;
	bottom: 14px;*/
	margin: 0;
	display: none;
	/* overflow: auto; */
	max-width: 904px;
	max-width: 90.4rem;
	box-shadow: 0 2px 25px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0.2rem 2.5rem 0 rgba(0,0,0,0.5);
	top: 50vh;
	left: 50vw;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 53px);
	width: calc(100% - 5.3rem);
	z-index: 999999999;
	max-height: calc(100vh - 12px);
	max-height: calc(100vh - 1.2rem);
}
#plannerModal::before {
	display: block;
	content: "";
	background-color: #0077C8;
	position: absolute;
	width: 25px;
	width: 2.5rem;
	left: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, #00AFE6 0%, #0077C8 100%);
}
#plannerModal-x {
	position: absolute;
	top: 18px;
	top: 1.8rem;
	top: 17px;
	top: 1.7rem;
	right: 26px;
	right: 2.6rem;
	right: 17px;
	right: 1.7rem;
	height: 24px;
	height: 2.4rem;
	text-decoration: none;
}
#plannerModal-x:link,
#plannerModal-x:visited {
	color: black;
}
#plannerModal-x:hover,
#plannerModal-x:active,
#plannerModal-x:focus {
	color: #505050;
}
#plannerModal-x::before {
	content: "\f00d";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	display: block;
}
@media screen and (min-width: 720px) {
	#plannerModal {
		/* top: 47px;
		top: 4.7rem;
		bottom: auto; */
		top: 50%;
		left: 50%;
	}
}

#plannerModal-content {
	/* position: absolute;
	top: 33px;
	bottom: 33px;
	left: 45px;
	right: 45px;
	overflow: auto; */
	margin-top: 33px;
	margin-top: 3.3rem;
	margin-bottom: 33px;
	margin-bottom: 3.3rem;
	margin-left: 45px;
	margin-left: 4.5rem;
	margin-right: 45px;
	margin-right: 4.5rem;
	padding: 0;
	overflow-y: auto;
	scrollbar-gutter: stable;
	max-height: calc(100vh - 12px - 66px); /* ...what was the 12 for? */
	max-height: calc(100vh - 1.2rem - 6.6rem);
}

@media screen and (min-width: 720px) {
	#plannerModal-content {
		margin-top: 72px;
		margin-top: 7.2rem;
		margin-bottom: 72px;
		margin-bottom: 7.2rem;
		margin-left: 89px;
		margin-left: 8.9rem;
		margin-right: 64px;
		margin-right: 6.4rem;
		max-height: calc(100vh - 12px - 144px);
		max-height: calc(100vh - 1.2rem - 14.4rem);
	}
	#plannerModal-x {
		top: 30px;
		top: 3.0rem;
		right: 21px;
		right: 2.1rem;
	}
}
/* #plannerModal-content > div:first-of-type {
	
}
#plannerModal-content > div:last-of-type {
	margin: 0;
}
#plannerModal-content > div:last-of-type .player {
	background-color: #808080;
	padding-top: 56.93160813308688%;
	overflow: hidden;
	position: relative;
}
#plannerModal-content > div:last-of-type .player iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#plannerModal-content > div:last-of-type .thumbs {
	overflow-x: auto;
	white-space: nowrap;
	margin: 0;
	font-size: 0;
}
#plannerModal-content > div:last-of-type .thumbs > div {
	background-color: #808080;
	padding-top: 60.23391812865497%;
	padding-top: 19.03881700554529%;
	width: 31.60813308687616%;
	margin: 0;
	margin-right: 2.58780036968577%;
	display: inline-block;
	position: relative;
	font-size: initial;
}
#plannerModal-content > div:last-of-type .thumbs > div:last-of-type {
	margin-right: 0;
}
#plannerModal-content > div:last-of-type .thumbs > div a {
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;
}
#plannerModal-content > div:last-of-type .thumbs > div a img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	max-width: none;
}
@media screen and (min-width: 1024px) {
	#plannerModal-content > div:first-of-type {
		width: 41.22448979591837%;
		float: left;
	}
	#plannerModal-content > div:last-of-type {
		width: 55.20408163265306%;
		float: right;
	}
} */


#plannerModal[context='questions'] h2 {
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 1.217391304347826;
	color: black; /* necessary? */
}
#plannerModal[context='overlays'] h2 {
	font-size: 29px;
	font-size: 2.9rem;
	line-height: 1.206896551724138;
	color: #242424;
}
#plannerModal[context='questions'] p {
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.473684210526316;
}
#plannerModal[context='overlays'] p,
#plannerModal[context='overlays'] ul li {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6875;
	color: black;
}




.swiper {
	
}


/* .embed-container.flexible-design-for-your-home {
	padding-top: 76.95852534562212%;
}
@media screen and (min-width: 480px) {
	.embed-container.flexible-design-for-your-home {
		padding-top: 69.43620178041543%;
	}
}
@media screen and (min-width: 640px) {
	.embed-container.flexible-design-for-your-home {
		padding-top: 65.19114688128773%;
	}
}
@media screen and (min-width: 800px) {
	.embed-container.flexible-design-for-your-home {
		padding-top: 63.01369863013699%;
	}
}
@media screen and (min-width: 960px) {
	.embed-container.flexible-design-for-your-home {
		padding-top: 61.67076167076167%;
	}
}

.embed-container.eliminate-your-propane-oil-tank-ashp {
	padding-top: 111%;
}
@media screen and (min-width: 380px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 97.89029535864979%;
	}
}
@media screen and (min-width: 480px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 85.45994065281899%;
	}
}
@media screen and (min-width: 540px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 81.10831234256927%;
	}
}
@media screen and (min-width: 640px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 72.03219315895372%;
	}
}
@media screen and (min-width: 800px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 68.18873668188737%;
	}
}
@media screen and (min-width: 960px) {
	.embed-container.eliminate-your-propane-oil-tank-ashp {
		padding-top: 65.97051597051597%;
	}
}

.embed-container.eliminate-your-propane-oil-tank-gshp {
	padding-top: 129.4930875576037%;
}
@media screen and (min-width: 390px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 112.5506072874494%;
	}
}
@media screen and (min-width: 450px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 96.30872483221477%;
	}
}
@media screen and (min-width: 480px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 91.3946587537092%;
	}
}
@media screen and (min-width: 560px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 79.85611510791367%;
	}
}
@media screen and (min-width: 640px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 76.05633802816901%;
	}
}
@media screen and (min-width: 800px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 71.23287671232877%;
	}
}
@media screen and (min-width: 940px) {
	.embed-container.eliminate-your-propane-oil-tank-gshp {
		padding-top: 66.12296110414053%;
	}
} */







#embedModal {
	position: fixed;
	background-color: white;
	/*	top: 6px;
	left: 6px;
	right: 14px;
	bottom: 14px;*/
	margin: 0;
	display: none;
	/* overflow: auto; */
	max-width: 904px;
	max-width: 90.4rem;
	box-shadow: 0 2px 25px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0.2rem 2.5rem 0 rgba(0,0,0,0.5);
	top: 50vh;
	left: 50vw;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 53px);
	width: calc(100% - 5.3rem);
	z-index: 999999999;
	max-height: calc(100vh - 12px);
	max-height: calc(100vh - 1.2rem);
}
#embedModal::before {
	display: block;
	content: "";
	background-color: #0077C8;
	position: absolute;
	width: 25px;
	width: 2.5rem;
	left: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(180deg, #00AFE6 0%, #0077C8 100%);
}
#embedModal-x {
	position: absolute;
	top: 18px;
	top: 1.8rem;
	top: 17px;
	top: 1.7rem;
	right: 26px;
	right: 2.6rem;
	right: 17px;
	right: 1.7rem;
	height: 24px;
	height: 2.4rem;
	text-decoration: none;
}
#embedModal-x:link,
#embedModal-x:visited {
	color: black;
}
#embedModal-x:hover,
#embedModal-x:active,
#embedModal-x:focus {
	color: #505050;
}
#embedModal-x::before {
	content: "\f00d";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 900;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	display: block;
}
@media screen and (min-width: 720px) {
	#embedModal {
		/* top: 47px;
		top: 4.7rem;
		bottom: auto; */
		top: 50%;
		left: 50%;
	}
}

#embedModal-content {
	/* position: absolute;
	top: 33px;
	bottom: 33px;
	left: 45px;
	right: 45px;
	overflow: auto; */
	margin-top: 33px;
	margin-top: 3.3rem;
	margin-bottom: 33px;
	margin-bottom: 3.3rem;
	margin-left: 45px;
	margin-left: 4.5rem;
	margin-right: 45px;
	margin-right: 4.5rem;
	padding: 0;
	overflow-y: auto;
	scrollbar-gutter: stable;
	max-height: calc(100vh - 12px - 66px); /* ...what was the 12 for? */
	max-height: calc(100vh - 1.2rem - 6.6rem);
}
#embedModal-content .embed-container {
	margin-bottom: 0;
}
@media screen and (min-width: 720px) {
	#embedModal-content {
		margin-top: 72px;
		margin-top: 7.2rem;
		margin-bottom: 72px;
		margin-bottom: 7.2rem;
		margin-left: 89px;
		margin-left: 8.9rem;
		margin-right: 64px;
		margin-right: 6.4rem;
		max-height: calc(100vh - 12px - 144px);
		max-height: calc(100vh - 1.2rem - 14.4rem);
	}
	#embedModal-x {
		top: 30px;
		top: 3.0rem;
		right: 21px;
		right: 2.1rem;
	}
}









.accordion_switch {
	cursor: pointer;
	border-top: 1px solid grey;
	border-bottom: 1px solid #808080;
	line-height: 1em;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
	padding-left: calc(.8811214285732268em + 1.618rem + 1.618rem);
	padding-right: 1.618rem;
	color: #555555;
	font-size: 28px;
	font-weight: normal;
}
.accordion_switch:hover {
	color: #233E90;
}
.accordion_switch:focus {
	border-style: dotted;
}
.accordion_switch::before {
	position: absolute;
	opacity: 0.77;
	top: 1rem;
	left: 1.618rem;
}
.accordion_switch.off::before {
	content: "\29E9";
}
.accordion_switch.on::before {
	content: "\25ED";
}
.accordion_bulb {
	display: none;
	margin-bottom: 2.618rem;
	padding-left: 1.618rem;
	padding-right: 1.618rem;
}




/* consent dialog 20250219 */
#consent-dialog {
	background: #D5E5EB;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	display: none;
	position: fixed;
	bottom: 0;
	left: 5%;
	right: 5%;
	z-index: 1000;
	padding: 20px;
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
	margin: 0;
}
#consent-dialog p {
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1.428;
}
#consent-dialog p + div {
	margin: 0;
	padding: 0;
}
#consent-dialog p a {
	color: #004DD1;
	text-decoration: underline;
}
#consent-dialog p a:hover {
	color: #154973;
}
#consent-dialog div a {
	font-weight: 700;
	/* TO-DO: adjust for weight */
	font-size: 16px;
	border-radius: 9999px;
	color: white;
	line-height: 2;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #154973;
	display: inline-block;
	text-decoration: none;
}
#consent-dialog div a:hover {
	background-color: #004DD1;
}
#consent-dialog .nokay {
	display: none;
}