@charset "UTF-8";
/*!
Theme Name: Brooklyn Solarworks
Theme URI: http://underscores.me/
Author: Bushwick Design
Author URI: http://bushwickdesign.com
Description: Description
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brooklyn-solarworks
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Brooklyn Solarworks is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, .customer-map-search-results b,
.customer-map-search-results strong, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1035px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# BD
--------------------------------------------------------------*/
/* BD Trans - A quick way to do cross-browser CSS fades */
/* BD Abs-C - easy absolute centering */
/* BD Underscores Fixes v2 */
.main-navigation {
  float: none;
  text-align: right;
}
.main-navigation li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.entry-content {
  margin-top: 0;
}

.hentry {
  margin-bottom: 0;
}

input, textarea {
  font-size: 1em;
}

ul {
  margin: 0;
  padding: 0;
}

/* Typecast Ratios - Typography ratios for the modern web */
body {
  font-size: 100%;
}

#page {
  font-size: 1em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */
}

@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}
h1 {
  font-size: 3em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 3.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}
@media (min-width: 56.25em) {
  h1 {
    font-size: 4em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}
h2 {
  font-size: 2em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2.5em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h2 {
    font-size: 2.75em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}
h3 {
  font-size: 2em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 2.25em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h3 {
    font-size: 2.5em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
h4, .customer-map-search-results b,
.customer-map-search-results strong {
  font-size: 1.75em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4, .customer-map-search-results b,
  .customer-map-search-results strong {
    line-height: 1.777777;
    /* (22px / 18px */
  }
}
blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}
@font-face {
  font-family: "fa-bars";
  src: url("fonts/fa-bars.eot?drwc5y");
  src: url("fonts/fa-bars.eot?drwc5y#iefix") format("embedded-opentype"), url("fonts/fa-bars.ttf?drwc5y") format("truetype"), url("fonts/fa-bars.woff?drwc5y") format("woff"), url("fonts/fa-bars.svg?drwc5y#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fa-bars" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-navicon:before {
  content: "\f0c9";
}

.icon-reorder:before {
  content: "\f0c9";
}

body {
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #393939;
}

h1, h2, h3, h4, .customer-map-search-results b,
.customer-map-search-results strong, h6, strong, b {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #292929;
}

h5 {
  font-size: 1em;
  display: block;
  margin: auto;
}

h6 {
  font-size: 1em;
}

a {
  color: #292929;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

h5 a, .btn, .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), h5 a:visited, .btn:visited {
  background-color: #f4c601;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  padding: 0.75em 1.5em;
  font-weight: normal;
  text-decoration: none;
}
h5 a:hover, .btn:hover, .page-template-home-solar-page .repeater h5 a:hover, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child), h5 a:visited:hover, .btn:visited:hover {
  background-color: rgb(254.0744897959, 211.5010204082, 29.1755102041);
  color: #fff;
}

.cta .btn, .cta .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .cta a, .cta .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .cta a:last-child:not(:first-child) {
  background-color: #d6a300;
}
.cta .btn:hover, .cta .page-template-home-solar-page .repeater h5 a:hover, .page-template-home-solar-page .repeater h5 .cta a:hover, .cta .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .cta a:hover:last-child:not(:first-child) {
  background-color: #f4c601;
}

hr {
  width: 25%;
  max-width: 100px;
  background-color: #f4c601;
  height: 4px;
  display: block;
  margin: 2em 0;
}

input, input[type=text], input[type=email], input[type=search], input[type=tel] {
  font-family: proxima-nova, sans-serif;
  border-radius: 0;
  padding: 1rem;
  color: #666;
  font-weight: 400;
  font-size: 0.75em;
}

select {
  padding: 1em;
}

textarea {
  padding: 1em;
  font-family: proxima-nova;
  resize: vertical;
  border-radius: 0;
  height: 5vw;
}

button[type=submit], input[type=submit] {
  -webkit-appearance: none;
  font-size: 1em;
  padding: 1em;
  border-radius: 0;
  background-color: #d6a300;
  border: 1px solid #d6a300;
  color: #fff;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
button[type=submit]:hover, input[type=submit]:hover {
  background-color: #f4c601;
}

@media screen and (min-width: 48.1em) {
  .mobile-only {
    display: none !important;
  }
}
@media screen and (max-width: 48em) {
  .no-mobile {
    display: none !important;
  }
}
/* Header */
.site-header {
  padding: 0 2em;
  position: relative;
}

.site-header > * {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.site-header > *#site-navigation {
  width: 75%;
}

#site-navigation > :not(.menu-toggle) {
  display: inline-block;
  vertical-align: middle;
  padding-left: 13.5vw;
}

.call {
  padding-left: 0 !important;
}

/* CTA */
.cta {
  padding: 8vw;
  text-align: center;
  color: #fff;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cta > * {
  position: relative;
  z-index: 3;
  color: #fff;
  margin: 0;
}
.cta:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  mix-blend-mode: darken;
}

/* Page */
.page {
  margin-bottom: 0;
}

.container {
  max-width: 1366px;
  margin: auto;
}

/* Footer */
#colophon {
  position: relative;
  background-position: center 85%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 3.5vw 7.5vw;
}
#colophon > * {
  display: inline-block;
  width: 50%;
  color: #fff;
  position: relative;
  z-index: 3;
  vertical-align: top;
}
#colophon > *:last-child {
  text-align: right;
}

#colophon::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  left: 0;
}

/* Header */
.custom-logo {
  max-height: 3.75em;
  width: auto;
  display: block;
}

.custom-logo-link {
  display: block;
}

.main-navigation > div > ul > li {
  padding-right: 2.25vw;
}
.main-navigation > div > ul > li > a {
  padding: 2em 0;
  position: relative;
  color: #fff;
}
.main-navigation > div > ul > li > a:visited {
  color: #fff;
}
.main-navigation > div > ul > li a::after {
  content: "";
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background-color: transparent;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.main-navigation > div > ul > li a:hover::after {
  background-color: #f4c601;
}
.main-navigation > div > ul > li:last-child {
  padding-right: 0;
}
.main-navigation > div > ul > li:last-child a::after {
  display: none !important;
}

.sub-menu {
  background-color: rgba(0, 0, 0, 0.85);
  text-align: left;
}
.sub-menu li {
  padding: 0.75em 1em;
}
.sub-menu li a,
.sub-menu li a:visited {
  color: #fff !important;
}
.sub-menu li a::after {
  width: 3px !important;
  height: 100% !important;
  bottom: initial;
  top: 0;
  left: 0;
  right: initial;
}

.main-navigation ul ul {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  opacity: 0;
  margin-left: -1em;
}

.main-navigation ul li.focus ul, .main-navigation ul li:hover ul {
  opacity: 1;
}

/* CTA */
.cta p {
  margin: 0.5em 0 1.75em;
  font-weight: 400;
  font-size: 1.111em;
}

.cta.page-header p {
  margin: 1.75em 0;
}

.cta:not(.page-header) {
  padding: 12vw 8vw;
}

.cta h1,
.cta h2 {
  color: #fff;
  margin: 0;
}

.scrolldown {
  display: block;
  margin: 3em auto 0;
}
.scrolldown img {
  display: inline-block;
  max-height: 2em;
  margin-bottom: -4.5vw;
}

/*  Content Slider */
.owl-dots {
  position: absolute;
  bottom: 2em;
  right: 0;
  width: 50%;
  text-align: center;
}

.align-right .owl-dots {
  position: absolute;
  bottom: 2em;
  left: 0;
  right: initial;
  width: 50%;
  text-align: center;
}

.site-main .owl-carousel button.owl-dot {
  background: #fff;
  color: inherit;
  border-radius: 50%;
  padding: 0.3em !important;
  border: none;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.6);
  text-shadow: none;
  margin: 0.66em;
  position: relative;
  vertical-align: middle;
  z-index: 15;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.site-main .owl-carousel button.owl-dot:hover {
  opacity: 0.8;
  transform: scale(1.1);
}
.site-main .owl-carousel button.owl-dot.active {
  background: #f4c601;
}

.single-slider .owl-stage,
.single-slider .owl-stage-outer {
  height: 100%;
}
.single-slider.owl-carousel .owl-item img {
  height: 100% !important;
}

.single-slider .owl-item div {
  background-size: cover;
  background-position: center center;
}

.embedded-acuity-slider.owl-carousel .owl-stage,
.multi-content-slider.owl-carousel .owl-stage,
.single-slider.owl-carousel .owl-stage {
  display: flex;
}
.embedded-acuity-slider.owl-carousel .owl-item img,
.multi-content-slider.owl-carousel .owl-item img,
.single-slider.owl-carousel .owl-item img {
  width: auto;
  height: 100%;
}
.embedded-acuity-slider .owl-item div,
.multi-content-slider .owl-item div,
.single-slider .owl-item div {
  height: 100%;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  align-items: stretch;
  justify-content: space-between;
}
.embedded-acuity-slider .owl-item > div > div,
.multi-content-slider .owl-item > div > div,
.single-slider .owl-item > div > div {
  display: block;
  width: 55%;
  vertical-align: middle;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.embedded-acuity-slider .content-slider-left,
.multi-content-slider .content-slider-left,
.single-slider .content-slider-left {
  padding: 4em 4em 4em 2px !important;
  width: 45% !important;
}
.embedded-acuity-slider .content-slider-left > *:not(hr):not(p),
.embedded-acuity-slider .content-slider-left > p:nth-of-type(1),
.multi-content-slider .content-slider-left > *:not(hr):not(p),
.multi-content-slider .content-slider-left > p:nth-of-type(1),
.single-slider .content-slider-left > *:not(hr):not(p),
.single-slider .content-slider-left > p:nth-of-type(1) {
  margin: 0;
}
.embedded-acuity-slider .content-slider-left > p:nth-of-type(n+2),
.multi-content-slider .content-slider-left > p:nth-of-type(n+2),
.single-slider .content-slider-left > p:nth-of-type(n+2) {
  margin: 1em 0 0;
}
.embedded-acuity-slider .content-slider-left > p:last-child,
.multi-content-slider .content-slider-left > p:last-child,
.single-slider .content-slider-left > p:last-child {
  margin-bottom: 0;
}
.embedded-acuity-slider .content-slider-left > hr,
.multi-content-slider .content-slider-left > hr,
.single-slider .content-slider-left > hr {
  margin: 0.75em 0 2.5em;
}
.embedded-acuity-slider .content-slider-left > .readmore,
.multi-content-slider .content-slider-left > .readmore,
.single-slider .content-slider-left > .readmore {
  margin-top: 2.5em;
}
.embedded-acuity-slider .content-slider-right,
.multi-content-slider .content-slider-right,
.single-slider .content-slider-right {
  width: 55% !important;
}
.embedded-acuity-slider .readmore,
.embedded-acuity-slider .readmore:visited,
.multi-content-slider .readmore,
.multi-content-slider .readmore:visited,
.single-slider .readmore,
.single-slider .readmore:visited {
  text-transform: uppercase;
  font-weight: 500;
  color: #292929;
  text-decoration: none;
  letter-spacing: 0.1em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
}
.embedded-acuity-slider .readmore:hover,
.embedded-acuity-slider .readmore:visited:hover,
.multi-content-slider .readmore:hover,
.multi-content-slider .readmore:visited:hover,
.single-slider .readmore:hover,
.single-slider .readmore:visited:hover {
  color: rgb(66.5, 66.5, 66.5);
}
.embedded-acuity-slider .readmore:hover::before,
.embedded-acuity-slider .readmore:visited:hover::before,
.multi-content-slider .readmore:hover::before,
.multi-content-slider .readmore:visited:hover::before,
.single-slider .readmore:hover::before,
.single-slider .readmore:visited:hover::before {
  margin-right: 1em;
  margin-left: 0.25em;
}
.embedded-acuity-slider .readmore::before,
.multi-content-slider .readmore::before,
.single-slider .readmore::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("./img/arrows-l.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  margin-right: 0.75em;
  line-height: 1.5em;
  margin-top: -0.125em;
}
.embedded-acuity-slider .owl-next,
.embedded-acuity-slider .owl-prev,
.multi-content-slider .owl-next,
.multi-content-slider .owl-prev,
.single-slider .owl-next,
.single-slider .owl-prev {
  left: 0;
  display: inline-block;
  position: relative;
  color: #fff !important;
  font-size: 2em !important;
  vertical-align: middle;
  float: left;
  line-height: 1.1em !important;
}
.embedded-acuity-slider .owl-next,
.multi-content-slider .owl-next,
.single-slider .owl-next {
  float: right;
}

.embedded-acuity-nav,
.multi-content-nav {
  background-color: transparent;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 4em 0;
  max-width: 1024px;
  margin: auto;
}

.page-id-3285 .embedded-acuity-nav {
  background-color: none !important;
}

.nav-tab {
  display: table-cell;
  background-color: #c5cdd4;
  margin: 0 1em;
  border-radius: 10px;
  font-weight: 500;
  padding: 0;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.nav-tab a,
.nav-tab a:visited {
  outline: 0;
  text-decoration: none;
  color: #707070;
  display: block;
  text-align: center;
  padding: 0.5em 1.5em;
  font-size: 95%;
}
.nav-tab.clicked, .nav-tab:hover {
  background-color: #f4c601;
  color: #212a3d;
  -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.nav-tab.clicked a,
.nav-tab:hover a {
  color: #000;
}

.multi-content-slider .owl-dots {
  width: 55%;
}

/* Map */
.acf-map {
  height: 40vw;
}

.customer-map {
  position: relative;
}
.customer-map .map-title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
  background: #fff;
  padding: 1em;
}
.customer-map .map-title > h2 {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.customer-map .map-title > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 4em;
  margin-right: 0.75em;
}

.map-search {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  background-color: rgba(33, 42, 61, 0.85);
  color: #fff;
  font-weight: 500;
  width: auto;
}
.map-search > * {
  display: inline-block;
  vertical-align: middle;
}
.map-search > span {
  padding: 0 1.5em;
}
.map-search > input[type=search] {
  width: 250px;
}

/* Single Content Slider */
.embedded-acuity-slider {
  background-color: transparent;
}
.embedded-acuity-slider.owl-carousel .owl-item img {
  height: auto;
  object-fit: cover;
}
.embedded-acuity-slider .content-slider-left {
  padding: 3.5vw 7.5vw;
}
.embedded-acuity-slider .content-slider-left > h2 {
  margin-top: 0;
}
.embedded-acuity-slider .content-slider-left > *:last-child {
  margin-bottom: 0;
}
.embedded-acuity-slider .owl-dots {
  width: 100%;
}

.embedded-acuity-slider > *:not(.owl-nav) {
  display: inline-block !important;
  overflow: hidden;
  vertical-align: middle;
}

/* Video Testimonials */
.video-testimonials-wrapper {
  padding: calc(3.5vw + 2em) 7.5vw;
  margin: auto;
}
.video-testimonials-wrapper > * {
  display: inline-block !important;
  width: 50% !important;
  vertical-align: middle;
}

.video-left .owl-dots {
  margin-top: 1em;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.video-left.owl-carousel button.owl-dot {
  background: #555;
  color: inherit;
  border-radius: 50%;
  padding: 0.3em !important;
  border: none;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.6);
  text-shadow: none;
  margin: 0.66em;
  position: relative;
  vertical-align: middle;
  z-index: 15;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.video-left.owl-carousel button.owl-dot:hover {
  opacity: 0.8;
  transform: scale(1.1);
}
.video-left.owl-carousel button.owl-dot.active {
  background: #f4c601;
}

.video-right {
  padding-left: 3.5vw;
}
.video-right a {
  text-decoration: none;
  color: #292929;
  opacity: 0.75;
}
.video-right a.clicked, .video-right a:hover {
  opacity: 1;
}
.video-right a:last-child h6::after {
  display: none;
}
.video-right blockquote {
  font-size: 1em;
  padding: 0;
  margin: 0;
}
.video-right blockquote b {
  color: #212a3d;
}
.video-right blockquote b:nth-of-type(1) {
  margin-right: 0.1em;
}
.video-right blockquote b:nth-of-type(2) {
  margin-left: 0.1em;
}
.video-right h6 {
  font-size: 1em;
  margin: 0.5em 0 1em;
}
.video-right h6::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 100px;
  background-color: #f4c601;
  height: 3px;
  margin: 1em 0;
}

/* Carousel */
.carousel {
  text-align: center;
  padding: 3.5vw 7.5vw;
}
.carousel .caption:hover,
.carousel .owl-item div img:hover .caption {
  opacity: 1;
}
.carousel .owl-stage-outer {
  position: relative;
  z-index: 3;
}
.carousel .caption {
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  color: #212a3d;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  opacity: 0;
  vertical-align: middle;
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-family: brandon-grotesque;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.carousel .caption .caption-inner {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.carousel h2 {
  margin-top: 0;
}
.carousel .owl-item {
  vertical-align: middle;
  display: inline-block;
  float: none !important;
  padding: 0 2vw;
}
.carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%);
}
.carousel .owl-nav img {
  max-height: 2em;
}
.carousel .owl-nav .owl-prev {
  float: left;
  margin-left: -1.5em;
}
.carousel .owl-nav .owl-next {
  float: right;
  margin-right: -1.5em;
}

/* Articles */
.articles {
  background-color: transparent;
  padding: 0 2em;
}
.articles > h2 {
  margin-top: 0;
  text-align: center;
}

.article {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 0;
}

.articles .owl-carousel .owl-stage {
  display: flex;
  align-items: stretch;
}

.articles .article-image,
.articles .owl-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.articles .owl-carousel .owl-item img {
  max-width: 175px;
  max-height: 175px;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: auto;
}

.articles .owl-nav {
  pointer-events: none;
}
.articles .owl-nav button {
  pointer-events: initial;
}

.articles .panel-title {
  text-align: center;
}

.articles {
  margin-bottom: 4em;
  margin-top: 4em;
}

.articles .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%);
}
.articles .owl-nav img {
  max-height: 2em;
}
.articles .owl-nav .owl-prev {
  float: left;
  margin-left: -1.5em;
}
.articles .owl-nav .owl-next {
  float: right;
  margin-right: -1.5em;
}

.article-image {
  position: relative;
}
.article-image .overlay {
  background-color: rgba(33, 42, 61, 0.8);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.article-image:hover .overlay {
  opacity: 1;
}
.article-image .contents {
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  width: 100%;
  padding: 3vw;
}
.article-image .contents .info {
  font-family: brandon-grotesque;
  text-transform: uppercase;
}
.article-image .contents h5 {
  font-weight: 300;
  font-size: 1.25em;
}
.article-image .contents hr {
  margin: 2em auto;
}

.source img {
  max-height: 1.75em;
  width: auto;
  margin-top: 1em;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.source img:hover {
  opacity: 0.66;
}

/* Footer */
.site-footer a {
  text-decoration: none;
  color: #fff;
}
.site-footer a:hover {
  color: #f4c601;
}

.site-footer .sitemap {
  font-size: 85%;
}

.site-footer .menu li {
  list-style-type: none;
  padding-bottom: 0.75em;
  text-transform: uppercase;
}

.site-info {
  font-size: 85%;
}
.site-info img {
  max-height: 4.5em;
}
.site-info strong {
  color: #fff;
  float: left;
  margin-right: 1em;
  display: block;
}
.site-info p {
  max-width: 300px;
}

#secondary-menu {
  margin-bottom: 2em;
}
#secondary-menu a {
  text-decoration: underline;
}

/* Home Edits */
.home .page-header {
  padding: 12vw 7.5vw;
}

.home .page-header h5 {
  margin-top: 2em;
}

.carousel .caption {
  font-family: proxima-nova;
  font-weight: 400;
}

.caption-inner p {
  margin: 0;
}
.caption-inner p:first-child {
  font-weight: 700;
}
.caption-inner p:last-child {
  font-style: italic;
}

/* Single Text Image */
.single-text-left > h2 {
  margin-top: 0;
}
.single-text-left > p:last-child {
  margin-bottom: 0;
}

.single-text-right {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.single-text-right img {
  display: block;
}

/* photo gallery */
.photo-gallery .owl-stage {
  display: flex;
  max-height: 40vw;
}
.photo-gallery .owl-stage .owl-item > div {
  height: 100%;
}
.photo-gallery .owl-stage .owl-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.postid-436 .photo-gallery .owl-stage {
  max-height: 60vw;
}

.photo-gallery .owl-dots {
  position: absolute;
  bottom: 2em;
  right: 2em;
  width: 100%;
  z-index: 5;
  text-align: right;
}
.photo-gallery .caption {
  background-color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  position: absolute;
  bottom: 2em;
  left: 2em;
  color: #212a3d;
  padding: 1em;
  max-width: 585px;
}

.photo-gallery .owl-nav,
.testimonials .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  opacity: 0;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.photo-gallery .owl-nav img,
.testimonials .owl-nav img {
  max-height: 2em;
}
.photo-gallery .owl-nav .owl-prev,
.testimonials .owl-nav .owl-prev {
  float: left;
  margin-left: 2.5vw;
}
.photo-gallery .owl-nav .owl-next,
.testimonials .owl-nav .owl-next {
  float: right;
  margin-right: 2.5vw;
}

/* line 806, sass/bd/modules.scss */
.honors .owl-nav img,
.photo-gallery .owl-nav img,
.testimonials .owl-nav img {
  max-height: 2em !important;
}

/* line 809, sass/bd/modules.scss */
.honors .owl-nav .owl-prev,
.photo-gallery .owl-nav .owl-prev,
.testimonials .owl-nav .owl-prev {
  float: left;
  margin-left: 2.5vw;
}

/* line 813, sass/bd/modules.scss */
.honors .owl-nav .owl-next,
.photo-gallery .owl-nav .owl-next,
.testimonials .owl-nav .owl-next {
  float: right;
  margin-right: 2.5vw;
}

.testimonials .owl-nav {
  opacity: 1;
}

.photo-gallery:hover .owl-nav {
  opacity: 1;
}

/* testimonials */
.testimonials.owl-carousel .owl-item {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.testimonials-wrapper {
  padding: 3.5vw 0 1vw;
}
.testimonials-wrapper h2 {
  margin: 0 0 0.5em;
  text-align: center;
}
.testimonials-wrapper .owl-dots {
  margin-top: 1em;
}
.testimonials-wrapper .owl-item {
  padding: 1vw 0;
}
.testimonials-wrapper blockquote {
  font-size: 1em !important;
  max-width: 600px;
  margin: auto;
  position: relative;
}
.testimonials-wrapper .attr {
  font-family: brandon-grotesque;
  text-transform: uppercase;
  text-align: center;
  margin: 2em 0;
}
.testimonials-wrapper .quote {
  font-size: 6em;
  line-height: 0;
  position: absolute;
  color: #f4c601;
  left: -0.5em;
  top: 0.25em;
}
.testimonials-wrapper .quote.closed {
  top: initial;
  left: initial;
  bottom: -0.25em;
  right: -0.5em;
}
.testimonials-wrapper .owl-dots {
  position: relative;
  width: 100%;
}

.site-main .testimonials.owl-carousel button.owl-dot:not(.active) {
  background: #212a3d;
}

.testimonials-wrapper {
  position: relative;
}

.testimonials.owl-carousel {
  position: static;
}

/* at a glance */
.at-a-glance-items {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0 7.5vw;
}

.at-a-glance {
  padding: 3em 0 0;
  background: rgb(247, 250, 251);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.at-a-glance h2 {
  margin-top: 0;
  margin-bottom: 3rem;
  text-align: center;
}

.aag-item {
  display: table-cell;
  text-align: center;
  position: relative;
  padding-bottom: 3em;
  cursor: pointer;
}
.aag-item::after {
  display: block;
  content: "";
  width: 45%;
  background-color: #f4c601;
  height: 5px;
  margin: 2em auto;
  position: absolute;
  left: 50%;
  bottom: 0;
  opacity: 0;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  transform: translateX(-50%);
}
.aag-item:hover::after {
  opacity: 1;
}

.aag-item .header,
.aag-lower-item .header {
  font-weight: 800;
  text-transform: uppercase;
  display: block;
  font-size: 2.75em;
}
.aag-item .subheader,
.aag-lower-item .subheader {
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  max-width: 200px;
  margin: auto;
  font-size: 0.85em;
}

.aag-item .header {
  position: relative;
  display: inline-block;
  z-index: 1;
  margin: 1.75em 0;
  font-size: 2em;
}
.aag-item .header::before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
}

/* lower */
.at-a-glance-lower {
  background-color: #212a3d;
  color: #fff;
  padding: 4.5vw 0;
  display: flex;
  height: 20vw;
}

.aag-lower-item {
  max-width: 900px;
  margin: auto;
  display: none;
}
.aag-lower-item.toggled {
  display: block;
}
.aag-lower-item .header {
  line-height: 1em;
}
.aag-lower-item > * {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.aag-lower-item > *.left {
  text-align: right;
  padding-right: 2em;
}
.aag-lower-item > *.right {
  text-align: left;
}
.aag-lower-item > *.right p {
  margin: 0;
}
.aag-lower-item > * .subheader {
  margin: 0;
  max-width: 100%;
  text-align: right;
  font-size: 1.25em;
  line-height: 1em;
}

/* timeline */
.timeline {
  text-align: center;
  padding: 3.5vw;
  position: relative;
}
.timeline > h2,
.timeline > p {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.timeline-items {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 3em 0 0;
}

.timeline-item {
  display: table-cell;
  text-align: center;
  position: relative;
  padding-top: 5em;
}
.timeline-item .title {
  position: absolute;
  top: -1em;
  width: auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-item .title p {
  margin: 0;
}
.timeline-item .icon {
  cursor: pointer;
}
.timeline-item .icon img {
  max-height: 4em;
  width: auto;
}

.icon img {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.icon:hover img {
  transform: scale(1.1);
}

.box-text {
  position: absolute;
}

.timeline-wrapper {
  display: block;
  width: 100%;
  margin: 6em 0;
  position: relative;
}
.timeline-wrapper::after {
  content: "";
  display: block;
  top: calc(50% + 2.5em);
  position: absolute;
  height: 5px;
  width: 80%;
  margin-top: 0;
  max-width: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(43, 79, 157);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(43, 79, 157) 0%, rgb(72, 205, 178) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(43, 79, 157) 0%, rgb(72, 205, 178) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(43, 79, 157) 0%, rgb(72, 205, 178) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.icon {
  padding: 0 3em;
  display: inline-block;
  position: relative;
  z-index: 2;
}

.timeline-lower > div {
  max-width: 600px;
  margin: 3em auto 0;
  padding: 1em;
  display: none;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-content: center;
  height: 150px;
}
.timeline-lower > div.toggled {
  display: flex;
}

.timeline-lower p {
  margin: 0.25em 0 0;
}

/* use case articles */
.article h4, .article .customer-map-search-results b, .customer-map-search-results .article b,
.article .customer-map-search-results strong,
.customer-map-search-results .article strong {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0.75em 0;
}

.article a {
  text-decoration: none;
}
.article a h4, .article a .customer-map-search-results b, .customer-map-search-results .article a b,
.article a .customer-map-search-results strong,
.customer-map-search-results .article a strong {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.article a:hover h4, .article a:hover .customer-map-search-results b, .customer-map-search-results .article a:hover b,
.article a:hover .customer-map-search-results strong,
.customer-map-search-results .article a:hover strong {
  opacity: 0.6;
}

.article p {
  margin: 0;
}

/* pie chart */
.pie-chart {
  padding: 3.5vw 7.5vw;
  position: relative;
  overflow: hidden;
}
.pie-chart::before {
  display: block;
  position: absolute;
  content: "";
  bottom: -50%;
  left: -50%;
  width: 55vw;
  height: 55vw;
  border-radius: 50%;
  background-color: #ecf5f7;
  transform: translate(50%);
  z-index: 0;
}

> h2 {
  margin: 0;
}

> p {
  max-width: 600px;
  font-size: 1em;
}

.aside {
  padding-right: 4vw;
  position: relative;
  z-index: 3;
}
.aside h5 {
  margin-bottom: 0.5em;
}
.aside p {
  margin: 0.5em 0;
}
.aside p:last-child {
  margin-bottom: 0;
}

.descriptive-text {
  padding-left: 0;
  padding-right: 4vw;
  z-index: 5;
  position: relative;
}

.pie-table > * {
  display: inline-block;
  width: 33.3%;
  vertical-align: middle;
}

.descriptive-text {
  padding-left: 4vw;
}

.descriptive-text > * {
  display: none;
  background-color: #fff;
  padding: 1.5vw;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.descriptive-text > * b:nth-child(n+2),
.descriptive-text > * strong {
  font-family: proxima-nova;
  text-transform: initial;
  display: inline;
  font-size: 85%;
  line-height: 1em;
}
.descriptive-text > * b {
  margin-bottom: 0.5em;
  display: block;
}
.descriptive-text > * p {
  opacity: 0;
  margin: 0;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.descriptive-text > *.toggled {
  display: block;
}
.descriptive-text > *.toggled p {
  opacity: 1;
}

.pie-chart-inner-wrapper {
  position: relative;
}

.right-side-boxes {
  margin-top: 3em;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  z-index: 4;
}
.right-side-boxes > * {
  display: inline-block;
  padding: 1.5em;
  font-size: 1.25vw;
  background-color: #fff;
}
.right-side-boxes > * p {
  margin: 0;
  color: rgb(175.75, 133.8656542056, 0);
}
.right-side-boxes > * > * {
  display: block;
}
.right-side-boxes a {
  text-decoration: none;
}
.right-side-boxes a:hover {
  opacity: 0.6;
}
.right-side-boxes a::before {
  content: "»";
  color: #f4c601;
  margin-right: 0.5em;
}

.pie {
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  display: inline-block;
  padding-bottom: 100%;
}

.pie__segment {
  --a: calc(var(--over50, 0) * -100%);
  --b: calc((1 + var(--over50, 0)) * 100%);
  --degrees: calc((var(--offset, 0) / 100) * 360);
  -webkit-clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
  clip-path: polygon(var(--a) var(--a), var(--b) var(--a), var(--b) var(--b), var(--a) var(--b));
  height: 100%;
  position: absolute;
  -webkit-transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg));
  transform: translate(0, -50%) rotate(90deg) rotate(calc(var(--degrees) * 1deg));
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  width: 100%;
  z-index: calc(1 + var(--over50));
}

.pie__segment:after,
.pie__segment:before {
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
}

.pie-chart-inner .pie__segment:nth-child(1)::after, .pie-chart-inner .pie__segment:nth-child(1)::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #d74bd8; /* Old browsers */
  background: -moz-linear-gradient(60deg, #d74bd8 0%, #283bb2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg, #d74bd8 0%, #283bb2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg, #d74bd8 0%, #283bb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color1", endColorstr="$color2",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pie-chart-inner .pie__segment:nth-child(2)::after, .pie-chart-inner .pie__segment:nth-child(2)::before {
  background: #f4c601;
  -webkit-box-shadow: inset 0px 0px 0px 3px #f4c601;
  -moz-box-shadow: inset 0px 0px 0px 3px #f4c601;
  box-shadow: inset 0px 0px 0px 3px #f4c601;
}
.pie-chart-inner .pie-chart-inner .pie__segment:nth-child(2) {
  z-index: 2;
}
.pie-chart-inner .pie__segment:nth-child(3)::after, .pie-chart-inner .pie__segment:nth-child(3)::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #27d327; /* Old browsers */
  background: -moz-linear-gradient(60deg, #27d327 0%, #29c1cf 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg, #27d327 0%, #29c1cf 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg, #27d327 0%, #29c1cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color1", endColorstr="$color2",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pie-chart-inner .pie__segment:nth-child(4)::after, .pie-chart-inner .pie__segment:nth-child(4)::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #fc8503; /* Old browsers */
  background: -moz-linear-gradient(60deg, #fc8503 0%, #fabd14 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg, #fc8503 0%, #fabd14 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg, #fc8503 0%, #fabd14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color1", endColorstr="$color2",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pie-chart-inner .pie__segment:nth-child(5)::after, .pie-chart-inner .pie__segment:nth-child(5)::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
  background: #48cdb2; /* Old browsers */
  background: -moz-linear-gradient(60deg, #48cdb2 0%, #2b4f9d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(60deg, #48cdb2 0%, #2b4f9d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(60deg, #48cdb2 0%, #2b4f9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$color1", endColorstr="$color2",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.pie__segment:before {
  --degrees: calc((var(--value, 45) / 100) * 360);
  -webkit-transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg));
  transform: translate(0, 100%) rotate(calc(var(--degrees) * 1deg));
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.pie__segment:after {
  opacity: var(--over50, 0);
}

.pie-chart-inner .pie__segment:nth-child(2) {
  z-index: 4;
}

.pie-chart-inner::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #f4f8fa;
  width: 87.5%;
  height: 87.5%;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pie-chart-inner-secondary .pie__segment:nth-child(1)::after {
  -webkit-box-shadow: inset 0px 0px 0px 3px #d74bd8;
  -moz-box-shadow: inset 0px 0px 0px 3px #d74bd8;
  box-shadow: inset 0px 0px 0px 3px #d74bd8;
}
.pie-chart-inner-secondary .pie__segment:nth-child(1),
.pie-chart-inner-secondary .pie__segment:nth-child(3),
.pie-chart-inner-secondary .pie__segment:nth-child(4),
.pie-chart-inner-secondary .pie__segment:nth-child(5) {
  opacity: 0.6;
}
.pie-chart-inner-secondary .pie__segment:nth-child(2)::after, .pie-chart-inner-secondary .pie__segment:nth-child(2)::before {
  -webkit-box-shadow: inset 0px 0px 0px 3px #f4c601;
  -moz-box-shadow: inset 0px 0px 0px 3px #f4c601;
  box-shadow: inset 0px 0px 0px 3px #f4c601;
  background-color: #f4c601;
  z-index: 3;
}
.pie-chart-inner-secondary .pie__segment:nth-child(3)::after, .pie-chart-inner-secondary .pie__segment:nth-child(3)::before {
  -webkit-box-shadow: inset 0px 0px 0px 3px #27d327;
  -moz-box-shadow: inset 0px 0px 0px 3px #27d327;
  box-shadow: inset 0px 0px 0px 3px #27d327;
}
.pie-chart-inner-secondary .pie__segment:nth-child(4)::after, .pie-chart-inner-secondary .pie__segment:nth-child(4)::before {
  -webkit-box-shadow: inset 0px 0px 0px 3px #fc8503;
  -moz-box-shadow: inset 0px 0px 0px 3px #fc8503;
  box-shadow: inset 0px 0px 0px 3px #fc8503;
}
.pie-chart-inner-secondary .pie__segment:nth-child(5)::after, .pie-chart-inner-secondary .pie__segment:nth-child(5)::before {
  -webkit-box-shadow: inset 0px 0px 0px 3px #48cdb2;
  -moz-box-shadow: inset 0px 0px 0px 3px #48cdb2;
  box-shadow: inset 0px 0px 0px 3px #48cdb2;
}

.pie-chart-inner-secondary.pie {
  position: absolute;
  top: 0;
  left: 1px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 3;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.pie-labels {
  position: absolute;
  top: -2vw;
  left: -4vw;
  width: 100%;
  height: 100%;
  display: block;
}
.pie-labels .label {
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  width: 10vw;
  text-align: center;
  font-size: 1.25vw;
  font-weight: 700;
  width: 8vw;
}

.label p {
  margin: 0;
}

.label.label-1 {
  margin-left: 0.6vw;
  color: #d74bd8;
}

.label.label-2 {
  color: #fff;
  font-weight: 400;
}
.label.label-2 p:first-child {
  font-weight: 700;
  margin-bottom: 0.3vw;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.3vw;
}

.label.label-3 {
  margin-left: -0.7vw;
  margin-top: -0.5vw;
  color: #27d327;
}

.label.label-4 {
  margin-top: -0.75vw;
  color: #fc8503;
}

.label.label-5 {
  color: #48cdb2;
}

.label:not(.label-2) p {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  cursor: pointer;
}
.label:not(.label-2) p:hover {
  transform: scale(1.05);
}

.aside-inner {
  background-color: #fff;
  padding: 1.5vw;
}

.pie-chart > h2,
.pie-chart > p {
  z-index: 3;
  position: relative;
}

/* anatomy */
.subpage .page-header > *:not(.video-container) {
  max-width: 600px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.system-illustrations {
  padding: 3.5vw 7.5vw;
  background-color: #f4f8fa;
  position: relative;
  overflow: hidden;
}

.system-illustrations > *:not(.component-columns) {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.system-right h2 {
  margin-top: 0;
  margin-bottom: 2vw;
  text-align: center;
}

.right-image {
  position: relative;
  margin-bottom: 1.5em;
}
.right-image img {
  position: relative;
  z-index: 2;
}

.right-image .caption {
  position: absolute;
  top: 1vw;
  left: 1vw;
  max-width: 40%;
  z-index: 3;
  font-size: 1.111vw;
}
.right-image .caption p {
  margin: 0;
}

.component-columns {
  margin-top: 2em;
}

.component-columns > * {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  text-align: center;
  padding: 0 2.5vw;
}
.component-columns > * p {
  text-align: left;
}
.component-columns > * p b,
.component-columns > * p strong {
  font-family: proxima-nova;
  text-transform: initial;
}
.component-columns > * p:nth-of-type(1) {
  margin-top: 0;
}
.component-columns > * h4, .component-columns > * .customer-map-search-results b, .customer-map-search-results .component-columns > * b,
.component-columns > * .customer-map-search-results strong,
.customer-map-search-results .component-columns > * strong {
  margin: 1em 0;
}
.component-columns > * img {
  margin: auto;
  display: block;
}

.system-left {
  padding-right: 3vw;
}

.left-images {
  position: relative;
}

.left-images span {
  display: block;
  width: 100%;
  padding: 0 1.5vw;
  position: relative;
}

.bg {
  position: absolute;
  top: 0;
  left: 2vw;
  width: 100% !important;
  height: auto;
  z-index: 2;
  padding: 3.5vw 7.5vw;
}

.component-columns {
  margin-top: 2.5vw;
  position: relative;
  z-index: 5;
}

/* component galleries */
.components-galleries {
  padding: 3.5vw 7.5vw;
}
.components-galleries h2 {
  text-align: center;
  margin-top: 0;
}

.component-gallery {
  display: inline-block;
  width: 50%;
  padding: 0 3.5vw 3.5vw;
  vertical-align: top;
}
.component-gallery h4, .component-gallery .customer-map-search-results b, .customer-map-search-results .component-gallery b,
.component-gallery .customer-map-search-results strong,
.customer-map-search-results .component-gallery strong {
  font-size: 1.25em;
  margin: 0 0 0.5em;
}

.component .owl-stage {
  display: flex;
}

.site-main .component.owl-carousel .owl-dots {
  position: relative;
  width: 100%;
}
.site-main .component.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 30vw;
  object-fit: cover;
  padding-right: 1px;
}
.site-main .component.owl-carousel button.owl-dot {
  background: #212a3d;
}
.site-main .component.owl-carousel button.owl-dot.active {
  background: #f4c601;
}

.component .owl-dots {
  position: relative;
  width: 100%;
  bottom: initial;
  margin-top: 1em;
}

/* our story */
.page-id-112 .page-header {
  padding: 12vw 0;
}
.page-id-112 .page-header::before {
  background-color: rgba(0, 0, 0, 0.45);
}

li.current_page_item:not(.menu-item-home) > a {
  font-weight: 600;
}

.main-navigation a:visited {
  color: #212a3d;
}

.single-text-left h2:nth-of-type(2) {
  margin-bottom: 0;
}
.single-text-left p b,
.single-text-left p strong {
  font-family: proxima-nova;
  text-transform: initial;
}

.page-id-112 .single-text-left h2:first-child {
  font-size: 1.25em;
}

.single-text-image.align-right .single-text-left {
  text-align: left;
  padding: 5.5vw 7.5vw;
}
.single-text-image.align-right .single-text-left hr {
  margin: 2em 0 2em auto;
}

.simple-text-inner h2 {
  margin-top: 0;
}

.page-id-112 .site-main .cta {
  padding: 20vw 8vw;
}
.page-id-112 .site-main .cta::before {
  background-color: transparent;
}
.page-id-112 .site-main .simple-text {
  position: relative;
  padding: 0;
  text-align: center;
}
.page-id-112 .site-main .simple-text .simple-text-inner {
  max-width: 768px;
  margin: -12em auto;
  background-color: rgba(255, 255, 255, 0.98);
  position: relative;
  padding: 2.5vw;
}
.page-id-112 .site-main .simple-text .simple-text-inner p:nth-of-type(n+2) {
  text-align: left;
}
.page-id-112 .site-main .simple-text h2 {
  margin: 0;
}

.simple-text {
  padding: 3.5vw 7.5vw;
}
.simple-text hr {
  margin: 2em auto;
}

.dual-sliders-top p,
.simple-text p {
  max-width: 768px;
  margin: 1em auto;
}

#team-1 {
  padding-top: 12em;
}
#team-1 .team-member {
  margin: 0;
  padding: 3.5vw 7.5vw;
}
#team-1 .team-member-inner > * {
  display: inline-block;
  width: 33.3%;
  vertical-align: middle;
}
#team-1 .team-member-inner > *.bio {
  width: 66.6%;
  padding-left: 3.5vw;
}

.team-inner {
  padding: 3.5vw 0 0;
  margin: auto;
}
.team-inner > hr {
  margin: 0.5em auto;
}
.team-inner h2 {
  text-align: center;
  margin: 0;
}
.team-inner .team-member-inner > * h3 {
  margin: 0 0 0.5em;
}
.team-inner .team-member-inner > * a {
  font-weight: 700;
}
.team-inner .team-member-inner > * .photo img {
  display: block;
}

#team-1 .team-member:nth-of-type(2n+1) {
  background-color: #fff;
}

#team-1 #team-member-1 {
  margin: 3em 0 0;
}

.team:not(#team-1) .bio h4, .team:not(#team-1) .bio .customer-map-search-results b, .customer-map-search-results .team:not(#team-1) .bio b,
.team:not(#team-1) .bio .customer-map-search-results strong,
.customer-map-search-results .team:not(#team-1) .bio strong {
  margin: 0;
  font-size: 1.33em;
}
.team:not(#team-1) hr {
  margin: 1em auto 3em;
}
.team:not(#team-1) .team-inner {
  padding: 3.5vw 7.5vw;
}
.team:not(#team-1) b,
.team:not(#team-1) strong {
  font-family: proxima-nova;
}
.team:not(#team-1) b,
.team:not(#team-1) i,
.team:not(#team-1) strong {
  font-size: 85%;
}
.team:not(#team-1) .team-member {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  padding-bottom: 3em;
}
.team:not(#team-1) .team-member .team-member-inner > * {
  display: block;
  width: 100%;
  text-align: center;
}

#team-4 + .cta {
  padding: 12vw 8vw;
}

.site-main .cta-inner h1,
.site-main .cta-inner h2,
.site-main .cta-inner h3,
.site-main .cta-inner h4,
.site-main .cta-inner .customer-map-search-results b,
.customer-map-search-results .site-main .cta-inner b,
.site-main .cta-inner .customer-map-search-results strong,
.customer-map-search-results .site-main .cta-inner strong {
  color: #fff;
  line-height: 1.25;
}

.indeed-widget {
  max-width: 900px;
  margin: 0 auto 2em;
}

/* events */
.featured {
  background-color: #f4f8fa;
}

.featured-inner {
  padding: 0 7.5vw;
  margin: auto;
  display: flex;
}

.featured-inner > * {
  display: inline-block;
  width: 33.3%;
  vertical-align: middle;
  margin: 3.5vw;
}

.event-desc {
  margin: 2em 0 0;
}

.event-info {
  background-color: #fff;
  width: 66.6%;
  margin: 3.5vw 1.5vw;
}

.event-header > * {
  display: inline-block;
  vertical-align: middle;
}

.page-id-117 .date {
  padding-right: 1em;
  border-right: 3px solid #f4c601;
  margin-right: 1em;
}
.page-id-117 .date > * {
  display: block;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.page-id-117 .date > *:last-child {
  letter-spacing: initial;
  font-size: 2em;
  font-weight: 700;
}

.name > * {
  display: block;
}

.name > span {
  font-size: 1.5em;
}

.event-info-inner {
  display: block;
  margin: auto;
  padding: 2.5vw;
}

.small-event {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  padding: 0 1.5em;
}

.all-others-inner {
  padding: 3.5vw 7.5vw;
}

.small-event .photo img {
  width: 100%;
  object-fit: cover;
}

.small-event .info {
  margin-top: 1em;
}

.small-event .info > * {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
.small-event .info > *.date {
  margin-right: 0;
}
.small-event .info > *.details {
  padding-left: 1em;
  width: 80%;
}
.small-event .info > *.details > * {
  display: block;
}
.small-event .info > *.details .date {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

/* homepage video */
.video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.video-container > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.has-video::before {
  z-index: 4;
}

.has-video > :not(.video-container) {
  z-index: 5;
}

/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  .video-container > video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-container > video {
    width: 300%;
    left: -100%;
  }
}
@supports (object-fit: cover) {
  .video-container > video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 480px) {
  .page-id-117 .date {
    border-right: none;
    margin-top: 1em;
  }
  .page-id-117 .name {
    width: auto;
    display: block;
    margin-top: 2em;
  }
  .page-id-117 .page-title {
    font-size: 2.25em;
  }
  .video-filter {
    display: none;
  }
  .video-container {
    display: none;
  }
}
.content-slider-left b,
.content-slider-left strong {
  font-family: proxima-nova;
  text-transform: initial;
}

.component .caption {
  margin-bottom: 1em;
  display: block;
}

/* blog */
.blog .scrolldown {
  display: none;
}

.content-featured > * {
  display: table-cell;
  width: 45%;
  vertical-align: middle;
}
.content-featured > *.featured-content {
  background: rgb(247, 250, 251);
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgb(247, 250, 251) 0%, rgb(219, 233, 239) 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 3.5vw;
}
.content-featured > *.featured-thumbnail {
  width: 55%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.featured-content-inner {
  background-color: #fff;
  border-left: 5px solid #f4c601;
  padding: 3.5vw;
  transform: translateX(-25%);
  width: 125%;
}
.featured-content-inner a {
  text-decoration: none;
}
.featured-content-inner h3 {
  margin-top: 0;
  font-size: 1.75em;
  max-width: 65%;
  margin-bottom: 0.5em;
}
.featured-content-inner:last-child {
  margin-bottom: 0;
}
.featured-content-inner .postmeta {
  font-family: brandon-grotesque;
  color: #666;
}
.featured-content-inner .readmore,
.featured-content-inner .readmore:visited {
  text-transform: uppercase;
  font-weight: 500;
  color: #292929;
  text-decoration: none;
  letter-spacing: 0.1em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  font-size: 1em;
}
.featured-content-inner .readmore:hover,
.featured-content-inner .readmore:visited:hover {
  color: rgb(66.5, 66.5, 66.5);
}
.featured-content-inner .readmore:hover::before,
.featured-content-inner .readmore:visited:hover::before {
  margin-right: 1em;
  margin-left: 0.25em;
}
.featured-content-inner .readmore::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("./img/arrows-l.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  margin-right: 0.75em;
  line-height: 1.5em;
  margin-top: -0.125em;
}

.smaller-posts {
  font-size: 0;
  padding: 3.5vw 7.5vw;
}

.smaller-posts > * {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  font-size: 1rem;
  padding: 1.5vw;
}

.smaller-posts .thumbnail {
  height: 0;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.smaller-posts a {
  text-decoration: none;
}
.smaller-posts .info {
  position: relative;
  padding-left: 1.5em;
}
.smaller-posts .info b,
.smaller-posts .info strong {
  font-family: proxima-nova;
  text-transform: initial;
}
.smaller-posts .info::before {
  display: inline-block;
  vertical-align: top;
  width: 5px;
  float: left;
  height: 3em;
  background-color: #f4c601;
  margin-right: 0.5em;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.smaller-posts .info h4, .smaller-posts .info .customer-map-search-results b, .customer-map-search-results .smaller-posts .info b,
.smaller-posts .info .customer-map-search-results strong,
.customer-map-search-results .smaller-posts .info strong {
  margin: 1em 0 0.25em;
  line-height: 1em;
  font-size: 1.111em;
  max-width: 250px;
}
.smaller-posts .meta {
  display: block;
  margin-bottom: 0.5em;
}
.smaller-posts .meta,
.smaller-posts p {
  font-size: 85%;
  margin-top: 0;
}

.blog .cta {
  padding: 12vw 8vw;
}

.single-post .thumbnail-single {
  float: left;
  margin-right: 4em;
  margin-bottom: 2em;
  max-width: 50%;
}

.single-post .cta::before {
  background-color: rgba(33, 42, 61, 0.77);
}
.single-post .cta.page-header {
  background-position: center top;
}
.single-post .cta.page-header .meta {
  font-family: brandon-grotesque;
  font-size: 1.1em;
  padding-top: 1.75em;
  border-top: 5px solid yellow;
  display: inline-block;
  margin-top: 1.75em;
}
.single-post .cta.page-header .scrolldown {
  display: none;
}
.single-post .subpage .page-header > * {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.single-post .main-article,
.single-post .recent-articles-inner {
  padding: 3.5vw 7.5vw;
  margin: auto;
  display: block;
  max-width: 1200px;
}
.single-post .recent-articles {
  background-color: #f4f8fa;
}
.single-post .attachment-large.size-large.wp-post-image {
  float: left;
  margin-right: 4em;
  margin-bottom: 2em;
  max-width: 50%;
}
.single-post .nav-next a,
.single-post .nav-previous a {
  text-transform: uppercase;
  font-weight: 500;
  color: #292929;
  text-decoration: none;
  letter-spacing: 0.1em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
}
.single-post .nav-next a:hover,
.single-post .nav-previous a:hover {
  color: rgb(66.5, 66.5, 66.5);
}
.single-post .nav-next a:hover::before,
.single-post .nav-previous a:hover::before {
  margin-right: 1em;
  margin-left: 0.25em;
}
.single-post .nav-next a:hover::after,
.single-post .nav-previous a:hover::after {
  margin-left: 1em;
  margin-right: 0.25em;
}
.single-post .nav-next a::after,
.single-post .nav-previous a::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("./img/arrows-l.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  margin-right: 0.75em;
  line-height: 1.5em;
  margin-top: -0.125em;
  transform: rotate(180deg);
}
.single-post .nav-next a::after {
  margin-right: 0;
  margin-left: 0.75em;
  transform: rotate(0);
}
.single-post .site-main p:nth-of-type(1) {
  margin-top: 0;
}
.single-post .site-main .post-navigation {
  margin-top: 4em;
}
.single-post .smaller-posts {
  max-width: calc(1200px + 3vw);
}

/* jun 25 fixes */
.site-footer .sub-menu {
  display: none;
}

.aag-item .header,
.aag-item .header::before {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.aag-item.toggled .header {
  color: white;
}
.aag-item.toggled .header::before {
  background-color: #212a3d;
}

.aag-item.toggled::after {
  opacity: 1;
}

.pie-chart > p {
  max-width: 480px;
}

.aside-inner li {
  margin: 0 1em;
  padding: 0.25em 0;
}

.component .caption {
  background-color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  position: absolute;
  color: #212a3d;
  padding: 1em;
  max-width: 90%;
  margin: 2em;
  left: 0;
  bottom: 0;
}

/* contact */
.contact-form,
.schedule-appt-inner {
  max-width: 768px;
  margin: auto;
  padding: 3.5vw;
}
.contact-form h2,
.schedule-appt-inner h2 {
  margin-top: 0;
}

.schedule-appt {
  background-color: #f4f8fa;
}

form label {
  display: block;
  width: 100%;
  font-family: brandon-grotesque;
  text-transform: uppercase;
}
form label > * {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1.5em;
  font-family: proxima-nova;
  text-transform: initial;
}

.contact-form input[type=submit] {
  margin: 0 auto 4em !important;
  display: block;
  cursor: pointer;
}

/* map fixes */
.customer-map-search-results {
  display: none;
  background-color: #212a3d;
  color: #fff;
  padding: 2.5vw;
  text-align: center;
}
.customer-map-search-results b,
.customer-map-search-results strong {
  color: #fff;
  text-transform: initial;
}
.customer-map-search-results.toggled {
  display: block;
}
.customer-map-search-results .no-results p,
.customer-map-search-results .results p {
  margin-top: 0;
}

.map-search > input[type=search] {
  width: 300px;
}

.single-use_cases .single-text-image.align-right .single-text-left {
  text-align: left;
  padding: 12vw 7.5vw 12vw 12vw;
}

.page-id-20 .scrolldown {
  display: none;
}

.page-id-20 .contact-form p:first-child {
  margin-top: 0;
}

#site-navigation > :not(.menu-toggle) {
  padding-left: 0;
}

.page-id-114 .scrolldown {
  display: none;
}

/* line 2549, sass/bd/modules.scss */
.page-id-114 .site-main {
  display: flex;
  flex-wrap: wrap;
}

/* line 2555, sass/bd/modules.scss */
.page-id-114 .photo-gallery,
.page-id-114 .simple-text {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

/* line 2561, sass/bd/modules.scss */
.page-id-114 .photo-gallery h2,
.page-id-114 .simple-text h2 {
  text-align: left !important;
}

/* line 2567, sass/bd/modules.scss */
.page-id-114 .cta {
  flex-grow: 1;
  width: 100%;
}

/* line 2574, sass/bd/modules.scss */
.right-side-boxes > * {
  display: inline-block;
  padding: 1.5em;
  font-size: 1.25vw;
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

/* line 2584, sass/bd/modules.scss */
.video-right a {
  outline: 0;
}

/* line 2588, sass/bd/modules.scss */
.component .owl-item div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 2594, sass/bd/modules.scss */
.component .caption {
  background-color: #f4f8fa;
  display: inline-block;
  position: relative;
  color: #212a3d;
  padding: 1em;
  max-width: 100%;
  margin: 0;
  left: 0;
  bottom: 0;
  order: 2;
  display: flex;
}

/* line 2608, sass/bd/modules.scss */
.page-template-landingpage .site-main > div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

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

/* media queries */
@media screen and (max-width: 1366px) {
  .nav-tab a {
    padding: 0.5em 1em;
    font-size: 90%;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    line-height: 1.11em;
  }
}
@media screen and (max-width: 1200px) {
  .all-others-inner {
    padding: 3.5vw;
  }
  .icon {
    background-color: #f4f8fa;
    padding: 0 2em;
  }
  .timeline-item .title {
    position: absolute;
    top: -1em;
    width: 100%;
  }
  .customer-map .map-title {
    font-size: 85%;
  }
  .site-header > * {
    width: 20%;
  }
  .site-header > #site-navigation {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .small-event {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    padding: 0 0.5em;
  }
  .all-others-inner {
    font-size: 90%;
  }
  .aag-lower-item > .right {
    text-align: left;
    padding-right: 3.5vw;
  }
  .right-side-boxes > * {
    display: inline-block;
    padding: 1.5em;
    font-size: 1.5vw;
    background-color: #fff;
    margin: 1em;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left,
  .single-slider .owl-item > div > div.content-slider-left {
    padding: 3.75vw;
  }
  .pie-chart {
    padding: 3.5vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 2691, sass/bd/modules.scss */
  .simple-text {
    padding: 3em;
  }
  /* line 2695, sass/bd/modules.scss */
  .pie-table > * {
    display: block;
    width: 100%;
    vertical-align: middle;
    max-width: 480px;
    margin: auto;
  }
  /* line 2702, sass/bd/modules.scss */
  .aside.no-mobile {
    display: block !important;
    visibility: hidden !important;
    height: 0 !important;
  }
  /* line 2707, sass/bd/modules.scss */
  .aside.mobile-only {
    display: block !important;
  }
  /* line 2710, sass/bd/modules.scss */
  .component-gallery .customer-map-search-results b,
  .component-gallery .customer-map-search-results strong,
  .component-gallery h4,
  .customer-map-search-results .component-gallery b,
  .customer-map-search-results .component-gallery strong {
    line-height: 1em;
  }
  /* line 2714, sass/bd/modules.scss */
  .right-image {
    margin-top: 8em;
  }
  /* line 2717, sass/bd/modules.scss */
  .system-left {
    margin-top: 8em;
  }
  /* line 2721, sass/bd/modules.scss */
  .bg {
    position: absolute;
    top: 8em;
  }
  /* line 2725, sass/bd/modules.scss */
  .right-image .caption {
    position: absolute;
    top: -100%;
    left: 2vw;
    max-width: 60%;
    z-index: 3;
    font-size: 1.5vw;
    transform: translateY(100%);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1em;
  }
  .smaller-posts > * {
    display: inline-block;
    width: 50%;
  }
  .all-others-inner {
    font-size: 85%;
  }
  .team:not(#team-1) .team-member {
    padding: 1em 1em 3em;
  }
  .team:not(#team-1) .bio h4, .team:not(#team-1) .bio .customer-map-search-results b, .customer-map-search-results .team:not(#team-1) .bio b,
  .team:not(#team-1) .bio .customer-map-search-results strong,
  .customer-map-search-results .team:not(#team-1) .bio strong {
    line-height: 1em;
    margin: 0.5em 0;
  }
  .page-id-112 .site-main .simple-text .simple-text-inner {
    max-width: 100%;
    margin: 0;
  }
  #team-1 {
    padding-top: 0;
    background-color: #f4f8fa;
  }
  .pie-chart > h2,
  .pie-chart > p {
    z-index: 3;
    position: relative;
    margin: 1em auto;
    display: block;
    text-align: center;
  }
  .pie-chart > h2 {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 2779, sass/bd/modules.scss */
  .pie-chart > p:nth-of-type(1) {
    margin-bottom: 2em;
  }
  .aside {
    text-align: center;
    padding: 0;
    margin: 3em auto;
  }
  .descriptive-text,
  .pie-chart-inner-wrapper {
    display: inline-block;
    width: 50% !important;
  }
  .pie-labels .label {
    font-size: 2vw;
    font-weight: 700;
    width: 14vw;
  }
  .label.label-1 {
    color: #d74bd8;
    margin-top: -6vw;
    margin-left: -1vw;
  }
  .label.label-2 {
    color: #fff;
    margin-left: 1.5vw;
  }
  .label.label-3 {
    margin-left: -4.25vw;
    margin-top: 2vw;
  }
  .label.label-4 {
    margin-top: -0.75vw;
    color: #fc8503;
    margin-left: -8vw;
  }
  .label.label-5 {
    color: #48cdb2;
    margin-top: -5vw;
    margin-left: -8vw;
  }
  body {
    font-size: 90%;
  }
  .acf-map {
    height: 60vw;
  }
}
@media screen and (max-width: 768px) {
  .main-navigation > div > ul > li:last-child a {
    margin: 0.5em 0;
  }
  /* line 2839, sass/bd/modules.scss */
  .mobile-play.mobile-only {
    display: none;
  }
  /* line 2842, sass/bd/modules.scss */
  .descriptive-text > * {
    padding: 1.5em;
  }
  /* line 2846, sass/bd/modules.scss */
  .descriptive-text {
    padding-left: 0;
  }
  /* line 2850, sass/bd/modules.scss */
  .testimonials-wrapper {
    padding: 3em 1.5em;
  }
  /* line 2853, sass/bd/modules.scss */
  .single-text-left {
    padding: 3em;
  }
  /* line 2856, sass/bd/modules.scss */
  .components-galleries {
    padding: 3em 1.5em;
  }
  /* line 2859, sass/bd/modules.scss */
  .single-slider .owl-item div {
    height: auto;
    display: block;
    padding-bottom: 66.6%;
  }
  /* line 2864, sass/bd/modules.scss */
  body {
    overflow-x: hidden;
  }
  /* line 2867, sass/bd/modules.scss */
  .video-individual iframe {
    width: 100%;
  }
  /* line 2873, sass/bd/modules.scss */
  .video-left .owl-dots {
    text-align: center;
    position: relative;
    left: initial;
    transform: initial;
    margin: 3em auto 0;
  }
  /* line 2882, sass/bd/modules.scss */
  .video-right {
    padding: 0;
  }
  /* line 2887, sass/bd/modules.scss */
  .embedded-acuity-nav,
  .multi-content-nav {
    border-spacing: 0;
  }
  /* line 2888, sass/bd/modules.scss */
  .main-navigation > div > ul > li a::after {
    display: none !important;
  }
  /* line 2891, sass/bd/modules.scss */
  .page-id-114 .photo-gallery,
  .page-id-114 .simple-text {
    display: block;
    width: 100%;
    vertical-align: middle;
  }
  /* line 2895, sass/bd/modules.scss */
  .page-id-114 .photo-gallery p:last-child,
  .page-id-114 .simple-text p:last-child {
    margin: 0;
  }
  /* line 2899, sass/bd/modules.scss */
  .timeline b {
    display: block;
  }
  /* line 2902, sass/bd/modules.scss */
  .component-column .ill-label,
  .system-right .ill-label {
    font-family: brandon-grotesque;
    display: block;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-top: 1.5em;
  }
  /* line 2911, sass/bd/modules.scss */
  .component-column .ill-label {
    margin-bottom: 1.5em;
  }
  /* line 2914, sass/bd/modules.scss */
  .component-column .customer-map-search-results b,
  .component-column .customer-map-search-results strong,
  .component-column h4,
  .customer-map-search-results .component-column b,
  .customer-map-search-results .component-column strong {
    display: none;
  }
  /* line 2917, sass/bd/modules.scss */
  .component-gallery {
    display: block;
    width: 100%;
    padding: 0 3.5vw 3.5vw;
    vertical-align: top;
  }
  /* line 2922, sass/bd/modules.scss */
  .site-main .component.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 60vw;
  }
  /* line 2927, sass/bd/modules.scss */
  .bg {
    display: none !important;
  }
  /* line 2930, sass/bd/modules.scss */
  .system-illustrations > :not(.component-columns) {
    display: block;
    width: 100%;
    vertical-align: top;
    max-width: 480px;
    margin: auto;
  }
  /* line 2937, sass/bd/modules.scss */
  #mobile-1 {
    font-weight: 700;
    position: absolute;
    right: -1em;
    top: 2em;
  }
  /* line 2943, sass/bd/modules.scss */
  #mobile-2 {
    font-weight: 700;
    position: absolute;
    top: initial;
    bottom: 3em;
    right: 5em;
  }
  /* line 2950, sass/bd/modules.scss */
  #mobile-3 {
    font-weight: 700;
    position: absolute;
    right: 33.3%;
    bottom: 20%;
    z-index: 4;
  }
  /* line 2957, sass/bd/modules.scss */
  .right-image .caption {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    z-index: 3;
    font-size: 1.11em;
    transform: initial;
    background-color: #fff;
    padding: 1em;
    display: block;
    margin: 2em auto;
  }
  /* line 2970, sass/bd/modules.scss */
  .right-image {
    margin-top: 2em;
  }
  /* line 2973, sass/bd/modules.scss */
  .component-columns > * {
    display: block;
    width: 100%;
    vertical-align: top;
    text-align: center;
    padding: 0 2.5vw;
    max-width: 280px;
    margin: 0 auto;
  }
  /* line 2981, sass/bd/modules.scss */
  .component-columns > * img {
    margin: 2em auto;
  }
  /* line 2987, sass/bd/modules.scss */
  .system-left h2 {
    margin: 0.33em auto;
    text-align: center;
  }
  .at-a-glance-lower {
    display: block;
    height: auto;
  }
  .small-event {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 1em 2em;
  }
  .all-others-inner {
    font-size: 95%;
  }
  .at-a-glance-items {
    padding: 0 3.5vw;
  }
  .aag-item .header {
    font-size: 120%;
  }
  .aag-item .subheader {
    padding: 1em;
  }
  .right-side-boxes {
    margin-top: 3em;
    display: block;
  }
  .right-side-boxes > * {
    display: inline-block;
    padding: 1.5em;
    font-size: 1.111em;
    background-color: #fff;
    margin: 1%;
    vertical-align: middle;
    width: 48%;
  }
  .testimonials-wrapper blockquote {
    max-width: 70% !important;
  }
  .mobile-only .article {
    display: block;
    width: 90%;
    margin: auto;
  }
  .article-image img {
    height: 50vw;
  }
  .owl-carousel .owl-item .source img {
    width: auto;
  }
  body {
    font-size: 85%;
  }
  .menu-toggle {
    background-color: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5em;
    cursor: pointer;
  }
  .site-header > * {
    width: 50% !important;
    padding: 1em 0;
  }
  .main-navigation li {
    display: block;
    text-align: center;
    font-size: 5vmin;
    padding: 0;
    font-weight: 700;
  }
  .main-navigation > div > ul > li > a {
    padding: 0.25em;
    position: relative;
  }
  .main-navigation > div > ul > li {
    padding-right: 0;
  }
  .has-video {
    font-size: 120%;
  }
  .nav-tab {
    display: inline-block;
    width: 48%;
    margin: 1%;
    padding: 0.5em;
  }
  .embedded-acuity-slider .owl-dots,
  .multi-content-slider .owl-dots,
  .single-slider .owl-dots {
    position: relative !important;
    bottom: initial !important;
    right: initial;
    width: 100%;
    text-align: center;
    padding: 1em;
    background-color: #212a3d;
  }
  .embedded-acuity-nav,
  .multi-content-nav {
    padding: 0 3.5vw 3.5vw;
  }
  .map-search {
    position: relative;
    width: 100%;
  }
  .map-search > span {
    padding: 0 1.5em;
    width: 100%;
    display: block;
    max-width: 380px;
    margin: auto;
    text-align: center;
  }
  .map-search > input[type=search] {
    width: 100%;
    max-width: 300px !important;
    margin: 1em auto;
    display: block;
    font-size: 100%;
    padding: 0.5em;
  }
  .map-search {
    padding: 1em;
  }
  .video-testimonials-wrapper > * {
    display: block !important;
    width: 100% !important;
    vertical-align: middle;
  }
  .video-right {
    padding: 5vw 0 0;
  }
  .single-slider > :not(.owl-nav) {
    display: block !important;
    overflow: hidden;
    vertical-align: middle;
    width: 100% !important;
  }
  .single-slider .content-slider-left {
    padding: 3em 1.5em;
    max-width: 480px;
    margin: 0 auto !important;
  }
  .single-slider {
    display: block;
  }
  .articles .owl-nav,
  .carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    transform: translateY(-50%);
    z-index: 5;
  }
  .articles .owl-nav .owl-prev {
    float: left;
    margin-left: -1.5em;
  }
  .articles .owl-nav .owl-next {
    float: right;
    margin-right: -1.5em;
  }
  /* line 3224, sass/bd/modules.scss */
  .component-columns {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  /* line 3232, sass/bd/modules.scss */
  .component-column:first-child {
    order: 3;
  }
  /* line 3236, sass/bd/modules.scss */
  .component-column:nth-child(2) {
    order: 2;
  }
}
@media screen and (max-width: 600px) {
  /* line 3245, sass/bd/modules.scss */
  .page-template-landingpage .site-main > div {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 1.5em;
  }
  /* line 3250, sass/bd/modules.scss */
  .page-template-landingpage .site-main > div iframe {
    height: 56.25vw;
  }
  /* line 3254, sass/bd/modules.scss */
  .testimonials-wrapper {
    padding: 1.5em;
  }
  /* line 3257, sass/bd/modules.scss */
  .photo-gallery .caption {
    bottom: 1.5em;
    left: 1.5em;
    font-size: 0.85em;
  }
  /* line 3263, sass/bd/modules.scss */
  .single-slider .owl-item div {
    padding-bottom: 66.6%;
  }
  /* line 3266, sass/bd/modules.scss */
  .embedded-acuity-slider .owl-item div,
  .multi-content-slider .owl-item div,
  .single-slider .owl-item div {
    height: auto;
    display: block;
  }
  .smaller-posts > * {
    display: inline-block;
    width: 100%;
  }
  .single-post .thumbnail-single {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 1em;
    max-width: 100%;
    padding: 0;
  }
  .single-post .attachment-large.size-large.wp-post-image {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  .content-featured > * {
    display: block;
    width: 100% !important;
    vertical-align: middle;
  }
  .featured-content-inner {
    background-color: #fff;
    border-left: 5px solid #f4c601;
    padding: 3.5vw;
    transform: initial;
    width: 100%;
  }
  .content-featured > .featured-thumbnail {
    display: none;
  }
  .blog .content-featured > .featured-thumbnail {
    display: block;
    padding-bottom: 66.6%;
  }
  .small-event {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 0 1em 2em;
    max-width: 380px;
    margin: auto;
  }
  .all-others-inner {
    font-size: 100%;
  }
  .featured-inner > * {
    display: block;
    width: 100%;
  }
  .featured-inner {
    padding: 7.5vw;
    margin: auto;
    display: block;
    max-width: 380px;
  }
  .featured-inner > * {
    display: block;
    width: 100%;
    vertical-align: middle;
    margin: 1em 0;
  }
  .event-info {
    background-color: #fff;
    width: 100%;
    margin: 2em 0;
  }
  .site-header {
    padding: 0 1em;
  }
  .team:not(#team-1) .team-inner {
    padding: 5vw 3.5vw 0;
  }
  #team-1 .team-member-inner > * {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
  }
  .single-text-right {
    padding-bottom: 66.6%;
  }
  .single-text-image.align-right .single-text-left {
    text-align: left;
    padding: 5vw;
  }
  .icon {
    background-color: #f4f8fa;
    padding: 0 1em;
  }
  .timeline-item .title {
    font-size: 0.8em;
  }
  .timeline-wrapper {
    margin: 2em 0;
  }
  .icon {
    vertical-align: middle;
  }
  .aag-lower-item > * {
    display: block;
    width: 100%;
    vertical-align: middle;
    text-align: center !important;
    padding: 4vw !important;
  }
  .aag-lower-item > * .subheader {
    margin: 0;
    max-width: 100%;
    text-align: center;
  }
  .aag-item {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 0;
    cursor: pointer;
  }
  .at-a-glance h2 {
    margin-top: 0;
    margin-bottom: 1em;
  }
  .aag-item .subheader {
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    max-width: 100%;
    margin: auto;
    font-size: 1em;
    padding-left: 2em !important;
    margin: auto;
  }
  .aag-item::after {
    display: none;
  }
  .at-a-glance-items {
    padding: 0 3.5vw;
    max-width: 380px;
    margin: auto;
  }
  .pie-labels .label {
    font-size: 2.75vw;
  }
  .label.label-1 {
    color: #d74bd8;
    margin-top: -14vw;
    margin-left: 1vw;
  }
  .label.label-2 {
    color: #fff;
    margin-left: 7vw;
    margin-top: -1vw;
  }
  .label.label-3 {
    margin-left: -4.25vw;
    margin-top: 3.5vw;
  }
  .label.label-4 {
    margin-top: -0.75vw;
    color: #fc8503;
    margin-left: -13vw;
  }
  .label.label-5 {
    color: #48cdb2;
    margin-top: -8vw;
    margin-left: -12vw;
  }
  .descriptive-text {
    margin-top: 4em;
  }
  .single-text-image {
    display: block;
  }
  .single-text-image > * {
    display: block;
    width: 100% !important;
  }
  .single-text-left {
    padding: 5vw;
  }
  .photo-gallery .owl-stage {
    display: flex;
    max-height: 70vw;
  }
  .photo-gallery .caption {
    max-width: 80% !important;
  }
  #colophon > * {
    display: block;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 3;
    vertical-align: top;
    max-width: 250px !important;
    margin: auto !important;
    text-align: center !important;
  }
  .site-info strong {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left,
  .single-slider .owl-item > div > div.content-slider-left {
    padding: 3.75vw;
    width: 100%;
    display: block;
    max-width: 100%;
  }
  .embedded-acuity-slider .owl-item > div > div,
  .multi-content-slider .owl-item > div > div,
  .single-slider .owl-item > div > div {
    display: block;
    width: 100%;
    vertical-align: middle;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 50%;
  }
  .content-slider-left {
    max-width: 480px !important;
    margin: 1em auto !important;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left > hr,
  .single-slider .owl-item > div > div.content-slider-left > hr {
    margin: 1em 0 1.25em;
  }
  .customer-map-search-results {
    padding: 5vw;
  }
  .carousel .owl-carousel img {
    max-height: 30vw;
    width: auto !important;
    margin: auto;
  }
  /* line 3569, sass/bd/modules.scss */
  .carousel .owl-carousel .owl-nav img {
    max-height: 2em;
  }
  /* line 3572, sass/bd/modules.scss */
  #colophon,
  .articles,
  .carousel {
    padding: 1.5em;
  }
  /* line 3575, sass/bd/modules.scss */
  .mobile-only .article {
    padding: 0 1em;
  }
  /* line 3578, sass/bd/modules.scss */
  .home .multi-content-slider .owl-item .content-slider-right::after {
    background-color: #212a3d;
    position: absolute;
    top: 90%;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: -1;
    display: block;
    content: "";
  }
}
@media screen and (max-width: 480px) {
  /* line 3592, sass/bd/modules.scss */
  .mobile-play.mobile-only {
    font-size: 2.5em;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 2em;
    height: 2em;
    display: block;
    margin: 1.5em auto;
    line-height: 2em;
    transition: all linear 0.175s;
    -webkit-transition: all linear 0.175s;
    -moz-transition: all linear 0.175s;
    -ms-transition: all linear 0.175s;
  }
  /* line 3602, sass/bd/modules.scss */
  .mobile-play.mobile-only i {
    margin-left: 4px;
    margin-bottom: -4px;
  }
  /* line 3607, sass/bd/modules.scss */
  .mobile-play.mobile-only:hover {
    transform: scale(1.05);
  }
  /* line 3610, sass/bd/modules.scss */
  .single-use_cases .single-text-image.align-right .single-text-left hr {
    margin: 2em auto 2em 0;
  }
  /* line 3613, sass/bd/modules.scss */
  .single-text-left {
    padding: 1.5em;
  }
  /* line 3616, sass/bd/modules.scss */
  .components-galleries {
    padding: 1.5em;
  }
  /* line 3619, sass/bd/modules.scss */
  .component-gallery {
    padding: 0 0 3em;
  }
  /* line 3622, sass/bd/modules.scss */
  .single-slider .content-slider-left {
    padding: 1.5em;
  }
  /* line 3625, sass/bd/modules.scss */
  .multi-content-slider .owl-item > div > div.content-slider-left,
  .single-slider .owl-item > div > div.content-slider-left {
    padding: 1.5em;
    margin: 0 !important;
  }
  /* line 3630, sass/bd/modules.scss */
  .map-search,
  .video-testimonials-wrapper {
    padding: 1.5em;
  }
  /* line 3634, sass/bd/modules.scss */
  .map-search > input[type=search] {
    margin: 1em 0;
    max-width: 100% !important;
  }
  /* line 3638, sass/bd/modules.scss */
  .map-search > span {
    padding: 0;
  }
  /* line 3641, sass/bd/modules.scss */
  .map-search > input[type=search] {
    width: 100%;
    max-width: 100%;
  }
  /* line 3645, sass/bd/modules.scss */
  #mobile-1 {
    top: 1em;
  }
  /* line 3648, sass/bd/modules.scss */
  #mobile-2 {
    top: initial;
    bottom: 7vw;
    right: 12vw;
  }
  /* line 3653, sass/bd/modules.scss */
  #mobile-3 {
    right: 21.5vw;
    bottom: 17.5vw;
  }
  /* line 3657, sass/bd/modules.scss */
  .left-images::before {
    top: 0.5em;
  }
  .team:not(#team-1) .team-member {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  #team-1 .team-member-inner > * {
    display: block;
    width: 100%;
    vertical-align: top;
    max-width: 300px;
    margin: auto;
    padding: 0.5em 0;
    margin: 1em auto;
  }
  #team-1 .team-member-inner > .bio {
    width: 100%;
    padding-left: 0;
  }
  .owl-next img,
  .owl-prev img {
    max-height: 2em;
  }
  .single-text-image.align-right .single-text-right {
    padding-bottom: 100%;
  }
  .single-use_cases .single-text-image.align-right .single-text-left {
    text-align: left;
    padding: 5vw;
  }
  .single-text-image.align-right .single-text-left hr {
    margin: 2em auto 2em 0;
  }
  .right-side-boxes > * {
    display: block;
    padding: 1.5em;
    font-size: 1.111em;
    background-color: #fff;
    margin: 2% auto;
    vertical-align: middle;
    width: 100%;
  }
  .pie-labels .label {
    font-size: 4.25vw;
    width: 25vw;
  }
  .label.label-1 {
    color: #d74bd8;
    margin-top: -24vw;
    margin-left: -1vw;
  }
  .label.label-3 {
    margin-left: -12vw;
    margin-top: 9vw;
  }
  .label.label-4 {
    margin-top: -0.75vw;
    color: #fc8503;
    margin-left: -25vw;
  }
  .label.label-5 {
    color: #48cdb2;
    margin-top: -13vw;
    margin-left: -22vw;
  }
  .customer-map .map-title {
    position: relative;
    text-align: center;
  }
  .has-video {
    font-size: 100%;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left,
  .single-slider .owl-item > div > div.content-slider-left {
    padding: 8vw;
    height: 100%;
    margin-bottom: 1.5em;
    display: inline-block;
  }
  .multi-content-slider .owl-item > div > div,
  .single-slider .owl-item > div > div {
    padding-bottom: 75% !important;
  }
  /* line 3755, sass/bd/modules.scss */
  .single-text-image.align-right .single-text-left hr {
    margin: 2em 0 2em auto;
  }
}
/* line 3761, sass/bd/modules.scss */
.main-navigation li.fa a {
  font-family: proxima-nova;
}

/* line 3764, sass/bd/modules.scss */
.main-navigation li.fa::before {
  float: left;
  margin-right: 0.5em;
}

/* line 3769, sass/bd/modules.scss */
.main-navigation ul ul a {
  width: 250px;
  font-size: 95%;
}

/* line 3776, sass/bd/modules.scss */
.page-id-20 .page-header {
  background-position: center 80%;
  padding: 12vw 8vw;
}

/* line 3780, sass/bd/modules.scss */
/* line 3794, sass/bd/modules.scss */
.at-a-glance {
  position: relative;
}

/* line 3797, sass/bd/modules.scss */
.at-a-glance::after {
  opacity: 0.1;
}

/* line 3802, sass/bd/modules.scss */
.customer-map-search-results .page-id-114 b,
.customer-map-search-results .page-id-114 strong,
.page-id-114 .customer-map-search-results b,
.page-id-114 .customer-map-search-results strong,
.page-id-114 h4 {
  line-height: 1.25;
  font-size: 1.25em;
  text-transform: initial;
}

/* line 3809, sass/bd/modules.scss */
.page-id-114 .owl-carousel .owl-stage-outer {
  height: 100%;
}

/* line 3812, sass/bd/modules.scss */
.page-id-114 .photo-gallery .owl-stage {
  display: flex;
  max-height: 100% !important;
  height: 100% !important;
}

/* line 3823, sass/bd/modules.scss */
.contact-form label:nth-of-type(1),
.contact-form label:nth-of-type(2) {
  display: inline-block;
  width: 50%;
  padding-right: 0.25em;
}

/* line 3829, sass/bd/modules.scss */
.contact-form label:nth-of-type(2) {
  display: inline-block;
  width: 50%;
  padding-left: 0.25em;
  padding-right: 0;
}

/* line 3836, sass/bd/modules.scss */
.thumbnail-single .caption {
  font-weight: 700;
  font-size: 85%;
  line-height: 1;
}

.photo-gallery .owl-stage-outer::after,
.photo-gallery .owl-stage-outer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 5;
  opacity: 0;
  transition: all linear 0.175s;
}

.photo-gallery .owl-stage-outer::after {
  left: initial;
  right: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.photo-gallery:hover .owl-stage-outer::after,
.photo-gallery:hover .owl-stage-outer::before {
  opacity: 0.5;
}

.photo-gallery .owl-dots {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  text-align: center;
  margin: 1.5em 0;
}

.site-main .photo-gallery.owl-carousel button.owl-dot {
  background-color: #292929;
}

.site-main .photo-gallery.owl-carousel button.owl-dot.active {
  background: #f4c601;
}

#side-text-1 {
  border-left: 5px solid #d74bd8;
}

#side-text-1 b:first-child,
#side-text-1 strong:first-child {
  color: #d74bd8;
}

#side-text-3 {
  border-left: 5px solid #27d327;
}

#side-text-3 b:first-child,
#side-text-3 strong:first-child {
  color: #27d327;
}

#side-text-4 {
  border-left: 5px solid #fc8503;
}

#side-text-4 b:first-child,
#side-text-5 strong:first-child {
  color: #fc8503;
}

#side-text-5 {
  border-left: 5px solid #48cdb2;
}

#side-text-5 b:first-child,
#side-text-5 strong:first-child {
  color: #48cdb2;
}

.site-footer a {
  text-decoration: none;
  color: #fff;
}

#social-menu li {
  position: relative;
  font-size: 1.5em;
  padding-right: 0.5em;
}

#social-menu li::before {
  transition: all linear 0.1745s;
}

#social-menu li:hover::before {
  color: #f4c601;
}

#social-menu a {
  font-size: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-use_cases h1 {
  font-size: 2.75em;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  #social-menu li {
    font-size: 2em;
    padding: 0.5em 0.5em 1.5em;
    width: 2em;
    text-align: center;
  }
  #solar-options .owl-item > div {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
  #solar-options .owl-item .content-slider-left {
    flex: 0 1 auto;
  }
  #solar-options .owl-item .content-slider-right {
    flex: 1 0 auto;
    padding-bottom: 50% !important;
  }
}
@media screen and (max-width: 480px) {
  .single-use_cases h1 {
    font-size: 2em;
  }
}
.pie-chart h2 {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .customer-map .map-title {
    z-index: 4 !important;
  }
  .main-navigation li.fa::before {
    margin-right: 0.15em;
    float: none;
    display: inline-block;
  }
  .main-navigation li.fa a {
    display: inline-block;
  }
}
/*##################### Redesign ACCORDION SECTION ###################################*/
.single-slider .content-slider-left .slider-header:after {
  content: "";
  display: block;
  width: 100px;
  height: 5px;
  background: #F4C603;
  margin-top: 35px;
}

.main-accordion {
  width: 100%;
}

.main-accordion .accordion_heading {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  color: #292929;
  text-align: left;
  padding-left: 60px;
  cursor: pointer;
  position: relative;
}

.main-accordion .accordion_heading:after {
  content: url("img/redesign/down.svg");
  position: absolute;
  right: 32px;
  transition: ease-in-out 0.3s;
}

.main-accordion .accordion_heading.active:after {
  transform: rotate(180deg);
}

.main-accordion .accordion_text {
  display: block;
  padding: 15px 60px;
  background: rgb(255, 255, 255);
  margin-bottom: 1px;
  display: none;
}

.main-accordion .accordion_text p {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
}

.main-accordion .accordion_text p b {
  font-weight: bold;
  color: #F4C603;
}

@media only screen and (max-width: 768px) {
  .main-accordion .accordion_heading {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 30px;
    min-height: 50px;
  }
  .main-accordion .accordion_heading.active:after {
    transform: rotate(180deg) scale(0.7);
  }
  .main-accordion .accordion_heading:after {
    right: 10px;
    transform: scale(0.7);
  }
  .main-accordion .accordion_text {
    padding: 5px 10px;
  }
  .main-accordion .accordion_text p {
    font-size: 14px;
  }
}
.stella-banner__adv {
  font-size: 20px !important;
}

.stella-banner__btn {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 18px;
  margin: 0;
}

/* BSW Difference Page */
.bsw-difference-header {
  height: 75vh;
  min-height: 20em;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
}

.page-template-bsw-difference .single-text-right {
  background-position: left center;
}
.page-template-bsw-difference .customer-map h2 {
  font-size: 2em;
  max-width: initial;
}
.page-template-bsw-difference .page-width {
  max-width: 1166px;
  margin: auto;
  width: 100%;
}
.page-template-bsw-difference .bsw-difference-header .page-width {
  color: #fff;
}
.page-template-bsw-difference .bsw-difference-header-inner {
  position: relative;
  z-index: 3;
}
.page-template-bsw-difference .bsw-difference-header-inner > * {
  max-width: 480px;
}
.page-template-bsw-difference .bsw-difference-header-inner > h1 {
  font-size: 1em;
  text-transform: initial;
  font-weight: normal;
  color: #fff;
}
.page-template-bsw-difference .bsw-difference-header-inner > .subtitle {
  font-size: 2em;
  font-weight: 600;
  font-family: brandon-grotesque, sans-serif;
  max-width: 250px;
  display: block;
  margin: 0;
}
.page-template-bsw-difference .timeline {
  background-color: transparent;
}
.page-template-bsw-difference .timeline .btn, .page-template-bsw-difference .timeline .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .page-template-bsw-difference .timeline a, .page-template-bsw-difference .timeline .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-bsw-difference .timeline a:last-child:not(:first-child) {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
  width: 100%;
  border-radius: 0;
  max-width: 600px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.page-template-bsw-difference .timeline-wrapper {
  margin: 8em 0 4.5em;
}
.page-template-bsw-difference .single-text-image {
  background: none !important;
}
.page-template-bsw-difference .single-text-left {
  padding: 5vw 7.5vw;
}

.triangle-overlay {
  background-image: url("img/triangles.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
  opacity: 0.25;
}

.bsw-difference-header-inner.page-width {
  font-size: 1.25em;
}

.page-template-bsw-difference h2 {
  text-transform: initial;
  max-width: 50%;
}

.page-template-bsw-difference .timeline h2 {
  font-size: 1.25em;
  text-transform: initial;
  background-color: #fff;
  display: inline-block;
  padding: 0.75em 1.5em;
  position: relative;
  z-index: 3;
}
.page-template-bsw-difference .timeline h2::after, .page-template-bsw-difference .timeline h2::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#234188+0,3cbea3+100 */
  background: rgb(35, 65, 136);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 7.5px;
  left: 7.5px;
  z-index: -2;
  position: absolute;
}
.page-template-bsw-difference .timeline h2::after {
  z-index: -1;
  background: #fff !important;
  top: 0;
  left: 0;
}

.page-template-bsw-difference a strong,
.page-template-bsw-difference strong a {
  background: rgb(35, 65, 136);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding: 0.75em 1.5em;
}

.page-template-bsw-difference .single-text-left a {
  display: inline-block;
  text-decoration: none;
  margin-top: 1em;
}
.page-template-bsw-difference .single-text-left a:hover {
  opacity: 0.8;
}

.flex {
  display: flex;
}

.circle {
  background-color: #fff;
  border-radius: 50%;
  height: 6em;
  width: 6em;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
  transition: all linear 0.175s;
  cursor: pointer;
}
.circle > * {
  position: relative;
  z-index: 3;
}
.circle::after {
  position: absolute;
  width: 90%;
  height: 90%;
  z-index: 0;
  background-color: #fff;
  border-radius: 50%;
  content: "";
}
.circle::before {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(35, 65, 136);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 50%;
  content: "";
  transition: all linear 0.3s;
}
.circle.active::before {
  background: #ebbe0c !important;
}
.circle .number {
  font-size: 2.5em;
  line-height: 0.95em;
}
.circle .big {
  font-size: 1.75em;
  line-height: 1;
}
.circle .small {
  text-transform: uppercase;
  line-height: 1;
}

.warranty-items {
  flex-wrap: wrap;
}
.warranty-items .desc {
  font-family: brandon-grotesque, sans-serif;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  max-width: 100%;
  margin-top: 1em;
}

.warranty > .flex > * {
  width: 50%;
  align-items: flex-start;
  justify-content: center;
}

.warranty-text:not(.active) {
  display: none;
}

.warranty-item {
  width: 33.3%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2em 0;
  padding: 0 1em;
  transition: all linear 0.175s;
}
.warranty-item:hover {
  transform: scale(1.1);
}

.warranty-info-items .icon {
  background-color: transparent;
  padding: 0;
  max-width: 40px;
  margin-right: 1em;
}

.warranty-text h3 {
  font-size: 1.25em;
  margin: 0.25em 0 0;
}

.warranty .right h2 {
  margin-left: 40px;
  padding-left: 1rem;
}

.warranty .right {
  padding-left: 5vw;
}

.warranty {
  padding: 4em 0;
}

.warranty > .flex {
  align-items: flex-start;
}

.video-embed {
  text-align: center;
  padding: 3em 0 6em;
}

.customer-map-wrap {
  text-align: center;
}

.customer-map-title {
  margin-bottom: 2em;
}

.customer-map-title,
.video-embed h2 {
  font-size: 1.25em;
  text-transform: initial;
  display: inline-block;
  position: relative;
}
.customer-map-title::after,
.video-embed h2::after {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  height: 7.5px;
  margin-top: 7.5px;
  background: rgb(35, 65, 136);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(35, 65, 136) 0%, rgb(60, 190, 163) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.video-embed .iframe-container {
  display: block;
  margin: 1em auto 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.video-embed .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.alt-bg > * {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1240px) {
  .page-width {
    padding: 0 2em;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
  }
}
@media screen and (max-width: 900px) {
  .bsw-difference-header {
    height: 50vh;
  }
}
@media screen and (max-width: 768px) {
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
    width: 50% !important;
  }
  .warranty > .flex {
    flex-direction: column;
    align-items: center;
  }
  .warranty > .flex > * {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    max-width: 480px;
  }
  .warranty .right {
    padding-left: 0;
    text-align: center;
  }
  .warranty .right h2 {
    padding-left: 0;
    margin: 1em auto;
  }
  .warranty .icon {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .page-template-bsw-difference h2 {
    text-transform: initial;
    max-width: 100%;
  }
  .page-template-bsw-difference .timeline-wrapper {
    margin: 4.5em 0;
  }
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .bsw-difference-header {
    height: auto;
  }
}
#file_upload {
  padding-left: 0;
}

#g-recaptcha {
  text-align: center;
}
#g-recaptcha > div {
  display: inline-block;
}

/* line 4664, sass/bd/modules.scss */
.page-template-bsw-difference .content-slider-right,
.page-template-bsw-difference .content-slider-right .owl-item {
  background-color: #fff !important;
  background-image: none !important;
}

/* line 4671, sass/bd/modules.scss */
.page-template-bsw-difference .content-slider-right {
  overflow: hidden;
}

/* line 4675, sass/bd/modules.scss */
.bsw-insurance-package > .flex > * {
  width: 50%;
}

/* line 4678, sass/bd/modules.scss */
.bsw-insurance-package > .flex {
  align-items: center;
}

/* line 4682, sass/bd/modules.scss */
.insurance-left p {
  max-width: 350px;
  margin: 15px auto;
}

/* line 4685, sass/bd/modules.scss */
.insurance-left p strong {
  font-family: proxima-nova, sans-serif;
  text-transform: initial;
}

/* line 4691, sass/bd/modules.scss */
.insurance-left {
  max-width: 350px;
  margin: auto;
}

/* line 4696, sass/bd/modules.scss */
.insurance-right img {
  display: block;
}

/* line 4700, sass/bd/modules.scss */
.gradient-bar {
  height: 7.5px;
  background: #234188;
  /* Old browsers */
  background: -moz-linear-gradient(left, #234188 0%, #3cbea3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #234188 0%, #3cbea3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #234188 0%, #3cbea3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: block;
}

/* line 4709, sass/bd/modules.scss */
.bsw-insurance-package .column {
  background-color: #fff;
  font-family: brandon-grotesque, sans-serif;
  padding: 20px;
  width: 30%;
  align-items: center;
  border: 1px solid #000;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

/* line 4717, sass/bd/modules.scss */
.bsw-insurance-package .columns.flex {
  padding: 50px 75px;
  justify-content: space-between;
  align-items: stretch;
}

/* line 4723, sass/bd/modules.scss */
.bsw-insurance-package .column h3 {
  margin: 0;
  text-transform: initial;
  font-size: 1.5em;
}

/* line 4729, sass/bd/modules.scss */
.bsw-insurance-package strong {
  text-transform: initial;
}

/* line 4733, sass/bd/modules.scss */
.bsw-insurance-package .column .image {
  position: relative;
  width: 30%;
  height: 100%;
  min-width: 112.5px;
  margin-left: -45px;
}

/* line 4739, sass/bd/modules.scss */
.bsw-insurance-package .column .image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* line 4751, sass/bd/modules.scss */
.bsw-insurance-package .column .text {
  width: 70%;
  padding-left: 20px;
}

/* line 4757, sass/bd/modules.scss */
.bsw-insurance-package .column p:last-child {
  margin-bottom: 0;
}

/* line 4760, sass/bd/modules.scss */
.bsw-insurance-package .column .text > *:first-child {
  margin-top: 0;
}

/* line 4763, sass/bd/modules.scss */
.bsw-insurance-package .columns .column:nth-of-type(2) {
  border: 2px solid #fed41d;
}

@media screen and (max-width: 1240px) {
  /* line 4769, sass/bd/modules.scss */
  .page-width {
    padding: 0 2em;
  }
  /* line 4772, sass/bd/modules.scss */
  .insurance-left {
    max-width: initial;
    margin: auto;
    padding: 0 7.5vw;
  }
  /* line 4777, sass/bd/modules.scss */
  .insurance-left h2 {
    margin-top: 0;
  }
  /* line 4780, sass/bd/modules.scss */
  .insurance-right {
    width: 60% !important;
  }
  /* line 4783, sass/bd/modules.scss */
  .page-template-bsw-difference h2 {
    max-width: 100%;
  }
  /* line 4786, sass/bd/modules.scss */
  .insurance-left p {
    max-width: initial;
    margin: initial;
  }
}
@media screen and (max-width: 1166px) {
  /* line 4793, sass/bd/modules.scss */
  .bsw-insurance-package .columns.flex {
    flex-direction: column;
    padding: 50px 75px;
  }
  /* line 4798, sass/bd/modules.scss */
  .bsw-insurance-package .column {
    width: 100%;
    margin-bottom: 30px;
  }
  /* line 4802, sass/bd/modules.scss */
  .bsw-insurance-package .column .image {
    position: relative;
    width: 30%;
    height: 150px;
    min-width: 112.5px;
    margin-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  /* line 4814, sass/bd/modules.scss */
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
  }
  /* line 4816, sass/bd/modules.scss */
  .insurance-left {
    padding: 15px 5vw;
  }
}
@media screen and (max-width: 900px) {
  /* line 4822, sass/bd/modules.scss */
  .bsw-difference-header {
    height: 50vh;
  }
}
@media screen and (max-width: 768px) {
  /* line 4828, sass/bd/modules.scss */
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
    width: 50% !important;
  }
  /* line 4832, sass/bd/modules.scss */
  .warranty > .flex {
    flex-direction: column;
    align-items: center;
  }
  /* line 4836, sass/bd/modules.scss */
  .warranty > .flex > * {
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    max-width: 480px;
  }
  /* line 4842, sass/bd/modules.scss */
  .warranty .right {
    padding-left: 0;
    text-align: center;
  }
  /* line 4846, sass/bd/modules.scss */
  .warranty .right h2 {
    padding-left: 0;
    margin: 1em auto;
  }
  /* line 4850, sass/bd/modules.scss */
  .warranty .icon {
    display: none;
  }
  /* line 4853, sass/bd/modules.scss */
  .bsw-insurance-package > .flex {
    flex-direction: column;
  }
  /* line 4856, sass/bd/modules.scss */
  .bsw-insurance-package > .flex > * {
    width: 100%;
  }
  /* line 4859, sass/bd/modules.scss */
  .insurance-right {
    width: 100% !important;
    margin-top: 25px;
  }
}
@media screen and (max-width: 600px) {
  /* line 4866, sass/bd/modules.scss */
  .page-template-bsw-difference h2 {
    text-transform: initial;
    max-width: 100%;
  }
  /* line 4870, sass/bd/modules.scss */
  .page-template-bsw-difference .timeline-wrapper {
    margin: 4.5em 0;
  }
  /* line 4873, sass/bd/modules.scss */
  .page-template-bsw-difference .single-text-left {
    padding: 5vw;
    width: 100% !important;
  }
  /* line 4877, sass/bd/modules.scss */
  .bsw-insurance-package .columns.flex {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  /* line 4884, sass/bd/modules.scss */
  .bsw-difference-header {
    height: auto;
  }
  /* line 4887, sass/bd/modules.scss */
  .bsw-insurance-package .column .image {
    min-width: 75px;
  }
}
/* line 4892, sass/bd/modules.scss */
#file_upload {
  padding-left: 0;
}

/* line 4896, sass/bd/modules.scss */
#g-recaptcha {
  text-align: center;
}

/* line 4898, sass/bd/modules.scss */
#g-recaptcha > div {
  display: inline-block;
}

@media screen and (min-width: 48.1em) {
  /* line 96, sass/bd/base.scss */
  /* .mobile-only,  */
  .mobile-contact {
    display: none !important;
  }
  .aside.mobile-only,
  .nav-tab.mobile-only,
  .owl-carousel.mobile-only {
    display: none !important;
  }
  /* line 2839, sass/bd/modules.scss */
  /* line 2892, sass/bd/modules.scss */
  .mobile-play.mobile-only {
    display: none;
  }
}
@media screen and (max-width: 48em) {
  /* line 102, sass/bd/base.scss */
  .no-mobile {
    display: none !important;
  }
}
.site-header > * {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
}

.site-header > *#site-navigation {
  width: 80%;
}

.main-navigation > div > ul > li {
  padding: 0 10px;
}

.main-navigation > div > ul > li > a {
  padding: 2em 0;
  position: relative;
}

.main-navigation > div > ul > li a::after {
  content: "";
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background-color: transparent;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

#primary-menu .customer-login-link a {
  margin-top: 0;
  padding: 0.5em 1.25em;
  border-bottom-width: 0;
}

#primary-menu .customer-login-link a::after {
  display: none !important;
}

.sub-menu li {
  padding: 0.75em 1em;
}

.sub-menu li a::after {
  width: 3px !important;
  height: 100% !important;
  bottom: initial;
  top: 0;
  left: 0;
  right: initial;
}

/* line 68, sass/bd/modules.scss */
.main-navigation ul ul {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  opacity: 0;
  margin-left: -1em;
}

.site-footer #primary-menu .sub-menu {
  display: none;
}

/* line 76, sass/bd/modules.scss */
.main-navigation ul li.focus ul,
.main-navigation ul li:hover ul {
  opacity: 1;
}

@media screen and (min-width: 1035px) {
  #menu-item-124,
  .menu-toggle {
    display: none;
  }
  .mobile-only.anatomy-link {
    display: none !important;
  }
  .main-navigation li.mobile-only a::after {
    bottom: -3px;
  }
  #primary-menu .sub-menu {
    display: block;
    width: auto;
  }
  .main-navigation ul,
  .main-navigation.toggled ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    flex-wrap: wrap;
  }
  .main-navigation > div > ul > li a:hover::after {
    background-color: #f4c601;
  }
}
@media screen and (max-width: 1034px) {
  .main-navigation li.fa::before {
    margin-right: 0.15em;
    float: none;
    display: inline-block;
  }
  .main-navigation li.fa a {
    display: inline-block;
  }
  .menu-toggle {
    filter: invert(1);
    background-color: transparent;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5em;
    cursor: pointer;
  }
  .site-header > * {
    width: 50% !important;
    padding: 1em 0;
  }
  .site-header {
    padding: 0 40px 0 20px;
  }
  .main-navigation li {
    display: block;
    text-align: center;
    font-size: 5vmin;
    padding: 0;
    font-weight: 700;
  }
  .sub-menu li {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .main-navigation > div > ul > li > a {
    padding: 0.25em;
    position: relative;
  }
  .main-navigation > div > ul > li {
    padding-right: 0;
  }
  #primary-menu .customer-login-link a {
    margin: 0.5em 0;
  }
  .mobile-only.anatomy-link {
    display: block;
  }
}
.site-footer .mobile-only,
.site-footer .sub-menu {
  display: none;
}

#primary-menu .customer-login-link a,
#primary-menu .customer-login-link a:visited {
  color: #191919 !important;
  background-color: #f4c601 !important;
  display: inline-block;
  border-radius: 10px;
  padding: 0.75em 1.5em;
  font-weight: normal;
  text-decoration: none;
}
#primary-menu .customer-login-link a:hover,
#primary-menu .customer-login-link a:visited:hover {
  opacity: 0.8;
}

.site-footer #primary-menu .customer-login-link a {
  text-decoration: none;
  color: #fff !important;
  background-color: transparent !important;
  border-radius: 0;
  padding: 0;
  font-weight: 200;
  margin: 0;
}

.site-footer #primary-menu .customer-login-link a:hover {
  color: #f4c601 !important;
  background-color: transparent !important;
}

.main-navigation li.fa::before {
  float: none;
  margin-right: 0.5em;
  display: inline-block;
}

.main-navigation li.fa a {
  display: inline-block;
}

.home .page-header a {
  font-size: 1.35em;
  color: #000;
}

.main-navigation ul ul a {
  width: auto;
}

.sub-menu li {
  width: 250px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  #site-navigation {
    font-size: 90%;
  }
  #primary-menu .customer-login-link a,
  #primary-menu .customer-login-link a:visited {
    padding: 0.75em;
  }
}
@media screen and (max-width: 1034px) {
  .main-navigation > div > ul > li a::after {
    display: none;
  }
  .main-navigation li > a {
    font-weight: 800 !important;
    margin: 1.5vh auto;
  }
  #primary-menu .customer-login-link a,
  #primary-menu .customer-login-link a:visited {
    color: #191919 !important;
    background-color: transparent !important;
    display: inline-block;
    border-radius: 10px;
    padding: 0 !important;
    font-weight: 800 !important;
    text-decoration: none;
  }
}
@media screen and (max-width: 600px) {
  .menu-secondary-menu-container {
    margin-top: 2em;
  }
}
.site-footer li.fa-phone {
  display: none;
}

.page-id-2696 .code-block-inner {
  width: 100% !important;
  max-width: 900px;
  padding: 0 20px;
  margin: 0 auto;
}

.pie-table .aside.no-mobile {
  padding-right: 0;
  padding-left: 4vw;
}

.pie-table .descriptive-text {
  padding-left: 0;
}

.pie-table.pie-table-top {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.pie-chart-inner-wrapper {
  display: block;
}

.pie-chart-inner .pie__segment:nth-child(2) {
  z-index: 3;
}

@media screen and (max-width: 900px) {
  .descriptive-text,
  .pie-chart-inner-wrapper {
    display: block;
    width: 100% !important;
  }
  .pie-table .aside.no-mobile {
    display: none !important;
  }
  .pie-table .descriptive-text {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
  }
  .right-side-boxes {
    max-width: initial;
    display: flex;
  }
  .right-side-boxes > * {
    padding: 10px;
  }
  .pie-table.pie-table-top {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .pie-chart-inner-wrapper {
    max-width: 50vw;
  }
  .right-side-boxes {
    flex-direction: column;
    align-items: center;
  }
  .right-side-boxes > * {
    width: 100%;
    max-width: 480px;
  }
}
@media screen and (max-width: 600px) {
  .pie-chart-inner-wrapper {
    max-width: 75vw;
  }
}
@media screen and (max-width: 480px) {
  .pie-chart-inner-wrapper {
    max-width: 100%;
  }
}
.landing-page .panel.articles,
.landing-page .panel.header {
  position: relative;
}
.landing-page .panel.articles > *:not(.bg-image),
.landing-page .panel.header > *:not(.bg-image) {
  position: relative;
  z-index: 2;
}

.landing-page .bg-image,
.landing-page .bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.landing-page .bg-image img {
  object-fit: cover;
  object-position: center;
}

.landing-page .container {
  max-width: 1166px;
  margin: auto;
  padding: 2em;
}

.landing-page .header .container {
  max-width: 1366px;
}

.landing-page .header .container:not(.header-content) {
  justify-content: flex-end;
}

.landing-page h1 {
  text-transform: initial;
  font-size: 1.75em;
  margin: 0 0 10px;
}

.landing-page h2 {
  font-family: "proxima-nova", sans-serif;
  text-transform: initial;
  font-weight: initial;
  font-size: 1.33em;
  margin: 0;
}

.landing-page h3 {
  font-family: "proxima-nova", sans-serif;
  text-transform: initial;
  font-size: 1.5em;
  color: #384458;
}

.landing-page .contact-form {
  padding: 0;
}

.landing-page .contact-form label:nth-of-type(1) {
  width: 48%;
}

.landing-page .header-content > div {
  width: 45%;
}
.landing-page .header-content > div:first-child {
  width: 55%;
}
.landing-page .header-content > div:last-child {
  padding-left: 3em;
}
.landing-page .header-content {
  justify-content: space-between;
  align-items: center;
}
.landing-page .header-content div:first-child {
  background-color: #384458;
  border-top: 12px solid #F4C600;
  padding-top: 25px;
}
.landing-page .header-content div:first-child h1,
.landing-page .header-content div:first-child h2,
.landing-page .header-content div:first-child h3 {
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}
.landing-page .header-content div:first-child img {
  margin-top: 25px;
  display: block;
  width: 100%;
}
.landing-page .header-content input {
  padding: 10px;
  color: #000;
  font-weight: 300;
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #000;
}
.landing-page .header-content input::placeholder, .landing-page .header-content input::webkit-placeholder {
  color: #000;
  opacity: 1;
}
.landing-page .header-content form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.landing-page .text_with_image .flex {
  align-items: center;
}
.landing-page .text_with_image .flex > div:first-child {
  width: 60%;
}
.landing-page .text_with_image img {
  display: block;
  margin: auto;
  max-width: 280px;
}
.landing-page .text_with_image .flex > div:last-child {
  width: 40%;
}
.landing-page .text_with_image .flex {
  justify-content: space-between;
}

.landing-page button[type=submit] {
  display: inline-block;
  border-radius: 10px;
  color: #000;
  font-family: "proxima-nova", sans-serif;
  padding-left: 40px;
  padding-right: 40px;
  letter-spacing: 2px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 30px !important;
  background-color: #F4C600;
  border: 0 !important;
  cursor: pointer;
}
.landing-page button[type=submit]:hover {
  background-color: rgb(255, 212.0635245902, 27.25);
}

.landing-page .panel:not(:first-child) {
  padding-top: 3.5em;
  padding-bottom: 3.5em;
}

.landing-page .pie-chart {
  background-color: transparent;
  padding: 0;
  margin-top: -75px;
}
.landing-page .pie-chart::before {
  display: none;
}

.landing-page .pie_chart {
  background-image: linear-gradient(133deg, #697991 0%, #384458 100%);
}
.landing-page .pie_chart h1,
.landing-page .pie_chart h2,
.landing-page .pie_chart h3 {
  color: #fff;
}

.landing-page .at-a-glance::after,
.landing-page .pie-chart::after {
  display: none;
}

.landing-page .pie-chart-inner-wrapper {
  min-width: 45%;
}

.landing-page .descriptive-text {
  min-width: 550px;
}

.landing-page .featured_text p {
  max-width: 900px;
  margin: auto;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.75;
}
.landing-page .featured_text p span[style*=underline],
.landing-page .featured_text p u {
  text-decoration: none !important;
  display: inline-block;
  position: relative;
}
.landing-page .featured_text p span[style*=underline]::after,
.landing-page .featured_text p u::after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 7.5px;
  z-index: -1;
  background-color: #F4C600;
  display: block;
}

.landing-page .panel.articles h1 {
  font-weight: 300;
  line-height: 1.33;
}

.landing-page h1 strong {
  text-transform: initial;
  font-weight: 600;
}

.blurb {
  background-color: #fff;
  display: block;
  max-width: 50%;
  display: block;
  margin: 3.5em 0;
  padding: 1em 2em;
  border-left: 7.5px solid #F4C600;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.blurb a {
  text-decoration: none;
}
.blurb a span {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.blurbs .blurb:nth-child(2n) {
  margin-left: auto;
}

.landing-page .customer_map {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.landing-page .customer-map .map-title > h2 {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
  font-size: 1.75em;
}

.landing-page .testimonials .container > div {
  width: 48%;
}

.landing-page .testimonials .flex {
  align-items: center;
  justify-content: space-between;
}

.landing-page .quote {
  display: block;
  background-color: #fff;
  padding: 1em;
  border-radius: 10px;
  text-align: right;
  font-size: 14px;
  font-style: italic;
  position: relative;
}
.landing-page .quote > * {
  position: relative;
  z-index: 3;
}
.landing-page .quote::after {
  content: "";
  background-image: url("img/bottom.png");
  position: absolute;
  bottom: -30px;
  right: 0;
  background-size: contain;
  width: 50px;
  height: 50px;
  background-position: center center;
  z-index: 1;
  background-repeat: no-repeat;
}
.landing-page .quote:nth-child(even)::after {
  right: initial;
  left: 0;
  transform: scaleX(-1);
}
.landing-page .quote:not(:first-child) {
  margin-top: 50px;
}
.landing-page .quote span {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 600;
  display: block;
  text-align: left;
  font-size: 18px;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .landing-page .flex {
    flex-direction: column;
  }
  .landing-page .header-content div:first-child {
    width: 100% !important;
  }
  .landing-page .header-content div:not(:first-child) {
    width: 100%;
    padding-left: 0 !important;
    padding-top: 3em;
  }
  .landing-page .text_with_image .flex > div:first-child {
    width: 100%;
  }
  .landing-page .header-content div:first-child h1,
  .landing-page .header-content div:first-child h2,
  .landing-page .header-content div:first-child h3 {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
  }
  .landing-page .text_with_image .flex > div:last-child {
    width: 100%;
  }
  .landing-page .pie-chart {
    margin-top: 50px;
  }
  .landing-page .panel:not(:first-child) {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .landing-page .descriptive-text {
    min-width: initial;
    margin-top: 0;
  }
  .blurb {
    margin: 1em 0;
    max-width: 100%;
  }
  .landing-page .testimonials .container > div {
    width: 100%;
    margin-bottom: 3em;
  }
  .landing-page .testimonials iframe {
    width: 100%;
  }
}
.embedded-slide {
  max-width: 1366px;
  margin: auto;
  padding-left: 2em;
  padding-right: 2em;
}

.slide-title {
  font-size: 3em;
  text-align: center;
  margin-top: 50px;
}

a:visited {
  color: inherit;
}

.top-header {
  background-color: #e3eef3;
  overflow: hidden;
  max-height: 100px;
  transition: max-height 0.3s ease;
}
.top-header a,
.top-header a:visited {
  color: #000;
}

body.bsw-top-hidden .top-header {
  max-height: 0;
}

#top-navbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0.25em 2em;
}
#top-navbar .fa-phone::before {
  margin-right: 10px;
}
#top-navbar a {
  text-decoration: none;
}
#top-navbar .fa-phone > a {
  font-family: proxima-nova, sans-serif;
}
#top-navbar li:not(:last-child)::after {
  content: "|";
  margin: 0 12.5px;
}

.site-header img:not(.custom-logo) {
  display: none;
}

#bsw-fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: transform 0.3s ease;
}
.bsw-masthead-hidden #bsw-fixed-header {
  transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
  #bsw-fixed-header {
    transition: none;
  }
}

#masthead {
  z-index: 10;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1034px) {
  #top-navbar {
    justify-content: center;
  }
  #top-navbar #menu-item-3402 a {
    display: none;
  }
  #top-navbar li:not(:last-child)::after {
    content: "Call Us:";
    margin: 0 12.5px;
    font-weight: 500;
  }
  .main-navigation .mobile-only {
    display: block !important;
  }
  .main-navigation .mobile-only ul {
    display: block;
  }
  .main-navigation .mobile-only li {
    font-size: 1.25em;
  }
  .main-navigation .mobile-only li > a {
    font-weight: 400 !important;
    background-color: #f4c601;
    padding: 0.66em 1em;
    border-radius: 10px;
    text-align: center;
  }
  .custom-logo {
    display: none;
  }
  .site-header img:not(.custom-logo) {
    display: block;
    width: 60px;
    height: 60px;
  }
  .site-header > * {
    width: initial !important;
  }
  #site-navigation {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  #top-navbar {
    padding: 0.66em 2em;
    position: relative;
  }
  .menu-toggle {
    width: 60px;
    text-align: right;
    padding-right: 10px;
  }
  .site-main .video-testimonials-wrapper .owl-dots {
    position: initial;
    bottom: initial;
    right: 0;
    width: 50%;
    text-align: center;
    margin: 1em auto;
  }
  .owl-item .readmore {
    padding-bottom: 1.5em;
  }
  #top-navbar .fa-phone > a {
    font-family: proxima-nova, sans-serif;
    font-size: 1em !important;
  }
}
.widget_embed.panel {
  padding-top: 3em;
  padding-bottom: 3em;
}
.widget_embed.panel .container {
  padding-left: 2em;
  padding-right: 2em;
}

@media screen and (max-width: 600px) {
  .widget_embed.panel .container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
/* Sheron Edits */
.single-post h1 {
  font-size: 2.25em;
}

.single-post h2 {
  font-size: 1.5em;
}

.single-post h3 {
  text-transform: initial !important;
  font-size: 1.25em;
}

.page-id-3285 h5 {
  font-size: 2em;
  margin: 1.25em auto;
  text-align: center;
}

.page-id-3285 .embedded-acuity-nav {
  background-color: none !important;
}

@media screen and (min-width: 1601px) {
  .page-id-285 .system-illustrations {
    max-width: 1600px;
    margin: 0 auto;
  }
  .right-image .caption {
    font-size: 0.85em;
  }
}
/* BD further edits */
.embedded-acuity-nav {
  background-color: transparent;
}
.embedded-acuity-nav .nav-tab {
  padding: 0.75em 1.5em;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .page-id-3285 .embedded-acuity-nav {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .embedded-acuity-nav .nav-tab {
    padding: 0.75em 1.5em;
    border-radius: 10px;
    width: 100%;
  }
}
.anatomy-video-embed {
  display: flex;
  max-width: 1200px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin: 2em auto;
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.anatomy-video-embed .video-embed {
  text-align: center;
  padding: 0 2em 0 0;
  width: 50%;
}

.top-video-embed-text {
  width: 50%;
  padding-left: 2em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .anatomy-video-embed {
    flex-direction: column;
  }
  .anatomy-video-embed .video-embed {
    text-align: center;
    padding: 0;
    width: 100%;
    height: auto;
  }
  .anatomy-video-embed .video-embed iframe {
    height: 56.25vw;
  }
  .top-video-embed-text {
    width: 100%;
    padding-left: 0;
    text-align: left;
    max-width: 560px;
    margin: auto;
  }
}
/* Blog Post Fixes 2 22 2022 */
.a2a_kit.a2a_kit_size_32.a2a_floating_style.a2a_vertical_style {
  top: 50% !important;
  transform: translateY(-50%);
}

.single-post .site-main a,
.single-post .site-main a:visited {
  color: #20409A;
}

.single-post .site-main ul {
  list-style: none;
  /* Remove default bullets */
}
.single-post .site-main .main-article > ol,
.single-post .site-main .main-article > ul {
  margin: 0 0 1.5em 3em;
  padding-left: 1.5em;
}
.single-post .site-main ol li,
.single-post .site-main ul li {
  margin-bottom: 7.5px;
}
.single-post .site-main ol li ul {
  margin-top: 7.5px;
}
.single-post .site-main ul li::before {
  content: "•";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #20409A;
  /* Change the color */
  border-color: transparent #20409A;
  border-style: solid;
  border-width: 0.25em 0 0.25em 0.35em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
  overflow-x: hidden;
}

.smaller-posts > h3 {
  font-size: 1.5rem;
  text-transform: uppercase !important;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 0 0 1.5vw;
}

@media screen and (max-width: 768px) {
  .smaller-posts > h3 {
    margin: 1em 0;
  }
}
@media screen and (min-width: 481px) {
  .mobile-only.widget_a2a_share_save_widget {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .mobile-only.widget_a2a_share_save_widget {
    margin-top: 15px;
  }
}
.page-template-2022-landing-page .accordion_with_background_image h2::after,
.page-template-2022-landing-page .bsw-insurance-package h2::after,
.page-template-2022-landing-page .single-text-image h2::after,
.page-template-home-solar-page .accordion_with_background_image h2::after,
.page-template-home-solar-page .bsw-insurance-package h2::after,
.page-template-home-solar-page .single-text-image h2::after,
.page-template-location-core-page .accordion_with_background_image h2::after,
.page-template-location-core-page .bsw-insurance-package h2::after,
.page-template-location-core-page .single-text-image h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 2.5px solid #edc743;
  content: "";
  display: block;
  width: 175px;
  margin: 30px auto 30px 0;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.page-template-2022-landing-page .btn,
.page-template-2022-landing-page h5 a,
.page-template-home-solar-page .btn,
.page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page h5 a,
.page-template-location-core-page .btn,
.page-template-location-core-page h5 a {
  color: #000;
}
.page-template-2022-landing-page .single-text-image + .single-text-image,
.page-template-home-solar-page .single-text-image + .single-text-image,
.page-template-location-core-page .single-text-image + .single-text-image {
  background: #fff !important;
}

.page-template-2022-landing-page .simple-text blockquote {
  margin: 0 auto 2em;
  padding: 20px;
  font-size: 1em;
  width: 90%;
  max-width: 768px;
}
.page-template-2022-landing-page .simple-text blockquote p:first-child {
  margin-top: 0;
}
.page-template-2022-landing-page .simple-text blockquote p:last-child {
  margin-bottom: 0;
}

.open-close-accordion,
.open-close-component,
.open-close-faq {
  background-color: #edc843;
  border-radius: 50%;
  width: 1.25em;
  min-width: 1.25em;
  height: 1.25em;
  min-height: 1.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1em;
  font-size: 1.35em;
  color: #fff;
  font-weight: bold;
}

.accordion_with_background_image.panel {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.accordion_with_background_image.panel .btn, .accordion_with_background_image.panel .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .accordion_with_background_image.panel a, .accordion_with_background_image.panel .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .accordion_with_background_image.panel a:last-child:not(:first-child) {
  margin: 2em auto 0;
}
.accordion_with_background_image.panel .container {
  max-width: 1024px;
  margin: auto;
  padding: 4em;
  text-align: center;
}
.accordion_with_background_image.panel .container > * {
  z-index: 1;
  position: relative;
}
.accordion_with_background_image.panel .container h2 {
  margin-top: 0;
  margin: auto;
  text-align: center;
  margin-bottom: 1.25em;
}
.accordion_with_background_image.panel .accordion {
  background-color: #e1eaee;
  padding: 40px;
  border-radius: 15px;
}
.accordion_with_background_image.panel .accordion-item h3 {
  margin: 0;
  text-transform: initial;
  font-size: 1.75em;
}
.accordion_with_background_image.panel .header-click {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.accordion_with_background_image.panel .accordion-item .content {
  max-width: 600px;
  margin: 1.5em auto;
  padding: 1.5em;
}
.accordion_with_background_image.panel .accordion-item .content p:first-child {
  margin-top: 0;
}
.accordion_with_background_image.panel .accordion-item .content p:last-child {
  margin-bottom: 0;
}
.accordion_with_background_image.panel .accordion-item:not(:last-child) {
  margin-bottom: 50px;
}

@media screen and (max-width: 600px) {
  .page-template-2022-landing-page .simple-text blockquote {
    width: 95%;
  }
  .page-template-2022-landing-page .single-text-image.align-right .single-text-left {
    text-align: left;
  }
  .page-template-2022-landing-page .simple-text {
    padding: 2em;
  }
  .accordion_with_background_image.panel .accordion {
    padding: 20px;
  }
  .accordion_with_background_image.panel .header-click {
    justify-content: space-between;
    text-align: left;
  }
  .accordion_with_background_image.panel .container {
    padding: 2em;
    text-align: left;
  }
}
.page-template-2022-pricing-landing-page .count-1 h1::after,
.page-template-2022-pricing-landing-page .single-text-image h2::after,
.page-template-home-solar-page .count-1 h1::after,
.page-template-home-solar-page .single-text-image h2::after,
.page-template-location-core-page .count-1 h1::after,
.page-template-location-core-page .single-text-image h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 3px solid #edc743;
  content: "";
  display: block;
  width: 175px;
  margin: 30px auto 30px 0;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.page-template-2022-pricing-landing-page .btn,
.page-template-2022-pricing-landing-page h5 a,
.page-template-home-solar-page .btn,
.page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page h5 a,
.page-template-location-core-page .btn,
.page-template-location-core-page h5 a {
  color: #000;
}
.page-template-2022-pricing-landing-page .cta,
.page-template-home-solar-page .cta,
.page-template-location-core-page .cta {
  background-color: transparent;
  color: #000;
  padding: 100px !important;
}
.page-template-2022-pricing-landing-page .cta .cta-inner > p,
.page-template-home-solar-page .cta .cta-inner > p,
.page-template-location-core-page .cta .cta-inner > p {
  max-width: 900px;
  margin: 40px auto;
}
.page-template-2022-pricing-landing-page .cta blockquote,
.page-template-home-solar-page .cta blockquote,
.page-template-location-core-page .cta blockquote {
  font-size: 1em;
  padding: 40px;
  margin-bottom: 40px;
  margin-top: 40px;
  background: #fff;
  max-width: 900px;
  color: #000;
  margin-left: auto;
  margin-right: auto;
}
.page-template-2022-pricing-landing-page .cta blockquote p:first-child,
.page-template-home-solar-page .cta blockquote p:first-child,
.page-template-location-core-page .cta blockquote p:first-child {
  margin-top: 0;
}
.page-template-2022-pricing-landing-page .cta blockquote p:last-child,
.page-template-home-solar-page .cta blockquote p:last-child,
.page-template-location-core-page .cta blockquote p:last-child {
  margin-bottom: 0;
}
.page-template-2022-pricing-landing-page .simple-text table,
.page-template-home-solar-page .simple-text table,
.page-template-location-core-page .simple-text table {
  max-width: 1024px;
  margin: auto;
  border-spacing: 7.5px;
  border-collapse: separate;
}
.page-template-2022-pricing-landing-page .simple-text table td,
.page-template-home-solar-page .simple-text table td,
.page-template-location-core-page .simple-text table td {
  padding: 10px;
}
.page-template-2022-pricing-landing-page .simple-text table td:first-child,
.page-template-home-solar-page .simple-text table td:first-child,
.page-template-location-core-page .simple-text table td:first-child {
  width: 50%;
}
.page-template-2022-pricing-landing-page .simple-text table td:not(:first-child),
.page-template-home-solar-page .simple-text table td:not(:first-child),
.page-template-location-core-page .simple-text table td:not(:first-child) {
  width: 25%;
}
.page-template-2022-pricing-landing-page .simple-text table td:nth-child(2),
.page-template-2022-pricing-landing-page .simple-text table td:nth-child(3),
.page-template-home-solar-page .simple-text table td:nth-child(2),
.page-template-home-solar-page .simple-text table td:nth-child(3),
.page-template-location-core-page .simple-text table td:nth-child(2),
.page-template-location-core-page .simple-text table td:nth-child(3) {
  text-align: center;
}
.page-template-2022-pricing-landing-page .simple-text table tr:first-child td:nth-child(2),
.page-template-home-solar-page .simple-text table tr:first-child td:nth-child(2),
.page-template-location-core-page .simple-text table tr:first-child td:nth-child(2) {
  background-color: #edc843;
}
.page-template-2022-pricing-landing-page .simple-text table tr:first-child td:nth-child(3),
.page-template-home-solar-page .simple-text table tr:first-child td:nth-child(3),
.page-template-location-core-page .simple-text table tr:first-child td:nth-child(3) {
  background-color: #aac4d2;
}
.page-template-2022-pricing-landing-page .simple-text table tr:not(:first-child) td:first-child,
.page-template-home-solar-page .simple-text table tr:not(:first-child) td:first-child,
.page-template-location-core-page .simple-text table tr:not(:first-child) td:first-child {
  background-color: #aac4d2;
  color: #000;
}
.page-template-2022-pricing-landing-page .simple-text table tr:not(:first-child) td:first-child b,
.page-template-home-solar-page .simple-text table tr:not(:first-child) td:first-child b,
.page-template-location-core-page .simple-text table tr:not(:first-child) td:first-child b {
  color: #000;
}
.page-template-2022-pricing-landing-page .simple-text table tr:not(:first-child) td:nth-child(2),
.page-template-home-solar-page .simple-text table tr:not(:first-child) td:nth-child(2),
.page-template-location-core-page .simple-text table tr:not(:first-child) td:nth-child(2) {
  background-color: #f7eaaa;
}
.page-template-2022-pricing-landing-page .simple-text table tr:not(:first-child) td:nth-child(3),
.page-template-home-solar-page .simple-text table tr:not(:first-child) td:nth-child(3),
.page-template-location-core-page .simple-text table tr:not(:first-child) td:nth-child(3) {
  background-color: #e5edf2;
}
.page-template-2022-pricing-landing-page .simple-text blockquote,
.page-template-home-solar-page .simple-text blockquote,
.page-template-location-core-page .simple-text blockquote {
  font-size: 1em;
  padding: 40px;
  margin-bottom: 40px;
  background: #f7fafb;
  background: -moz-linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
  background: -webkit-linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
  background: linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page-template-2022-pricing-landing-page .simple-text blockquote p:first-child,
.page-template-home-solar-page .simple-text blockquote p:first-child,
.page-template-location-core-page .simple-text blockquote p:first-child {
  margin-top: 0;
}
.page-template-2022-pricing-landing-page .simple-text blockquote p:last-child,
.page-template-home-solar-page .simple-text blockquote p:last-child,
.page-template-location-core-page .simple-text blockquote p:last-child {
  margin-bottom: 0;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image,
.page-template-home-solar-page .floating_text_with_background_image,
.page-template-location-core-page .floating_text_with_background_image {
  position: relative;
  padding-bottom: 5em;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .background-image,
.page-template-home-solar-page .floating_text_with_background_image .background-image,
.page-template-location-core-page .floating_text_with_background_image .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .background-image img,
.page-template-home-solar-page .floating_text_with_background_image .background-image img,
.page-template-location-core-page .floating_text_with_background_image .background-image img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center center;
}
.page-template-2022-pricing-landing-page .single-text-left blockquote,
.page-template-home-solar-page .single-text-left blockquote,
.page-template-location-core-page .single-text-left blockquote {
  font-size: 1em;
  background-color: #fff;
  padding: 20px !important;
  margin: 0 0 2em !important;
}
.page-template-2022-pricing-landing-page .single-text-image + .single-text-image,
.page-template-home-solar-page .single-text-image + .single-text-image,
.page-template-location-core-page .single-text-image + .single-text-image {
  background: #fff;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content,
.page-template-home-solar-page .floating_text_with_background_image .content,
.page-template-location-core-page .floating_text_with_background_image .content {
  position: relative;
  max-width: 1166px;
  padding-top: 75px;
  margin: auto;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content .content-inner,
.page-template-home-solar-page .floating_text_with_background_image .content .content-inner,
.page-template-location-core-page .floating_text_with_background_image .content .content-inner {
  background-color: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
  padding: 20px 75px;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content h2,
.page-template-home-solar-page .floating_text_with_background_image .content h2,
.page-template-location-core-page .floating_text_with_background_image .content h2 {
  margin-top: 25px;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content blockquote,
.page-template-home-solar-page .floating_text_with_background_image .content blockquote,
.page-template-location-core-page .floating_text_with_background_image .content blockquote {
  font-size: 1em;
  padding: 40px;
  margin-bottom: 40px;
  background: #f7fafb;
  background: -moz-linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
  background: -webkit-linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
  background: linear-gradient(45deg, #f7fafb 0%, #dbe9ef 60%);
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content blockquote p:first-child,
.page-template-home-solar-page .floating_text_with_background_image .content blockquote p:first-child,
.page-template-location-core-page .floating_text_with_background_image .content blockquote p:first-child {
  margin-top: 0;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image .content blockquote p:last-child,
.page-template-home-solar-page .floating_text_with_background_image .content blockquote p:last-child,
.page-template-location-core-page .floating_text_with_background_image .content blockquote p:last-child {
  margin-bottom: 0;
}
.page-template-2022-pricing-landing-page .floating_text_with_background_image h3,
.page-template-home-solar-page .floating_text_with_background_image h3,
.page-template-location-core-page .floating_text_with_background_image h3 {
  color: #384458;
  text-transform: initial;
  font-size: 1.75em;
}

@media screen and (max-width: 768px) {
  .page-template-2022-pricing-landing-page .floating_text_with_background_image .content .content-inner {
    padding: 2em;
  }
  .page-template-2022-pricing-landing-page .cta {
    padding: 1.5em !important;
  }
  .page-template-2022-landing-page .single-text-image.align-right h2::after,
  .page-template-2022-pricing-landing-page .single-text-image.align-right h2::after,
  .page-template-home-solar-page .single-text-image.align-right h2::after,
  .page-template-location-core-page .single-text-image.align-right h2::after {
    margin: 30px auto 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .page-template-2022-pricing-landing-page .single-text-image.align-right .single-text-left {
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .page-template-2022-pricing-landing-page .floating_text_with_background_image .content .content-inner {
    padding: 0.5em;
  }
  .floating_text_with_background_image h5 {
    margin-bottom: 2em;
  }
  .page-template-2022-pricing-landing-page .floating_text_with_background_image {
    padding-bottom: 1em;
  }
  .page-template-2022-pricing-landing-page .simple-text {
    padding: 1em;
  }
}
.page-template-2022-pricing-landing-page .btn:hover, .page-template-home-solar-page .repeater h5 .page-template-2022-pricing-landing-page a:hover, .page-template-2022-pricing-landing-page .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-2022-pricing-landing-page a:hover:last-child:not(:first-child), .page-template-2022-pricing-landing-page .btn:visited:hover,
.page-template-2022-pricing-landing-page h5 a:hover,
.page-template-2022-pricing-landing-page h5 a:visited:hover {
  color: #000;
  background-color: rgb(254.2306122449, 218.8387755102, 67.2693877551);
}

/* Blog post Fixes March 16 2022 */
.count-1 h1 {
  font-size: 2.75em;
  line-height: 1.25;
}

.single-text-image.align-right .single-text-left {
  text-align: left;
}

/* Menu Fixes */
@media screen and (max-width: 1034px) {
  .bd-mobile-menu ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: none;
    position: relative !important;
    top: 0 !important;
    opacity: 1 !important;
    left: 0 !important;
    z-index: 99999;
    padding: 0;
    text-align: left;
    background-color: transparent;
    box-shadow: none;
    margin-left: 0;
  }
  .bd-mobile-menu {
    position: fixed;
  }
  .menu-mobile-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    display: flex !important;
    z-index: 10;
    transform: translateX(100%);
    transition: all linear 0.175s;
    -webkit-transition: all linear 0.175s;
    -moz-transition: all linear 0.175s;
    -ms-transition: all linear 0.175s;
  }
  .menu-mobile-menu-container a,
  .menu-mobile-menu-container a:visited {
    color: #fff !important;
  }
  .menu-close-link {
    display: inline-block !important;
    width: 25px;
    height: 25px;
    background-image: url("./img/times.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    top: 2em;
    right: 2em;
    filter: invert(1);
  }
  .toggled .menu-mobile-menu-container {
    transform: translateX(0);
  }
  .menu-mobile-menu-container ul {
    width: 100%;
    padding: 2em 4em;
  }
  .bd-mobile-menu > div > ul > li {
    text-align: left;
    font-size: 5vmin;
    padding: 0 !important;
    border-bottom: 1px solid #393939;
  }
  .bd-mobile-menu > div > ul > li a {
    padding: 0;
  }
  .sub-menu li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .bd-mobile-menu .sub-menu li > a {
    margin: 0;
  }
  .bd-mobile-menu .sub-menu li > a {
    font-weight: 400 !important;
    font-size: 4.6vmin;
    padding-bottom: 5px;
    padding-left: 10px;
  }
  .bd-mobile-menu .sub-menu li > a::before {
    content: "-";
    padding-right: 15px;
    display: inline-block;
  }
}
#menu-item-3846 {
  cursor: pointer;
}

@media screen and (min-width: 1035px) {
  .bd-mobile-menu {
    display: none !important;
  }
}
@media screen and (max-width: 1034px) {
  .menu-main-menu-container {
    display: none !important;
  }
}
.page-template-home-solar-page .page-header,
.page-template-location-core-page .page-header {
  display: none;
}
.page-template-home-solar-page .simple-text-inner .btn, .page-template-home-solar-page .simple-text-inner .repeater h5 a, .page-template-home-solar-page .repeater h5 .simple-text-inner a, .page-template-home-solar-page .simple-text-inner .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .simple-text-inner a:last-child:not(:first-child),
.page-template-location-core-page .simple-text-inner .btn,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .repeater h5 a,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child) {
  margin-top: 20px;
}
.page-template-home-solar-page .simple-text-inner .btn:first-child, .page-template-home-solar-page .simple-text-inner .repeater h5 a:first-child, .page-template-home-solar-page .repeater h5 .simple-text-inner a:first-child, .page-template-home-solar-page .simple-text-inner .single-text-image:not(.dark) h5 a:first-child:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .simple-text-inner a:first-child:last-child:not(:first-child),
.page-template-location-core-page .simple-text-inner .btn:first-child,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .repeater h5 a:first-child,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .single-text-image:not(.dark) h5 a:first-child:last-child:not(:first-child) {
  margin-right: 5px;
  margin-left: 0;
}
.page-template-home-solar-page .simple-text-inner .btn:last-child, .page-template-home-solar-page .simple-text-inner .repeater h5 a:last-child, .page-template-home-solar-page .repeater h5 .simple-text-inner a:last-child, .page-template-home-solar-page .simple-text-inner .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .simple-text-inner a:last-child:not(:first-child),
.page-template-location-core-page .simple-text-inner .btn:last-child,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .repeater h5 a:last-child,
.page-template-location-core-page .simple-text-inner .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child) {
  margin-left: 5px;
  margin-right: 0;
}
.page-template-home-solar-page .cta + .simple-text,
.page-template-location-core-page .cta + .simple-text {
  background-color: #e5eef2;
}

.hover-modules-container {
  display: grid;
  max-width: 1440px;
  padding: 0 5vw 3em;
  align-items: stretch;
  grid-template-columns: repeat(4, 4fr);
  margin: auto;
  column-gap: 25px;
}

.hover-module {
  position: relative;
  min-height: 25vw;
  padding: 1.5em;
  color: #fff !important;
  text-decoration: none;
  display: flex;
}
.hover-module:visited {
  color: #fff;
}
.hover-module * {
  color: #fff;
}

.hover-module .bg-image,
.hover-module .bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hover-module .bg-image::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
}

.title-content {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  padding: 1.5em;
}
.title-content *:not(p) {
  margin: 0 !important;
  text-transform: initial;
  font-size: 2em;
}

.hover-content {
  position: relative;
  z-index: 2;
  opacity: 0;
  font-size: 1.125em;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hover-content > *:first-child {
  margin-top: 0;
}
.hover-content > *:last-child {
  margin-bottom: 0;
}
.hover-content .learn-more {
  font-size: 1.25em;
  position: relative;
  display: flex;
  align-items: center;
}
.hover-content .arrow {
  flex: 1;
  background-image: url("img/arrows-l.png");
  background-position: right center;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
}

.hover-module:hover .title-content {
  opacity: 0;
}

.hover-module:hover .hover-content {
  opacity: 1;
}

.solar_map_popup {
  cursor: pointer;
}
.solar_map_popup img {
  display: block;
}

.solar-popup-top {
  background-color: #384458;
  padding: 2em;
}
.solar-popup-top * {
  color: #fff;
}
.solar-popup-top h2,
.solar-popup-top h3,
.solar-popup-top h4,
.solar-popup-top .customer-map-search-results b,
.customer-map-search-results .solar-popup-top b,
.solar-popup-top .customer-map-search-results strong,
.customer-map-search-results .solar-popup-top strong {
  margin-bottom: 0;
  margin-top: 0;
}
.solar-popup-top p:nth-of-type(1) {
  margin-top: 10px;
}
.solar-popup-top > *:last-child {
  margin-bottom: 0;
}

.solar-map-popup-modal {
  position: fixed;
  background-color: rgba(206, 213, 220, 0.9);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
}
.solar-map-popup-modal .customer-map .map-title,
.solar-map-popup-modal .map-search {
  display: none;
}
.solar-map-popup-modal .solar-map-popup-inner {
  background-color: #e5edf2;
  border-radius: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  max-width: 768px;
  max-height: 768px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.solar-map-popup-modal .customer-map {
  flex: 1;
}
.solar-map-popup-modal .acf-map {
  flex: 1;
  height: 100%;
  display: block;
}
.solar-map-popup-modal .solar-map-popup-inner h2 {
  margin: 10px;
}
.solar-map-popup-modal .close-solar-map-popup {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  z-index: 2;
  width: 20px;
  height: 20px;
}

.panel.dual_sliders {
  background-color: #e5eef2;
}

.dual-sliders-top > :first-child {
  margin-top: 0;
}

.dual-sliders-container {
  max-width: 1440px;
  margin: auto;
  padding: 3em 5vw;
}

.dual-sliders-middle {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.dual-sliders-middle h3 {
  margin: 0 0 10px;
  text-transform: initial;
  font-size: 2em;
}

.dual-slider-single {
  width: 47%;
}
.dual-slider-single .owl-stage-outer {
  overflow: hidden !important;
  display: flex;
  height: 30vw;
}
.dual-slider-single .owl-stage {
  display: flex;
}
.dual-slider-single .owl-item {
  position: relative;
}
.dual-slider-single .slide,
.dual-slider-single .slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.dual-slider-single .owl-nav button {
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.dual-slider-single .owl-nav button:hover {
  transform: scale(1.05);
}
.dual-slider-single .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 25px;
  outline: none;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1em;
}
.dual-slider-single .dual-slider {
  position: relative;
}

.dual-sliders-bottom {
  margin-top: 2.5em;
}

.dual_sliders + .single-text-image .single-text-left {
  background-color: #fff !important;
}

@media screen and (max-width: 1024px) {
  .hover_modules > h2 {
    padding: 0 2.5em;
  }
}
@media screen and (max-width: 900px) {
  .title-content :not(p) {
    font-size: 1.45em;
  }
}
@media screen and (max-width: 768px) {
  .hover-modules-container {
    grid-template-columns: repeat(2, 2fr);
    row-gap: 25px;
  }
}
@media screen and (max-width: 600px) {
  .page-template-home-solar-page .cta,
  .page-template-location-core-page .cta {
    padding: 2em !important;
  }
  .page-template-home-solar-page .simple-text,
  .page-template-location-core-page .simple-text {
    padding: 1.5em;
  }
  .dual-sliders-middle {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
  }
  .dual-slider-single {
    width: 100%;
    margin-bottom: 2em;
  }
  .dual-slider-single .owl-stage-outer {
    height: 50vw;
  }
  .dual-sliders-bottom {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 480px) {
  .hover-modules-container {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 25px;
  }
  .hover-modules-container .hover-module {
    min-height: 50vw;
  }
  .title-content :not(p) {
    font-size: 2em;
  }
  .hover_modules > h2 {
    padding: 0;
  }
  .page-template-home-solar-page .simple-text-inner .btn:last-child, .page-template-home-solar-page .simple-text-inner .repeater h5 a:last-child, .page-template-home-solar-page .repeater h5 .simple-text-inner a:last-child, .page-template-home-solar-page .simple-text-inner .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .simple-text-inner a:last-child:not(:first-child),
  .page-template-location-core-page .simple-text-inner .btn:last-child,
  .page-template-location-core-page .simple-text-inner .page-template-home-solar-page .repeater h5 a:last-child,
  .page-template-location-core-page .simple-text-inner .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child) {
    margin-left: 0;
  }
  .solar-map-popup-modal .close-solar-map-popup {
    top: 15px;
    right: 15px;
  }
}
.pie-chart-inner-wrapper ellipse {
  fill: transparent !important;
}

/* Accordion Column */
.accordion_column .header h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 2.5px solid #edc743;
  content: "";
  display: block;
  width: 175px;
  margin: 50px auto 75px !important;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}

.accordion-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.accordion-columns > *:first-child {
  padding-right: 1.5em;
  width: 45%;
}
.accordion-columns > *:last-child {
  padding-left: 1.5em;
  width: 55%;
}
.accordion-columns .accordion-items {
  display: flex;
  flex-direction: column;
}
.accordion-columns .accordion-item {
  background-color: #E3EEF3;
  border-radius: 15px;
  margin-bottom: 0.75em;
  cursor: pointer;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.accordion-columns .accordion-item:hover {
  transform: scale(1.025);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.accordion-columns .accordion-item .header-click {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em;
}
.accordion-columns .accordion-item .content {
  padding: 0 1em 1em;
}
.accordion-columns .accordion-item h3 {
  flex: 1;
}
.accordion-columns .header-click img {
  max-width: 50px;
  margin-right: 20px;
}
.accordion-columns .accordion-item h3 {
  flex: 1;
  text-transform: initial;
  font-size: 1.33em;
  margin: 0;
}
.accordion-columns .accordion-item .content p:last-child {
  margin-bottom: 0;
}
.accordion-columns .open-close-accordion {
  cursor: pointer;
}
.accordion-columns .accordion-content strong {
  font-family: brandon-grotesque, sans-serif;
}

.page-template-home-solar-page .panel.big_tiles,
.page-template-home-solar-page .panel.hover_modules {
  padding-top: 3em;
}
.page-template-home-solar-page .panel.big_tiles h2,
.page-template-home-solar-page .panel.hover_modules h2 {
  margin-top: 0;
}

.page-template-home-solar-page .panel.hover_modules {
  background-color: #fff;
  padding-bottom: 3em;
}

.page-template-home-solar-page .cta:nth-of-type(1) h1 {
  max-width: 1024px;
  margin: auto;
}

.single-text-image .container > div:last-child {
  margin-left: 4em;
}

.page-template-home-solar-page .pie-chart > h2,
.page-template-home-solar-page .pie-chart > p {
  text-align: center;
}

.page-template-home-solar-page .pie-chart > p {
  margin: 1em auto;
  max-width: 600px;
}

.page-template-home-solar-page .pie-table.pie-table-top {
  margin-top: 2.5em;
  display: flex;
  justify-content: center;
}
.page-template-home-solar-page .pie-table-footer {
  position: relative;
  z-index: 5;
  text-align: center;
  margin: 2em auto;
  text-transform: initial;
  font-size: 1.125em;
}
.page-template-home-solar-page .bsw-insurance-package .columns.flex {
  display: grid;
  grid-template-columns: repeat(4, 4fr);
  grid-gap: 50px;
}
.page-template-home-solar-page .bsw-insurance-package .column {
  background-color: #fff;
  font-family: brandon-grotesque, sans-serif;
  padding: 20px;
  width: 100%;
  align-items: center;
}
.page-template-home-solar-page .bsw-insurance-package h2 {
  margin-top: 0;
}
.page-template-home-solar-page .bsw-insurance-package {
  padding-top: 3em;
}
.page-template-home-solar-page .accordion_with_background_image.panel .accordion {
  background-color: transparent;
  padding: 0;
}
.page-template-home-solar-page .accordion_with_background_image::before {
  display: none;
}
.page-template-home-solar-page .accordion_with_background_image h2 {
  color: #000 !important;
}
.page-template-home-solar-page .accordion_with_background_image.panel .accordion-item {
  margin-bottom: 20px;
  background-color: #e3eef3;
  padding: 1.5em;
  border-radius: 20px;
}
.page-template-home-solar-page .accordion_with_background_image.panel .accordion-item .content {
  max-width: 600px;
  margin: 0.5em auto;
  padding: 0;
  background: transparent !important;
}

.tiles-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  display: grid;
  max-width: 900px;
  margin: auto;
  padding: 0 0 4em;
  grid-gap: 60px;
}
.tiles-grid > * {
  background-color: #384458;
  color: #fff;
  font-size: 1.35em;
  border-radius: 15px;
  padding: 4em 2em;
}
.tiles-grid > * b,
.tiles-grid > * strong {
  color: #edc743;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: bold;
}

.tile-single p {
  margin: 0;
}

.bsw-insurance-package > .container {
  max-width: 1366px;
  margin: auto;
}

.page-template-home-solar-page .accordion_with_background_image h2::after {
  margin: 30px auto !important;
}

@media screen and (max-width: 1600px) {
  .accordion_column .container {
    padding: 2em;
  }
  .big_tiles .container {
    padding: 0 2em;
  }
  .bsw-insurance-package > .container {
    padding: 0 2em;
  }
}
@media screen and (max-width: 1366px) {
  .page-template-home-solar-page .bsw-insurance-package .columns.flex {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 50px;
    padding: 2em;
  }
}
@media screen and (max-width: 900px) {
  .accordion-columns {
    flex-direction: column;
  }
  .accordion-columns > :first-child {
    padding-right: 0;
    width: 100%;
  }
  .accordion-columns > :last-child {
    padding-left: 0;
    width: 100%;
    padding-top: 1.5em;
  }
  .page-template-home-solar-page .pie-table.pie-table-top {
    margin-top: 0;
  }
  .page-template-home-solar-page .bsw-insurance-package .columns.flex {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.acf-map div {
  cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default !important;
}

.accordion-content p:first-child {
  margin-top: 0;
}

.accordion_column h2 {
  text-align: center;
}

.accordion_column .header h2::after,
.page-template-home-solar-page .bsw-insurance-package h2::after {
  margin: 30px auto;
}

.page-template-home-solar-page .bsw-insurance-package > .container:first-child {
  text-align: center;
}

.standalone-header {
  position: relative;
}
.standalone-header::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.standalone-header .container {
  max-width: 1330px;
  margin: auto;
  position: relative;
  z-index: 2;
  padding-left: 2em;
  padding-right: 2em;
}

.standalone-header .container p {
  margin: 0;
}

.standalone-header img {
  max-width: 450px;
  padding-top: 3em;
}

.standalone-header-columns.flex {
  width: 100%;
  padding-top: 4em;
  padding-bottom: 5em;
  color: #fff;
}

.standalone-header h1 {
  margin-top: 0;
  color: #fff;
  text-transform: initial;
  line-height: 1.2;
  margin-bottom: 15px;
}

.standalone-header-columns p {
  font-family: brandon-grotesque, sans-serif;
  font-weight: normal;
  font-size: 1.65em;
}

.standalone-header-columns > * {
  width: 45%;
}
.standalone-header-columns > *.left {
  width: 55%;
  padding-right: 4em;
}
.standalone-header-columns > *.right {
  background-color: rgba(227, 238, 243, 0.85);
  color: #000;
  font-family: brandon-grotesque;
  font-weight: bold;
}
.standalone-header-columns > *.right label {
  text-transform: initial;
  font-size: 1.25em;
  font-weight: normal;
}

.standalone-header-columns .contact-form input {
  background-color: transparent;
  border: 3px solid #000;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.standalone-header-columns select {
  background-color: transparent;
  border: 3px solid #000;
  padding: 5px;
  margin-top: 5px;
}

#submit_button {
  color: #000;
  font-size: 1.25em;
  margin-top: 55px !important;
  display: block !important;
}

.standalone-header-columns .contact-form {
  padding: 2em 3em;
}

.standalone-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.standalone-landing-page .dual_sliders h2,
.standalone-landing-page .image_with_content h2,
.standalone-landing-page .pie-chart h2,
.video-testimonials .header h2 {
  margin: 0 !important;
  padding-top: 0.75em;
}
.standalone-landing-page .dual_sliders h2::after,
.standalone-landing-page .image_with_content h2::after,
.standalone-landing-page .pie-chart h2::after,
.video-testimonials .header h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 4px solid #edc743;
  content: "";
  display: block;
  width: 100px;
  margin: 30px auto;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}

.standalone-landing-page .image_with_content h2::after {
  margin-left: 0;
}

.standalone-landing-page .video-testimonials-wrapper {
  padding-top: 2.5em;
  padding-bottom: 4em;
}
.standalone-landing-page .video-testimonials-wrapper .btn, .standalone-landing-page .video-testimonials-wrapper .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .standalone-landing-page .video-testimonials-wrapper a, .standalone-landing-page .video-testimonials-wrapper .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .standalone-landing-page .video-testimonials-wrapper a:last-child:not(:first-child) {
  margin-top: 25px;
}

.standalone-landing-page .quote-link:nth-of-type(3) h6::after {
  display: none;
}

.standalone-landing-page .pie-chart > h2,
.standalone-landing-page .pie-chart > p {
  text-align: center;
  margin: auto;
}

.standalone-landing-page .panel.dual_sliders {
  background-color: #f4f8fa;
}
.standalone-landing-page .pie-chart > p {
  max-width: 640px;
}
.standalone-landing-page .pie-chart-inner-wrapper {
  width: 50%;
}
.standalone-landing-page .pie-table .descriptive-text {
  width: 50%;
}
.standalone-landing-page .pie-table.pie-table-top {
  max-width: 1024px;
  margin: 2.5em auto;
}
.standalone-landing-page .pie-chart::before {
  display: none;
}
.standalone-landing-page .pie-chart .panel-footer {
  width: 100%;
  margin-top: 2em;
}
.standalone-landing-page .pie-chart .panel-footer a b {
  text-transform: initial;
  font-family: proxima-nova, sans-serif;
  font-weight: initial;
  color: #000;
}
.standalone-landing-page .pie-chart {
  background-color: #e3eef3 !important;
}
.standalone-landing-page .pie-chart h2 {
  padding-top: 0;
}
.standalone-landing-page .dual_sliders p {
  font-size: 1.25em;
  max-width: 1166px;
}
.standalone-landing-page .dual_sliders h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.standalone-landing-page .dual-sliders-top h2 {
  padding-top: 0;
}
.standalone-landing-page .dual-sliders-bottom a {
  color: #000;
}
.standalone-landing-page .dual-sliders-bottom {
  margin-top: 1.5em;
}

.slider-footer p {
  font-size: 0.85em !important;
}

.panel.image_with_content {
  background-color: #e3eef3;
}
.panel.image_with_content .container {
  max-width: 1330px;
  margin: auto;
  padding: 5.5em 2em;
}
.panel.image_with_content .content,
.panel.image_with_content .video {
  width: 50%;
}
.panel.image_with_content .content iframe,
.panel.image_with_content .video iframe {
  width: 100%;
}
.panel.image_with_content .content {
  padding-left: 3.5em;
}

.standalone-landing-page .image_with_content h2 {
  padding-top: 0;
}

.standalone-landing-page .image_with_content p {
  font-size: 1.25em;
}

.standalone-landing-page .image_with_content h5 a {
  color: #000 !important;
}

.thank_you {
  height: 75vh;
  position: relative;
  display: flex;
  flex-direction: center;
  align-items: center;
  color: #fff;
}
.thank_you::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.thank_you .container {
  max-width: 1330px;
  margin: auto;
  position: relative;
  z-index: 2;
  padding-left: 2em;
  padding-right: 2em;
}
.thank_you .container h1 {
  margin: 0;
  color: #fff !important;
  font-size: 8vw;
}
.thank_you .container p,
.thank_you .container p strong {
  font-size: 2.5vw !important;
  color: #fff !important;
  text-transform: initial !important;
  max-width: 600px;
  margin: 4em auto 0 !important;
}

@media screen and (max-width: 1166px) {
  .standalone-header h1 br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .standalone-header-columns.flex {
    flex-direction: column;
  }
  .standalone-header-columns > .left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 2em;
  }
  .standalone-header .container p br {
    display: none;
  }
  .standalone-header-columns > * {
    width: 100%;
  }
  .standalone-header img {
    max-width: 66%;
  }
  .panel.image_with_content .container {
    flex-direction: column;
    padding: 2em;
  }
  .panel.image_with_content .content,
  .panel.image_with_content .video {
    width: 100%;
  }
  .panel.image_with_content .content {
    padding-left: 0;
    padding-top: 2.5em;
  }
}
@media screen and (max-width: 480px) {
  .standalone-landing-page .pie-table.pie-table-top {
    max-width: 1024px;
    margin: 0 auto;
  }
  .single-post div[class*=elfsight] {
    display: none !important;
  }
}
.mailchimp-landing-page {
  background-color: #e3eef3;
}
.mailchimp-landing-page > * {
  max-width: 1366px;
  margin: auto;
  padding: 2em;
}
.mailchimp-landing-page .mailchimp-header {
  padding: 8vw 2em 3vw;
}
.mailchimp-landing-page .mailchimp-header h1 {
  font-family: brandon-grotesque, sans-serif;
  text-transform: initial;
  font-weight: 700;
  font-size: 4em;
  margin-bottom: 35px;
  margin-top: 0;
}
.mailchimp-landing-page .mailchimp-header p + ul {
  margin-top: -1.5em;
  margin-left: 2em;
}
.mailchimp-landing-page .mailchimp-header li,
.mailchimp-landing-page .mailchimp-header p {
  font-size: 1.25em;
  line-height: 1.25em;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}
.mailchimp-landing-page .mailchimp-header li ul,
.mailchimp-landing-page .mailchimp-header p ul {
  margin: 0 0 0 1em;
  padding: 0;
}
.mailchimp-landing-page .mailchimp-header li:last-child,
.mailchimp-landing-page .mailchimp-header p:last-child {
  margin-bottom: 0;
}
.mailchimp-landing-page .mailchimp-header li:first-child, .mailchimp-landing-page .mailchimp-header li:nth-of-type(1),
.mailchimp-landing-page .mailchimp-header p:first-child,
.mailchimp-landing-page .mailchimp-header p:nth-of-type(1) {
  margin-top: 0;
}
.mailchimp-landing-page .mailchimp-header.flex {
  align-items: center;
}
.mailchimp-landing-page .mailchimp-header.flex > * {
  width: 50%;
  padding: 0 2em;
}
.mailchimp-landing-page .mailchimp-header.flex > * img {
  display: block;
  margin: auto;
  height: auto !important;
  width: 100% !important;
  object-fit: contain;
  max-width: 380px;
}
.mailchimp-landing-page .mailchimp-code-inner {
  max-width: 500px;
  display: block;
  margin: 3em auto;
  background-color: #f4f8fa;
}
.mailchimp-landing-page #mc_embed_signup {
  background: transparent !important;
  clear: left;
  font: 14px brandon-grotesque, sans-serif !important;
  width: 100%;
  padding: 0 2em;
}
.mailchimp-landing-page #mc_embed_signup .clear {
  text-align: center;
}
.mailchimp-landing-page .indicates-required {
  display: none;
}
.mailchimp-landing-page .asterisk {
  display: none;
}
.mailchimp-landing-page form label {
  text-transform: initial;
  font-weight: 700;
  margin: 1em 0;
  font-size: 1.35em;
}
.mailchimp-landing-page #mce-EMAIL {
  width: 100%;
  border: 2px solid #000;
  padding: 5px;
  margin-bottom: 25px;
}
.mailchimp-landing-page #mc-embedded-subscribe {
  background-color: #000;
  padding: 10px 25px;
  font-size: 1.25em;
  border: none !important;
}
.mailchimp-landing-page #mc_embed_signup_scroll h2 {
  margin: 0;
  text-transform: initial;
  font-size: 2em;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1100px) {
  .mailchimp-landing-page .mailchimp-header h1 {
    font-size: 3em;
  }
}
@media screen and (max-width: 900px) {
  .mailchimp-landing-page .mailchimp-header.flex {
    flex-direction: column;
  }
  .mailchimp-landing-page .mailchimp-header.flex > * {
    width: 100%;
    padding: 0;
    margin-bottom: 2em;
  }
  .page-id-112 .page-header {
    padding: 15vw 0;
  }
}
@media screen and (max-width: 768px) {
  .page-template-standalone-landing-page .video-right {
    text-align: center;
  }
  .page-template-standalone-landing-page .video-right > a.quote-link {
    text-align: left;
  }
  .page-id-112 .page-header {
    padding: 20vw 0;
  }
}
@media screen and (max-width: 600px) {
  .mailchimp-landing-page .mailchimp-header.flex > * img {
    max-width: 100%;
  }
  .page-template-2022-landing-page .accordion_with_background_image.panel .btn, .page-template-2022-landing-page .accordion_with_background_image.panel .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .page-template-2022-landing-page .accordion_with_background_image.panel a, .page-template-2022-landing-page .accordion_with_background_image.panel .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-2022-landing-page .accordion_with_background_image.panel a:last-child:not(:first-child) {
    margin: 2em auto !important;
    display: block;
    max-width: 120px;
    text-align: center;
  }
  .page-template-2022-landing-page .single-text-image.align-left {
    flex-direction: column-reverse;
    display: flex;
  }
  .page-id-112 .page-header {
    padding: 33vw 0;
  }
}
/* new showroom page */
.page-id-4764 .site-main {
  display: flex;
  flex-wrap: wrap;
}

.page-id-4764 #main > div:nth-child(1),
.page-id-4764 #main > div:nth-child(2) {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.page-id-4764 .owl-dots {
  display: none;
}
.page-id-4764 .owl-stage,
.page-id-4764 .photo-gallery {
  display: flex !important;
  align-items: stretch !important;
  max-height: initial !important;
}
.page-id-4764 .owl-stage-outer {
  display: flex;
}
.page-id-4764 .photo-gallery .owl-stage .owl-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  object-position: center;
}
.page-id-4764 h4, .page-id-4764 .customer-map-search-results b, .customer-map-search-results .page-id-4764 b,
.page-id-4764 .customer-map-search-results strong,
.customer-map-search-results .page-id-4764 strong {
  text-transform: initial;
  line-height: 1.25;
}
.page-id-4764 .btn, .page-id-4764 .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .page-id-4764 a, .page-id-4764 .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-id-4764 a:last-child:not(:first-child),
.page-id-4764 .btn:visited,
.page-id-4764 h5 a,
.page-id-4764 h5 a:visited {
  color: #000 !important;
}
.page-id-4764 .simple-text {
  padding: 2.5vw 7.5vw;
  width: 100%;
}
.page-id-4764 .dual-sliders-top p,
.page-id-4764 .simple-text p {
  max-width: 900px;
}
.page-id-4764 .simple-text h2 {
  margin-bottom: 10px;
}
.page-id-4764 .simple-text iframe {
  width: 100%;
  margin: 1em auto 0.5em;
}
.page-id-4764 .simple-text h5 {
  margin-top: 25px !important;
}
.page-id-4764 .single-text-image {
  width: 100%;
  background-color: #fff !important;
  background: #fff !important;
}
.page-id-4764 #main > .container {
  width: 100%;
}
.page-id-4764 .pie-table.pie-table-top {
  margin-top: 2.5em;
  display: flex;
  justify-content: center;
}
.page-id-4764 .pie-chart > p {
  margin: 1em auto;
  max-width: 600px;
}
.page-id-4764 .pie-chart > h2,
.page-id-4764 .pie-chart > p {
  text-align: center;
}
.page-id-4764 .pie-table.pie-table-footer,
.page-id-4764 .pie-table.pie-table-footer h5 a,
.page-id-4764 .pie-table.pie-table-footer h5 a b {
  position: relative;
  z-index: 3;
  text-align: center;
  text-transform: initial !important;
  margin-top: 1.5em;
  font-size: 1.05em;
}
.page-id-4764 .cta:not(.page-header) {
  background-color: transparent;
  color: #000;
  padding: 50px 100px !important;
}
.page-id-4764 .cta p {
  font-weight: 400;
  font-size: 1.111em;
  max-width: 900px;
  margin: 1em auto;
}
.page-id-4764 .cta h2 {
  margin-bottom: 35px;
}
.page-id-4764 .cta h5 {
  margin-top: 2em;
}

@media screen and (max-width: 900px) {
  .page-id-4764 #main > div:nth-child(1),
  .page-id-4764 #main > div:nth-child(2) {
    display: block;
    width: 100%;
    padding: 25px;
  }
  .page-id-4764 .owl-stage,
  .page-id-4764 .photo-gallery {
    height: 50vw;
    width: 100%;
  }
  .page-id-4764 #main > div:nth-child(2) {
    padding: 0;
  }
  .page-id-4764 .simple-text {
    padding: 25px;
  }
  .page-id-4764 .single-text-image.align-right .single-text-left {
    padding: 25px;
  }
  .page-id-4764 .cta:not(.page-header) {
    padding: 25px !important;
  }
}
@media screen and (max-width: 600px) {
  .page-id-4764 .simple-text iframe {
    height: 50vw;
  }
}
/* October 14 edits */
.description-field {
  font-weight: bold;
  margin: 1em 0;
}

/* 7 Days of Solar Popup */
.home .pum-theme-4962,
.home .pum-theme-default-theme {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.home #popmake-4972 {
  background-color: #2a4536;
}
.home #popmake-4972 * {
  color: #fff !important;
  font-family: brandon-grotesque, sans-serif !important;
  text-transform: uppercase !important;
  font-size: 30px !important;
  letter-spacing: 2px !important;
}
.home .pum-theme-4962 .pum-content + .pum-close,
.home .pum-theme-default-theme .pum-content + .pum-close {
  right: initial;
  left: 50%;
  top: initial;
  bottom: 1em;
  transform: translateX(-50%);
  background-color: transparent !important;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  font-size: 25px !important;
}
.home #popmake-4972 p {
  margin: 0 0 15px;
  font-weight: 700;
  line-height: 1.125;
}
.home #popmake-4972 p:first-child, .home #popmake-4972 p:first-child strong {
  font-size: 25px !important;
}
.home #popmake-4972 p strong {
  color: #caa344 !important;
  font-weight: 700;
}

.popmake hr {
  margin-left: auto;
  margin-right: auto;
  background-color: #caa344 !important;
  color: #caa344 !important;
  max-width: 450px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.home #popmake-4972 h2 {
  font-size: 60px !important;
  margin: 0;
  letter-spacing: 10px !important;
  line-height: 1.125;
}
.home #popmake-4972 h2 em {
  color: #caa344 !important;
  font-size: 100px !important;
  font-style: normal !important;
  letter-spacing: 15px !important;
  display: block;
  margin-bottom: 15px !important;
}
.home #popmake-4972 h2 em::after, .home #popmake-4972 h2 em::before {
  content: "";
  display: inline-block;
  background-image: url("img/sun2.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}

.home #popmake-4972 .popmake-content p:last-child {
  margin-bottom: 50px !important;
  margin-top: 7.5px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}
.home #popmake-4972 .popmake-content p:last-child em {
  font-style: initial !important;
  font-size: 15px !important;
}

.home #popmake-4972 h2 em::before {
  margin-left: -50px;
  margin-right: 25px;
}

.home #popmake-4972 h2 em::after {
  margin-left: 5px;
  margin-right: -25px;
}

.home #popmake-4972 h2 br {
  display: none;
}

.home #popmake-4972 h5 a,
.home #popmake-4972 h5 a:visited {
  background-color: #91433c;
  padding: 5px 35px;
  font-weight: 700;
  letter-spacing: initial !important;
  margin: 10px 0;
}

.home #popmake-4972 .pum-close.popmake-close {
  font-size: 17px !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.home #popmake-4972 {
  max-width: 600px !important;
  padding: 2em !important;
  margin: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 640px) {
  .home #popmake-4972 {
    max-width: 90% !important;
    padding: 1em !important;
  }
  .home #popmake-4972 * {
    font-size: 18px !important;
  }
  .home #popmake-4972 h2 {
    font-size: 40px !important;
    margin: 0;
    letter-spacing: 5px !important;
  }
  .home #popmake-4972 h2 em {
    color: #caa344 !important;
    font-size: 50px !important;
  }
  .home #popmake-4972 h2 em::after,
  .home #popmake-4972 h2 em::before {
    width: 25px;
    height: 25px;
  }
  .home #popmake-4972 h2 em::before {
    margin-left: -5px;
    margin-right: 10px;
  }
  .home #popmake-4972 h2 em::after {
    margin-left: -5px;
    margin-right: 0;
  }
  .popmake hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .home #popmake-4972 .pum-close.popmake-close {
    display: inline-block;
    width: 95%;
    border-bottom: none;
    text-decoration: underline;
  }
  .home #popmake-4972 .popmake-content p:last-child {
    margin-bottom: 75px !important;
  }
}
/* 2023 New Core Page */
.page-template-2023-new-core-page {
  overflow-x: hidden;
}
.page-template-2023-new-core-page .page_header {
  background-color: #000;
  color: #fff;
}
.page-template-2023-new-core-page .page_header .left * {
  color: #fff;
}
.page-template-2023-new-core-page .page_header h1 {
  font-size: 2.8em;
  margin: 0;
}
.page-template-2023-new-core-page .page_header p {
  line-height: 1.66;
}
.page-template-2023-new-core-page .page_header ul {
  margin-top: 3.5em;
}
.page-template-2023-new-core-page .page_header ul li a,
.page-template-2023-new-core-page .page_header ul li a:visited {
  background-color: #eac642;
  color: #000 !important;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  text-decoration: none;
  width: 200px !important;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  display: block;
}
.page-template-2023-new-core-page .page_header ul li a:hover,
.page-template-2023-new-core-page .page_header ul li a:visited:hover {
  background-color: rgb(237.825, 208.3821428571, 100.425);
  color: #000 !important;
}
.page-template-2023-new-core-page .page_header ul li:nth-child(2) a,
.page-template-2023-new-core-page .page_header ul li:nth-child(2) a:visited {
  background-color: #283f95;
  color: #fff !important;
}
.page-template-2023-new-core-page .page_header ul li:nth-child(2) a:hover,
.page-template-2023-new-core-page .page_header ul li:nth-child(2) a:visited:hover {
  background-color: rgb(48.0952380952, 75.75, 179.1547619048);
}
.page-template-2023-new-core-page .page_header ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
.page-template-2023-new-core-page .page_header li:first-child {
  margin-right: 15px;
}
.page-template-2023-new-core-page .left,
.page-template-2023-new-core-page .right {
  width: 50%;
}
.page-template-2023-new-core-page .flex {
  align-items: center;
}
.page-template-2023-new-core-page .panel {
  padding: 5em 3em;
}
.page-template-2023-new-core-page h2:first-child {
  margin-top: 0;
}
.page-template-2023-new-core-page .page_header {
  padding-right: 0;
}
.page-template-2023-new-core-page .page_header .left {
  width: 45%;
}
.page-template-2023-new-core-page .page_header .right {
  width: 55%;
  padding-left: 3em;
}
.page-template-2023-new-core-page .text_with_image {
  margin-top: 4em;
  margin-bottom: 4em;
}
.page-template-2023-new-core-page .text_with_image .left {
  position: relative;
  z-index: 2;
}
.page-template-2023-new-core-page .page_header .right img {
  transform: translate(65px);
}
.page-template-2023-new-core-page .page_header h1 {
  line-height: 1.33;
  margin-bottom: 0.75em;
}
.page-template-2023-new-core-page .text_with_image {
  padding-right: 0;
  position: relative;
}
.page-template-2023-new-core-page .text_with_image .right {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.page-template-2023-new-core-page .text_with_image .right::after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  background-image: url("img/black_bg.png");
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-template-2023-new-core-page .text_with_image img {
  display: block;
  position: relative;
  z-index: 2;
}
.page-template-2023-new-core-page #panel-3 img {
  transform: translateX(35px);
}
.page-template-2023-new-core-page .repeater h2::after,
.page-template-2023-new-core-page .text_with_image h2::after,
.page-template-2023-new-core-page .video_embed h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 4px solid #edc743;
  content: "";
  display: block;
  width: 100px;
  margin: 30px auto 30px 0;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: #eac642;
}
.page-template-2023-new-core-page .repeater h2::after {
  margin: 30px auto;
}
.page-template-2023-new-core-page h5 {
  text-align: center;
}
.page-template-2023-new-core-page h5 a,
.page-template-2023-new-core-page h5 a:visited {
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  color: #000;
  font-weight: 700;
}
.page-template-2023-new-core-page h5 a:hover,
.page-template-2023-new-core-page h5 a:visited:hover {
  color: #000;
}
.page-template-2023-new-core-page .text_with_image .left {
  max-width: 600px;
  margin-left: auto;
}
.page-template-2023-new-core-page .page_header .left {
  max-width: 614px;
  margin-left: auto;
}
.page-template-2023-new-core-page .container {
  max-width: 1366px;
  margin: auto;
}
.page-template-2023-new-core-page .repeater,
.page-template-2023-new-core-page .video_embed {
  background-color: #e5eef2;
}
.page-template-2023-new-core-page .repeater .container:first-child {
  text-align: center;
  max-width: 900px;
}
.page-template-2023-new-core-page .repeater-items {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: 25px 100px;
  margin-top: 4em;
  margin-bottom: 2em;
}
.page-template-2023-new-core-page .repeater-item {
  width: 100%;
  position: relative;
}
.page-template-2023-new-core-page .repeater-item::after {
  content: "";
  display: block;
  top: 0;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: translate(-70%, 0);
}
.page-template-2023-new-core-page .repeater-item h3 {
  text-transform: initial;
  font-size: 1.5em;
}
.page-template-2023-new-core-page .solar_map_popup {
  padding: 0;
}
.page-template-2023-new-core-page .video_embed iframe {
  width: 100%;
  height: 50vw;
  max-height: 380px;
}
.page-template-2023-new-core-page .video_embed .left {
  padding-right: 4em;
}
.page-template-2023-new-core-page .long-content-wrapper {
  display: none;
}
.page-template-2023-new-core-page .call_to_action .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  transform: scaleY(-1);
  z-index: 1;
}
.page-template-2023-new-core-page .call_to_action .bg-image img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  transform: scaleX(-1);
}
.page-template-2023-new-core-page .call_to_action .container {
  max-width: 900px;
}
.page-template-2023-new-core-page .call_to_action .container h5 {
  margin-top: 50px;
}
.page-template-2023-new-core-page .call_to_action {
  position: relative;
  text-align: center;
}
.page-template-2023-new-core-page .call_to_action .container {
  position: relative;
  z-index: 2;
}
.page-template-2023-new-core-page .has-map {
  align-items: stretch;
}
.page-template-2023-new-core-page .has-map .map-image,
.page-template-2023-new-core-page .has-map .repeater-items {
  width: 50%;
  position: relative;
}
.page-template-2023-new-core-page .has-map .map-image {
  overflow: hidden;
  min-height: 400px;
  margin: auto;
}
.page-template-2023-new-core-page .has-map .map-image:hover img {
  transform: scale(1.05);
}
.page-template-2023-new-core-page .has-map .repeater-items {
  grid-template-columns: repeat(1, 1fr);
  padding-left: 3.5em;
}
.page-template-2023-new-core-page .has-map .map-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.home #map {
  overflow: hidden;
}

.home #map img {
  cursor: pointer;
  display: block;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.home #map img:hover {
  transform: scale(1.05);
}

.home .customer-map .map-title {
  display: flex;
  align-items: center;
}

.page-id-5134 .page-header {
  display: none;
}

.page-id-5134 .customer-map {
  border-top: 1px solid #ccc;
}

.page-template-2023-new-core-page .page_header {
  padding-bottom: 0;
  padding-top: 1em;
}
.page-template-2023-new-core-page .page_header .right img {
  transform: translateY(65px);
}

.page-template-2023-new-core-page .page_header .right img {
  max-height: 600px;
  object-fit: contain;
  object-position: right;
}

.page-template-2023-new-core-page .page_header {
  padding-bottom: 2em;
  padding-top: 2em;
}

.page-template-2023-new-core-page .page_header li {
  width: 50%;
}

.page-template-2023-new-core-page .page_header ul li a,
.page-template-2023-new-core-page .page_header ul li a:visited {
  max-width: 100% !important;
  width: 100% !important;
}

.page-id-5214.page-template-2023-new-core-page #panel-1.text_with_image .right::after {
  width: 103%;
  background-size: 100% 100%;
}

.page-id-5214.page-template-2023-new-core-page .text_with_image .left {
  max-width: 700px;
  margin-left: auto;
  padding-right: 3em;
}

@media screen and (max-width: 1366px) {
  .page-template-2023-new-core-page .text_with_image .no-mobile {
    max-width: 90%;
  }
  .page-template-2023-new-core-page .video_embed .left {
    padding-right: 2em;
  }
  .page-template-2023-new-core-page .video_embed iframe {
    height: 30vw;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-2023-new-core-page .flex {
    flex-direction: column;
  }
  .page-template-2023-new-core-page .page_header .left {
    max-width: 100%;
    margin-left: initial;
    width: 100%;
    position: relative;
    z-index: 3;
  }
  .page-template-2023-new-core-page .panel {
    padding: 1.5em;
  }
  .page-template-2023-new-core-page .page_header {
    padding-right: 1.5em;
  }
  .page-template-2023-new-core-page .page_header {
    position: relative;
  }
  .page-template-2023-new-core-page .page_header h1,
  .page-template-2023-new-core-page .page_header p {
    text-shadow: 0 0 20px #000;
  }
  .page-template-2023-new-core-page .page_header .right {
    width: 100%;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    z-index: 1;
    height: 100%;
    overflow: hidden;
  }
  .page-template-2023-new-core-page .page_header .right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .page-template-2023-new-core-page .page_header .right img {
    transform: initial;
  }
  .page-template-2023-new-core-page .text_with_image {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .page-template-2023-new-core-page .text_with_image .flex {
    flex-direction: row;
  }
  .page-template-2023-new-core-page .text_with_image {
    padding-right: 0;
  }
  .page-template-2023-new-core-page .video_embed .left {
    padding-right: 0;
  }
  .page-template-2023-new-core-page .left,
  .page-template-2023-new-core-page .right {
    width: 100%;
  }
  .page-template-2023-new-core-page .video_embed iframe {
    width: 100%;
    height: 56.25vw;
    max-height: initial;
  }
  .page-template-2023-new-core-page .video_embed .right {
    margin-top: 2em;
  }
  .page-template-2023-new-core-page .repeater-items {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 2em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-2023-new-core-page .text_with_image .right {
    padding-right: 1.5em;
  }
  .page-template-2023-new-core-page .text_with_image .right::after {
    display: none;
  }
  .page-template-2023-new-core-page #primary .mobile-only img {
    width: 100%;
    display: block;
    transform: initial !important;
  }
  .page-template-2023-new-core-page .solar_map_popup {
    padding: 0 !important;
  }
  .page-template-2023-new-core-page .timeline-charts-items-wrapper.flex {
    flex-direction: row;
  }
  .page-template-2023-new-core-page .countup-container {
    font-size: 1.75em;
  }
  .page-template-2023-new-core-page .short-content {
    font-size: 0.75em;
    padding: 5px 10px;
  }
  .page-template-2023-new-core-page .container.chart-items-top {
    margin: 2em auto;
  }
  .page-template-2023-new-core-page .chart-item-top.flex {
    flex-direction: row;
  }
  .chart-item-bottom.flex {
    display: none;
  }
  .page-template-2023-new-core-page .has-map .map-image {
    width: 100%;
  }
  .page-template-2023-new-core-page .has-map .repeater-items {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    max-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .page-template-2023-new-core-page .page_header ul {
    flex-direction: column;
    width: 100%;
  }
  .page-template-2023-new-core-page .page_header li:first-child {
    margin-right: 0;
  }
  .page-template-2023-new-core-page .page_header ul li a,
  .page-template-2023-new-core-page .page_header ul li a:visited {
    margin: 5px auto !important;
  }
  .page-template-2023-new-core-page .page_header h1 {
    font-size: 2.5em;
  }
  .page-template-2023-new-core-page .page_header ul {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .page-template-2023-new-core-page .page_header ul li a,
  .page-template-2023-new-core-page .page_header ul li a:visited {
    width: 100% !important;
  }
  .page-template-2023-new-core-page .text_with_image .flex {
    flex-direction: column;
  }
  .page-template-2023-new-core-page .text_with_image .left {
    max-width: 100%;
    margin-left: initial;
    padding-right: 1.5em;
  }
  .page-template-2023-new-core-page .left,
  .page-template-2023-new-core-page .right {
    width: 100%;
  }
  .page-template-2023-new-core-page .text_with_image .right {
    margin-top: 2em;
  }
  .page-template-2023-new-core-page .timeline-chart-item {
    flex: 1;
  }
  .page-template-2023-new-core-page .container.chart-items-bottom .right img {
    display: none;
  }
  .page-template-2023-new-core-page .chart-item-top .right .content-inner {
    position: relative;
    top: initial;
    left: initial;
    width: auto;
    max-width: 100%;
    min-width: initial;
    height: auto;
    transform: initial;
    color: #fff;
    background-color: #000;
    margin-left: 1.5em;
  }
  .page-template-2023-new-core-page .chart-item-top.flex {
    align-items: stretch;
    margin: 0 1em;
  }
  .page-template-2023-new-core-page .chart-item .left img.final {
    background-color: #000;
  }
  .page-template-2023-new-core-page .chart-item-top .right {
    justify-content: center;
  }
  .page-template-2023-new-core-page .chart-items-top .line {
    width: calc(100% - 112.5px);
  }
  .page-template-2023-new-core-page .page_header li {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .chart-item.first.active {
    min-height: 525px;
  }
  .page-template-2023-new-core-page .short-content {
    padding: 5px;
  }
  .page-template-2023-new-core-page .chart-items-top .line {
    width: calc(100% - 75px);
  }
  .panel.interactive_chart {
    padding-left: 0;
    padding-right: 0;
  }
  .panel.interactive_chart > *:not(.chart-items-top):not(.chart-items-bottom) {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .page-template-2023-new-core-page .countup-container {
    font-size: 1.25em;
  }
  .page-template-2023-new-core-page .chart-item-top.flex {
    flex-direction: column;
  }
  .page-template-2023-new-core-page .chart-item .left {
    max-width: 300px;
    margin: 0 auto 2em;
  }
  .page-template-2023-new-core-page .chart-item-top .right {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 420px) {
  .page-template-2023-new-core-page .short-content {
    font-size: 0.65em;
    letter-spacing: initial;
  }
}
/* Feb 21 2023 fixes */
.page-id-285 .panel {
  padding: 3em 0;
}
.page-id-285 .container {
  max-width: 1200px;
  margin: auto;
}
.page-id-285 .anatomy-video-embed.flex {
  padding: 2em 0;
}
.page-id-285 h2:nth-of-type(1) {
  margin-top: 0;
}
.page-id-285 h2 {
  font-size: 2.5em;
}
.page-id-285 h2::after {
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  margin: 2em 0;
  border: 4px solid #edc743;
  content: "";
  display: block;
  width: 100px;
  margin: 30px auto;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.page-id-285 .anatomy-video-embed h2::after {
  margin: 30px auto 30px 0;
}
.page-id-285 h5 {
  text-align: left !important;
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
}
.page-id-285 h5 a {
  color: #000;
  font-weight: 700;
}
.page-id-285 h5 a:hover {
  color: #000;
}
.page-id-285 .component-header h3 {
  margin: 0;
  font-size: 1.25em;
}
.page-id-285 .components_of_a_solar_panel .container.flex {
  align-items: center;
  margin: 3em auto;
}
.page-id-285 .components_of_a_solar_panel .left {
  width: 30%;
}
.page-id-285 .components_of_a_solar_panel .right {
  width: 70%;
  padding-left: 2em;
}
.page-id-285 .component-content {
  display: none;
}
.page-id-285 .component_section {
  margin-bottom: 1.5em;
}
.page-id-285 .component_section p {
  margin: 0;
  padding: 1em 0;
}
.page-id-285 .how_do_solar_panels_work .diagram:not(.container) {
  max-width: 600px;
  margin: auto;
}
.page-id-285 .how_do_solar_panels_work .container.diagram {
  position: relative;
}
.page-id-285 .container.diagram > :not(.diagram) {
  position: absolute;
  max-width: 380px;
}
.page-id-285 .container.diagram > :not(.diagram) h3 {
  font-size: 1.25em;
  margin: 0;
  position: relative;
}
.page-id-285 .container.diagram > :not(.diagram) h3::after {
  content: "";
  display: block;
  top: -1em;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: translate(-70%, 0);
}
.page-id-285 .left-side-box-1 {
  top: 0;
  left: 0;
}
.page-id-285 .left-side-box-2 {
  bottom: 12em;
  left: -1em;
  max-width: 300px !important;
}
.page-id-285 .right-side-box-1,
.page-id-285 .right-side-box-2 {
  right: -2em;
  top: 4em;
  max-width: 300px !important;
}
.page-id-285 .right-side-box-2 {
  bottom: 0;
  top: initial;
}
.page-id-285 .featured_text_with_image {
  background-color: #000;
  color: #fff !important;
  padding: 0;
  position: relative;
}
.page-id-285 .featured_text_with_image .flex {
  align-items: stretch;
}
.page-id-285 .featured_text_with_image::after, .page-id-285 .featured_text_with_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  z-index: 2;
  background-color: #fff;
  display: block;
}
.page-id-285 .featured_text_with_image::after {
  top: initial;
  bottom: 0;
  height: 4em;
}
.page-id-285 .featured_text_with_image .left {
  max-width: 600px;
  margin-left: auto;
  width: 50%;
}
.page-id-285 .featured_text_with_image .left h2 {
  color: #fff;
  margin: 0;
}
.page-id-285 .featured_text_with_image .left h2::after {
  margin: 30px auto 30px 0;
}
.page-id-285 .featured_text_with_image .right {
  width: 50%;
  position: relative;
}
.page-id-285 .featured_text_with_image .flex {
  align-items: center;
}
.page-id-285 .featured_text_with_image .flex > * {
  position: relative;
  z-index: 3;
}
.page-id-285 .solar_panel_mounting_options {
  padding: 4em 0 !important;
}
.page-id-285 .solar_panel_mounting_options .section.flex {
  align-items: center;
}
.page-id-285 .solar_panel_mounting_options .container.section.flex > * {
  width: 50%;
}
.page-id-285 .solar_panel_mounting_options .container.section.flex > *:first-child {
  padding-right: 2em;
}
.page-id-285 .solar_panel_mounting_options .container.section.flex > *:last-child {
  padding-left: 2em;
}
.page-id-285 .solar_panel_mounting_options h3 {
  margin: 0;
  text-transform: initial;
  font-size: 1.75em;
}
.page-id-285 .solar_panel_mounting_options .section {
  margin: 4em auto;
}
.page-id-285 .solar_panel_mounting_options .section:nth-child(odd) {
  flex-direction: row-reverse;
}
.page-id-285 .solar_panel_mounting_options .section:nth-child(odd) > *:first-child {
  padding-left: 2em;
  padding-right: 0 !important;
}
.page-id-285 .solar_panel_mounting_options .section:nth-child(odd) > *:last-child {
  padding-right: 2em;
  padding-left: 0 !important;
}
.page-id-285 .solar_panel_mounting_options .footer h5 {
  text-align: center !important;
}
.page-id-285 .components_of_a_residential_solar_system .header {
  text-align: center;
}
.page-id-285 .components_of_a_residential_solar_system .flex {
  align-items: center;
}
.page-id-285 .components_of_a_residential_solar_system .container.flex > * {
  width: 50%;
}
.page-id-285 .components_of_a_residential_solar_system .container.flex > *:first-child {
  padding-right: 3.5em;
}
.page-id-285 .components_of_a_residential_solar_system h3 {
  font-size: 1.25em;
  margin: 0;
  position: relative;
}
.page-id-285 .components_of_a_residential_solar_system h3::after {
  content: "";
  display: block;
  top: -0.5em;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  transform: translate(-70%, 0);
}
.page-id-285 .text_with_image {
  padding-right: 0;
  position: relative;
}
.page-id-285 .text_with_image h2::after {
  margin: 30px auto 30px 0;
}
.page-id-285 .text_with_image .right {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.page-id-285 .text_with_image .right::after {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  right: 25px;
  background-image: url("img/anatomy1.png");
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-id-285 .text_with_image img {
  display: block;
  position: relative;
  z-index: 2;
}
.page-id-285 .text_with_image .flex {
  align-items: center;
}
.page-id-285 .text_with_image + .text_with_image .flex {
  flex-direction: row-reverse;
}
.page-id-285 .text_with_image + .text_with_image .flex .left {
  margin-right: auto;
  margin-left: 0;
  padding-left: 6em;
  padding-right: 0;
}
.page-id-285 .text_with_image + .text_with_image .flex .right::after {
  background-image: url("img/anatomy2.png");
  background-size: 100% 100%;
  height: 96%;
  left: 0;
  width: 102.5%;
  background-position: left;
}
.page-id-285 .text_with_image .left {
  max-width: 600px;
  margin-left: auto;
  padding-right: 4em;
}
.page-id-285 .text_with_image .right {
  display: flex;
  position: relative;
  justify-content: flex-end;
  width: 50%;
}
.page-id-285 .call_to_action h3 {
  text-transform: initial;
  font-size: 2em;
}
.page-id-285 .call_to_action h5 {
  text-align: center !important;
  margin-top: 3em;
}
.page-id-285 .call_to_action p {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.page-id-285 .bg-image.absolute,
.page-id-285 .bg-image.absolute img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: 2;
}
.page-id-285 .call_to_action {
  position: relative;
}
.page-id-285 #panel-10 {
  padding: 6em 0;
}
.page-id-285 .sketchfab-embed-wrapper p {
  display: none;
}
.page-id-285 .sketchfab-embed-wrapper iframe {
  width: 100%;
  height: 20vw;
  min-height: 350px;
}

.site-footer {
  display: flex;
}

.solar-popup-top {
  display: none;
}

@media screen and (max-width: 1366px) {
  .page-id-285 .container {
    padding: 0 2em;
  }
  .page-id-285 .container.diagram > :not(.diagram) {
    position: absolute;
    max-width: 380px;
    font-size: 0.85em;
  }
  .page-id-285 .how_do_solar_panels_work .diagram:not(.container) {
    max-width: 500px;
    margin: auto;
  }
  .page-id-285 .left-side-box-1 {
    top: 0;
    left: 5em;
    max-width: 280px !important;
  }
  .page-id-285 .left-side-box-2 {
    bottom: 12em;
    left: 5em;
    max-width: 150px !important;
  }
  .page-id-285 .right-side-box-1,
  .page-id-285 .right-side-box-2 {
    right: 2em;
    top: 4em;
    max-width: 200px !important;
  }
  .page-id-285 .right-side-box-2 {
    top: initial;
    bottom: 0;
  }
  .page-id-285 .featured_text_with_image .left {
    padding: 2em;
    margin-bottom: 7em;
    margin-top: 4em;
  }
  .page-id-285 .text_with_image .left {
    padding-left: 2.5em;
  }
}
@media screen and (max-width: 1200px) {
  .page-id-285 .anatomy-video-embed.flex {
    padding: 2em;
  }
}
@media screen and (max-width: 1024px) {
  .solar_map_popup img {
    display: block;
    min-height: 75vw;
    object-fit: cover;
    object-position: center;
  }
  .anatomy-video-embed.flex,
  .page-id-285 .container {
    flex-direction: column;
  }
  .page-id-285 .components_of_a_solar_panel .container.flex {
    flex-direction: column-reverse;
  }
  .page-id-285 .components_of_a_solar_panel .left {
    width: 100%;
    margin-top: 2em;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-id-285 .components_of_a_solar_panel .right {
    width: 100%;
    padding-left: 0;
    max-width: 768px;
    margin: auto;
  }
  .anatomy-video-embed .video-embed {
    text-align: center;
    padding: 0;
    width: 100%;
  }
  .top-video-embed-text {
    width: 100%;
    padding-left: 0;
    text-align: left;
    padding-top: 2em;
  }
  .page-id-285 .container.diagram > :not(.diagram) {
    position: relative;
    max-width: 600px !important;
    font-size: 1em;
    margin: 1em auto 3em;
    top: 0;
    left: 0;
    bottom: initial;
    right: initial;
  }
  .page-id-285 .featured_text_with_image .right {
    width: 100%;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    z-index: 1;
    height: 100%;
    overflow: hidden;
  }
  .page-id-285 .featured_text_with_image .right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .page-id-285 .featured_text_with_image .left {
    margin: 2em auto;
    text-align: center;
    width: 100%;
    max-width: 600px;
  }
  .page-id-285 .featured_text_with_image .left h2::after {
    margin: 30px auto !important;
  }
  .page-id-285 .featured_text_with_image .left h5 {
    text-align: center !important;
  }
  .page-id-285 .featured_text_with_image::after,
  .page-id-285 .featured_text_with_image::before {
    display: none;
  }
  .top-video-embed-text {
    text-align: center !important;
  }
  .top-video-embed-text h2::after {
    margin: 30px auto !important;
  }
  .top-video-embed-text h5 {
    text-align: center !important;
  }
  .page-id-285 .solar_panel_mounting_options .container.section.flex > * {
    width: 100%;
    max-width: 600px;
    padding: 0 !important;
    margin: 0 auto;
  }
  .page-id-285 .solar_panel_mounting_options .container.section.flex > *.right {
    margin-top: 1em;
  }
  .page-id-285 .solar_panel_mounting_options .section:nth-child(2n+1) {
    flex-direction: column;
  }
  .page-id-285 .components_of_a_residential_solar_system .container.flex > * {
    width: 100%;
    max-width: 500px;
  }
  .components_of_a_residential_solar_system .section {
    margin-bottom: 2.5em;
  }
  .page-id-285 #primary .mobile-only {
    display: block !important;
    max-width: 500px;
    margin: auto;
    width: 100%;
  }
  .page-id-285 .no-mobile {
    display: none;
  }
  .page-id-285 .text_with_image {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .page-id-285 .text_with_image .flex {
    flex-direction: row;
  }
  .page-id-285 .text_with_image {
    padding-right: 0;
  }
  .page-id-285 .text_with_image .right {
    padding-right: 1.5em;
  }
  .page-id-285 .text_with_image .right::after {
    display: none;
  }
  .page-id-285 #primary .mobile-only img {
    width: 100%;
    display: block;
    transform: initial !important;
  }
  .page-id-285 .text_with_image .flex {
    flex-direction: column !important;
  }
  .page-id-285 .text_with_image .left {
    max-width: 600px;
    margin-left: auto;
    padding-right: 0;
    margin-right: auto;
    width: 100%;
    padding: 0 2.5em;
  }
  .page-id-285 .text_with_image .right {
    padding-right: 0;
    max-width: 600px;
    width: 100%;
    padding: 0 2.5em;
  }
  .page-id-285 .text_with_image .right .mobile-only {
    max-width: 600px !important;
  }
  .page-id-285 .text_with_image .right img {
    display: block;
    width: 100%;
  }
  .page-id-285 .text_with_image + .text_with_image .flex .left {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 600px;
    width: 100%;
    padding: 0 2.5em;
  }
  .page-id-285 .panel {
    padding: 1em 0;
  }
  .page-id-285 .call_to_action h3 {
    margin-top: 0;
  }
  .page-id-285 #panel-8 {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .map-search > span {
    width: 100%;
    max-width: 100%;
  }
  .map-search > *,
  .map-search input {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .page-id-285 .how_do_solar_panels_work .diagram:not(.container) {
    padding: 1.5em;
  }
  .page-id-285 .container.diagram > :not(.diagram) {
    padding: 0 1.5em;
  }
}
@media screen and (max-width: 600px) {
  .solar_map_popup img {
    min-height: 350px;
  }
  .site-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .site-footer p strong {
    display: block !important;
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .sitemap,
  .sitemap li,
  .sitemap ul {
    text-align: center;
  }
  .sitemap {
    margin-top: 1em;
  }
}
/* Solar Calculator Page Templates */
.page-template-solar-calculator-out-of-service-area-page .cta.page-header,
.page-template-solar-calculator-quote-page .cta.page-header,
.page-template-solar-calculator-schedule-page .cta.page-header {
  background-color: #000;
  background-image: none !important;
  padding: 100px 50px;
}
.page-template-solar-calculator-out-of-service-area-page .icon:hover img,
.page-template-solar-calculator-quote-page .icon:hover img,
.page-template-solar-calculator-schedule-page .icon:hover img {
  transform: initial !important;
}

.solar-calculator-error {
  background-color: #fff;
  text-align: center;
  padding: 2em;
}

.page-template-solar-calculator-quote-page .cta.page-header {
  padding: 100px 50px 175px;
}

.page-template-solar-calculator-schedule-page .simple-text {
  padding: 2em;
}

.solar-calculator-schedule-page > h5 {
  text-align: center;
  margin: 0 0 1.5em;
  font-size: 1.5em;
}

.solar-calculator-schedule-page .slide-title {
  margin: 1em 0 1.5em !important;
  display: block;
}

.page-template-solar-calculator-landing-page,
.page-template-solar-calculator-out-of-service-area-page,
.page-template-solar-calculator-quote-page,
.page-template-solar-calculator-schedule-page {
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
  /******** Firefox ********/
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
  /***** Thumb Styles *****/
  /***** Firefox *****/
  /***** Focus Styles *****/
  /* Removes default focus */
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
  /******** Firefox ********/
  /*mode preview*/
}
.page-template-solar-calculator-landing-page .page-1b, .page-template-solar-calculator-landing-page .page-1c,
.page-template-solar-calculator-out-of-service-area-page .page-1b,
.page-template-solar-calculator-out-of-service-area-page .page-1c,
.page-template-solar-calculator-quote-page .page-1b,
.page-template-solar-calculator-quote-page .page-1c,
.page-template-solar-calculator-schedule-page .page-1b,
.page-template-solar-calculator-schedule-page .page-1c {
  display: none;
}
.page-template-solar-calculator-landing-page #page-1b-submit,
.page-template-solar-calculator-out-of-service-area-page #page-1b-submit,
.page-template-solar-calculator-quote-page #page-1b-submit,
.page-template-solar-calculator-schedule-page #page-1b-submit {
  margin-top: 20px !important;
}
.page-template-solar-calculator-landing-page .countup-wrapper,
.page-template-solar-calculator-out-of-service-area-page .countup-wrapper,
.page-template-solar-calculator-quote-page .countup-wrapper,
.page-template-solar-calculator-schedule-page .countup-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
}
.page-template-solar-calculator-landing-page .countup-wrapper .countup-item,
.page-template-solar-calculator-out-of-service-area-page .countup-wrapper .countup-item,
.page-template-solar-calculator-quote-page .countup-wrapper .countup-item,
.page-template-solar-calculator-schedule-page .countup-wrapper .countup-item {
  color: #eac642;
  margin-bottom: 15px;
}
.page-template-solar-calculator-landing-page .countup-wrapper .label,
.page-template-solar-calculator-out-of-service-area-page .countup-wrapper .label,
.page-template-solar-calculator-quote-page .countup-wrapper .label,
.page-template-solar-calculator-schedule-page .countup-wrapper .label {
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-solar-calculator-landing-page .page-1b-footer,
.page-template-solar-calculator-out-of-service-area-page .page-1b-footer,
.page-template-solar-calculator-quote-page .page-1b-footer,
.page-template-solar-calculator-schedule-page .page-1b-footer {
  margin-top: 4em;
}
.page-template-solar-calculator-landing-page .page-1b-footer p,
.page-template-solar-calculator-out-of-service-area-page .page-1b-footer p,
.page-template-solar-calculator-quote-page .page-1b-footer p,
.page-template-solar-calculator-schedule-page .page-1b-footer p {
  margin-bottom: 0;
}
.page-template-solar-calculator-landing-page .btn, .page-template-solar-calculator-landing-page .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .page-template-solar-calculator-landing-page a, .page-template-solar-calculator-landing-page .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-solar-calculator-landing-page a:last-child:not(:first-child), .page-template-solar-calculator-landing-page .button,
.page-template-solar-calculator-out-of-service-area-page .btn,
.page-template-solar-calculator-out-of-service-area-page .page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .repeater h5 .page-template-solar-calculator-out-of-service-area-page a,
.page-template-solar-calculator-out-of-service-area-page .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-solar-calculator-out-of-service-area-page a:last-child:not(:first-child),
.page-template-solar-calculator-out-of-service-area-page .button,
.page-template-solar-calculator-quote-page .btn,
.page-template-solar-calculator-quote-page .page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .repeater h5 .page-template-solar-calculator-quote-page a,
.page-template-solar-calculator-quote-page .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-solar-calculator-quote-page a:last-child:not(:first-child),
.page-template-solar-calculator-quote-page .button,
.page-template-solar-calculator-schedule-page .btn,
.page-template-solar-calculator-schedule-page .page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .repeater h5 .page-template-solar-calculator-schedule-page a,
.page-template-solar-calculator-schedule-page .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page .single-text-image:not(.dark) h5 .page-template-solar-calculator-schedule-page a:last-child:not(:first-child),
.page-template-solar-calculator-schedule-page .button {
  border: 0;
  font-size: 16px;
  font-weight: 600 !important;
  padding: 15px 45px;
}
.page-template-solar-calculator-landing-page .page-1c-form input,
.page-template-solar-calculator-out-of-service-area-page .page-1c-form input,
.page-template-solar-calculator-quote-page .page-1c-form input,
.page-template-solar-calculator-schedule-page .page-1c-form input {
  margin-top: 5px !important;
}
.page-template-solar-calculator-landing-page .row.checkboxes,
.page-template-solar-calculator-out-of-service-area-page .row.checkboxes,
.page-template-solar-calculator-quote-page .row.checkboxes,
.page-template-solar-calculator-schedule-page .row.checkboxes {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5em;
}
.page-template-solar-calculator-landing-page .row.checkboxes label,
.page-template-solar-calculator-out-of-service-area-page .row.checkboxes label,
.page-template-solar-calculator-quote-page .row.checkboxes label,
.page-template-solar-calculator-schedule-page .row.checkboxes label {
  margin-top: 0 !important;
}
.page-template-solar-calculator-landing-page .row.checkboxes > *,
.page-template-solar-calculator-out-of-service-area-page .row.checkboxes > *,
.page-template-solar-calculator-quote-page .row.checkboxes > *,
.page-template-solar-calculator-schedule-page .row.checkboxes > * {
  flex: initial;
  width: initial;
}
.page-template-solar-calculator-landing-page .page-1c-form label,
.page-template-solar-calculator-out-of-service-area-page .page-1c-form label,
.page-template-solar-calculator-quote-page .page-1c-form label,
.page-template-solar-calculator-schedule-page .page-1c-form label {
  margin-top: 20px !important;
  display: flex !important;
  align-items: flex-end;
}
.page-template-solar-calculator-landing-page .page-1c-form label small,
.page-template-solar-calculator-out-of-service-area-page .page-1c-form label small,
.page-template-solar-calculator-quote-page .page-1c-form label small,
.page-template-solar-calculator-schedule-page .page-1c-form label small {
  float: right;
  display: block;
  font-size: 12px;
  margin: 0 0 5px 10px;
}
.page-template-solar-calculator-landing-page .page-1c-form .row.flex,
.page-template-solar-calculator-out-of-service-area-page .page-1c-form .row.flex,
.page-template-solar-calculator-quote-page .page-1c-form .row.flex,
.page-template-solar-calculator-schedule-page .page-1c-form .row.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-template-solar-calculator-landing-page .page-1c-form .row.flex > .field,
.page-template-solar-calculator-out-of-service-area-page .page-1c-form .row.flex > .field,
.page-template-solar-calculator-quote-page .page-1c-form .row.flex > .field,
.page-template-solar-calculator-schedule-page .page-1c-form .row.flex > .field {
  width: calc(50% - 1em);
}
.page-template-solar-calculator-landing-page form,
.page-template-solar-calculator-out-of-service-area-page form,
.page-template-solar-calculator-quote-page form,
.page-template-solar-calculator-schedule-page form {
  margin-top: 0 !important;
}
.page-template-solar-calculator-landing-page hr,
.page-template-solar-calculator-out-of-service-area-page hr,
.page-template-solar-calculator-quote-page hr,
.page-template-solar-calculator-schedule-page hr {
  width: 100%;
  max-width: 142px;
  height: 2px;
}
.page-template-solar-calculator-landing-page p,
.page-template-solar-calculator-out-of-service-area-page p,
.page-template-solar-calculator-quote-page p,
.page-template-solar-calculator-schedule-page p {
  font-size: 1.125em;
}
.page-template-solar-calculator-landing-page .simple-text p,
.page-template-solar-calculator-out-of-service-area-page .simple-text p,
.page-template-solar-calculator-quote-page .simple-text p,
.page-template-solar-calculator-schedule-page .simple-text p {
  max-width: initial;
}
.page-template-solar-calculator-landing-page .simple-text,
.page-template-solar-calculator-out-of-service-area-page .simple-text,
.page-template-solar-calculator-quote-page .simple-text,
.page-template-solar-calculator-schedule-page .simple-text {
  padding: 0 4em;
  max-width: 900px;
  margin: auto;
  display: block;
}
.page-template-solar-calculator-landing-page .simple-text *[style*="font-weight: 400"],
.page-template-solar-calculator-out-of-service-area-page .simple-text *[style*="font-weight: 400"],
.page-template-solar-calculator-quote-page .simple-text *[style*="font-weight: 400"],
.page-template-solar-calculator-schedule-page .simple-text *[style*="font-weight: 400"] {
  font-weight: inherit !important;
}
.page-template-solar-calculator-landing-page .simple-text h2,
.page-template-solar-calculator-out-of-service-area-page .simple-text h2,
.page-template-solar-calculator-quote-page .simple-text h2,
.page-template-solar-calculator-schedule-page .simple-text h2 {
  text-transform: initial !important;
}
.page-template-solar-calculator-landing-page .simple-text h2:not(:nth-of-type(1)),
.page-template-solar-calculator-out-of-service-area-page .simple-text h2:not(:nth-of-type(1)),
.page-template-solar-calculator-quote-page .simple-text h2:not(:nth-of-type(1)),
.page-template-solar-calculator-schedule-page .simple-text h2:not(:nth-of-type(1)) {
  margin-top: 1.5em;
}
.page-template-solar-calculator-landing-page .simple-text ol,
.page-template-solar-calculator-landing-page .simple-text ul,
.page-template-solar-calculator-out-of-service-area-page .simple-text ol,
.page-template-solar-calculator-out-of-service-area-page .simple-text ul,
.page-template-solar-calculator-quote-page .simple-text ol,
.page-template-solar-calculator-quote-page .simple-text ul,
.page-template-solar-calculator-schedule-page .simple-text ol,
.page-template-solar-calculator-schedule-page .simple-text ul {
  margin: 0 !important;
  padding: 0 2em 1em;
}
.page-template-solar-calculator-landing-page .simple-text b,
.page-template-solar-calculator-landing-page .simple-text strong,
.page-template-solar-calculator-out-of-service-area-page .simple-text b,
.page-template-solar-calculator-out-of-service-area-page .simple-text strong,
.page-template-solar-calculator-quote-page .simple-text b,
.page-template-solar-calculator-quote-page .simple-text strong,
.page-template-solar-calculator-schedule-page .simple-text b,
.page-template-solar-calculator-schedule-page .simple-text strong {
  text-transform: initial !important;
}
.page-template-solar-calculator-landing-page .simple-text h5,
.page-template-solar-calculator-out-of-service-area-page .simple-text h5,
.page-template-solar-calculator-quote-page .simple-text h5,
.page-template-solar-calculator-schedule-page .simple-text h5 {
  margin-top: 3em;
  margin-bottom: 5em;
}
.page-template-solar-calculator-landing-page .simple-text h5 a,
.page-template-solar-calculator-out-of-service-area-page .simple-text h5 a,
.page-template-solar-calculator-quote-page .simple-text h5 a,
.page-template-solar-calculator-schedule-page .simple-text h5 a {
  max-width: 250px;
}
.page-template-solar-calculator-landing-page #chekkit-frame,
.page-template-solar-calculator-out-of-service-area-page #chekkit-frame,
.page-template-solar-calculator-quote-page #chekkit-frame,
.page-template-solar-calculator-schedule-page #chekkit-frame {
  display: none !important;
}
.page-template-solar-calculator-landing-page #masthead,
.page-template-solar-calculator-out-of-service-area-page #masthead,
.page-template-solar-calculator-quote-page #masthead,
.page-template-solar-calculator-schedule-page #masthead {
  background-color: #000;
}
.page-template-solar-calculator-landing-page .main-navigation > div > ul > li > a,
.page-template-solar-calculator-landing-page .main-navigation > div > ul > li > a:visited,
.page-template-solar-calculator-out-of-service-area-page .main-navigation > div > ul > li > a,
.page-template-solar-calculator-out-of-service-area-page .main-navigation > div > ul > li > a:visited,
.page-template-solar-calculator-quote-page .main-navigation > div > ul > li > a,
.page-template-solar-calculator-quote-page .main-navigation > div > ul > li > a:visited,
.page-template-solar-calculator-schedule-page .main-navigation > div > ul > li > a,
.page-template-solar-calculator-schedule-page .main-navigation > div > ul > li > a:visited {
  color: #fff;
}
.page-template-solar-calculator-landing-page .customer-login-link a,
.page-template-solar-calculator-out-of-service-area-page .customer-login-link a,
.page-template-solar-calculator-quote-page .customer-login-link a,
.page-template-solar-calculator-schedule-page .customer-login-link a {
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700 !important;
}
.page-template-solar-calculator-landing-page .page-header,
.page-template-solar-calculator-out-of-service-area-page .page-header,
.page-template-solar-calculator-quote-page .page-header,
.page-template-solar-calculator-schedule-page .page-header {
  padding: 175px;
}
.page-template-solar-calculator-landing-page .page-header.cta::before,
.page-template-solar-calculator-out-of-service-area-page .page-header.cta::before,
.page-template-solar-calculator-quote-page .page-header.cta::before,
.page-template-solar-calculator-schedule-page .page-header.cta::before {
  background-color: rgba(0, 0, 0, 0.51);
}
.page-template-solar-calculator-landing-page .subpage .page-header h1,
.page-template-solar-calculator-out-of-service-area-page .subpage .page-header h1,
.page-template-solar-calculator-quote-page .subpage .page-header h1,
.page-template-solar-calculator-schedule-page .subpage .page-header h1 {
  font-size: 3.5em;
}
.page-template-solar-calculator-landing-page .subpage .page-header > :not(.video-container),
.page-template-solar-calculator-out-of-service-area-page .subpage .page-header > :not(.video-container),
.page-template-solar-calculator-quote-page .subpage .page-header > :not(.video-container),
.page-template-solar-calculator-schedule-page .subpage .page-header > :not(.video-container) {
  max-width: 1024px;
}
.page-template-solar-calculator-landing-page .container.solar-calculator-landing-container,
.page-template-solar-calculator-out-of-service-area-page .container.solar-calculator-landing-container,
.page-template-solar-calculator-quote-page .container.solar-calculator-landing-container,
.page-template-solar-calculator-schedule-page .container.solar-calculator-landing-container {
  margin-top: -140px;
  background-color: #fff;
  z-index: 4;
  position: relative;
  border-radius: 12.5px;
  max-width: 768px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.35);
  margin-bottom: 55px;
}
.page-template-solar-calculator-landing-page .site-main h2,
.page-template-solar-calculator-out-of-service-area-page .site-main h2,
.page-template-solar-calculator-quote-page .site-main h2,
.page-template-solar-calculator-schedule-page .site-main h2 {
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
}
.page-template-solar-calculator-landing-page hr,
.page-template-solar-calculator-out-of-service-area-page hr,
.page-template-solar-calculator-quote-page hr,
.page-template-solar-calculator-schedule-page hr {
  margin: 1.5em auto;
}
.page-template-solar-calculator-landing-page form label,
.page-template-solar-calculator-out-of-service-area-page form label,
.page-template-solar-calculator-quote-page form label,
.page-template-solar-calculator-schedule-page form label {
  text-transform: initial;
  font-family: proxima-nova, sans-serif;
}
.page-template-solar-calculator-landing-page .solar-calculator-landing-container form,
.page-template-solar-calculator-out-of-service-area-page .solar-calculator-landing-container form,
.page-template-solar-calculator-quote-page .solar-calculator-landing-container form,
.page-template-solar-calculator-schedule-page .solar-calculator-landing-container form {
  max-width: 100%;
  margin: 2em auto 0;
}
.page-template-solar-calculator-landing-page .solar-calculator-landing-container form label,
.page-template-solar-calculator-out-of-service-area-page .solar-calculator-landing-container form label,
.page-template-solar-calculator-quote-page .solar-calculator-landing-container form label,
.page-template-solar-calculator-schedule-page .solar-calculator-landing-container form label {
  margin-top: 3em;
  display: block;
}
.page-template-solar-calculator-landing-page .solar-calculator-landing-container form input,
.page-template-solar-calculator-out-of-service-area-page .solar-calculator-landing-container form input,
.page-template-solar-calculator-quote-page .solar-calculator-landing-container form input,
.page-template-solar-calculator-schedule-page .solar-calculator-landing-container form input {
  width: 100%;
  margin-top: 1em;
}
.page-template-solar-calculator-landing-page .solar-calculator-landing-container form output,
.page-template-solar-calculator-out-of-service-area-page .solar-calculator-landing-container form output,
.page-template-solar-calculator-quote-page .solar-calculator-landing-container form output,
.page-template-solar-calculator-schedule-page .solar-calculator-landing-container form output {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 1.125em;
  font-weight: 600;
  font-family: brandon-grotesque, sans-serif !important;
}
.page-template-solar-calculator-landing-page .solar-calculator-landing-container form button,
.page-template-solar-calculator-out-of-service-area-page .solar-calculator-landing-container form button,
.page-template-solar-calculator-quote-page .solar-calculator-landing-container form button,
.page-template-solar-calculator-schedule-page .solar-calculator-landing-container form button {
  margin: 3em auto 0 !important;
  display: block !important;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif !important;
  letter-spacing: 0 !important;
  font-weight: 600;
}
.page-template-solar-calculator-landing-page input[type=range],
.page-template-solar-calculator-out-of-service-area-page input[type=range],
.page-template-solar-calculator-quote-page input[type=range],
.page-template-solar-calculator-schedule-page input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  border: none;
}
.page-template-solar-calculator-landing-page input[type=range]::-webkit-slider-runnable-track,
.page-template-solar-calculator-out-of-service-area-page input[type=range]::-webkit-slider-runnable-track,
.page-template-solar-calculator-quote-page input[type=range]::-webkit-slider-runnable-track,
.page-template-solar-calculator-schedule-page input[type=range]::-webkit-slider-runnable-track {
  background: #000;
  height: 1.5px;
}
.page-template-solar-calculator-landing-page input[type=range]::-moz-range-track,
.page-template-solar-calculator-out-of-service-area-page input[type=range]::-moz-range-track,
.page-template-solar-calculator-quote-page input[type=range]::-moz-range-track,
.page-template-solar-calculator-schedule-page input[type=range]::-moz-range-track {
  background: #000;
  height: 1.5px;
}
.page-template-solar-calculator-landing-page input[type=range]::-webkit-slider-thumb,
.page-template-solar-calculator-out-of-service-area-page input[type=range]::-webkit-slider-thumb,
.page-template-solar-calculator-quote-page input[type=range]::-webkit-slider-thumb,
.page-template-solar-calculator-schedule-page input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  margin-top: -12px;
  /* Centers thumb on the track */
  background-color: #eac642;
  height: 1.25rem;
  border: 1px solid #000;
  width: 1.25rem;
  border-radius: 50%;
}
.page-template-solar-calculator-landing-page input[type=range]::-moz-range-thumb,
.page-template-solar-calculator-out-of-service-area-page input[type=range]::-moz-range-thumb,
.page-template-solar-calculator-quote-page input[type=range]::-moz-range-thumb,
.page-template-solar-calculator-schedule-page input[type=range]::-moz-range-thumb {
  border: 1px solid #000;
  border-radius: 50%;
  /*Removes default border-radius that FF applies*/
  background-color: #eac642;
  height: 1.25rem;
  width: 1.25rem;
}
.page-template-solar-calculator-landing-page input[type=range]:focus,
.page-template-solar-calculator-out-of-service-area-page input[type=range]:focus,
.page-template-solar-calculator-quote-page input[type=range]:focus,
.page-template-solar-calculator-schedule-page input[type=range]:focus {
  outline: none;
}
.page-template-solar-calculator-landing-page input[type=range]:focus::-webkit-slider-thumb,
.page-template-solar-calculator-out-of-service-area-page input[type=range]:focus::-webkit-slider-thumb,
.page-template-solar-calculator-quote-page input[type=range]:focus::-webkit-slider-thumb,
.page-template-solar-calculator-schedule-page input[type=range]:focus::-webkit-slider-thumb {
  border: 1px solid #eac642;
  outline: 3px solid #000;
}
.page-template-solar-calculator-landing-page input[type=range]:focus::-moz-range-thumb,
.page-template-solar-calculator-out-of-service-area-page input[type=range]:focus::-moz-range-thumb,
.page-template-solar-calculator-quote-page input[type=range]:focus::-moz-range-thumb,
.page-template-solar-calculator-schedule-page input[type=range]:focus::-moz-range-thumb {
  border: 1px solid #eac642;
  outline: 3px solid #000;
}
.page-template-solar-calculator-landing-page div.btn-container,
.page-template-solar-calculator-out-of-service-area-page div.btn-container,
.page-template-solar-calculator-quote-page div.btn-container,
.page-template-solar-calculator-schedule-page div.btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-template-solar-calculator-landing-page div.btn-container i,
.page-template-solar-calculator-out-of-service-area-page div.btn-container i,
.page-template-solar-calculator-quote-page div.btn-container i,
.page-template-solar-calculator-schedule-page div.btn-container i {
  display: inline-block;
  position: relative;
  top: -9px;
}
.page-template-solar-calculator-landing-page label,
.page-template-solar-calculator-out-of-service-area-page label,
.page-template-solar-calculator-quote-page label,
.page-template-solar-calculator-schedule-page label {
  font-size: 16px;
  color: #424242;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch,
.page-template-solar-calculator-quote-page .btn-color-mode-switch,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch {
  display: inline-block;
  margin: 0;
  position: relative;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch > label.btn-color-mode-switch-inner,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch > label.btn-color-mode-switch-inner,
.page-template-solar-calculator-quote-page .btn-color-mode-switch > label.btn-color-mode-switch-inner,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch > label.btn-color-mode-switch-inner {
  margin: 0;
  width: 250px;
  height: 30px;
  background: #adadad;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
  display: block;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-quote-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
  content: attr(data-on);
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  top: 4.5px;
  right: 30px;
  color: #fff;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-quote-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
  content: attr(data-off);
  width: 125px;
  height: 30px;
  background: #eac642;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 0 6px -2px #111;
  padding: 5px 0;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch > .alert,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch > .alert,
.page-template-solar-calculator-quote-page .btn-color-mode-switch > .alert,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch > .alert {
  display: none;
  background: #FF9800;
  border: none;
  color: #fff;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox],
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox],
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox],
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox] {
  cursor: pointer;
  width: 250px;
  height: 30px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  margin: 0;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner {
  background: #adadad;
  color: #fff;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:after,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:after {
  content: attr(data-on);
  left: 125px;
  color: #000;
  background: #eac642;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:before,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner:before {
  content: attr(data-off);
  right: auto;
  left: 45px;
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox]:checked + label.btn-color-mode-switch-inner {
  /*background: #66BB6A; */
  /*color: #fff;*/
}
.page-template-solar-calculator-landing-page .btn-color-mode-switch input[type=checkbox]:checked ~ .alert,
.page-template-solar-calculator-out-of-service-area-page .btn-color-mode-switch input[type=checkbox]:checked ~ .alert,
.page-template-solar-calculator-quote-page .btn-color-mode-switch input[type=checkbox]:checked ~ .alert,
.page-template-solar-calculator-schedule-page .btn-color-mode-switch input[type=checkbox]:checked ~ .alert {
  display: block;
}
.page-template-solar-calculator-landing-page .dark-preview,
.page-template-solar-calculator-out-of-service-area-page .dark-preview,
.page-template-solar-calculator-quote-page .dark-preview,
.page-template-solar-calculator-schedule-page .dark-preview {
  background: #0d0d0d;
}
.page-template-solar-calculator-landing-page .dark-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-out-of-service-area-page .dark-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-quote-page .dark-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-schedule-page .dark-preview div.btn-container i.fa-sun-o {
  color: #777;
}
.page-template-solar-calculator-landing-page .dark-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-out-of-service-area-page .dark-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-quote-page .dark-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-schedule-page .dark-preview div.btn-container i.fa-moon-o {
  color: #fff;
  text-shadow: 0 0 11px #fff;
}
.page-template-solar-calculator-landing-page .white-preview,
.page-template-solar-calculator-out-of-service-area-page .white-preview,
.page-template-solar-calculator-quote-page .white-preview,
.page-template-solar-calculator-schedule-page .white-preview {
  background: #fff;
}
.page-template-solar-calculator-landing-page .white-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-out-of-service-area-page .white-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-quote-page .white-preview div.btn-container i.fa-sun-o,
.page-template-solar-calculator-schedule-page .white-preview div.btn-container i.fa-sun-o {
  color: #ffa500;
  text-shadow: 0 0 16px #ffa500;
}
.page-template-solar-calculator-landing-page .white-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-out-of-service-area-page .white-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-quote-page .white-preview div.btn-container i.fa-moon-o,
.page-template-solar-calculator-schedule-page .white-preview div.btn-container i.fa-moon-o {
  color: #777;
}
.page-template-solar-calculator-landing-page p.by a,
.page-template-solar-calculator-out-of-service-area-page p.by a,
.page-template-solar-calculator-quote-page p.by a,
.page-template-solar-calculator-schedule-page p.by a {
  text-decoration: none;
  color: #000;
}
.page-template-solar-calculator-landing-page .dark-preview p.by a,
.page-template-solar-calculator-out-of-service-area-page .dark-preview p.by a,
.page-template-solar-calculator-quote-page .dark-preview p.by a,
.page-template-solar-calculator-schedule-page .dark-preview p.by a {
  color: #777;
}
.page-template-solar-calculator-landing-page .white-preview p.by a,
.page-template-solar-calculator-out-of-service-area-page .white-preview p.by a,
.page-template-solar-calculator-quote-page .white-preview p.by a,
.page-template-solar-calculator-schedule-page .white-preview p.by a {
  color: #000;
}
.page-template-solar-calculator-landing-page .details-boxes > *,
.page-template-solar-calculator-out-of-service-area-page .details-boxes > *,
.page-template-solar-calculator-quote-page .details-boxes > *,
.page-template-solar-calculator-schedule-page .details-boxes > * {
  width: 50%;
  max-width: 500px;
}
.page-template-solar-calculator-landing-page .details-boxes,
.page-template-solar-calculator-out-of-service-area-page .details-boxes,
.page-template-solar-calculator-quote-page .details-boxes,
.page-template-solar-calculator-schedule-page .details-boxes {
  align-items: flex-start;
  justify-content: space-around;
}
.page-template-solar-calculator-landing-page .single-tab,
.page-template-solar-calculator-out-of-service-area-page .single-tab,
.page-template-solar-calculator-quote-page .single-tab,
.page-template-solar-calculator-schedule-page .single-tab {
  display: none;
}
.page-template-solar-calculator-landing-page .single-tab.active,
.page-template-solar-calculator-out-of-service-area-page .single-tab.active,
.page-template-solar-calculator-quote-page .single-tab.active,
.page-template-solar-calculator-schedule-page .single-tab.active {
  display: block;
}
.page-template-solar-calculator-landing-page .countup-item,
.page-template-solar-calculator-out-of-service-area-page .countup-item,
.page-template-solar-calculator-quote-page .countup-item,
.page-template-solar-calculator-schedule-page .countup-item {
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
}
.page-template-solar-calculator-landing-page .top-columns.flex,
.page-template-solar-calculator-out-of-service-area-page .top-columns.flex,
.page-template-solar-calculator-quote-page .top-columns.flex,
.page-template-solar-calculator-schedule-page .top-columns.flex {
  justify-content: space-around;
  align-items: center;
  background-color: #e5eef2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.33);
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  margin: 2em auto;
}
.page-template-solar-calculator-landing-page .top-columns.flex > *,
.page-template-solar-calculator-out-of-service-area-page .top-columns.flex > *,
.page-template-solar-calculator-quote-page .top-columns.flex > *,
.page-template-solar-calculator-schedule-page .top-columns.flex > * {
  flex: 1;
}
.page-template-solar-calculator-landing-page .top-columns.flex > *:not(:last-child),
.page-template-solar-calculator-out-of-service-area-page .top-columns.flex > *:not(:last-child),
.page-template-solar-calculator-quote-page .top-columns.flex > *:not(:last-child),
.page-template-solar-calculator-schedule-page .top-columns.flex > *:not(:last-child) {
  border-right: 2px solid #eac642;
}
.page-template-solar-calculator-landing-page .top-columns.flex .label,
.page-template-solar-calculator-out-of-service-area-page .top-columns.flex .label,
.page-template-solar-calculator-quote-page .top-columns.flex .label,
.page-template-solar-calculator-schedule-page .top-columns.flex .label {
  max-width: 150px;
  margin: auto;
}
.page-template-solar-calculator-landing-page h5 a,
.page-template-solar-calculator-out-of-service-area-page h5 a,
.page-template-solar-calculator-quote-page h5 a,
.page-template-solar-calculator-schedule-page h5 a {
  font-family: brandon-grotesque, sans-serif;
  color: #000 !important;
  text-transform: uppercase;
  font-weight: 700;
  margin: auto;
  text-align: center;
  display: block;
  max-width: 225px;
}
.page-template-solar-calculator-landing-page .details,
.page-template-solar-calculator-out-of-service-area-page .details,
.page-template-solar-calculator-quote-page .details,
.page-template-solar-calculator-schedule-page .details {
  margin: 3em 0;
}
.page-template-solar-calculator-landing-page .details-box-header,
.page-template-solar-calculator-out-of-service-area-page .details-box-header,
.page-template-solar-calculator-quote-page .details-box-header,
.page-template-solar-calculator-schedule-page .details-box-header {
  font-weight: 600;
  font-size: 1.25em !important;
  text-align: center;
  margin-top: 30px;
  display: block;
}
.page-template-solar-calculator-landing-page .details-box-1 .details-box-header,
.page-template-solar-calculator-out-of-service-area-page .details-box-1 .details-box-header,
.page-template-solar-calculator-quote-page .details-box-1 .details-box-header,
.page-template-solar-calculator-schedule-page .details-box-1 .details-box-header {
  text-transform: uppercase !important;
}
.page-template-solar-calculator-landing-page #map,
.page-template-solar-calculator-landing-page #map-2,
.page-template-solar-calculator-out-of-service-area-page #map,
.page-template-solar-calculator-out-of-service-area-page #map-2,
.page-template-solar-calculator-quote-page #map,
.page-template-solar-calculator-quote-page #map-2,
.page-template-solar-calculator-schedule-page #map,
.page-template-solar-calculator-schedule-page #map-2 {
  width: 100% !important;
  height: 300px !important;
}
.page-template-solar-calculator-landing-page .container.your-solar-quote,
.page-template-solar-calculator-out-of-service-area-page .container.your-solar-quote,
.page-template-solar-calculator-quote-page .container.your-solar-quote,
.page-template-solar-calculator-schedule-page .container.your-solar-quote {
  margin-top: -150px;
  z-index: 3;
  position: relative;
}
.page-template-solar-calculator-landing-page .details-box-contents.flex,
.page-template-solar-calculator-out-of-service-area-page .details-box-contents.flex,
.page-template-solar-calculator-quote-page .details-box-contents.flex,
.page-template-solar-calculator-schedule-page .details-box-contents.flex {
  justify-content: center;
}
.page-template-solar-calculator-landing-page .after-solar,
.page-template-solar-calculator-landing-page .before-solar,
.page-template-solar-calculator-out-of-service-area-page .after-solar,
.page-template-solar-calculator-out-of-service-area-page .before-solar,
.page-template-solar-calculator-quote-page .after-solar,
.page-template-solar-calculator-quote-page .before-solar,
.page-template-solar-calculator-schedule-page .after-solar,
.page-template-solar-calculator-schedule-page .before-solar {
  width: 100px;
  margin: 0 1em;
  text-align: center;
  height: 300px !important;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-template-solar-calculator-landing-page .after-solar .countup-item,
.page-template-solar-calculator-landing-page .before-solar .countup-item,
.page-template-solar-calculator-out-of-service-area-page .after-solar .countup-item,
.page-template-solar-calculator-out-of-service-area-page .before-solar .countup-item,
.page-template-solar-calculator-quote-page .after-solar .countup-item,
.page-template-solar-calculator-quote-page .before-solar .countup-item,
.page-template-solar-calculator-schedule-page .after-solar .countup-item,
.page-template-solar-calculator-schedule-page .before-solar .countup-item {
  position: absolute;
  width: 100%;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  font-weight: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 0;
  z-index: 4;
}
.page-template-solar-calculator-landing-page .after-solar .label,
.page-template-solar-calculator-landing-page .before-solar .label,
.page-template-solar-calculator-out-of-service-area-page .after-solar .label,
.page-template-solar-calculator-out-of-service-area-page .before-solar .label,
.page-template-solar-calculator-quote-page .after-solar .label,
.page-template-solar-calculator-quote-page .before-solar .label,
.page-template-solar-calculator-schedule-page .after-solar .label,
.page-template-solar-calculator-schedule-page .before-solar .label {
  font-weight: 600 !important;
}
.page-template-solar-calculator-landing-page .bar,
.page-template-solar-calculator-out-of-service-area-page .bar,
.page-template-solar-calculator-quote-page .bar,
.page-template-solar-calculator-schedule-page .bar {
  flex: 1;
  position: relative;
  margin-bottom: 1.5em;
  display: block;
}
.page-template-solar-calculator-landing-page .bar .bar-inner,
.page-template-solar-calculator-out-of-service-area-page .bar .bar-inner,
.page-template-solar-calculator-quote-page .bar .bar-inner,
.page-template-solar-calculator-schedule-page .bar .bar-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #adadad;
  border-radius: 10px;
}
.page-template-solar-calculator-landing-page .after-solar .bar-inner,
.page-template-solar-calculator-out-of-service-area-page .after-solar .bar-inner,
.page-template-solar-calculator-quote-page .after-solar .bar-inner,
.page-template-solar-calculator-schedule-page .after-solar .bar-inner {
  background-color: #eac642;
  top: initial;
  bottom: 0;
  height: 15%;
}
.page-template-solar-calculator-landing-page .details-columns.flex,
.page-template-solar-calculator-landing-page .lower-columns.flex,
.page-template-solar-calculator-out-of-service-area-page .details-columns.flex,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex,
.page-template-solar-calculator-quote-page .details-columns.flex,
.page-template-solar-calculator-quote-page .lower-columns.flex,
.page-template-solar-calculator-schedule-page .details-columns.flex,
.page-template-solar-calculator-schedule-page .lower-columns.flex {
  justify-content: space-around;
  text-align: center;
  margin: 4em auto;
}
.page-template-solar-calculator-landing-page .details-columns.flex > *,
.page-template-solar-calculator-landing-page .lower-columns.flex > *,
.page-template-solar-calculator-out-of-service-area-page .details-columns.flex > *,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > *,
.page-template-solar-calculator-quote-page .details-columns.flex > *,
.page-template-solar-calculator-quote-page .lower-columns.flex > *,
.page-template-solar-calculator-schedule-page .details-columns.flex > *,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * {
  flex: 1;
}
.page-template-solar-calculator-landing-page .details-columns.flex > *:not(:last-child),
.page-template-solar-calculator-landing-page .lower-columns.flex > *:not(:last-child),
.page-template-solar-calculator-out-of-service-area-page .details-columns.flex > *:not(:last-child),
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > *:not(:last-child),
.page-template-solar-calculator-quote-page .details-columns.flex > *:not(:last-child),
.page-template-solar-calculator-quote-page .lower-columns.flex > *:not(:last-child),
.page-template-solar-calculator-schedule-page .details-columns.flex > *:not(:last-child),
.page-template-solar-calculator-schedule-page .lower-columns.flex > *:not(:last-child) {
  border-right: 2px solid #eac642;
}
.page-template-solar-calculator-landing-page .details-columns.flex .label,
.page-template-solar-calculator-landing-page .lower-columns.flex .label,
.page-template-solar-calculator-out-of-service-area-page .details-columns.flex .label,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex .label,
.page-template-solar-calculator-quote-page .details-columns.flex .label,
.page-template-solar-calculator-quote-page .lower-columns.flex .label,
.page-template-solar-calculator-schedule-page .details-columns.flex .label,
.page-template-solar-calculator-schedule-page .lower-columns.flex .label {
  max-width: 85%;
  margin: auto;
  text-transform: uppercase;
  font-size: 14px;
}
.page-template-solar-calculator-landing-page .lower-columns.flex > *,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > *,
.page-template-solar-calculator-quote-page .lower-columns.flex > *,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * {
  border-right: none !important;
}
.page-template-solar-calculator-landing-page .details-column .countup-item,
.page-template-solar-calculator-out-of-service-area-page .details-column .countup-item,
.page-template-solar-calculator-quote-page .details-column .countup-item,
.page-template-solar-calculator-schedule-page .details-column .countup-item {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
}
.page-template-solar-calculator-landing-page .lower-columns.flex,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex,
.page-template-solar-calculator-quote-page .lower-columns.flex,
.page-template-solar-calculator-schedule-page .lower-columns.flex {
  justify-content: center !important;
  align-items: center !important;
}
.page-template-solar-calculator-landing-page .lower-columns.flex > *,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > *,
.page-template-solar-calculator-quote-page .lower-columns.flex > *,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * {
  max-width: 200px;
}
.page-template-solar-calculator-landing-page .lower-columns.flex > * .header,
.page-template-solar-calculator-landing-page .lower-columns.flex > * .header h3,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > * .header,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > * .header h3,
.page-template-solar-calculator-quote-page .lower-columns.flex > * .header,
.page-template-solar-calculator-quote-page .lower-columns.flex > * .header h3,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * .header,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * .header h3 {
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.page-template-solar-calculator-landing-page .lower-columns.flex > * .caption,
.page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > * .caption,
.page-template-solar-calculator-quote-page .lower-columns.flex > * .caption,
.page-template-solar-calculator-schedule-page .lower-columns.flex > * .caption {
  max-width: 85%;
  margin: auto;
  text-transform: uppercase;
  font-size: 14px;
}
.page-template-solar-calculator-landing-page .your-solar-quote > h2,
.page-template-solar-calculator-out-of-service-area-page .your-solar-quote > h2,
.page-template-solar-calculator-quote-page .your-solar-quote > h2,
.page-template-solar-calculator-schedule-page .your-solar-quote > h2 {
  text-transform: initial !important;
  margin-bottom: 1em;
}
.page-template-solar-calculator-landing-page .lower-column .icon,
.page-template-solar-calculator-out-of-service-area-page .lower-column .icon,
.page-template-solar-calculator-quote-page .lower-column .icon,
.page-template-solar-calculator-schedule-page .lower-column .icon {
  background-color: transparent;
  padding: 0;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.page-template-solar-calculator-landing-page .details .header,
.page-template-solar-calculator-out-of-service-area-page .details .header,
.page-template-solar-calculator-quote-page .details .header,
.page-template-solar-calculator-schedule-page .details .header {
  text-align: center;
}

.page-template-solar-calculator-landing-page #masthead,
.page-template-solar-calculator-out-of-service-area-page #masthead,
.page-template-solar-calculator-quote-page #masthead,
.page-template-solar-calculator-schedule-page #masthead {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-top: 20px;
}

@media screen and (max-width: 1034px) {
  .page-template-solar-calculator-landing-page .custom-logo,
  .page-template-solar-calculator-out-of-service-area-page .custom-logo,
  .page-template-solar-calculator-quote-page .custom-logo,
  .page-template-solar-calculator-schedule-page .custom-logo {
    display: block !important;
  }
}
@media screen and (max-width: 900px) {
  .page-template-solar-calculator-landing-page .page-header,
  .page-template-solar-calculator-out-of-service-area-page .page-header,
  .page-template-solar-calculator-quote-page .page-header,
  .page-template-solar-calculator-schedule-page .page-header {
    padding: 175px 50px;
  }
  .page-template-solar-calculator-landing-page .simple-text,
  .page-template-solar-calculator-out-of-service-area-page .simple-text,
  .page-template-solar-calculator-quote-page .simple-text,
  .page-template-solar-calculator-schedule-page .simple-text {
    padding: 0 2em;
  }
}
@media screen and (max-width: 768px) {
  .page-template-solar-calculator-landing-page .top-columns.flex > :not(:last-child),
  .page-template-solar-calculator-out-of-service-area-page .top-columns.flex > :not(:last-child),
  .page-template-solar-calculator-quote-page .top-columns.flex > :not(:last-child),
  .page-template-solar-calculator-schedule-page .top-columns.flex > :not(:last-child) {
    border-right: none;
    margin-bottom: 20px;
  }
  .page-template-solar-calculator-landing-page .top-columns.flex,
  .page-template-solar-calculator-out-of-service-area-page .top-columns.flex,
  .page-template-solar-calculator-quote-page .top-columns.flex,
  .page-template-solar-calculator-schedule-page .top-columns.flex {
    padding: 20px;
  }
  .page-template-solar-calculator-landing-page .countup-item,
  .page-template-solar-calculator-out-of-service-area-page .countup-item,
  .page-template-solar-calculator-quote-page .countup-item,
  .page-template-solar-calculator-schedule-page .countup-item {
    margin-bottom: 5px;
  }
  .page-template-solar-calculator-landing-page .details-boxes > *,
  .page-template-solar-calculator-out-of-service-area-page .details-boxes > *,
  .page-template-solar-calculator-quote-page .details-boxes > *,
  .page-template-solar-calculator-schedule-page .details-boxes > * {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  .details-box-contents.flex {
    flex-direction: row;
  }
  .page-template-solar-calculator-landing-page .details-columns.flex > :not(:last-child),
  .page-template-solar-calculator-landing-page .lower-columns.flex > :not(:last-child),
  .page-template-solar-calculator-out-of-service-area-page .details-columns.flex > :not(:last-child),
  .page-template-solar-calculator-out-of-service-area-page .lower-columns.flex > :not(:last-child),
  .page-template-solar-calculator-quote-page .details-columns.flex > :not(:last-child),
  .page-template-solar-calculator-quote-page .lower-columns.flex > :not(:last-child),
  .page-template-solar-calculator-schedule-page .details-columns.flex > :not(:last-child),
  .page-template-solar-calculator-schedule-page .lower-columns.flex > :not(:last-child) {
    border-right: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .page-template-solar-calculator-landing-page .page-header,
  .page-template-solar-calculator-out-of-service-area-page .page-header,
  .page-template-solar-calculator-quote-page .page-header,
  .page-template-solar-calculator-schedule-page .page-header {
    padding: 100px 50px 50px;
  }
  .page-template-solar-calculator-landing-page .container.solar-calculator-landing-container,
  .page-template-solar-calculator-out-of-service-area-page .container.solar-calculator-landing-container,
  .page-template-solar-calculator-quote-page .container.solar-calculator-landing-container,
  .page-template-solar-calculator-schedule-page .container.solar-calculator-landing-container {
    margin-top: 0;
  }
  .page-template-solar-calculator-landing-page .subpage .page-header h1,
  .page-template-solar-calculator-out-of-service-area-page .subpage .page-header h1,
  .page-template-solar-calculator-quote-page .subpage .page-header h1,
  .page-template-solar-calculator-schedule-page .subpage .page-header h1 {
    font-size: 2.5em;
  }
  .page-template-solar-calculator-landing-page #masthead,
  .page-template-solar-calculator-out-of-service-area-page #masthead,
  .page-template-solar-calculator-quote-page #masthead,
  .page-template-solar-calculator-schedule-page #masthead {
    padding-top: 0;
  }
}
/* Aug 2023 restyle */
#primary-menu .customer-login-link a,
#primary-menu .customer-login-link a:visited,
.btn,
.page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.btn:visited,
h5 a,
h5 a:visited {
  text-transform: uppercase !important;
  font-family: brandon-grotesque, sans-serif !important;
  font-weight: 700 !important;
  color: #000 !important;
}
#primary-menu .customer-login-link a:hover,
#primary-menu .customer-login-link a:visited:hover,
.btn:hover,
.page-template-home-solar-page .repeater h5 a:hover,
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child),
.btn:visited:hover,
h5 a:hover,
h5 a:visited:hover {
  opacity: 1 !important;
  color: #000 !important;
  background-color: rgb(237.825, 208.3821428571, 100.425) !important;
}

body {
  position: relative;
}

body::after,
body::before {
  content: "";
  background-image: url("img/grid-right.png");
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  width: 227px;
  height: 379px;
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 0;
  opacity: 0.45;
}

body::after {
  background-image: url("img/grid-left.png");
  width: 197px;
  top: 75%;
  left: 0;
  right: initial;
}

#primary {
  position: relative;
  z-index: 2;
}

.faq-item {
  background-color: #E3EEF3;
  border-radius: 20px;
  text-align: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  margin-bottom: 1.5em;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}
.faq-item .content {
  padding: 0 1.5em 1.5em;
}
.faq-item p {
  margin: 0;
}
.faq-item:hover {
  background-color: rgb(235.925, 243.41875, 246.825);
}
.faq-item .header-click {
  padding: 1.5em;
  display: flex;
  justify-content: center;
}

.faq-item h3 {
  margin: 0;
  font-size: 1.5em;
}

.content_accordion {
  margin: 4em auto;
}

.carousel {
  text-align: center;
  padding: 3em 2em;
}

.new_core_header {
  background-color: #000;
  color: #fff;
  overflow-x: hidden;
}
.new_core_header .left,
.new_core_header .right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.new_core_header .left {
  padding-bottom: 3em !important;
}
.new_core_header .left * {
  color: #fff;
}
.new_core_header h1 {
  font-size: 3.2em;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 0.75em;
}
.new_core_header p {
  line-height: 1.33;
  font-size: 1.125em;
  max-width: 580px;
  margin-top: 0;
}
.new_core_header p:last-child {
  margin-bottom: 0;
}
.new_core_header .btn, .new_core_header .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .new_core_header a, .new_core_header .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .new_core_header a:last-child:not(:first-child) {
  font-size: 1.125em;
  padding: 12.5px 25px;
  border-radius: 12.5px;
  margin-top: 10px;
}
.new_core_header #panel-1 + .simple-text {
  margin-top: 3.5em;
}
.new_core_header ul {
  margin-top: 3.5em;
}
.new_core_header ul li a,
.new_core_header ul li a:visited {
  background-color: #eac642;
  color: #000 !important;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  text-decoration: none;
  width: 200px !important;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  display: block;
}
.new_core_header ul li a:hover,
.new_core_header ul li a:visited:hover {
  background-color: rgb(237.825, 208.3821428571, 100.425);
  color: #000 !important;
}
.new_core_header ul li:nth-child(2) a,
.new_core_header ul li:nth-child(2) a:visited {
  background-color: #283f95;
  color: #fff !important;
}
.new_core_header ul li:nth-child(2) a:hover,
.new_core_header ul li:nth-child(2) a:visited:hover {
  background-color: rgb(48.0952380952, 75.75, 179.1547619048);
}
.new_core_header ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
.new_core_header li:first-child {
  margin-right: 15px;
}
.new_core_header .flex {
  align-items: stretch;
}
.new_core_header .panel {
  padding: 5em 3em;
}
.new_core_header h2:first-child {
  margin-top: 0;
}
.new_core_header .left {
  width: 45%;
}
.new_core_header .right {
  width: 55%;
  position: relative;
  z-index: 2;
  padding-left: 3em;
}
.new_core_header .right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left;
}
.new_core_header .text_with_image {
  margin-top: 4em;
  margin-bottom: 4em;
}
.new_core_header .text_with_image .left {
  position: relative;
  z-index: 2;
}
.new_core_header .flex.overlap-header {
  position: relative;
}
.new_core_header .flex.overlap-header::after {
  display: block;
  content: "";
  height: 50px;
  background-color: #fff;
  width: 100%;
  margin-top: -50px;
  position: absolute;
  bottom: 0;
}

.new_core_header .left {
  width: 45%;
  padding: 2em;
  max-width: 700px;
  margin: auto 0 auto auto;
}

.btn.alt, .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child) {
  background-color: transparent;
  padding: 0;
  color: #fff !important;
  position: relative;
}
.btn.alt:hover, .page-template-home-solar-page .repeater h5 a:hover, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child) {
  background-color: transparent !important;
  color: #eac642 !important;
}
.btn.alt:hover::after, .page-template-home-solar-page .repeater h5 a:hover::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child)::after {
  transform: translate(5px, -50%);
}
.btn.alt::after, .page-template-home-solar-page .repeater h5 a::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child)::after {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  position: absolute;
  content: "";
  background-image: url("img/next_yellow.png");
  width: 10px;
  height: 20px;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: -2em;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
}

.single-text-image {
  margin: 6em 0;
}

.interactive_chart {
  background-color: #000;
  color: #fff;
}
.interactive_chart h2 {
  color: #fff;
  text-align: center;
}
.interactive_chart p {
  text-align: center;
}

.timeline-charts-items-wrapper.flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.chart-items-top {
  position: relative;
}

.chart-items-top .line {
  display: block;
  position: absolute;
  top: 11px;
  left: 50%;
  width: calc(100% - 125px);
  height: 3px;
  background-image: linear-gradient(90deg, #eac642, #eac642 0%, #fff 0%, #fff 100%);
  transform: translateX(-50%);
  z-index: 1;
}
.chart-items-top .line .line-inner {
  background-color: #eac642;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  z-index: 2;
}

.countup-container {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 2.5em;
  margin-top: 10px;
}

.short-content {
  max-width: 150px;
  text-align: center;
  text-transform: uppercase;
}

.container.chart-items-top {
  margin: 5em auto;
  max-width: 1166px;
}

.timeline-dot {
  background: #35445A;
  border: 2.6651px solid #FFFFFF;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: block;
  margin: auto;
  z-index: 2;
  position: relative;
  cursor: pointer;
  transition: all linear 0.25s;
  -webkit-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
}
.timeline-dot:hover {
  transform: scale(1.1);
}

.chart-item-bottom .left {
  transform: translateX(-7.5%);
  margin-top: 2em;
  width: 45%;
}

.container.chart-items-bottom .left img.bottom-left-full {
  display: none;
  position: absolute !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  object-fit: contain;
  object-position: center;
}

.interactive_chart {
  padding-bottom: 0;
}

.short-content {
  letter-spacing: 1px;
}

.timeline-chart-item .timeline-dot.first.active,
.timeline-chart-item .timeline-dot:hover,
.timeline-chart-item.active + .timeline-chart-item .timeline-dot {
  box-shadow: 0 0 20px #FFFFFF;
}

.timeline-chart-item * {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.timeline-chart-item.active *,
.timeline-chart-item.completed * {
  color: #eac642;
}

.timeline-chart-item.completed .timeline-dot {
  border-color: #eac642 !important;
  background-color: #eac642 !important;
}

.interactive-selected-container {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
.interactive-selected-container::before {
  content: "";
  background-image: url("img/interactive-selected.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.timeline-chart-item .timeline-dot.active + .countup-container::before {
  z-index: 3;
  opacity: 1;
}

.container.chart-items-bottom {
  max-width: 900px;
  margin: auto;
}
.container.chart-items-bottom img {
  display: block;
}

.chart-item-top {
  align-items: flex-end;
}

.chart-item-top .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
}
.chart-item-top .right .content-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 70%;
  min-width: 60%;
  height: auto;
  transform: translate(-50%, -50%);
  color: #000;
}

.content-inner h3 {
  color: #eac642;
  margin: 0;
  font-size: 1.5em;
}

.chart-items-bottom {
  position: relative;
}
.chart-items-bottom .chart-item:not(.first) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chart-item .left {
  position: relative;
  overflow: hidden;
}
.chart-item .left.first img {
  z-index: 2;
}

.wave {
  background-color: rgba(244, 198, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  transform: translateY(calc(100% + 78px));
  transition: all linear 0.25s;
  -webkit-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -ms-transition: all linear 0.25s;
  transition-delay: 0.25s;
}
.wave::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 78px;
  top: -78px;
  left: 0;
  background-image: url("img/wave.png");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.chart-item .left img {
  z-index: 5;
  position: relative;
}

.chart-item.first .left img {
  z-index: 2;
  position: relative;
}

.content-inner p {
  text-align: left;
  margin-bottom: 0;
}

.chart-item .left img.final {
  position: absolute;
  top: -2.5%;
  left: 0;
  display: none;
  width: 100%;
  height: 102.5%;
}

body:not(.page-template-2023-new-core-page) .interactive_chart {
  background-color: #fff;
  color: #000;
}
body:not(.page-template-2023-new-core-page) .interactive_chart hr {
  margin-left: auto;
  margin-right: auto;
}
body:not(.page-template-2023-new-core-page) .interactive_chart h2 {
  color: #000;
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-items-top .line {
  background-image: linear-gradient(90deg, #eac642, #eac642 0%, #000 0%, #000 100%);
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-bottom {
  display: none;
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-top .right .content-inner {
  color: #fff;
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-top > * {
  flex: 1;
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-top > *:last-child {
  color: #fff;
}
body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-top > *:last-child img {
  filter: invert(1);
}

.tiles-grid > * {
  background-color: transparent;
  color: #000;
  padding: 0;
}

.tiles-grid h3 {
  color: #eac642;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.tiles-grid > * b,
.tiles-grid > * strong {
  color: #000;
  font-size: 1.33em;
  text-transform: uppercase;
  font-weight: bold;
}

.tile-single p {
  font-size: 0.66em;
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
}

.big_tiles hr {
  margin-left: auto;
  margin-right: auto;
}

.big_tiles {
  margin-top: 2em;
  margin-bottom: 4em;
}

.cta.no-bg {
  background-image: url("img/big_grid_bg.png");
  background-position: bottom center;
  background-size: auto 100%;
  background-repeat: repeat-x;
}

.cta.no-bg * {
  color: #000 !important;
}

.cta.no-bg::before {
  display: none;
}

.embedded-acuity-nav {
  max-width: 100%;
  width: 100%;
  padding-top: 0;
}

.cta {
  width: 100%;
}

.customer-login-link {
  padding-right: 0 !important;
}

.single-slider .content-slider-left .slider-header::after {
  margin-bottom: 35px;
  margin-top: 20px;
}

.single-slider .owl-dots {
  width: 100%;
}

.single-slider .content-slider-left h5 {
  margin-top: 25px !important;
}

.new_core_header .btn.alt, .new_core_header .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .new_core_header a, .new_core_header .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .new_core_header a:last-child:not(:first-child) {
  margin-left: 40px;
}

.cta.no-bg {
  position: relative;
}

.cta.no-bg::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.hover-content .learn-more {
  font-weight: 700;
}

/* Media Queries */
@media screen and (max-width: 1440px) {
  .container {
    padding-left: 2em;
    padding-right: 2em;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left,
  .single-slider .owl-item > div > div.content-slider-left {
    padding: 0;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left {
    padding-right: 2em;
  }
  .faq-item .header-click {
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  .single-text-image {
    margin: 2em 0;
  }
  .single-text-image .container.flex {
    flex-direction: column;
  }
  .single-text-right {
    width: 100% !important;
    max-width: 500px;
    aspect-ratio: 1;
    margin: 2em auto !important;
    max-height: 500px;
  }
  .single-text-image .container > div:last-child {
    width: 100% !important;
    margin: 0;
  }
  .new_core_header .left {
    max-width: 100%;
    margin-left: initial;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 25px;
  }
  .new_core_header {
    position: relative;
  }
  .new_core_header .right {
    width: 100%;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    z-index: 1;
    height: 100%;
    overflow: hidden;
  }
  .new_core_header .right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .new_core_header .right img {
    transform: initial;
  }
  .new_core_header .left {
    max-width: 100%;
    margin-left: initial;
    width: 100%;
    position: relative;
    z-index: 3;
  }
  .new_core_header .flex.overlap-header::after {
    display: none;
  }
  .new_core_header {
    position: relative;
  }
  .new_core_header h1 {
    text-shadow: 0 0 20px #000;
  }
  .new_core_header .right {
    width: 100%;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    z-index: 1;
    height: 100%;
    overflow: hidden;
  }
  .new_core_header .right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .new_core_header .right img {
    transform: initial;
  }
  .new_core_header::after {
    display: none;
  }
  .container.chart-items-top {
    margin: 2em auto;
  }
  .chart-item-top.flex {
    flex-direction: row;
  }
  .chart-item-bottom.flex {
    display: none;
  }
  .single-text-left {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .embedded-acuity-nav {
    padding: 0 25px !important;
  }
  .articles {
    margin-bottom: 2em;
  }
  .embedded-acuity-slider .owl-item div,
  .multi-content-slider .owl-item div,
  .single-slider .owl-item div {
    flex-direction: column;
  }
  .embedded-acuity-slider .owl-item > div > div,
  .multi-content-slider .owl-item > div > div,
  .single-slider .owl-item > div > div {
    display: block;
    width: 100% !important;
    min-height: 300px;
  }
  .multi-content-slider .owl-item > div > div.content-slider-left {
    padding-right: 0 !important;
    width: 100% !important;
    min-height: initial;
    padding-bottom: 2em !important;
  }
  .embedded-acuity-nav,
  .multi-content-nav {
    padding: 1em 0 0;
  }
  .video-testimonials-wrapper {
    padding: 0 2em;
  }
  .single-text-left {
    padding: 0;
  }
  .timeline-chart-item {
    flex: 1;
  }
  .container.chart-items-bottom .right img {
    display: none;
  }
  .chart-item-top .right .content-inner {
    position: relative;
    top: initial;
    left: initial;
    width: auto;
    max-width: 100%;
    min-width: initial;
    height: auto;
    transform: initial;
    color: #fff;
    background-color: #000;
    margin-left: 1.5em;
  }
  .chart-item-top.flex {
    align-items: stretch;
    margin: 0 1em;
  }
  .chart-item .left img.final {
    background-color: #000;
  }
  .chart-item-top .right {
    justify-content: center;
  }
  .chart-items-top .line {
    width: calc(100% - 112.5px);
  }
  body:not(.page-template-2023-new-core-page) .interactive_chart .chart-item-top .right .content-inner {
    padding: 20px;
  }
  .single-slider .content-slider-left {
    padding: 2em 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .single-slider .content-slider-right {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .embedded-acuity-nav,
  .multi-content-nav {
    flex-direction: column;
  }
  .content_accordion.faq-columns {
    padding-left: 2em;
    padding-right: 2em;
  }
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .chart-items-top .line {
    width: calc(100% - 75px);
  }
  .panel.interactive_chart {
    padding-left: 0;
    padding-right: 0;
  }
  .panel.interactive_chart > *:not(.chart-items-top):not(.chart-items-bottom) {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .countup-container {
    font-size: 1.25em;
  }
  .chart-item-top.flex {
    flex-direction: column;
  }
  .chart-item .left {
    max-width: 300px;
    margin: 0 auto 2em;
  }
  .chart-item-top .right {
    margin-bottom: 2em;
  }
  .short-content {
    font-size: 0.65em;
    letter-spacing: initial;
  }
  .chart-item-top .right .content-inner {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .new_core_header .btn.alt, .new_core_header .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .new_core_header a, .new_core_header .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .new_core_header a:last-child:not(:first-child) {
    margin-left: 0;
    display: block;
    margin-top: 20px;
  }
}
/* Nov 22 2023 updates */
.thin-page-header .video-container {
  z-index: 1;
}

.thin-page-header::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: block;
  opacity: 0.53;
}

.page-template-home-solar-page .simple-text p {
  max-width: 1024px;
}

.page-template-home-solar-page .cta + .simple-text, .page-template-location-core-page .cta + .simple-text {
  background-color: #fff;
}

.page-template-home-solar-page #panel-1 + .simple-text {
  margin-top: 3.5em;
}
.page-template-home-solar-page hr, .page-template-home-solar-page .new_core_header:not(#panel-1) h2::after {
  width: 25%;
  max-width: 175px;
  background-color: #f4c601;
  height: 5.5px;
}
.page-template-home-solar-page .new_core_header:not(#panel-1) h2::after {
  content: "";
  display: block;
  position: relative;
  margin-top: 0.75em;
  margin-bottom: -0.5em;
}
.page-template-home-solar-page .new_core_header:not(#panel-1) .flex.overlap-header .left {
  padding-top: calc(2em + 50px);
}
.page-template-home-solar-page .new_core_header:not(#panel-1) + .single-text-image {
  margin-top: 7em;
  margin-bottom: 7em;
}
.page-template-home-solar-page .single-text-left p {
  font-size: 1.125em;
}
.page-template-home-solar-page h5 a b {
  text-transform: uppercase !important;
}
.page-template-home-solar-page .new_core_header:not(#panel-1) .flex.overlap-header::before {
  display: block;
  content: "";
  height: 50px;
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  position: absolute;
  top: 0;
}
.page-template-home-solar-page .container.multi-content-slider-container {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -2em;
}
.page-template-home-solar-page .nav-tab a, .page-template-home-solar-page .nav-tab a:visited {
  padding: 7.5px 25px;
}
.page-template-home-solar-page .content-slider-left > * {
  margin-left: 35px !important;
}
.page-template-home-solar-page .slider-header {
  text-transform: initial;
  font-size: 2em;
  position: relative;
  margin-bottom: 25px !important;
}
.page-template-home-solar-page .slider-header::before {
  content: "";
  display: block;
  top: -20px;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: translate(-70%, 0);
}
.page-template-home-solar-page .multi-content-slider .owl-item > div > div {
  aspect-ratio: 1.5;
}
.page-template-home-solar-page .multi-content-slider .owl-item div {
  align-items: center;
}
.page-template-home-solar-page .content-slider-left {
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  align-items: flex-start !important;
}
.page-template-home-solar-page .owl-dots {
  position: absolute;
  bottom: -2.5em;
}
.page-template-home-solar-page .multi-content-slider {
  margin-bottom: 3em;
}
.page-template-home-solar-page .site-main .owl-carousel button.owl-dot {
  background-color: #d9d9d9;
}
.page-template-home-solar-page .site-main .owl-carousel button.owl-dot.active {
  background-color: #eac642;
}
.page-template-home-solar-page .site-main .owl-carousel button.owl-dot {
  margin: 0.66em 0.33em !important;
}
.page-template-home-solar-page .slider-header + hr {
  display: none;
}
.page-template-home-solar-page .widget_embed + .bsw-insurance-package .columns.flex {
  display: flex;
  grid-template-columns: initial;
  grid-gap: 50px;
  max-width: 1166px;
  margin: auto !important;
}
.page-template-home-solar-page .accordion_with_background_image.panel .container {
  max-width: 1200px;
}
.page-template-home-solar-page .cta p {
  font-weight: 300;
}
.page-template-home-solar-page .accordion_column + script + .interactive_chart {
  margin-top: 7em;
}
.page-template-home-solar-page .interactive_chart p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.075em;
}
.page-template-home-solar-page .container.chart-items-top {
  margin: 5em auto 2.5em;
}
.page-template-home-solar-page .multi-content-slider-container {
  font-size: 1.125em;
}
.page-template-home-solar-page .multi-content-slider-container .readmore {
  display: none;
}
.page-template-home-solar-page .multi-content-nav {
  padding-top: 0;
}
.page-template-home-solar-page strong, .page-template-home-solar-page b {
  text-transform: initial;
  font-family: inherit;
}
.page-template-home-solar-page .single-text-left {
  padding-right: 3em;
}
.page-template-home-solar-page .repeater-item {
  position: relative;
  align-items: center;
  padding: 3em 0;
}
.page-template-home-solar-page .repeater-item h3::after {
  content: "";
  display: block;
  top: -20px;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: translate(-70%, 0);
}
.page-template-home-solar-page .repeater-item p:last-child {
  margin-bottom: 0;
}
.page-template-home-solar-page .repeater-item .image {
  width: 45%;
  padding-left: 2em;
}
.page-template-home-solar-page .repeater-item.row-reverse .image {
  width: 55%;
  padding-right: 4em;
  padding-left: 0;
}
.page-template-home-solar-page .repeater-item .content {
  width: 55%;
  padding-right: 4em;
}
.page-template-home-solar-page .repeater-item .content ul {
  padding-left: 1.5em;
}
.page-template-home-solar-page .repeater-item {
  flex-direction: row-reverse;
}
.page-template-home-solar-page .repeater-item h3 {
  position: relative;
  text-transform: initial;
  font-size: 1.75em;
  margin-top: 0;
}
.page-template-home-solar-page .repeater-item.row-reverse {
  flex-direction: row;
}
.page-template-home-solar-page .repeater-item.row-reverse .content {
  padding-right: 0;
  width: 45%;
  padding-left: 2em;
}
.page-template-home-solar-page .repeater {
  margin: 3em 0;
  display: block;
  padding-top: 3em;
}
.page-template-home-solar-page .repeater > .container h2::after {
  content: "";
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  border: 3px solid #edc743;
  content: "";
  display: block;
  width: 250px;
  margin: 30px auto;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.page-template-home-solar-page .single-text-image:not(.dark) {
  margin: 3em 0;
}
.page-template-home-solar-page .single-text-image:not(.dark) li {
  margin-left: 1em;
  padding-bottom: 5px;
}
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:first-child {
  margin-right: 3em;
}
.page-template-home-solar-page .single-text-image:not(.dark) h5 a:not(.arbitrary):not(:first-child) {
  color: #000 !important;
  margin-top: 20px;
}
.page-template-home-solar-page .simple-text h5 {
  margin-top: 50px;
}

.page-template-home-solar-page .repeater h5 a:not(.arbitrary) {
  color: #000 !important;
}

.two-column .left h5 {
  margin-top: 30px;
}

.snap-yes {
  position: relative;
}

.snap-yes .single-text-right {
  position: absolute;
  top: -5%;
  right: 0;
  width: 50%;
  height: 110%;
  background-size: contain;
  background-position: right center;
}

.page-template-home-solar-page .faq-item h3 {
  text-transform: initial;
}
.page-template-home-solar-page .faq-item .header-click {
  justify-content: space-between;
}
.page-template-home-solar-page .header-click h3 {
  flex: 1;
}

.page-template-home-solar-page .repeater + .panel.big_tiles {
  padding-top: 0;
  margin-top: 0;
}
.page-template-home-solar-page .repeater + .panel.big_tiles .tile-single p {
  font-size: 16px;
  font-family: proxima-nova, sans-serif;
  text-transform: initial;
  font-weight: 500;
}
.page-template-home-solar-page .repeater + .panel.big_tiles .tile-single h3 {
  margin: 40px 0;
}

.panel.tiles_grid {
  padding-top: 2em;
}
.panel.tiles_grid .container h2 {
  position: relative;
}

.financing_options {
  padding: 3em 0;
}

.financing_options h2 {
  position: relative;
}

.financing_options .header p {
  max-width: 1024px;
  margin: auto;
}

.financing-repeater-item {
  max-width: 1024px;
  margin: auto;
  align-items: center;
  padding: 2em 0;
}
.financing-repeater-item .image {
  max-width: 100px;
  width: 100px;
  min-width: 100px;
  margin-right: 3em;
}
.financing-repeater-item .content h3 {
  text-transform: initial;
  font-size: 1.5em;
  margin: 0;
}
.financing-repeater-item .content p:last-child {
  margin-bottom: 0;
}

.financing_options .table {
  max-width: 768px;
  margin: 3em auto;
  background-color: #e5eef2;
  border-radius: 10px;
  padding: 2em;
}
.financing_options .table table {
  border-collapse: collapse;
}
.financing_options .table table td, .financing_options .table table th {
  width: 33.3%;
}
.financing_options .table thead {
  font-family: brandon-grotesque, sans-serif;
  text-transform: uppercase;
}
.financing_options .table thead th {
  padding-bottom: 2em;
}
.financing_options .table tbody td {
  border-bottom: 1px solid #000;
  padding: 15px;
  border-right: 1px solid #000;
}
.financing_options .table tbody td:last-child {
  border-right: 0;
}
.financing_options .table tbody tr:last-child td {
  border-bottom: 0;
}

.panel.tiles_grid .container h2::after, .page-id-2203 #panel-7 h2::after, .financing_options h2::after {
  content: "";
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  border: 3px solid #edc743;
  content: "";
  display: block;
  width: 250px;
  margin: 30px auto;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}

.tiles_grid .tiles-grid {
  grid-template-columns: repeat(3, 3fr);
  max-width: 1166px;
  padding: 2em 0 4em;
}

.tiles_grid h3 {
  color: #000;
  text-shadow: none;
  text-transform: initial;
  font-size: 1em;
  max-width: 225px;
  margin: 20px auto 0;
}

.tiles_grid img {
  max-width: 132px;
  max-height: 132px;
  object-fit: contain;
  object-position: center;
}

.cta.two-column::before {
  background-color: #000;
}

.cta.two-column {
  padding: 2.5em 0 !important;
}

.two-column .container {
  align-items: center;
}
.two-column .container p:last-child {
  margin-bottom: 0;
}
.two-column .container strong {
  color: #fff;
}

.two-column .container > * {
  width: 50%;
  text-align: left;
}

#menu-2023-social-menu {
  display: flex;
  justify-content: center;
  font-size: 0;
  margin-top: 30px;
}
#menu-2023-social-menu li::before {
  font-size: 1.5rem;
  color: #eac642;
}
#menu-2023-social-menu li {
  margin: 0 10px;
  position: relative;
}
#menu-2023-social-menu li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.widget_embed iframe[src*=trinethire] {
  height: 620px !important;
  width: 100% !important;
}

.thin-page-header .video-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thin-page-header h1 {
  font-size: 3.5em;
}

body:not(.arbitrary) .single-text-image.dark {
  background-color: #000 !important;
  color: #fff !important;
}

.single-text-image.dark h2 {
  color: #fff !important;
}

.single-text-image.snap-yes .container {
  max-width: 100%;
  padding: 2em 0;
}

.single-text-image.snap-yes .container > * {
  width: 50%;
}

.snap-yes .single-text-right {
  margin-left: 0;
}

.snap-yes {
  padding: 1.5em 0;
}

.single-text-image.snap-yes .single-text-left {
  max-width: 683px;
  margin-left: auto;
  margin-right: 0;
}

.single-text-image.snap-yes .single-text-left {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.snap-yes .single-text-left > * {
  max-width: 50%;
  margin-left: 0;
}

.page-template-home-solar-page .panel.image_with_content {
  background-color: #fff;
}
.page-template-home-solar-page .image_with_content .flex {
  align-items: center;
  max-width: 1440px;
}
.page-template-home-solar-page .image_with_content .content h2 {
  margin-top: 0;
  position: relative;
}
.page-template-home-solar-page .image_with_content .content h2::after {
  content: "";
  border-bottom: 2px solid #edc743;
  height: 0;
  max-width: 50%;
  margin: initial;
  border: 4px solid #edc743;
  content: "";
  display: block;
  width: 100px;
  margin: 30px auto 30px 0;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.page-template-home-solar-page .panel.image_with_content .video {
  width: 55%;
}

.page-id-5901 .repeater p {
  max-width: 1024px;
  margin: auto;
}

.page-id-5901 .repeater-items {
  display: flex;
}

.page-id-5901 .repeater-item {
  padding-right: 4em;
  padding-left: 2em;
  padding-top: 4em;
}

.page-id-5901 .interactive_chart {
  margin-top: 5em;
}

.interactive_chart .footer {
  margin-top: 2.5em;
}

.page-id-5901 .repeater-item .content {
  width: 100%;
  padding-right: 0;
}

@media screen and (max-width: 1440px) {
  .page-template-home-solar-page .repeater-items {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }
  .single-text-image.snap-yes .single-text-left {
    margin-left: 3em;
  }
}
@media screen and (max-width: 1024px) {
  .snap-yes .single-text-right {
    position: absolute;
    top: -2em;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-size: cover;
    z-index: 1;
    opacity: 0.4;
    max-width: 100%;
    max-height: initial;
  }
  .snap-yes .single-text-left {
    position: relative;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .snap-yes .single-text-left > * {
    max-width: 100%;
    margin-left: 0;
  }
  .single-text-image.snap-yes .single-text-left {
    margin-left: 0;
    padding: 0 3em;
  }
  .page-template-home-solar-page .single-text-left {
    padding-right: 0;
  }
  .page-template-home-solar-page .repeater {
    margin: 0;
    display: block;
    padding-top: 0;
  }
  .repeater-item.flex {
    flex-direction: column-reverse !important;
  }
  .page-template-home-solar-page .repeater-item .content {
    width: 100%;
    padding-right: 0;
  }
  .page-template-home-solar-page .repeater-item .image {
    width: 100%;
    padding-left: 0;
    max-width: 500px;
    margin: 40px auto 0;
  }
  .page-template-home-solar-page .repeater-item.row-reverse .content {
    padding-right: 0;
    width: 100%;
    padding-left: 0;
  }
  .page-template-home-solar-page .repeater-item {
    padding: 1.5em 0;
  }
  .page-template-home-solar-page .repeater-item.row-reverse .image {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 500px;
  }
  .page-template-home-solar-page .tiles-grid {
    grid-template-columns: repeat(3, 3fr);
  }
  .two-column .container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .two-column .container > * {
    width: 100%;
    text-align: center;
  }
  .two-column .container .left {
    margin-bottom: 20px;
  }
  .two-column .container .left h2 br {
    display: none;
  }
  .page-id-5901 .repeater-items {
    display: flex;
    flex-direction: column;
    padding-top: 2em;
  }
  .new_core_header p {
    max-width: 100%;
  }
  .page-template-home-solar-page .new_core_header:not(#panel-1) .flex.overlap-header::before {
    display: none !important;
  }
  .page-template-home-solar-page .new_core_header:not(#panel-1) + .single-text-image {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .page-template-home-solar-page .panel.image_with_content .video {
    width: 100%;
  }
  .page-template-home-solar-page #panel-1 + .simple-text {
    margin-top: 0;
  }
  .page-template-home-solar-page .multi-content-slider .owl-item > div > div {
    aspect-ratio: initial;
  }
  .bsw-insurance-package > .container + .flex {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .financing-repeater-item .image {
    max-width: 50px;
    width: 50px;
    min-width: 50px;
  }
  .financing_options .table {
    padding: 1em;
    font-size: 3vw;
  }
  .financing_options .table tbody td {
    padding: 5px;
  }
  .page-template-home-solar-page .tiles-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-template-home-solar-page .repeater + .panel.big_tiles .tile-single h3 {
    margin: 0 0 10px;
  }
}
/* Site Footer v2 */
.site-footer h3 {
  margin: 0 0 1em;
  color: #fff;
  font-size: 1em;
}

.site-footer .menu li {
  list-style-type: none;
  padding-bottom: 0.33em;
  text-transform: uppercase;
}

.site-footer .menu li {
  list-style-type: none;
  text-transform: initial;
  text-decoration: none;
}

.site-footer .menu li.fa {
  text-decoration: none;
  padding-bottom: 0;
}

.site-footer #social-menu {
  margin-top: 1em;
  margin-bottom: 1em;
}

.site-footer p strong {
  color: #fff;
  text-transform: initial;
  font-family: inherit;
  font-weight: 500;
}

#social-menu li.fa {
  padding-right: 1.33em;
}

.new-footer-arrow-link {
  font-weight: 500;
  margin-top: 2em;
}
.new-footer-arrow-link::after {
  content: " >>";
  color: #eac642;
}

.site-footer .flex {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 1.5em;
}
.site-footer .flex p {
  margin: 0;
}
.site-footer .flex a {
  text-decoration: none;
}

.site-footer .flex img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin-right: 10px;
  margin-top: 2px;
}

#colophon > :last-child {
  text-align: left;
}

.site-info {
  font-size: 100%;
}

#colophon {
  justify-content: space-between;
}

#colophon > * {
  width: 20%;
  display: block;
  padding-right: 4em;
}
#colophon > *:first-child {
  width: 25%;
}
#colophon > *:nth-child(2) {
  width: 15%;
}
#colophon > *:nth-child(3) {
  width: 20%;
}
#colophon > *:last-child {
  padding-right: 0;
}

#colophon {
  padding: 2.5em 2.5em 12em;
}

.google-stars img {
  max-width: 175px;
  display: block;
  margin: 2em 0 1em;
}

.site-info div a {
  text-decoration: none;
  font-weight: 500;
}

.site-footer .menu-toggle-bar .arrow {
  display: none;
}

@media screen and (max-width: 1440px) {
  #colophon > * {
    padding-right: 2em;
  }
}
@media screen and (max-width: 1366px) {
  #social-menu li.fa {
    padding-right: 0.5em;
  }
}
@media screen and (max-width: 1240px) {
  .site-footer {
    font-size: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .site-footer {
    font-size: 100%;
  }
  #colophon {
    flex-direction: column;
  }
  #colophon > :first-child {
    width: 100%;
  }
  #colophon > * {
    padding-right: 0;
  }
  .google-stars img {
    margin: 1em 0;
  }
  #colophon > :nth-child(2) {
    width: 100%;
  }
  #colophon > :nth-child(3) {
    width: 100%;
  }
  #colophon > * {
    width: 100%;
  }
  #colophon {
    padding-bottom: 2.5em;
  }
  .site-footer .site-info {
    margin-bottom: 2.5em;
  }
  .site-footer .menu-toggle-bar {
    align-items: center;
    justify-content: space-between;
    padding: 0.75em 0;
  }
  .site-footer .menu-toggle-bar .arrow {
    display: block;
    background-image: url("img/prev.png");
    transform: rotate(-90deg);
    filter: invert(1);
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .site-footer .menu-toggle-bar.toggled .arrow {
    transform: rotate(-270deg) !important;
  }
  .menu-toggle-bar.flex {
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    cursor: pointer;
    transition: all linear 0.175s;
  }
  .menu-toggle-bar.flex * {
    transition: all linear 0.175s;
  }
  .menu-toggle-bar.flex:hover * {
    color: #eac642;
  }
  .menu-toggle-bar.flex h3 {
    margin: 0;
  }
  .new-footer-menu ul, .footer-contact-us-menu .contact-wrapper {
    display: none;
  }
  .new-footer-menu ul {
    padding-left: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .contact-wrapper {
    margin-top: 1em;
  }
  .site-info {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  #colophon > * {
    max-width: initial !important;
    margin: initial !important;
    text-align: initial !important;
  }
  #colophon > .site-info {
    margin-bottom: 2em !important;
  }
  #social-menu li {
    font-size: 2em;
    padding: 0.5em 1em 0.5em 0 !important;
    width: initial;
  }
}
.your-solar-quote .top-button-header, .your-solar-quote .lower-columns + p {
  font-size: 1.25em !important;
  text-align: center;
}

.lower-column h3 {
  font-size: 2em;
}

.page-template-solar-calculator-quote-page .lower-columns.flex {
  align-items: flex-start !important;
}

.page-template-solar-calculator-quote-page .lower-column .icon {
  height: 85px;
  max-height: 85px;
  object-fit: contain;
}

/* Customer Support Page */
/* Override site container overflow for proper sticky behavior */
.page-customer-support .site {
  overflow: visible !important;
  height: auto !important;
}

/* Customer Support Page - Compact Header */
.page-customer-support .cta.page-header {
  padding: 100px 2em;
  min-height: auto;
}
.page-customer-support .cta.page-header::before {
  background-color: rgba(0, 0, 0, 0.53);
}
.page-customer-support .scrolldown {
  display: none;
}

.page-template-customer-support-page .subpage .page-header > *:not(.video-container) {
  max-width: none !important;
  white-space: nowrap !important;
}

.customer-support-page {
  padding: 4em 0;
}

.customer-support-wrapper {
  display: flex;
  gap: 4em;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2em;
  align-items: flex-start;
  position: relative;
}

/* Side Navigation - sticky positioning */
.customer-support-nav {
  position: sticky;
  top: 140px;
  flex: 0 0 250px;
  max-width: 250px;
  align-self: flex-start;
  z-index: 100;
}

.cs-nav-inner {
  background-color: #f4f8fa;
  border-radius: 8px;
  padding: 1.5em;
}

.cs-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cs-nav-item {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1em;
  border-left: 3px solid transparent;
  transition: border-color 0.2s ease;
}
.cs-nav-item:last-child {
  margin-bottom: 0;
}
.cs-nav-item.active {
  border-left-color: #f4c601;
}

.cs-nav-link {
  display: block;
  padding: 0.75em 0;
  color: #292929;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  text-decoration: none;
  transition: color 0.2s ease;
}
.cs-nav-link:hover {
  color: #d6a300;
}
.active .cs-nav-link {
  color: #292929;
  font-weight: 600;
}

/* Main Content Area */
.customer-support-content {
  flex: 1;
  position: relative;
  min-width: 0;
}

.cs-section {
  margin-bottom: 4em;
}
.cs-section:last-of-type {
  margin-bottom: 2em;
}

.cs-section-title {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-size: 2em;
  color: #292929;
  margin: 0 0 0.5em;
  letter-spacing: 0.02em;
}

.cs-section-divider {
  width: 80px;
  height: 4px;
  background-color: #f4c601;
  margin-bottom: 1.5em;
}

.cs-intro-text {
  margin-bottom: 1.5em;
}
.cs-intro-text p {
  font-family: proxima-nova, sans-serif;
  font-size: 1.1em;
  line-height: 1.6;
  color: #393939;
  margin-bottom: 1em;
}
.cs-intro-text p:last-child {
  margin-bottom: 0;
}
.cs-intro-text a {
  color: #197bff;
  text-decoration: underline;
}
.cs-intro-text a:hover {
  color: rgb(0, 97.5739130435, 229);
}

.cs-contact-info {
  background-color: #f4f8fa;
  padding: 1.5em;
  border-radius: 8px;
  margin-top: 1.5em;
}
.cs-contact-info p {
  font-family: proxima-nova, sans-serif;
  margin: 0 0 0.5em;
  font-size: 1em;
}
.cs-contact-info p:last-child {
  margin-bottom: 0;
}
.cs-contact-info p strong {
  font-weight: 600;
}
.cs-contact-info a {
  color: #197bff;
  text-decoration: underline;
}
.cs-contact-info a:hover {
  color: rgb(0, 97.5739130435, 229);
}

.cs-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cs-link-list li {
  margin-bottom: 0.75em;
}
.cs-link-list li:last-child {
  margin-bottom: 0;
}
.cs-link-list a {
  font-family: proxima-nova, sans-serif;
  font-size: 1.05em;
  color: #292929;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.cs-link-list a:hover {
  color: #d6a300;
}

/* Decorative Elements */
.cs-decor {
  position: absolute;
  pointer-events: none;
  opacity: 0.15;
  z-index: -1;
}
.cs-decor img {
  display: block;
  max-width: 150px;
  height: auto;
}

.cs-decor-1 {
  top: 0;
  right: -50px;
}

.cs-decor-2 {
  bottom: 200px;
  right: -30px;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
  .customer-support-wrapper {
    gap: 3em;
  }
  .customer-support-nav {
    flex: 0 0 200px;
    max-width: 200px;
  }
}
@media screen and (max-width: 900px) {
  .customer-support-wrapper {
    flex-direction: column;
    gap: 2em;
  }
  .customer-support-nav {
    position: relative;
    top: 0;
    flex: none;
    max-width: 100%;
    width: 100%;
  }
  .cs-nav-inner {
    display: flex;
    justify-content: center;
  }
  .cs-nav-list {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cs-nav-item {
    margin-bottom: 0;
  }
  .cs-nav-item::before {
    left: 0;
    top: auto;
    bottom: -0.5em;
    width: 100%;
    height: 3px;
  }
  .cs-nav-link {
    padding: 0.5em 0;
  }
  .cs-decor {
    display: none;
  }
  .page-template-customer-support-page .subpage .page-header > *:not(.video-container) {
    white-space: normal !important;
  }
}
@media screen and (max-width: 600px) {
  .customer-support-nav {
    display: none;
  }
  .customer-support-page {
    padding: 2em 0;
  }
  .customer-support-wrapper {
    padding: 0 1em;
  }
  .cs-section-title {
    font-size: 1.5em;
  }
  .cs-nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .cs-nav-item::before {
    left: -1.5em;
    top: 0;
    bottom: auto;
    width: 3px;
    height: 100%;
  }
}
/* WNYC / Gothamist LP Edits */
.standalone-header h1 {
  font-size: 3.5em;
  line-height: 1.075;
}

.standalone-header .container p {
  margin: 0;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
}

.standalone-header-columns .left > p:last-child {
  font-weight: 500;
}

.standalone-landing-page .video-testimonials {
  padding-top: 2em;
  padding-bottom: 4em;
}

.standalone-landing-page .dual_sliders h2::after,
.standalone-landing-page .image_with_content h2::after,
.standalone-landing-page .pie-chart h2::after,
.standalone-landing-page .video-testimonials .header h2::after,
.standalone-landing-page .countup_boxes .header h2::after {
  height: 0;
  max-width: 201px;
  width: 90%;
  margin: 2em 0;
  content: "";
  display: block;
  margin: 30px auto;
  position: relative;
  right: 0;
  height: 8px;
  padding: 0;
  background-color: #edc743;
}

.standalone-landing-page .countup_boxes .header hr {
  display: none;
}

.standalone-landing-page .countup_boxes .header p {
  max-width: 768px;
  margin: auto;
}

.number-wrapper {
  font-size: 50px;
  color: #eac642;
  font-weight: 600;
  font-family: brandon-grotesque, sans-serif;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.countup-box > p {
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  max-width: 220px;
  margin: auto;
  display: block;
}

.container.countup-boxes {
  display: grid;
  grid-template-columns: repeat(3, 3fr);
  align-items: center;
  max-width: 1000px;
  grid-gap: 0 40px;
}
.container.countup-boxes .background-black {
  background-color: #292929;
  color: #fff;
}

.countup_boxes .footer {
  margin-top: 4em;
  margin-bottom: 4em;
}

.widget_embed .footer {
  margin-top: 2em;
  margin-bottom: 2em;
}

.countup-box {
  padding: 1.5em 0;
  border-radius: 10px;
}

.customer-map.pre-customer-map {
  overflow: hidden;
}

.customer-map.pre-customer-map .map-title {
  display: flex;
  align-items: center;
}

#map.pre-customer-map img:hover {
  transform: scale(1.05);
}

#map.pre-customer-map img {
  cursor: pointer;
  display: block;
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
}

.video-right h6::after {
  display: block !important;
}

.video-right .quote-link:last-child h6::after {
  display: none !important;
}

.standalone-landing-page .widget_embed.panel div[class*=WidgetTitle__Header] {
  display: none !important;
}

.solar-calculator-landing-container button {
  cursor: pointer;
}

.all-other-events h2 {
  font-size: 2.25em;
  margin: 3em 0 1.5em;
  display: block;
  text-align: center;
  position: relative;
}
.all-other-events h2:first-child {
  margin-top: 0.5em;
}
.all-other-events h2 span {
  display: inline-block;
  background-color: #fff;
  padding: 5px 30px;
  position: relative;
  z-index: 2;
}
.all-other-events h2::before {
  content: "";
  background-color: #eac642;
  height: 2px;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block;
}
.all-other-events .all-others-inner {
  text-align: center;
}

.small-event {
  display: inline-block;
  width: 100%;
}

.all-other-events .owl-carousel {
  position: relative;
  max-width: calc(100% - 50px);
  margin: auto;
}

.all-other-events .owl-stage-outer {
  margin: auto;
}

.all-other-events .owl-dots {
  display: none;
}

.all-other-events .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 100px);
  pointer-events: none;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.all-other-events .owl-nav > * {
  pointer-events: initial;
}
.all-other-events .owl-nav img {
  display: block;
  width: 15px;
  margin: auto;
}

.small-event .info {
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 0.9em;
}

.small-event .info > .details {
  padding-left: 1em;
  width: 80%;
  flex: 1;
}

.photo-gallery .caption {
  background-color: #fff;
  display: block;
  position: relative;
  bottom: initial;
  left: initial;
  color: #212a3d;
  padding: 1em;
  max-width: 585px;
}

.page-id-4764 .owl-item > div {
  flex-direction: column-reverse;
  display: flex;
}

.page-id-4764 .photo-gallery .owl-stage .owl-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
  object-position: center;
}

.page-id-4764 .owl-item > div {
  flex-direction: column;
  display: flex;
}

.page-id-4764 .photo-gallery .caption {
  padding: 1.75em 2.5em 4.5em;
}

.page-id-4764 .photo-gallery .owl-stage-outer::after, .page-id-4764 .photo-gallery .owl-stage-outer::before {
  display: none !important;
}

.page-id-6464 #newsletter {
  padding-top: 0;
}

#mc-embedded-subscribe-form {
  max-width: 720px;
  margin: auto;
}
#mc-embedded-subscribe-form label {
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  text-transform: initial;
  display: flex;
  width: 100%;
}
#mc-embedded-subscribe-form label .asterisk {
  flex: 0;
  margin: 0;
}
#mc-embedded-subscribe-form input {
  width: 100%;
  margin-bottom: 15px;
}
#mc-embedded-subscribe-form select {
  padding: 1em;
  width: 100%;
  margin-bottom: 15px;
}
#mc-embedded-subscribe-form #mc-embedded-subscribe {
  background-color: #eac642 !important;
  font-family: brandon-grotesque, sans-serif;
  border-radius: 7.5px;
  width: auto !important;
  max-width: 150px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  border: 0;
  color: #000;
  cursor: pointer;
  margin: 15px auto 45px;
}
#mc-embedded-subscribe-form #mc-embedded-subscribe:hover {
  background-color: rgb(241.65, 218.7642857143, 134.85) !important;
  color: #000;
}

@media screen and (max-width: 1166px) {
  .all-other-events .owl-nav {
    width: calc(100% + 50px);
  }
}
@media screen and (max-width: 1024px) {
  .container.countup-boxes {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    align-items: center;
    max-width: 768px;
    grid-gap: 0 40px;
    margin: auto;
  }
}
@media screen and (min-width: 901px) {
  .page-template-2024-standalone-landing-page .container.chart-items-top {
    margin: 1em auto 5em;
    max-width: 1166px;
  }
}
@media screen and (max-width: 900px) {
  .page-id-4764 .owl-stage, .page-id-4764 .photo-gallery {
    height: auto;
    width: 100%;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns .right {
    background-color: transparent;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns .right > div[class*=elfsight] {
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  .small-event .info {
    font-size: 1em;
  }
  .chart-item .left img.final {
    background-color: transparent;
  }
  .interactive_chart .container.footer {
    padding-top: 2em !important;
  }
  .chart-item.first.active {
    min-height: initial;
  }
}
@media screen and (max-width: 600px) {
  .container.countup-boxes {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    max-width: 100%;
    grid-gap: 0 10px;
    margin: auto;
  }
}
/* Solar for Commercial Buildings */
.btn.alt::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:not(:first-child):last-child::after, .page-template-home-solar-page .repeater h5 a::after {
  background-image: url("img/next_yellow_updated.png");
  width: 19px;
  height: 30px;
  right: -1.5em;
}

.timeline-chart-item .no-number {
  visibility: hidden !important;
  height: 30px;
}

.interactive_chart .footer {
  margin-top: 4em;
  margin-bottom: 2.5em;
}

.page-template-home-solar-page h5 a {
  font-size: 125%;
}

.video_with_text .header-content h2::after {
  max-width: 50%;
  margin: initial;
  border: 3px solid #edc743;
  content: "";
  display: block;
  width: 175px;
  margin: 30px auto 30px auto;
  position: relative;
  right: 0;
  height: 0;
  padding: 0;
  background-color: transparent;
}
.video_with_text .flex {
  gap: 80px;
  margin: 3em auto;
}
.video_with_text .flex > * {
  width: 50%;
}
.video_with_text .main-content p {
  font-size: 1.125em;
}
.video_with_text .main-content h3 {
  font-size: 2.25em;
}
.video_with_text .main-content h2 {
  font-size: 1.25em;
  position: relative;
}
.video_with_text .main-content h2::before {
  content: "";
  display: block;
  top: -20px;
  left: 0;
  background-image: url("img/2023-core-page-sun.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  position: absolute;
  transform: translate(-70%, 0);
}

.page-template-home-solar-page .photo_gallery_slider .owl-dots {
  bottom: -5em;
}

.page-template-home-solar-page .photo_gallery_slider {
  margin-bottom: 5em;
}

.page-template-home-solar-page .photo-gallery .caption {
  position: absolute;
  bottom: 2em;
  left: 2em;
}

.page-template-home-solar-page .widget_embed + .bsw-insurance-package .columns.flex {
  display: flex;
  grid-template-columns: initial;
  grid-gap: 50px;
  max-width: 100%;
}

@media screen and (max-width: 900px) {
  .video_with_text .flex {
    flex-direction: column-reverse;
    gap: 40px;
    margin: 0 auto;
  }
  .video_with_text .flex > * {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .video_with_text .flex > .main-content {
    align-items: flex-start;
    max-width: 90%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .btn.alt::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 a:not(:first-child):last-child::after, .page-template-home-solar-page .repeater h5 a::after {
    right: 0 !important;
  }
}
.newsletter-box-content {
  margin-left: 3em;
  margin-top: 3.85em;
  position: sticky;
  top: 115px;
  left: 0;
  flex: 1;
}
.newsletter-box-content .newsletter-box-content-inner {
  background-color: #e5eef2;
  border-radius: 15px;
  text-align: center;
  padding: 1.5em;
  max-width: 350px;
  margin-left: auto;
  margin-right: 0;
}
.newsletter-box-content img {
  display: block;
  margin: 0 auto 10px;
}

.newsletter-box-content-dummy {
  flex: 1;
  margin-right: 3em;
}

.single-post .main-article-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: initial !important;
}
.single-post .main-article-wrapper .main-article {
  margin: 0;
  width: 100%;
  max-width: 1024px;
  padding: 3.5vw 5em;
}

.single-post #page {
  overflow-x: initial !important;
}

@media screen and (max-width: 1600px) {
  .single-post .main-article-wrapper .main-article {
    margin: 0;
    width: 100%;
    max-width: 900px;
    padding: 3.5vw 2em;
  }
}
@media screen and (max-width: 1366px) {
  .newsletter-box-content .newsletter-box-content-inner {
    padding: 1em;
    font-size: 0.85em;
  }
  .single-post .main-article-wrapper .main-article {
    max-width: 768px;
  }
}
@media screen and (max-width: 1166px) {
  .single-post .main-article-wrapper .main-article {
    max-width: 600px;
  }
}
@media screen and (max-width: 1024px) {
  .single-post .main-article-wrapper {
    flex-direction: column-reverse;
  }
  .single-post .main-article-wrapper .main-article {
    width: 100%;
    max-width: 600px;
    margin: auto;
  }
  .newsletter-box-content-dummy {
    display: none;
  }
  .newsletter-box-content {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 2em);
    margin-top: 0;
    position: relative;
    top: initial;
    left: initial;
    margin-bottom: 2em;
  }
  .newsletter-box-content .newsletter-box-content-inner {
    padding: 1em;
    font-size: 1em;
  }
}
/* July 29 Construction Solar Additions */
.page-template-home-solar-page .hover_modules {
  padding-top: 5em !important;
}
.page-template-home-solar-page .hover_modules hr {
  margin-left: auto;
  margin-right: auto;
}
.page-template-home-solar-page .hover_modules p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-home-solar-page .hover-modules-container {
  margin-top: 4em;
}
.page-template-home-solar-page .hover-modules-container[data-module-count="3"] {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
.page-template-home-solar-page .hover-modules-container[data-module-count="3"] .hover-content {
  justify-content: flex-start;
  font-weight: 500;
}
.page-template-home-solar-page .hover-modules-container[data-module-count="3"] .hover-content p {
  margin-top: 0;
}

.page-id-6732 .simple-text {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.page-id-6732 .simple-text + .multi-content-slider-container {
  padding-top: 2em !important;
}

.page-id-6732 .simple-text + .repeater {
  margin-top: 0;
  padding-top: 0;
}
.page-id-6732 .simple-text + .repeater .container p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-6732 .repeater img {
  aspect-ratio: 1.5;
  object-fit: cover;
  object-position: center;
}

.page-id-6732 .repeater-items {
  max-width: 1166px;
}

.page-id-6732 .accordion_column .header h2::after {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.page-id-6732 .accordion_column .header p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.page-id-6732 .accordion-columns > :first-child {
  padding-right: 0;
}

.accordion-columns.no-content > .accordion-inner {
  width: 100% !important;
  max-width: 660px;
  margin: 1em auto;
}

.simple-text-inner h5:first-child {
  margin-top: 0;
}

.container.chart-items-top.total-timeline-6 {
  max-width: 1440px;
}
.container.chart-items-top.total-timeline-6 .line {
  width: calc(100% - 200px);
}

.page-id-6732 .faq-header h2 {
  max-width: 1024px;
  margin: 1.5em auto 0;
}

.page-id-6732 .faq-header hr {
  margin-left: auto !important;
  margin-right: auto !important;
}

.countup-container {
  font-weight: 500;
}

.interactive_chart .short-content {
  margin: auto;
}

.timeline-chart-item {
  flex: 1;
}

.specialty_team hr {
  margin-left: auto;
  margin-right: auto;
}

.specialty_team {
  padding-top: 3em;
  padding-bottom: 3em;
}

.specialty_team p {
  max-width: 900px;
  margin: 0 auto 3em;
}

.container.specialty-team-members.flex {
  max-width: 900px;
  gap: 80px;
}

.specialty-team-member {
  flex: 1;
}

.specialty-team-member b {
  display: block;
  margin: 1em auto 0.5em;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.25em;
  font-family: brandon-grotesque, sans-serif;
}

.specialty-team-member .title {
  text-align: center;
  margin: auto;
  display: block;
}

.specialty_team .container.footer {
  margin-top: 3em;
}

.specialty-team-member img {
  width: 100%;
  aspect-ratio: 0.75;
  object-fit: cover;
  height: auto;
  display: block;
}

.interactive-selected-container {
  transform: initial;
}

@media screen and (max-width: 1366px) {
  .container.chart-items-top.total-timeline-6 .line {
    width: calc(100% - 125px);
  }
}
@media screen and (max-width: 900px) {
  .container.specialty-team-members.flex {
    gap: 40px;
  }
}
@media screen and (max-width: 600px) {
  .page-id-6732 .multi-content-slider.owl-carousel .owl-stage {
    display: block;
  }
  .container.specialty-team-members.flex {
    max-width: 900px;
    gap: 20px;
    flex-direction: column;
  }
  .specialty-team-member {
    max-width: 225px;
    margin: auto;
    flex: initial;
  }
}
@media screen and (max-width: 380px) {
  .new_core_header h1 {
    font-size: 2.5em;
  }
}
/* 2024 Careers Page */
.page-id-7186 .simple-text {
  padding-top: 1em;
}
.page-id-7186 .simple-text #menu-social-menu {
  display: flex;
  justify-content: center;
  font-size: 0;
  margin-top: 50px;
}
.page-id-7186 .simple-text #menu-social-menu li {
  margin: 0 10px;
  position: relative;
}
.page-id-7186 .simple-text #menu-social-menu li::before {
  font-size: 1.5rem;
  color: #eac642;
}
.page-id-7186 .simple-text #menu-social-menu li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-id-7186 .widget_embed.panel {
  padding-top: 0;
}
.page-id-7186 .widget_embed iframe[src*=trinethire] {
  height: 490px !important;
  width: 100% !important;
}
.page-id-7186 .slider-header::before {
  display: none !important;
}
.page-id-7186 .module-application-process__header hr {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0 !important;
}
.page-id-7186 .module-application-process__header h2 {
  margin-bottom: 15px;
}
.page-id-7186 .module-application-process__step {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 20px;
}
.page-id-7186 .module-application-process__step h3 {
  text-transform: initial;
  font-size: 1.5em;
  margin: 0;
}
.page-id-7186 .module-application-process__step-number {
  display: flex;
  font-weight: bold;
  font-size: 2.5em;
  font-family: brandon-grotesque, sans-serif;
  background-color: #f4c601;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.85em;
  height: 1.85em;
  border-radius: 50%;
  aspect-ratio: 1;
  margin-top: 0.5em;
}
.page-id-7186 .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page-id-7186 .owl-stage-outer {
  max-width: calc(100% - 6em);
  margin: auto;
}
.page-id-7186 .owl-prev img, .page-id-7186 .owl-next img {
  width: 20px;
}
.page-id-7186 .slider-header {
  font-size: 2.75em;
  margin-bottom: 0 !important;
}
.page-id-7186 .content-slider-left ul {
  padding-left: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-id-7186 .single-slider {
  padding: 5em 0;
}
.page-id-7186 .content-slider-left {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.page-id-7186 .content-slider-left .btn, .page-id-7186 .content-slider-left .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-id-7186 .content-slider-left a:last-child:not(:first-child), .page-id-7186 .content-slider-left .page-template-home-solar-page .repeater h5 a, .page-template-home-solar-page .repeater h5 .page-id-7186 .content-slider-left a {
  background-color: transparent;
  padding: 0;
  position: relative;
}
.page-id-7186 .content-slider-left .btn:hover, .page-id-7186 .content-slider-left .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child), .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-id-7186 .content-slider-left a:hover:last-child:not(:first-child), .page-id-7186 .content-slider-left .page-template-home-solar-page .repeater h5 a:hover, .page-template-home-solar-page .repeater h5 .page-id-7186 .content-slider-left a:hover {
  background-color: transparent !important;
}
.page-id-7186 .content-slider-left .btn:hover::after, .page-id-7186 .content-slider-left .page-template-home-solar-page .single-text-image:not(.dark) h5 a:hover:last-child:not(:first-child)::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-id-7186 .content-slider-left a:hover:last-child:not(:first-child)::after, .page-id-7186 .content-slider-left .page-template-home-solar-page .repeater h5 a:hover::after, .page-template-home-solar-page .repeater h5 .page-id-7186 .content-slider-left a:hover::after {
  transform: translate(5px, -50%);
}
.page-id-7186 .content-slider-left .btn::after, .page-id-7186 .content-slider-left .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child)::after, .page-template-home-solar-page .single-text-image:not(.dark) h5 .page-id-7186 .content-slider-left a:last-child:not(:first-child)::after, .page-id-7186 .content-slider-left .page-template-home-solar-page .repeater h5 a::after, .page-template-home-solar-page .repeater h5 .page-id-7186 .content-slider-left a::after {
  transition: all linear 0.175s;
  -webkit-transition: all linear 0.175s;
  -moz-transition: all linear 0.175s;
  -ms-transition: all linear 0.175s;
  position: absolute;
  width: 10px;
  height: 20px;
  background-size: contain;
  background-position: center;
  top: 50%;
  right: -2em;
  transform: translate(0, -50%);
  background-repeat: no-repeat;
  background-image: url("img/next_yellow_no_shadow.png");
  width: 19px;
  height: 30px;
  right: -1.5em;
  content: "";
  position: absolute;
}
.page-id-7186 .repeater {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.page-id-7186 .repeater h2 {
  margin-top: 0 !important;
}
.page-id-7186 .repeater h2::after {
  margin-left: 0 !important;
  margin-top: 12px !important;
}
.page-id-7186 .tiles-grid {
  max-width: 1166px;
}
.page-id-7186 .big_tiles h3 {
  font-size: 3.5em;
}
.page-id-7186 .tile-single p {
  max-width: 250px;
  margin: auto;
}
.page-id-7186 .tile-single p[style*=font-size] {
  font-size: 0.5em !important;
}
.page-id-7186 .repeater + .panel.big_tiles {
  margin-bottom: 0;
}
.page-id-7186 .tiles_grid .tile-single {
  margin-bottom: 40px;
}
.page-id-7186 .column1,
.page-id-7186 .column3 {
  margin-top: 80px;
}
.page-id-7186 .tiles_grid .tiles-grid {
  max-width: 900px;
}
.page-id-7186 .faq-columns {
  margin-bottom: 4em;
}
.page-id-7186 .faq-header hr {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .page-id-7186 .single-slider {
    padding: 2em 0;
  }
  .page-id-7186 .slider-header {
    font-size: 2em;
    margin-left: 0 !important;
  }
  .page-id-7186 .content-slider-left > * {
    margin-left: 0 !important;
  }
  .page-id-7186 .owl-dots.disabled {
    display: none !important;
  }
  .page-id-7186 .panel.tiles_grid {
    padding-top: 0;
  }
  .page-id-7186 .column1,
  .page-id-7186 .column3 {
    margin-top: 0;
  }
  .page-id-7186 .tiles_grid .tile-single {
    margin-bottom: 20px;
  }
  .page-id-7186 .tiles_grid .tiles-grid {
    gap: 10px;
  }
  .module-application-process__header p {
    margin: 0 !important;
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .page-id-7186 .module-application-process__step {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
  }
}
/* 2024 Standalone Landing Page */
.page-template-2024-standalone-landing-page #masthead {
  padding-top: 1em;
  padding-bottom: 1em;
}
.page-template-2024-standalone-landing-page .standalone-header::before {
  display: none;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .right {
  border-radius: 25px;
}
.page-template-2024-standalone-landing-page .standalone-header-columns.flex {
  align-items: center;
  justify-content: center;
  max-width: 1024px;
  margin: auto;
}
.page-template-2024-standalone-landing-page .standalone-header-columns h1 {
  color: #F4C600;
}
.page-template-2024-standalone-landing-page .standalone-header-columns ul {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  margin-left: 1.5em;
  margin-top: 1.5em;
}
.page-template-2024-standalone-landing-page .standalone-header-columns ul li::marker {
  color: #F4C600;
}
.page-template-2024-standalone-landing-page .standalone-header-columns ul b, .page-template-2024-standalone-landing-page .standalone-header-columns ul strong {
  color: #fff !important;
}
.page-template-2024-standalone-landing-page .standalone-landing-page .widget_embed.panel div[class*=WidgetTitle__Header] {
  display: initial !important;
}
.page-template-2024-standalone-landing-page h2 {
  font-size: 2em;
}
.page-template-2024-standalone-landing-page hr {
  margin: 1em auto;
}
.page-template-2024-standalone-landing-page .interactive_chart {
  margin: 5em 0 !important;
}
.page-template-2024-standalone-landing-page .icons_grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1024px;
  margin: 3em auto 4em;
}
.page-template-2024-standalone-landing-page .icon_columns_icon img {
  max-width: 125px;
  margin: auto;
  max-height: 125px;
  object-fit: contain;
}
.page-template-2024-standalone-landing-page .icon-separator {
  width: 5px !important;
  height: 100px !important;
  background-color: #F4C600 !important;
  margin-top: 12.5px;
  align-self: flex-start !important;
}
.page-template-2024-standalone-landing-page .icon_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-template-2024-standalone-landing-page .icon_content {
  font-weight: 600;
  max-width: 300px;
  margin: auto;
  line-height: 1.125;
}
.page-template-2024-standalone-landing-page .icon_content p:last-child {
  margin-bottom: 0;
}
.page-template-2024-standalone-landing-page .icon_columns .content {
  max-width: 1024px;
  margin: auto;
}
.page-template-2024-standalone-landing-page .panel.image_with_content {
  background-color: transparent;
}
.page-template-2024-standalone-landing-page .standalone-landing-page .image_with_content p {
  font-size: 1em;
  line-height: 1.5;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .right {
  position: relative;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-rating-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 0 !important;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-badge-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 1em;
  aspect-ratio: 1;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-badge-container div:nth-child(1) {
  order: 2;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-badge-container div:nth-child(2) {
  order: 0;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-badge-container div:nth-child(3) {
  order: 1;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-rating-value {
  color: #F4C600 !important;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .es-badge-total-reviews {
  text-decoration: none !important;
  font-weight: 500 !important;
  color: #fff !important;
  margin: 7.5px auto !important;
}
.page-template-2024-standalone-landing-page .standalone-header-columns .right > div[class*=elfsight] {
  position: absolute;
  top: -1.5em;
  right: -10px;
  transform: translate(50%, -20%);
}

.page-template-2024-standalone-landing-page .standalone-header-columns iframe {
  border-radius: 25px;
}

@media screen and (max-width: 1034px) {
  .page-template-2024-standalone-landing-page .custom-logo {
    display: block;
  }
  .page-template-2024-standalone-landing-page .site-branding {
    padding: 0 !important;
  }
}
@media screen and (max-width: 900px) {
  .page-template-2024-standalone-landing-page .standalone-header-columns.flex {
    flex-direction: column;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns .right > div[class*=elfsight] {
    position: relative;
    top: initial;
    right: initial;
    transform: initial;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns > .left {
    width: 100%;
    padding-right: 0;
    max-width: 480px;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns > .right {
    width: 100%;
    padding-left: 0;
    margin-top: 2em;
    max-width: 480px;
  }
  .page-template-2024-standalone-landing-page .icon_columns_icon img {
    max-width: 50px;
    margin: auto;
    max-height: 50px;
    object-fit: contain;
  }
  .page-template-2024-standalone-landing-page .container.chart-items-top {
    margin: 2em auto 4em;
  }
}
@media screen and (max-width: 600px) {
  .icons_grid {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px;
  }
  .icon-separator {
    display: none !important;
  }
  .page-template-2024-standalone-landing-page h2 br {
    display: none !important;
  }
  .page-template-2024-standalone-landing-page .interactive_chart {
    margin: 2em 0 0 !important;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns .right > div[class*=elfsight] {
    position: relative;
    top: initial;
    right: initial;
    margin-bottom: 2em !important;
    display: block;
  }
  .page-template-2024-standalone-landing-page .standalone-header-columns > .right {
    background-color: transparent;
  }
}
/* Referral Landing Page */
.page-template-referral-landing-page #masthead {
  padding-top: 1em;
  padding-bottom: 1em;
}
.page-template-referral-landing-page .standalone-header::before {
  display: none;
}
.page-template-referral-landing-page .standalone-header-columns .right {
  border-radius: 25px;
}
.page-template-referral-landing-page .standalone-header-columns.flex {
  align-items: center;
  justify-content: center;
  max-width: 1024px;
  margin: auto;
}
.page-template-referral-landing-page .standalone-header-columns h1 {
  color: #F4C600;
}
.page-template-referral-landing-page .standalone-header-columns h3 {
  color: inherit;
  text-transform: initial;
  font-family: proxima-nova, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
}
.page-template-referral-landing-page .standalone-header .container p,
.page-template-referral-landing-page .standalone-header .container li {
  font-size: 1.2em;
  margin-bottom: 12px;
}
.page-template-referral-landing-page .standalone-header-columns .left > p:last-child {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 25px;
  display: block;
  color: #F4C600;
}
.page-template-referral-landing-page .standalone-header-columns .left.personalized > p:nth-of-type(1) {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 25px;
  display: block;
  color: #F4C600;
}
.page-template-referral-landing-page .standalone-header-columns ul {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  margin-left: 1.5em;
  margin-top: 1.5em;
}
.page-template-referral-landing-page .standalone-header-columns ul li::marker {
  color: #F4C600;
}
.page-template-referral-landing-page .standalone-header-columns ul b, .page-template-referral-landing-page .standalone-header-columns ul strong {
  color: #fff !important;
}
.page-template-referral-landing-page .standalone-header-columns b,
.page-template-referral-landing-page .standalone-header-columns strong {
  font-family: proxima-nova, sans-serif;
  text-transform: initial;
}
.page-template-referral-landing-page .standalone-header-columns p strong {
  color: inherit;
  font-family: proxima-nova, sans-serif;
  text-transform: initial;
  font-weight: 600;
}
.page-template-referral-landing-page .standalone-landing-page .widget_embed.panel div[class*=WidgetTitle__Header] {
  display: initial !important;
}
.page-template-referral-landing-page h2 {
  font-size: 2em;
}
.page-template-referral-landing-page hr {
  margin: 1em auto;
}
.page-template-referral-landing-page .icon_columns_icon img {
  max-width: 125px;
  margin: auto;
  max-height: 125px;
  object-fit: contain;
}
.page-template-referral-landing-page .icon_columns_icon p {
  font-weight: 600;
}
.page-template-referral-landing-page .icons_grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1024px;
  margin: 3em auto 4em;
}
.page-template-referral-landing-page .icon-separator {
  width: 5px !important;
  height: 100px !important;
  background-color: #F4C600 !important;
  margin-top: 12.5px;
  align-self: flex-start !important;
}
.page-template-referral-landing-page .icon_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 250px;
}
.page-template-referral-landing-page .icon_column p {
  font-weight: 600 !important;
}
.page-template-referral-landing-page .icon_columns .container > p {
  max-width: 800px;
  margin: 1em auto;
}
.page-template-referral-landing-page .image_with_content .container.flex {
  display: flex;
  align-items: center;
  gap: 2em;
  max-width: 1024px;
  margin: 3em auto;
}
.page-template-referral-landing-page .image_with_content .video-wrapper,
.page-template-referral-landing-page .image_with_content .video {
  flex: 1;
}
.page-template-referral-landing-page .image_with_content .video-wrapper iframe,
.page-template-referral-landing-page .image_with_content .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
}
.page-template-referral-landing-page .image_with_content .content {
  flex: 1;
}
.page-template-referral-landing-page .panel.image_with_content {
  background-color: transparent !important;
}
.page-template-referral-landing-page .panel.image_with_content .container {
  padding: 2em;
}
.page-template-referral-landing-page .panel.image_with_content .content {
  padding-left: 0;
}
.page-template-referral-landing-page .chart-items-bottom {
  display: none;
}
.page-template-referral-landing-page .carousel .panel-title:empty {
  display: none;
}
.page-template-referral-landing-page .interactive_chart .number.no-number {
  display: none;
}

@media screen and (max-width: 900px) {
  .page-template-referral-landing-page .standalone-header-columns.flex {
    flex-direction: column;
  }
  .page-template-referral-landing-page .standalone-header-columns > .left {
    width: 100%;
    margin-bottom: 2em;
  }
  .page-template-referral-landing-page .standalone-header-columns > .right {
    width: 100%;
  }
  .page-template-referral-landing-page .image_with_content .container.flex {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .page-template-referral-landing-page .icons_grid {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
    gap: 2em;
  }
  .page-template-referral-landing-page .icon-separator {
    display: none;
  }
  .page-template-referral-landing-page .container.chart-items-top {
    margin-top: 6em !important;
  }
}
@media screen and (max-width: 480px) {
  .page-template-2023-new-core-page .timeline-charts-items-wrapper, .page-id-5901 .timeline-charts-items-wrapper {
    margin-top: 7em;
    margin-bottom: 6em;
  }
}
/* Homepage Hero with Jotform */
.homepage-hero-jotform {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 90vh;
  display: flex;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}

.homepage-hero-jotform__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.homepage-hero-jotform__inner {
  position: relative;
  z-index: 2;
  max-width: 1330px;
  margin: 0 auto;
  padding: 7em 2em;
  width: 100%;
}

.homepage-hero-jotform__columns {
  display: flex;
  align-items: center;
  gap: 3em;
}

.homepage-hero-jotform__left {
  width: 50%;
  color: #fff;
}
.homepage-hero-jotform__left h1 {
  font-family: "Rubik", sans-serif !important;
  font-weight: 800 !important;
  font-size: 4em;
  line-height: 1.05;
  color: #fff;
  margin: 0 0 0.5em;
  text-transform: none !important;
}
.homepage-hero-jotform__left p {
  font-family: proxima-nova, sans-serif !important;
  font-weight: 300;
  font-size: 1.35em;
  line-height: 1.5;
  margin: 0;
  color: #fff;
}

.homepage-hero-jotform__right {
  width: 50%;
}
.homepage-hero-jotform__right .jotform-form {
  background-color: #fff;
  border-radius: 10px;
  padding: 1.5em;
}
.homepage-hero-jotform__right iframe {
  width: 100% !important;
  min-height: 500px;
  border: none;
}

@media screen and (max-width: 900px) {
  .homepage-hero-jotform__columns {
    flex-direction: column;
    gap: 2em;
  }
  .homepage-hero-jotform__left,
  .homepage-hero-jotform__right {
    width: 100%;
  }
  .homepage-hero-jotform__left h1 {
    font-size: 3em;
  }
  .homepage-hero-jotform {
    min-height: auto;
  }
}
@media screen and (max-width: 600px) {
  .homepage-hero-jotform__left h1 {
    font-size: 2.25em;
  }
  .homepage-hero-jotform__left p {
    font-size: 1.1em;
  }
}
/* Test Homepage overrides (scoped to body class) */
.bsw-test-homepage .homepage-hero-jotform__left h1 {
  font-size: 5.5em;
  color: #f4c601;
}
.bsw-test-homepage .homepage-hero-jotform__right {
  width: 40%;
}
.bsw-test-homepage .homepage-hero-jotform__left {
  width: 60%;
}
.bsw-test-homepage .homepage-hero-jotform__columns {
  align-items: flex-start;
}
.bsw-test-homepage .homepage-hero-jotform__left p {
  font-weight: 500;
  font-size: 1.5em;
  max-width: 550px;
}
.bsw-test-homepage #primary-menu .customer-login-link a,
.bsw-test-homepage #primary-menu .customer-login-link a:visited,
.bsw-test-homepage .btn,
.bsw-test-homepage .page-template-home-solar-page .single-text-image:not(.dark) h5 a:last-child:not(:first-child),
.page-template-home-solar-page .single-text-image:not(.dark) h5 .bsw-test-homepage a:last-child:not(:first-child),
.bsw-test-homepage .page-template-home-solar-page .repeater h5 a,
.page-template-home-solar-page .repeater h5 .bsw-test-homepage a,
.bsw-test-homepage .btn:visited,
.bsw-test-homepage h5 a,
.bsw-test-homepage h5 a:visited {
  text-transform: initial !important;
  font-family: "Rubik", sans-serif !important;
  font-weight: 600 !important;
}
.bsw-test-homepage #primary-menu .customer-login-link a,
.bsw-test-homepage #primary-menu .customer-login-link a:visited {
  border-radius: 20px;
}

@media screen and (max-width: 1200px) {
  .bsw-test-homepage .homepage-hero-jotform__left h1 br {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .bsw-test-homepage .homepage-hero-jotform__left,
  .bsw-test-homepage .homepage-hero-jotform__right {
    width: 100%;
  }
  .bsw-test-homepage .homepage-hero-jotform__left h1 {
    font-size: 5em;
  }
}
@media screen and (max-width: 600px) {
  .bsw-test-homepage .homepage-hero-jotform__left h1 {
    font-size: 3em;
  }
  .homepage-hero-jotform__inner {
    padding-top: 4em;
  }
}

/*# sourceMappingURL=style.css.map */