@charset "UTF-8";
.bean-media-section .media-youtube-video,
.bean-media-section .media-vimeo-video {
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
  height: 1px;
}
.bean-media-section .media-youtube-video iframe,
.bean-media-section .media-vimeo-video iframe, .bean-media-section .media-youtube-video object,
.bean-media-section .media-vimeo-video object, .bean-media-section .media-youtube-video embed,
.bean-media-section .media-vimeo-video embed, .bean-media-section .media-youtube-video video,
.bean-media-section .media-vimeo-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ffe600;
  color: #231f20;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  left: 0.1em;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.75em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #9cbccd;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v17-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v17-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-300.woff") format("woff"), url("../fonts/open-sans-v17-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v17-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans-v17-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-300italic.woff") format("woff"), url("../fonts/open-sans-v17-latin-300italic.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-regular.woff") format("woff"), url("../fonts/open-sans-v17-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v17-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-v17-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-italic.woff") format("woff"), url("../fonts/open-sans-v17-latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v17-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-600.woff") format("woff"), url("../fonts/open-sans-v17-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v17-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("../fonts/open-sans-v17-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-600italic.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-600italic.woff") format("woff"), url("../fonts/open-sans-v17-latin-600italic.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-600italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-700.woff") format("woff"), url("../fonts/open-sans-v17-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v17-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-v17-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-700italic.woff") format("woff"), url("../fonts/open-sans-v17-latin-700italic.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-700italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans-v17-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans-v17-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v17-latin-800.woff2") format("woff2"), url("../fonts/open-sans-v17-latin-800.woff") format("woff"), url("../fonts/open-sans-v17-latin-800.ttf") format("truetype"), url("../fonts/open-sans-v17-latin-800.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
.page-dealers-by-state .taxonomy-term__title, .view-dealer-locator .taxonomy-term__title {
  color: #39607a;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.9;
  margin-bottom: 20px;
  margin-top: 0;
}

/*
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */
@font-face {
  font-family: "foundation-icons";
  src: url("../fonts/foundation-icons/foundation-icons.eot");
  src: url("../fonts/foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/foundation-icons/foundation-icons.woff") format("woff"), url("../fonts/foundation-icons/foundation-icons.ttf") format("truetype"), url("../fonts/foundation-icons/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-address-book:before {
  content: "\f100";
}

.fi-alert:before {
  content: "\f101";
}

.fi-align-center:before {
  content: "\f102";
}

.fi-align-justify:before {
  content: "\f103";
}

.fi-align-left:before {
  content: "\f104";
}

.fi-align-right:before {
  content: "\f105";
}

.fi-anchor:before {
  content: "\f106";
}

.fi-annotate:before {
  content: "\f107";
}

.fi-archive:before {
  content: "\f108";
}

.fi-arrow-down:before {
  content: "\f109";
}

.fi-arrow-left:before {
  content: "\f10a";
}

.fi-arrow-right:before {
  content: "\f10b";
}

.fi-arrow-up:before {
  content: "\f10c";
}

.fi-arrows-compress:before {
  content: "\f10d";
}

.fi-arrows-expand:before {
  content: "\f10e";
}

.fi-arrows-in:before {
  content: "\f10f";
}

.fi-arrows-out:before {
  content: "\f110";
}

.fi-asl:before {
  content: "\f111";
}

.fi-asterisk:before {
  content: "\f112";
}

.fi-at-sign:before {
  content: "\f113";
}

.fi-background-color:before {
  content: "\f114";
}

.fi-battery-empty:before {
  content: "\f115";
}

.fi-battery-full:before {
  content: "\f116";
}

.fi-battery-half:before {
  content: "\f117";
}

.fi-bitcoin-circle:before {
  content: "\f118";
}

.fi-bitcoin:before {
  content: "\f119";
}

.fi-blind:before {
  content: "\f11a";
}

.fi-bluetooth:before {
  content: "\f11b";
}

.fi-bold:before {
  content: "\f11c";
}

.fi-book-bookmark:before {
  content: "\f11d";
}

.fi-book:before {
  content: "\f11e";
}

.fi-bookmark:before {
  content: "\f11f";
}

.fi-braille:before {
  content: "\f120";
}

.fi-burst-new:before {
  content: "\f121";
}

.fi-burst-sale:before {
  content: "\f122";
}

.fi-burst:before {
  content: "\f123";
}

.fi-calendar:before {
  content: "\f124";
}

.fi-camera:before {
  content: "\f125";
}

.fi-check:before {
  content: "\f126";
}

.fi-checkbox:before {
  content: "\f127";
}

.fi-clipboard-notes:before {
  content: "\f128";
}

.fi-clipboard-pencil:before {
  content: "\f129";
}

.fi-clipboard:before {
  content: "\f12a";
}

.fi-clock:before {
  content: "\f12b";
}

.fi-closed-caption:before {
  content: "\f12c";
}

.fi-cloud:before {
  content: "\f12d";
}

.fi-comment-minus:before {
  content: "\f12e";
}

.fi-comment-quotes:before {
  content: "\f12f";
}

.fi-comment-video:before {
  content: "\f130";
}

.fi-comment:before {
  content: "\f131";
}

.fi-comments:before {
  content: "\f132";
}

.fi-compass:before {
  content: "\f133";
}

.fi-contrast:before {
  content: "\f134";
}

.fi-credit-card:before {
  content: "\f135";
}

.fi-crop:before {
  content: "\f136";
}

.fi-crown:before {
  content: "\f137";
}

.fi-css3:before {
  content: "\f138";
}

.fi-database:before {
  content: "\f139";
}

.fi-die-five:before {
  content: "\f13a";
}

.fi-die-four:before {
  content: "\f13b";
}

.fi-die-one:before {
  content: "\f13c";
}

.fi-die-six:before {
  content: "\f13d";
}

.fi-die-three:before {
  content: "\f13e";
}

.fi-die-two:before {
  content: "\f13f";
}

.fi-dislike:before {
  content: "\f140";
}

.fi-dollar-bill:before {
  content: "\f141";
}

.fi-dollar:before {
  content: "\f142";
}

.fi-download:before {
  content: "\f143";
}

.fi-eject:before {
  content: "\f144";
}

.fi-elevator:before {
  content: "\f145";
}

.fi-euro:before {
  content: "\f146";
}

.fi-eye:before {
  content: "\f147";
}

.fi-fast-forward:before {
  content: "\f148";
}

.fi-female-symbol:before {
  content: "\f149";
}

.fi-female:before {
  content: "\f14a";
}

.fi-filter:before {
  content: "\f14b";
}

.fi-first-aid:before {
  content: "\f14c";
}

.fi-flag:before {
  content: "\f14d";
}

.fi-folder-add:before {
  content: "\f14e";
}

.fi-folder-lock:before {
  content: "\f14f";
}

.fi-folder:before {
  content: "\f150";
}

.fi-foot:before {
  content: "\f151";
}

.fi-foundation:before {
  content: "\f152";
}

.fi-graph-bar:before {
  content: "\f153";
}

.fi-graph-horizontal:before {
  content: "\f154";
}

.fi-graph-pie:before {
  content: "\f155";
}

.fi-graph-trend:before {
  content: "\f156";
}

.fi-guide-dog:before {
  content: "\f157";
}

.fi-hearing-aid:before {
  content: "\f158";
}

.fi-heart:before {
  content: "\f159";
}

.fi-home:before {
  content: "\f15a";
}

.fi-html5:before {
  content: "\f15b";
}

.fi-indent-less:before {
  content: "\f15c";
}

.fi-indent-more:before {
  content: "\f15d";
}

.fi-info:before {
  content: "\f15e";
}

.fi-italic:before {
  content: "\f15f";
}

.fi-key:before {
  content: "\f160";
}

.fi-laptop:before {
  content: "\f161";
}

.fi-layout:before {
  content: "\f162";
}

.fi-lightbulb:before {
  content: "\f163";
}

.fi-like:before {
  content: "\f164";
}

.fi-link:before {
  content: "\f165";
}

.fi-list-bullet:before {
  content: "\f166";
}

.fi-list-number:before {
  content: "\f167";
}

.fi-list-thumbnails:before {
  content: "\f168";
}

.fi-list:before {
  content: "\f169";
}

.fi-lock:before {
  content: "\f16a";
}

.fi-loop:before {
  content: "\f16b";
}

.fi-magnifying-glass:before {
  content: "\f16c";
}

.fi-mail:before {
  content: "\f16d";
}

.fi-male-female:before {
  content: "\f16e";
}

.fi-male-symbol:before {
  content: "\f16f";
}

.fi-male:before {
  content: "\f170";
}

.fi-map:before {
  content: "\f171";
}

.fi-marker:before {
  content: "\f172";
}

.fi-megaphone:before {
  content: "\f173";
}

.fi-microphone:before {
  content: "\f174";
}

.fi-minus-circle:before {
  content: "\f175";
}

.fi-minus:before {
  content: "\f176";
}

.fi-mobile-signal:before {
  content: "\f177";
}

.fi-mobile:before {
  content: "\f178";
}

.fi-monitor:before {
  content: "\f179";
}

.fi-mountains:before {
  content: "\f17a";
}

.fi-music:before {
  content: "\f17b";
}

.fi-next:before {
  content: "\f17c";
}

.fi-no-dogs:before {
  content: "\f17d";
}

.fi-no-smoking:before {
  content: "\f17e";
}

.fi-page-add:before {
  content: "\f17f";
}

.fi-page-copy:before {
  content: "\f180";
}

.fi-page-csv:before {
  content: "\f181";
}

.fi-page-delete:before {
  content: "\f182";
}

.fi-page-doc:before {
  content: "\f183";
}

.fi-page-edit:before {
  content: "\f184";
}

.fi-page-export-csv:before {
  content: "\f185";
}

.fi-page-export-doc:before {
  content: "\f186";
}

.fi-page-export-pdf:before {
  content: "\f187";
}

.fi-page-export:before {
  content: "\f188";
}

.fi-page-filled:before {
  content: "\f189";
}

.fi-page-multiple:before {
  content: "\f18a";
}

.fi-page-pdf:before {
  content: "\f18b";
}

.fi-page-remove:before {
  content: "\f18c";
}

.fi-page-search:before {
  content: "\f18d";
}

.fi-page:before {
  content: "\f18e";
}

.fi-paint-bucket:before {
  content: "\f18f";
}

.fi-paperclip:before {
  content: "\f190";
}

.fi-pause:before {
  content: "\f191";
}

.fi-paw:before {
  content: "\f192";
}

.fi-paypal:before {
  content: "\f193";
}

.fi-pencil:before {
  content: "\f194";
}

.fi-photo:before {
  content: "\f195";
}

.fi-play-circle:before {
  content: "\f196";
}

.fi-play-video:before {
  content: "\f197";
}

.fi-play:before {
  content: "\f198";
}

.fi-plus:before {
  content: "\f199";
}

.fi-pound:before {
  content: "\f19a";
}

.fi-power:before {
  content: "\f19b";
}

.fi-previous:before {
  content: "\f19c";
}

.fi-price-tag:before {
  content: "\f19d";
}

.fi-pricetag-multiple:before {
  content: "\f19e";
}

.fi-print:before {
  content: "\f19f";
}

.fi-prohibited:before {
  content: "\f1a0";
}

.fi-projection-screen:before {
  content: "\f1a1";
}

.fi-puzzle:before {
  content: "\f1a2";
}

.fi-quote:before {
  content: "\f1a3";
}

.fi-record:before {
  content: "\f1a4";
}

.fi-refresh:before {
  content: "\f1a5";
}

.fi-results-demographics:before {
  content: "\f1a6";
}

.fi-results:before {
  content: "\f1a7";
}

.fi-rewind-ten:before {
  content: "\f1a8";
}

.fi-rewind:before {
  content: "\f1a9";
}

.fi-rss:before {
  content: "\f1aa";
}

.fi-safety-cone:before {
  content: "\f1ab";
}

.fi-save:before {
  content: "\f1ac";
}

.fi-share:before {
  content: "\f1ad";
}

.fi-sheriff-badge:before {
  content: "\f1ae";
}

.fi-shield:before {
  content: "\f1af";
}

.fi-shopping-bag:before {
  content: "\f1b0";
}

.fi-shopping-cart:before {
  content: "\f1b1";
}

.fi-shuffle:before {
  content: "\f1b2";
}

.fi-skull:before {
  content: "\f1b3";
}

.fi-social-500px:before {
  content: "\f1b4";
}

.fi-social-adobe:before {
  content: "\f1b5";
}

.fi-social-amazon:before {
  content: "\f1b6";
}

.fi-social-android:before {
  content: "\f1b7";
}

.fi-social-apple:before {
  content: "\f1b8";
}

.fi-social-behance:before {
  content: "\f1b9";
}

.fi-social-bing:before {
  content: "\f1ba";
}

.fi-social-blogger:before {
  content: "\f1bb";
}

.fi-social-delicious:before {
  content: "\f1bc";
}

.fi-social-designer-news:before {
  content: "\f1bd";
}

.fi-social-deviant-art:before {
  content: "\f1be";
}

.fi-social-digg:before {
  content: "\f1bf";
}

.fi-social-dribbble:before {
  content: "\f1c0";
}

.fi-social-drive:before {
  content: "\f1c1";
}

.fi-social-dropbox:before {
  content: "\f1c2";
}

.fi-social-evernote:before {
  content: "\f1c3";
}

.fi-social-facebook:before {
  content: "\f1c4";
}

.fi-social-flickr:before {
  content: "\f1c5";
}

.fi-social-forrst:before {
  content: "\f1c6";
}

.fi-social-foursquare:before {
  content: "\f1c7";
}

.fi-social-game-center:before {
  content: "\f1c8";
}

.fi-social-github:before {
  content: "\f1c9";
}

.fi-social-google-plus:before {
  content: "\f1ca";
}

.fi-social-hacker-news:before {
  content: "\f1cb";
}

.fi-social-hi5:before {
  content: "\f1cc";
}

.fi-social-instagram:before {
  content: "\f1cd";
}

.fi-social-joomla:before {
  content: "\f1ce";
}

.fi-social-lastfm:before {
  content: "\f1cf";
}

.fi-social-linkedin:before {
  content: "\f1d0";
}

.fi-social-medium:before {
  content: "\f1d1";
}

.fi-social-myspace:before {
  content: "\f1d2";
}

.fi-social-orkut:before {
  content: "\f1d3";
}

.fi-social-path:before {
  content: "\f1d4";
}

.fi-social-picasa:before {
  content: "\f1d5";
}

.fi-social-pinterest:before {
  content: "\f1d6";
}

.fi-social-rdio:before {
  content: "\f1d7";
}

.fi-social-reddit:before {
  content: "\f1d8";
}

.fi-social-skillshare:before {
  content: "\f1d9";
}

.fi-social-skype:before {
  content: "\f1da";
}

.fi-social-smashing-mag:before {
  content: "\f1db";
}

.fi-social-snapchat:before {
  content: "\f1dc";
}

.fi-social-spotify:before {
  content: "\f1dd";
}

.fi-social-squidoo:before {
  content: "\f1de";
}

.fi-social-stack-overflow:before {
  content: "\f1df";
}

.fi-social-steam:before {
  content: "\f1e0";
}

.fi-social-stumbleupon:before {
  content: "\f1e1";
}

.fi-social-treehouse:before {
  content: "\f1e2";
}

.fi-social-tumblr:before {
  content: "\f1e3";
}

.fi-social-twitter:before {
  content: "\f1e4";
}

.fi-social-vimeo:before {
  content: "\f1e5";
}

.fi-social-windows:before {
  content: "\f1e6";
}

.fi-social-xbox:before {
  content: "\f1e7";
}

.fi-social-yahoo:before {
  content: "\f1e8";
}

.fi-social-yelp:before {
  content: "\f1e9";
}

.fi-social-youtube:before {
  content: "\f1ea";
}

.fi-social-zerply:before {
  content: "\f1eb";
}

.fi-social-zurb:before {
  content: "\f1ec";
}

.fi-sound:before {
  content: "\f1ed";
}

.fi-star:before {
  content: "\f1ee";
}

.fi-stop:before {
  content: "\f1ef";
}

.fi-strikethrough:before {
  content: "\f1f0";
}

.fi-subscript:before {
  content: "\f1f1";
}

.fi-superscript:before {
  content: "\f1f2";
}

.fi-tablet-landscape:before {
  content: "\f1f3";
}

.fi-tablet-portrait:before {
  content: "\f1f4";
}

.fi-target-two:before {
  content: "\f1f5";
}

.fi-target:before {
  content: "\f1f6";
}

.fi-telephone-accessible:before {
  content: "\f1f7";
}

.fi-telephone:before {
  content: "\f1f8";
}

.fi-text-color:before {
  content: "\f1f9";
}

.fi-thumbnails:before {
  content: "\f1fa";
}

.fi-ticket:before {
  content: "\f1fb";
}

.fi-torso-business:before {
  content: "\f1fc";
}

.fi-torso-female:before {
  content: "\f1fd";
}

.fi-torso:before {
  content: "\f1fe";
}

.fi-torsos-all-female:before {
  content: "\f1ff";
}

.fi-torsos-all:before {
  content: "\f200";
}

.fi-torsos-female-male:before {
  content: "\f201";
}

.fi-torsos-male-female:before {
  content: "\f202";
}

.fi-torsos:before {
  content: "\f203";
}

.fi-trash:before {
  content: "\f204";
}

.fi-trees:before {
  content: "\f205";
}

.fi-trophy:before {
  content: "\f206";
}

.fi-underline:before {
  content: "\f207";
}

.fi-universal-access:before {
  content: "\f208";
}

.fi-unlink:before {
  content: "\f209";
}

.fi-unlock:before {
  content: "\f20a";
}

.fi-upload-cloud:before {
  content: "\f20b";
}

.fi-upload:before {
  content: "\f20c";
}

.fi-usb:before {
  content: "\f20d";
}

.fi-video:before {
  content: "\f20e";
}

.fi-volume-none:before {
  content: "\f20f";
}

.fi-volume-strike:before {
  content: "\f210";
}

.fi-volume:before {
  content: "\f211";
}

.fi-web:before {
  content: "\f212";
}

.fi-wheelchair:before {
  content: "\f213";
}

.fi-widget:before {
  content: "\f214";
}

.fi-wrench:before {
  content: "\f215";
}

.fi-x-circle:before {
  content: "\f216";
}

.fi-x:before {
  content: "\f217";
}

.fi-yen:before {
  content: "\f218";
}

.fi-zoom-in:before {
  content: "\f219";
}

.fi-zoom-out:before {
  content: "\f21a";
}

@keyframes throbber {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #0076be;
    height: 4em;
  }

  40% {
    box-shadow: 0 -2em #0076be;
    height: 5em;
  }
}
iframe[name="google_conversion_frame"] {
  display: none !important;
}

.grayscale-plugin {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);
  /* Firefox 35+ */
  filter: grayscale(1);
  /* IE 6-9 */
  filter: gray;
}

.grayscale-plugin.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale-plugin.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition: -webkit-filter .5s;
  }
}
.grayscale-plugin.grayscale-off,
.grayscale-plugin.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

/* Background element */
.grayscale-plugin.grayscale-replaced {
  -webkit-filter: none;
  filter: none;
}

.grayscale-plugin.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  opacity: 1;
}

.grayscale-plugin.grayscale-replaced.grayscale-off > svg,
.grayscale-plugin.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

@font-face {
  font-family: 'svg-icons';
  src: url("../fonts/svg-icons/svg-icons.eot?date=1574197340236C");
  src: local("☺"), url("../fonts/svg-icons/svg-icons.eot?date=1574197340236") format("embedded-opentype"), url("../fonts/svg-icons/svg-icons.woff?date=1574197340236") format("woff"), url("../fonts/svg-icons/svg-icons.ttf?date=1574197340236") format("truetype"), url("../fonts/svg-icons/svg-icons.svg?date=1574197340236") format("svg");
}
.svg-icons--agriculture-dimensions {
  width: 1205.8823529411764px;
  height: 1000px;
}

.svg-icons--agriculture:before {
  font-family: 'svg-icons';
  content: '\EA01';
}

.svg-icons--agriculture-after:after {
  font-family: 'svg-icons';
  content: '\EA01';
}

.svg-icons--arrow-down-circle-dimensions {
  width: 1000.0000000000001px;
  height: 1000px;
}

.bean-carousel-bean-alternate .arrowdown-circle:before,
.svg-icons--arrow-down-circle:before {
  font-family: 'svg-icons';
  content: '\EA02';
}

.header-toggle:after,
.svg-icons--arrow-down-circle-after:after {
  font-family: 'svg-icons';
  content: '\EA02';
}

.svg-icons--arrow-down-dimensions {
  width: 1823.712948517941px;
  height: 1000px;
}

.svg-icons--arrow-down:before {
  font-family: 'svg-icons';
  content: '\EA03';
}

.svg-icons--arrow-down-after:after {
  font-family: 'svg-icons';
  content: '\EA03';
}

.svg-icons--arrow-gravel-dimensions {
  width: 1640px;
  height: 1000px;
}

.svg-icons--arrow-gravel:before {
  font-family: 'svg-icons';
  content: '\EA04';
}

.svg-icons--arrow-gravel-after:after {
  font-family: 'svg-icons';
  content: '\EA04';
}

.svg-icons--arrow-in-circle-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--arrow-in-circle:before {
  font-family: 'svg-icons';
  content: '\EA05';
}

.bean-tertiary-menu .dropdown-tabs__current-link:after,
.svg-icons--arrow-in-circle-after:after {
  font-family: 'svg-icons';
  content: '\EA05';
}

.svg-icons--arrow-left-blue-dimensions {
  width: 620.347394540943px;
  height: 1000px;
}

.svg-icons--arrow-left-blue:before {
  font-family: 'svg-icons';
  content: '\EA06';
}

.svg-icons--arrow-left-blue-after:after {
  font-family: 'svg-icons';
  content: '\EA06';
}

.svg-icons--arrow-left-dimensions {
  width: 616.6666666666667px;
  height: 1000px;
}

.svg-icons--arrow-left:before {
  font-family: 'svg-icons';
  content: '\EA07';
}

.svg-icons--arrow-left-after:after {
  font-family: 'svg-icons';
  content: '\EA07';
}

.svg-icons--arrow-right-circle-blue-dimensions {
  width: 1000.0000000000001px;
  height: 1000px;
}

.svg-icons--arrow-right-circle-blue:before {
  font-family: 'svg-icons';
  content: '\EA08';
}

.svg-icons--arrow-right-circle-blue-after:after {
  font-family: 'svg-icons';
  content: '\EA08';
}

.svg-icons--arrow-right-dimensions {
  width: 616.6666666666667px;
  height: 1000px;
}

.svg-icons--arrow-right:before {
  font-family: 'svg-icons';
  content: '\EA09';
}

.subnav-arrow:after,
.svg-icons--arrow-right-after:after {
  font-family: 'svg-icons';
  content: '\EA09';
}

.svg-icons--arrow-tail-dimensions {
  width: 916.6666666666667px;
  height: 1000px;
}

.svg-icons--arrow-tail:before {
  font-family: 'svg-icons';
  content: '\EA0A';
}

.svg-icons--arrow-tail-after:after {
  font-family: 'svg-icons';
  content: '\EA0A';
}

.svg-icons--arrow-thin-dimensions {
  width: 1487.1794871794873px;
  height: 1000px;
}

.svg-icons--arrow-thin:before {
  font-family: 'svg-icons';
  content: '\EA0B';
}

.svg-icons--arrow-thin-after:after {
  font-family: 'svg-icons';
  content: '\EA0B';
}

.svg-icons--auto-dealers-dimensions {
  width: 1521.7391304347827px;
  height: 1000px;
}

.svg-icons--auto-dealers:before {
  font-family: 'svg-icons';
  content: '\EA0C';
}

.svg-icons--auto-dealers-after:after {
  font-family: 'svg-icons';
  content: '\EA0C';
}

.svg-icons--close-dimensions {
  width: 1000px;
  height: 1000px;
}

.get-started-close:before,
.svg-icons--close:before {
  font-family: 'svg-icons';
  content: '\EA0D';
}

.my-sunpower-close:after,
.svg-icons--close-after:after {
  font-family: 'svg-icons';
  content: '\EA0D';
}

.svg-icons--document-file-pdf-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--document-file-pdf:before {
  font-family: 'svg-icons';
  content: '\EA0E';
}

.svg-icons--document-file-pdf-after:after {
  font-family: 'svg-icons';
  content: '\EA0E';
}

.svg-icons--download-dimensions {
  width: 928.5714285714286px;
  height: 1000px;
}

.svg-icons--download:before {
  font-family: 'svg-icons';
  content: '\EA0F';
}

.svg-icons--download-after:after {
  font-family: 'svg-icons';
  content: '\EA0F';
}

.svg-icons--email-2-dimensions {
  width: 781.25px;
  height: 1000px;
}

.svg-icons--email-2:before {
  font-family: 'svg-icons';
  content: '\EA10';
}

.svg-icons--email-2-after:after {
  font-family: 'svg-icons';
  content: '\EA10';
}

.svg-icons--email-dimensions {
  width: 1242.4242424242425px;
  height: 1000px;
}

.st_email_custom:before,
.svg-icons--email:before {
  font-family: 'svg-icons';
  content: '\EA11';
}

.svg-icons--email-after:after {
  font-family: 'svg-icons';
  content: '\EA11';
}

.svg-icons--facebook-dimensions {
  width: 1000px;
  height: 1000px;
}

.footer-facebook:before, .st_facebook_custom:before,
.svg-icons--facebook:before {
  font-family: 'svg-icons';
  content: '\EA12';
}

.svg-icons--facebook-after:after {
  font-family: 'svg-icons';
  content: '\EA12';
}

.svg-icons--file-archive-o-dimensions {
  width: 857.1428571428571px;
  height: 1000px;
}

.svg-icons--file-archive-o:before {
  font-family: 'svg-icons';
  content: '\EA13';
}

.svg-icons--file-archive-o-after:after {
  font-family: 'svg-icons';
  content: '\EA13';
}

.svg-icons--folder-dimensions {
  width: 1000.0000000000001px;
  height: 1000px;
}

.svg-icons--folder:before {
  font-family: 'svg-icons';
  content: '\EA14';
}

.my-sunpower-box.biz-gov a:after,
.svg-icons--folder-after:after {
  font-family: 'svg-icons';
  content: '\EA14';
}

.svg-icons--globe-dimensions {
  width: 1000px;
  height: 1000px;
}

.region-footer .select-country:before,
.svg-icons--globe:before {
  font-family: 'svg-icons';
  content: '\EA15';
}

.svg-icons--globe-after:after {
  font-family: 'svg-icons';
  content: '\EA15';
}

.svg-icons--government-dimensions {
  width: 1057.142857142857px;
  height: 1000px;
}

.svg-icons--government:before {
  font-family: 'svg-icons';
  content: '\EA16';
}

.svg-icons--government-after:after {
  font-family: 'svg-icons';
  content: '\EA16';
}

.svg-icons--gplus-dimensions {
  width: 1518.5185185185185px;
  height: 1000px;
}

.st_googleplus_custom:before,
.svg-icons--gplus:before {
  font-family: 'svg-icons';
  content: '\EA17';
}

.svg-icons--gplus-after:after {
  font-family: 'svg-icons';
  content: '\EA17';
}

.svg-icons--healthcare-dimensions {
  width: 666.6666666666667px;
  height: 1000px;
}

.svg-icons--healthcare:before {
  font-family: 'svg-icons';
  content: '\EA18';
}

.svg-icons--healthcare-after:after {
  font-family: 'svg-icons';
  content: '\EA18';
}

.svg-icons--heart-dimensions {
  width: 1000px;
  height: 1000px;
}

.sun-node-likes__count:before,
.svg-icons--heart:before {
  font-family: 'svg-icons';
  content: '\EA19';
}

.svg-icons--heart-after:after {
  font-family: 'svg-icons';
  content: '\EA19';
}

.svg-icons--higher-ed-dimensions {
  width: 1371.4285714285716px;
  height: 1000px;
}

.svg-icons--higher-ed:before {
  font-family: 'svg-icons';
  content: '\EA1A';
}

.svg-icons--higher-ed-after:after {
  font-family: 'svg-icons';
  content: '\EA1A';
}

.svg-icons--homebuilders-dimensions {
  width: 1057.142857142857px;
  height: 1000px;
}

.svg-icons--homebuilders:before {
  font-family: 'svg-icons';
  content: '\EA1B';
}

.svg-icons--homebuilders-after:after {
  font-family: 'svg-icons';
  content: '\EA1B';
}

.svg-icons--instagram-dimensions {
  width: 1000px;
  height: 1000px;
}

.footer-instagram:before,
.svg-icons--instagram:before {
  font-family: 'svg-icons';
  content: '\EA1C';
}

.svg-icons--instagram-after:after {
  font-family: 'svg-icons';
  content: '\EA1C';
}

.svg-icons--large-commercial-dimensions {
  width: 885.7142857142858px;
  height: 1000px;
}

.svg-icons--large-commercial:before {
  font-family: 'svg-icons';
  content: '\EA1D';
}

.svg-icons--large-commercial-after:after {
  font-family: 'svg-icons';
  content: '\EA1D';
}

.svg-icons--link-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--link:before {
  font-family: 'svg-icons';
  content: '\EA1E';
}

.svg-icons--link-after:after {
  font-family: 'svg-icons';
  content: '\EA1E';
}

.svg-icons--linkedin-dimensions {
  width: 1000px;
  height: 1000px;
}

.region-footer .footer-linkedin:before, .st_linkedin_custom:before,
.svg-icons--linkedin:before {
  font-family: 'svg-icons';
  content: '\EA1F';
}

.svg-icons--linkedin-after:after {
  font-family: 'svg-icons';
  content: '\EA1F';
}

.svg-icons--phone_circle-dimensions {
  width: 1000.0000000000001px;
  height: 1000px;
}

.sunpowerUtilityLinks .phone_util a:before, #block-menu-menu-header-utility .phone_util a:before,
.svg-icons--phone_circle:before {
  font-family: 'svg-icons';
  content: '\EA20';
}

.svg-icons--phone_circle-after:after {
  font-family: 'svg-icons';
  content: '\EA20';
}

.svg-icons--phone-alt-dimensions {
  width: 1000px;
  height: 1000px;
}

.footer-phone-link:before,
.region-footer .menu__item .menu__item .footer-phone-link:before,
.svg-icons--phone-alt:before {
  font-family: 'svg-icons';
  content: '\EA21';
}

.svg-icons--phone-alt-after:after {
  font-family: 'svg-icons';
  content: '\EA21';
}

.svg-icons--phone-dimensions {
  width: 560.9756097560976px;
  height: 1000px;
}

.svg-icons--phone:before {
  font-family: 'svg-icons';
  content: '\EA22';
}

.svg-icons--phone-after:after {
  font-family: 'svg-icons';
  content: '\EA22';
}

.svg-icons--pinterest-dimensions {
  width: 781.25px;
  height: 1000px;
}

.st_pinterest_custom:before,
.svg-icons--pinterest:before {
  font-family: 'svg-icons';
  content: '\EA23';
}

.svg-icons--pinterest-after:after {
  font-family: 'svg-icons';
  content: '\EA23';
}

.svg-icons--pointer-icon-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--pointer-icon:before {
  font-family: 'svg-icons';
  content: '\EA24';
}

.svg-icons--pointer-icon-after:after {
  font-family: 'svg-icons';
  content: '\EA24';
}

.svg-icons--print-2-dimensions {
  width: 928.5714285714286px;
  height: 1000px;
}

.svg-icons--print-2:before {
  font-family: 'svg-icons';
  content: '\EA25';
}

.svg-icons--print-2-after:after {
  font-family: 'svg-icons';
  content: '\EA25';
}

.svg-icons--print-dimensions {
  width: 1111.111111111111px;
  height: 1000px;
}

.svg-icons--print:before {
  font-family: 'svg-icons';
  content: '\EA26';
}

.svg-icons--print-after:after {
  font-family: 'svg-icons';
  content: '\EA26';
}

.svg-icons--rss-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--rss:before {
  font-family: 'svg-icons';
  content: '\EA27';
}

.svg-icons--rss-after:after {
  font-family: 'svg-icons';
  content: '\EA27';
}

.svg-icons--schools-dimensions {
  width: 857.1428571428572px;
  height: 1000px;
}

.svg-icons--schools:before {
  font-family: 'svg-icons';
  content: '\EA28';
}

.svg-icons--schools-after:after {
  font-family: 'svg-icons';
  content: '\EA28';
}

.svg-icons--search-dimensions {
  width: 1000px;
  height: 1000px;
}

.svg-icons--search:before {
  font-family: 'svg-icons';
  content: '\EA29';
}

.svg-icons--search-after:after {
  font-family: 'svg-icons';
  content: '\EA29';
}

.svg-icons--share-dimensions {
  width: 1000px;
  height: 1000px;
}

.st_sharethis_custom:before,
.svg-icons--share:before {
  font-family: 'svg-icons';
  content: '\EA2A';
}

.svg-icons--share-after:after {
  font-family: 'svg-icons';
  content: '\EA2A';
}

.svg-icons--small-mid-biz-dimensions {
  width: 1281.25px;
  height: 1000px;
}

.svg-icons--small-mid-biz:before {
  font-family: 'svg-icons';
  content: '\EA2B';
}

.svg-icons--small-mid-biz-after:after {
  font-family: 'svg-icons';
  content: '\EA2B';
}

.svg-icons--stars-sprite-blue-sm-dimensions {
  width: 932.4324324324325px;
  height: 1000px;
}

.svg-icons--stars-sprite-blue-sm:before {
  font-family: 'svg-icons';
  content: '\EA2C';
}

.svg-icons--stars-sprite-blue-sm-after:after {
  font-family: 'svg-icons';
  content: '\EA2C';
}

.svg-icons--stars-sprite-dark-sm-dimensions {
  width: 932.4324324324325px;
  height: 1000px;
}

.svg-icons--stars-sprite-dark-sm:before {
  font-family: 'svg-icons';
  content: '\EA2D';
}

.svg-icons--stars-sprite-dark-sm-after:after {
  font-family: 'svg-icons';
  content: '\EA2D';
}

.svg-icons--stars-sprite-dark-dimensions {
  width: 938.7755102040816px;
  height: 1000px;
}

.svg-icons--stars-sprite-dark:before {
  font-family: 'svg-icons';
  content: '\EA2E';
}

.svg-icons--stars-sprite-dark-after:after {
  font-family: 'svg-icons';
  content: '\EA2E';
}

.svg-icons--stars-sprite-light-dimensions {
  width: 932.4324324324325px;
  height: 1000px;
}

.svg-icons--stars-sprite-light:before {
  font-family: 'svg-icons';
  content: '\EA2F';
}

.svg-icons--stars-sprite-light-after:after {
  font-family: 'svg-icons';
  content: '\EA2F';
}

.svg-icons--twitter-dimensions {
  width: 1000px;
  height: 1000px;
}

.footer-twitter:before, .st_twitter_custom:before,
.svg-icons--twitter:before {
  font-family: 'svg-icons';
  content: '\EA30';
}

.svg-icons--twitter-after:after {
  font-family: 'svg-icons';
  content: '\EA30';
}

.svg-icons--user-dimensions {
  width: 1000.0000000000001px;
  height: 1000px;
}

.sunpowerUtilityLinks .my_util a:before, #block-menu-menu-header-utility .my_util a:before,
.svg-icons--user:before {
  font-family: 'svg-icons';
  content: '\EA31';
}

.my-sunpower-box.homeowners a:after,
.svg-icons--user-after:after {
  font-family: 'svg-icons';
  content: '\EA31';
}

.svg-icons--water-districts-dimensions {
  width: 593.75px;
  height: 1000px;
}

.svg-icons--water-districts:before {
  font-family: 'svg-icons';
  content: '\EA32';
}

.svg-icons--water-districts-after:after {
  font-family: 'svg-icons';
  content: '\EA32';
}

.svg-icons--youtube-dimensions {
  width: 1000px;
  height: 1000px;
}

.region-footer .footer-youtube:before,
.svg-icons--youtube:before {
  font-family: 'svg-icons';
  content: '\EA33';
}

.svg-icons--youtube-after:after {
  font-family: 'svg-icons';
  content: '\EA33';
}

@font-face {
  font-family: 'svg-states';
  src: url("../fonts/svg-states/svg-states.eot");
  src: url("../fonts/svg-states/svg-states.eot#iefix") format("embedded-opentype"), url("../fonts/svg-states/svg-states.ttf") format("truetype"), url("../fonts/svg-states/svg-states.woff") format("woff"), url("../fonts/svg-states/svg-states.svg#svg-states") format("svg");
  font-weight: normal;
  font-style: normal;
}
.state:before,
.page-dealers-by-state .extended-hero__title:before {
  display: block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'svg-states' !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;
}

.svg-states--wv:before, .state--wv:before, .page-dealers-by-state-wv .extended-hero__title:before {
  content: "\e926";
}

.svg-states--dc:before, .state--dc:before, .page-dealers-by-state-dc .extended-hero__title:before {
  content: "\e927";
}

.svg-states--az:before, .state--az:before, .page-dealers-by-state-az .extended-hero__title:before {
  content: "\e925";
}

.svg-states--wy:before, .state--wy:before, .page-dealers-by-state-wy .extended-hero__title:before {
  content: "\e900";
}

.svg-states--wi:before, .state--wi:before, .page-dealers-by-state-wi .extended-hero__title:before {
  content: "\e901";
}

.svg-states--wa:before, .state--wa:before, .page-dealers-by-state-wa .extended-hero__title:before {
  content: "\e902";
}

.svg-states--vt:before, .state--vt:before, .page-dealers-by-state-vt .extended-hero__title:before {
  content: "\e903";
}

.svg-states--va:before, .state--va:before, .page-dealers-by-state-va .extended-hero__title:before {
  content: "\e904";
}

.svg-states--ut:before, .state--ut:before, .page-dealers-by-state-ut .extended-hero__title:before {
  content: "\e905";
}

.svg-states--tx:before, .state--tx:before, .page-dealers-by-state-tx .extended-hero__title:before {
  content: "\e906";
}

.svg-states--tn:before, .state--tn:before, .page-dealers-by-state-tn .extended-hero__title:before {
  content: "\e907";
}

.svg-states--sc:before, .state--sc:before, .page-dealers-by-state-sc .extended-hero__title:before {
  content: "\e908";
}

.svg-states--pa:before, .state--pa:before, .page-dealers-by-state-pa .extended-hero__title:before {
  content: "\e909";
}

.svg-states--or:before, .state--or:before, .page-dealers-by-state-or .extended-hero__title:before {
  content: "\e90a";
}

.svg-states--oh:before, .state--oh:before, .page-dealers-by-state-oh .extended-hero__title:before {
  content: "\e90b";
}

.svg-states--ny:before, .state--ny:before, .page-dealers-by-state-ny .extended-hero__title:before {
  content: "\e90c";
}

.svg-states--nv:before, .state--nv:before, .page-dealers-by-state-nv .extended-hero__title:before {
  content: "\e90d";
}

.svg-states--nm:before, .state--nm:before, .page-dealers-by-state-nm .extended-hero__title:before {
  content: "\e90e";
}

.svg-states--nj:before, .state--nj:before, .page-dealers-by-state-nj .extended-hero__title:before {
  content: "\e90f";
}

.svg-states--nh:before, .state--nh:before, .page-dealers-by-state-nh .extended-hero__title:before {
  content: "\e910";
}

.svg-states--nc:before, .state--nc:before, .page-dealers-by-state-nc .extended-hero__title:before {
  content: "\e911";
}

.svg-states--mo:before, .state--mo:before, .page-dealers-by-state-mo .extended-hero__title:before {
  content: "\e912";
}

.svg-states--mn:before, .state--mn:before, .page-dealers-by-state-mn .extended-hero__title:before {
  content: "\e913";
}

.svg-states--mi:before, .state--mi:before, .page-dealers-by-state-mi .extended-hero__title:before {
  content: "\e914";
}

.svg-states--me:before, .state--me:before, .page-dealers-by-state-me .extended-hero__title:before {
  content: "\e915";
}

.svg-states--md:before, .state--md:before, .page-dealers-by-state-md .extended-hero__title:before {
  content: "\e916";
}

.svg-states--ma:before, .state--ma:before, .page-dealers-by-state-ma .extended-hero__title:before {
  content: "\e917";
}

.svg-states--la:before, .state--la:before, .page-dealers-by-state-la .extended-hero__title:before {
  content: "\e918";
}

.svg-states--ky:before, .state--ky:before, .page-dealers-by-state-ky .extended-hero__title:before {
  content: "\e919";
}

.svg-states--ks:before, .state--ks:before, .page-dealers-by-state-ks .extended-hero__title:before {
  content: "\e91a";
}

.svg-states--in:before, .state--in:before, .page-dealers-by-state-in .extended-hero__title:before {
  content: "\e91b";
}

.svg-states--il:before, .state--il:before, .page-dealers-by-state-il .extended-hero__title:before {
  content: "\e91c";
}

.svg-states--id:before, .state--id:before, .page-dealers-by-state-id .extended-hero__title:before {
  content: "\e91d";
}

.svg-states--hi:before, .state--hi:before, .page-dealers-by-state-hi .extended-hero__title:before {
  content: "\e91e";
}

.svg-states--ga:before, .state--ga:before, .page-dealers-by-state-ga .extended-hero__title:before {
  content: "\e91f";
}

.svg-states--fl:before, .state--fl:before, .page-dealers-by-state-fl .extended-hero__title:before {
  content: "\e920";
}

.svg-states--de:before, .state--de:before, .page-dealers-by-state-de .extended-hero__title:before {
  content: "\e921";
}

.svg-states--ct:before, .state--ct:before, .page-dealers-by-state-ct .extended-hero__title:before {
  content: "\e922";
}

.svg-states--co:before, .state--co:before, .page-dealers-by-state-co .extended-hero__title:before {
  content: "\e923";
}

.svg-states--ca:before, .state--ca:before, .page-dealers-by-state-ca .extended-hero__title:before {
  content: "\e924";
}

.menu__link.australia:before {
  width: 19px;
  height: 19px;
}

.menu__link.australia:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -54px -54px no-repeat;
}

.menu__link.belgie:before,
.menu__link.belgique:before {
  width: 19px;
  height: 19px;
}

.menu__link.belgie:before,
.menu__link.belgique:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -378px -378px no-repeat;
}

.menu__link.chile:before {
  width: 19px;
  height: 19px;
}

.menu__link.chile:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -108px -108px no-repeat;
}

.menu__link.france:before {
  width: 19px;
  height: 19px;
}

.menu__link.france:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -162px -162px no-repeat;
}

.menu__link.deutschland:before {
  width: 19px;
  height: 19px;
}

.menu__link.deutschland:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -216px -216px no-repeat;
}

.menu__link.global:before {
  width: 19px;
  height: 19px;
}

.menu__link.global:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -270px -270px no-repeat;
}

.menu__link.italia:before {
  width: 19px;
  height: 19px;
}

.menu__link.italia:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -324px -324px no-repeat;
}

.menu__link.japan:before {
  width: 19px;
  height: 19px;
}

.menu__link.japan:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") 0px 0px no-repeat;
}

.menu__link.mexico:before {
  width: 19px;
  height: 19px;
}

.menu__link.mexico:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -432px -432px no-repeat;
}

.menu__link.nederland:before {
  width: 19px;
  height: 19px;
}

.menu__link.nederland:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -486px -486px no-repeat;
}

.menu__link.south-africa:before {
  width: 19px;
  height: 19px;
}

.menu__link.south-africa:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -540px -540px no-repeat;
}

.menu__link.uae:before {
  width: 19px;
  height: 19px;
}

.menu__link.uae:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -594px -594px no-repeat;
}

.menu__link.uk:before {
  width: 19px;
  height: 19px;
}

.menu__link.uk:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -648px -648px no-repeat;
}

.menu__link.us:before {
  width: 19px;
  height: 19px;
}

.menu__link.us:before {
  background: url("../images/sprites/flag-svg-icons-sprite.png") -702px -702px no-repeat;
}

.page {
  position: relative;
}
.page > .content-btth {
  padding-top: 0;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .page > .content-btth {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.page ul.tabs-primary {
  float: left;
}
.page div.tabs:before, .page div.tabs:after {
  content: "";
  display: table;
}
.page div.tabs:after {
  clear: both;
}

body {
  min-height: 100%;
}

.l-max-width body {
  background: #f2f6f8;
}

.l-max-width .page {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  background: white;
}

.l-full-width body {
  background: white;
}

@media only screen and (min-width: 1025px) {
  .l-full-width .page > .content-btth {
    padding: 0;
    width: 85%;
    margin: 0 auto;
  }
}

main[role="main"] {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  main[role="main"] {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.page-panels [role="main"] {
  padding-left: 0px;
  padding-right: 0px;
}

body.layout-sidebar-both .region-sidebar-first {
  float: left;
  width: 15%;
  margin-left: 0;
  margin-right: -15%;
}
body.layout-sidebar-both [role="main"] {
  float: left;
  width: 70%;
  margin-left: 15%;
  margin-right: -85%;
}
body.layout-sidebar-both .region-sidebar-second {
  float: left;
  width: 15%;
  margin-left: 85%;
  margin-right: -100%;
}

.hidden {
  display: none !important;
}

.target-hidden {
  display: none;
}

.l-container {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
@media only screen and (min-width: 768px) {
  .l-container {
    width: 90%;
  }
}
@media only screen and (min-width: 960px) {
  .l-container {
    width: 85%;
  }
}

.l-container--thin {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
@media only screen and (min-width: 769px) {
  .l-container--thin {
    width: 75%;
  }
}
@media only screen and (min-width: 1064px) {
  .l-container--thin {
    width: 61.803%;
  }
}

.page-panels [role="main"] .region-side-gutters {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .page-panels [role="main"] .region-side-gutters {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.lazyload-inline {
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  .page-panels.page-404 [role="main"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 768px) {
  .page-panels.page-404 [role="main"] {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.l-max-width.page-404 .page {
  max-width: none;
}

.page-404 h1.title {
  display: none;
}

@media only screen and (min-width: 769px) {
  .page-404 .status-code-bean,
  .page-404 .pane-sun-utils-search-box,
  .page-404 .bean-cta-row {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
}
@media only screen and (min-width: 1064px) {
  .page-404 .status-code-bean,
  .page-404 .pane-sun-utils-search-box,
  .page-404 .bean-cta-row {
    width: 61.803%;
  }
}

.page-404 .pane-sun-utils-search-box {
  position: relative;
  margin: 20px 12px;
}
@media only screen and (min-width: 768px) {
  .page-404 .pane-sun-utils-search-box {
    margin: 40px auto;
  }
}

.page-404 .pane-sun-utils-search-box input {
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .page-404 .pane-sun-utils-search-box input {
    font-size: 24px;
    padding: 2px 16px 6px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-404 .pane-sun-utils-search-box input {
    font-size: 32px;
    padding: 2px 20px 6px;
  }
}

.page-404 .pane-sun-utils-search-box .processed-search-button-container .search-block-submit:after {
  font-size: 16px;
  color: #9cbccd;
}
@media only screen and (min-width: 768px) {
  .page-404 .pane-sun-utils-search-box .processed-search-button-container .search-block-submit:after {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1025px) {
  .page-404 .pane-sun-utils-search-box .processed-search-button-container .search-block-submit:after {
    font-size: 32px;
  }
}

.page-404 .bean-3-up-tiles {
  padding-top: 15px;
}
@media only screen and (min-width: 769px) {
  .page-404 .bean-3-up-tiles {
    padding-top: 30px;
  }
}

/**
 * @file
 */
/**
 * @file
 */
/**
 * @file
 */
.page-site-search .title {
  display: none;
}

.page-site-search h1 {
  color: #39607a;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.05;
  margin-top: 20px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 769px) {
  .page-site-search h1 {
    font-size: 3.125em;
  }
}

.search-performance {
  color: #5e6367;
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-size: 24px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 7px;
}

.search-results {
  list-style: none;
  padding-left: 0;
}

.search-result {
  border-top: 1px solid rgba(156, 188, 205, 0.3);
  margin-top: 15px;
  margin-bottom: 0;
  padding-top: 15px;
}

.search-result__title {
  color: #0076be;
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  transition: opacity 260ms ease-in-out;
  text-decoration: none;
}
.search-result__title:hover {
  color: #39607a;
}

.search-result__title a {
  color: inherit;
  text-decoration: inherit;
}

.search-result__snippet-info {
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 300;
  padding: 2px;
  padding-bottom: 12px;
}

.node-type-thank-you-page .pane-node-body {
  background: #4d99f1;
  color: white;
  text-align: center;
}
.node-type-thank-you-page .pane-node-body a {
  color: white;
}
.node-type-thank-you-page .pane-node-body .field-items {
  padding: 35px 25px;
}
@media only screen and (min-width: 960px) {
  .node-type-thank-you-page .pane-node-body .field-items {
    padding: 70px 180px;
  }
}
.node-type-thank-you-page .pane-bean-thank-you-live-chat {
  padding: 0 25px;
}
@media only screen and (min-width: 960px) {
  .node-type-thank-you-page .pane-bean-thank-you-live-chat {
    padding: 0 180px;
  }
}

#colorbox #eloqua_inline_modal_form .eloqua_redirect_result {
  padding: 35px 25px;
}

#eloqua_inline_modal_form .eloqua_redirect_result {
  background: #4d99f1;
  color: white;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  #eloqua_inline_modal_form .eloqua_redirect_result {
    padding: 70px 180px;
  }
}
#eloqua_inline_modal_form .eloqua_redirect_result a {
  color: white;
}

#cboxLoadedContent article.node-webform .node-title.reloaded {
  font-size: 50px;
  font-weight: 300;
}

.site-map-front-page {
  padding-bottom: 1em;
}

/*
+** Apply Japanese font **
+*/
html[lang="ja"] {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "YuGothic", "Yu Gothic", "Meiryo", "M PLUS 1p", sans-serif;
}

body.domain-maxeonsolar-jp, body.site-jp {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "YuGothic", "Yu Gothic", "Meiryo", "M PLUS 1p", sans-serif;
}
body.domain-maxeonsolar-jp button,
body.domain-maxeonsolar-jp input,
body.domain-maxeonsolar-jp select,
body.domain-maxeonsolar-jp textarea,
body.domain-maxeonsolar-jp pre,
body.domain-maxeonsolar-jp code,
body.domain-maxeonsolar-jp kbd,
body.domain-maxeonsolar-jp samp,
body.domain-maxeonsolar-jp tt,
body.domain-maxeonsolar-jp var,
body.domain-maxeonsolar-jp .page-solar-resources .page .content-btth .title,
body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .view-filters select,
body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .view-header,
body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .views-row .views-field-title .field-content a,
body.domain-maxeonsolar-jp .page-solar-resources .view-resource-center .views-row .views-field-body,
body.domain-maxeonsolar-jp .comment-unpublished p.unpublished,
body.domain-maxeonsolar-jp .node-unpublished p.unpublished,
body.domain-maxeonsolar-jp h1, body.domain-maxeonsolar-jp h2, body.domain-maxeonsolar-jp h3, body.domain-maxeonsolar-jp h4, body.domain-maxeonsolar-jp h5,
body.domain-maxeonsolar-jp .content-btth > .title,
body.domain-maxeonsolar-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon,
body.domain-maxeonsolar-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon,
body.domain-maxeonsolar-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon,
body.domain-maxeonsolar-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon,
body.domain-maxeonsolar-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon strong,
body.domain-maxeonsolar-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon strong,
body.domain-maxeonsolar-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon strong,
body.domain-maxeonsolar-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon strong,
body.domain-maxeonsolar-jp #block-boxes-row-sitewide-cta .boxes-box-content,
body.domain-maxeonsolar-jp .phone-number-footer-block .boxes-box-content,
body.domain-maxeonsolar-jp div.pane-column-bean h2.pane-title,
body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-banner-title,
body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-subhead,
body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-beantext-title,
body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-colcarousel-subtitle,
body.domain-maxeonsolar-jp div.entity-bean div.field-name-field-imgbean-title,
body.domain-maxeonsolar-jp .field-name-field-form-label-spend,
body.domain-maxeonsolar-jp .interactive-title,
body.domain-maxeonsolar-jp .field-name-field-comp-message-generic,
body.domain-maxeonsolar-jp .field-name-field-comp-message-localized,
body.domain-maxeonsolar-jp #dealer-container span.temp h2,
body.domain-maxeonsolar-jp #boxes-box-support_threecols div.support_3col > div strong.titleAdj,
body.domain-maxeonsolar-jp div.contact_left .contact-block--title,
body.domain-maxeonsolar-jp #boxes-box-contact_our_offices div.offices .location-title,
body.domain-maxeonsolar-jp .contact-our-offices-block div.offices .location-title,
body.domain-maxeonsolar-jp #boxes-box-contact_contractorlicens div.contr_block .location-title, body.site-jp button,
body.site-jp input,
body.site-jp select,
body.site-jp textarea,
body.site-jp pre,
body.site-jp code,
body.site-jp kbd,
body.site-jp samp,
body.site-jp tt,
body.site-jp var,
body.site-jp .page-solar-resources .page .content-btth .title,
body.site-jp .page-solar-resources .view-resource-center .view-filters select,
body.site-jp .page-solar-resources .view-resource-center .view-header,
body.site-jp .page-solar-resources .view-resource-center .views-row .views-field-title .field-content a,
body.site-jp .page-solar-resources .view-resource-center .views-row .views-field-body,
body.site-jp .comment-unpublished p.unpublished,
body.site-jp .node-unpublished p.unpublished,
body.site-jp h1, body.site-jp h2, body.site-jp h3, body.site-jp h4, body.site-jp h5,
body.site-jp .content-btth > .title,
body.site-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon,
body.site-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon,
body.site-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon,
body.site-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon,
body.site-jp div.region-pre-footer #block-boxes-row-sitewide-cta .boxes-box-content span.phoneIcon strong,
body.site-jp div.region-pre-footer .phone-number-footer-block .boxes-box-content span.phoneIcon strong,
body.site-jp div.region-pre-footer div.sunpowerPhoneFooter .boxes-box-content span.phoneIcon strong,
body.site-jp div.region-pre-footer div.phone-number-footer-block span.phoneIcon strong,
body.site-jp #block-boxes-row-sitewide-cta .boxes-box-content,
body.site-jp .phone-number-footer-block .boxes-box-content,
body.site-jp div.pane-column-bean h2.pane-title,
body.site-jp div.entity-bean div.field-name-field-banner-title,
body.site-jp div.entity-bean div.field-name-field-subhead,
body.site-jp div.entity-bean div.field-name-field-beantext-title,
body.site-jp div.entity-bean div.field-name-field-colcarousel-subtitle,
body.site-jp div.entity-bean div.field-name-field-imgbean-title,
body.site-jp .field-name-field-form-label-spend,
body.site-jp .interactive-title,
body.site-jp .field-name-field-comp-message-generic,
body.site-jp .field-name-field-comp-message-localized,
body.site-jp #dealer-container span.temp h2,
body.site-jp #boxes-box-support_threecols div.support_3col > div strong.titleAdj,
body.site-jp div.contact_left .contact-block--title,
body.site-jp #boxes-box-contact_our_offices div.offices .location-title,
body.site-jp .contact-our-offices-block div.offices .location-title,
body.site-jp #boxes-box-contact_contractorlicens div.contr_block .location-title {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "YuGothic", "Yu Gothic", "Meiryo", "M PLUS 1p", sans-serif;
}
body.domain-maxeonsolar-jp.section-community #BVQAContainer,
body.domain-maxeonsolar-jp.section-community .BVQAQuestionSummary,
body.domain-maxeonsolar-jp.section-community .BVQAAskQuestion a,
body.domain-maxeonsolar-jp.section-community .BVQAAskQuestion a:visited, body.site-jp.section-community #BVQAContainer,
body.site-jp.section-community .BVQAQuestionSummary,
body.site-jp.section-community .BVQAAskQuestion a,
body.site-jp.section-community .BVQAAskQuestion a:visited {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "YuGothic", "Yu Gothic", "Meiryo", "M PLUS 1p", sans-serif;
}

.domain-maxeonsolar-jp #footer {
  font-size: 12px;
}

.site-jp .view-dealer-locator .view-filters {
  justify-content: flex-end;
}

.page-seiki-dairiten .content-btth .title {
  display: none;
}

@media only screen and (min-width: 1025px) {
  .page-history [role="main"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 768px) {
  .page-history [role="main"] {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.page-history [role="main"] > div {
  background-image: url('../images/history/vertical-dotted-line.png?1554331168');
  background-repeat: repeat-y;
  background-position: 60px 0;
}
@media only screen and (min-width: 1025px) {
  .page-history [role="main"] > div {
    background-position: 120px 0;
  }
}

.page-history .content-btth .title {
  display: none;
}

.page-history .bean-flexible-layout-bean > .content-outside > .content {
  padding-left: 80px;
}
@media only screen and (min-width: 1025px) {
  .page-history .bean-flexible-layout-bean > .content-outside > .content {
    margin-left: 110px;
    padding-left: 60px;
  }
}

.page-history .bean-flexible-layout-bean .field-name-field-subhead {
  font-size: 56px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 4px;
}

.page-history .bean-flexible-layout-bean .field-name-field-subhead p {
  padding: 2px 0;
}

.page-history .bean-flexible-layout-bean .field-name-field-bean-body {
  font-size: 24px;
}

.history-decade {
  display: block;
  width: 100%;
  clear: both;
}

.history-decade-photo {
  float: left;
  width: 120px;
}
@media only screen and (min-width: 768px) {
  .history-decade-photo {
    width: 200px;
  }
}

.field-collection-view .history-decade-content {
  width: auto;
  padding-left: 10px;
}
@media only screen and (min-width: 1025px) {
  .field-collection-view .history-decade-content {
    padding-left: 0;
    margin-left: 240px;
  }
}

.history-decade-title {
  margin-left: 120px;
  color: #39607a;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) {
  .history-decade-title {
    margin-left: auto;
  }
}

.history-horizontal-line {
  background-image: url('../images/history/horizontal-dotted-line.png?1554331168');
  background-repeat: repeat-x;
  background-position: 0 0;
  height: 38px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .history-horizontal-line {
    margin-left: -45px;
  }
}

.history-decade-description {
  font-size: 18px;
  margin-left: 50px;
  letter-spacing: 0.36px;
}
@media only screen and (min-width: 768px) {
  .history-decade-description {
    margin-left: 200px;
  }
}
@media only screen and (min-width: 1025px) {
  .history-decade-description {
    margin-right: 120px;
    margin-left: 0;
  }
}

.history-decade-items {
  margin-left: 40px;
}
@media only screen and (min-width: 1025px) {
  .history-decade-items {
    margin-left: 0;
    margin-right: 120px;
  }
}

.history-decade-items .field-name-field-title {
  color: #39607a;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 2px;
}

.history-decade-items .field-name-field-description {
  font-size: 18px;
}

nav.breadcrumb {
  padding-left: 7%;
  padding-right: 7%;
  color: #5e6367;
  font-size: 12px;
}
nav.breadcrumb h2 {
  width: 0px;
}
nav.breadcrumb a {
  text-decoration: none;
}
nav.breadcrumb ol {
  padding-left: 0px;
}
nav.breadcrumb ol li {
  display: inline;
}

.page-blog .container {
  max-width: 1280px;
  margin-left: 20px;
  margin-right: 20px;
}
.page-blog .container:before, .page-blog .container:after {
  content: "";
  display: table;
}
.page-blog .container:after {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .page-blog .container {
    margin-right: 40px;
    margin-left: 40px;
  }
}

.section-blog .container {
  padding-bottom: 5%;
}

.page-blog main {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1025px) {
  .page-blog main {
    float: left;
    width: 75%;
    padding-top: 40px;
  }
}

.page-blog .bean-hero-bean,
.section-blog .bean-hero-bean {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  margin-left: 0;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 80px;
  text-align: center;
}

.page-blog .bean-hero-bean .content,
.section-blog .bean-hero-bean .content {
  max-width: 1280px;
  margin-left: 20px;
  margin-right: 20px;
}
.page-blog .bean-hero-bean .content:before, .page-blog .bean-hero-bean .content:after,
.section-blog .bean-hero-bean .content:before,
.section-blog .bean-hero-bean .content:after {
  content: "";
  display: table;
}
.page-blog .bean-hero-bean .content:after,
.section-blog .bean-hero-bean .content:after {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .page-blog .bean-hero-bean .content,
  .section-blog .bean-hero-bean .content {
    margin-right: 40px;
    margin-left: 40px;
  }
}

.page-blog .bean-hero-bean__title,
.section-blog .bean-hero-bean__title {
  color: inherit;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.05;
  margin-top: 20px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  .page-blog .bean-hero-bean__title,
  .section-blog .bean-hero-bean__title {
    font-size: 3.125em;
  }
}

.page-blog .bean-hero-bean__subtitle,
.section-blog .bean-hero-bean__subtitle {
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 1.1 !important;
  margin-top: 0;
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 768px) {
  .page-blog .bean-hero-bean__subtitle,
  .section-blog .bean-hero-bean__subtitle {
    font-size: 24px !important;
  }
}

.page-blog .bean-hero-bean__subtitle .field-name-field-subhead,
.section-blog .bean-hero-bean__subtitle .field-name-field-subhead {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin-bottom: 0;
}

.blog-teaser {
  border: 1px solid rgba(156, 188, 205, 0.5);
  border-radius: 4px;
  display: block;
  margin-bottom: 20px;
  transition: 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}
.blog-teaser:hover, .blog-teaser:focus {
  box-shadow: 0 3px 20px rgba(156, 188, 205, 0.2);
  transform: scale(1.02);
}

.blog-teaser.node-unpublished:before {
  content: 'Unpublished';
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 90%;
  text-transform: uppercase;
}

.blog-teaser a {
  display: block;
  text-decoration: none;
}
.blog-teaser a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .blog-teaser a {
    display: flex;
  }
}

.blog-teaser__content-wrap {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .blog-teaser__content-wrap {
    flex: 1;
    padding: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .blog-teaser__content-wrap {
    padding: 40px;
  }
}

.blog-teaser__header {
  background-size: cover;
  background-position: center center;
  min-height: 175px;
}
@media only screen and (min-width: 480px) {
  .blog-teaser__header {
    min-height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .blog-teaser__header {
    width: 40%;
  }
}
@media only screen and (min-width: 960px) {
  .blog-teaser__header {
    width: 30%;
  }
}

.blog-teaser__title {
  color: #0076be;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  margin: 0;
}

.blog-teaser__title h2 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: inherit;
}

.blog-teaser__description {
  color: #5d6267;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}
@media only screen and (min-width: 769px) {
  .blog-teaser__description {
    font-size: 16px;
  }
}

.blog-teaser__author {
  color: rgba(94, 99, 103, 0.5);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin-top: 7px;
}

.blog-teaser__author .field-label {
  font-weight: 400;
}

.blog-teaser__footer {
  color: #9cbccd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.02em;
  margin-top: 20px;
}

.page-blog .sidebar {
  padding-right: 0;
}
@media only screen and (min-width: 1025px) {
  .page-blog .sidebar {
    float: left;
    width: 25%;
    padding-left: 30px;
    padding-top: 40px;
  }
}

.page-blog .sidebar .block,
.section-blog .sidebar .block {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}

.page-blog input:focus,
.section-blog input:focus {
  box-shadow: none !important;
  border-color: transparent !important;
}

.page-blog .sidebar .block-views .block__title,
.section-blog .sidebar .block-views .block__title {
  border-bottom: 1px solid #f2f6f8;
  color: #5e6367;
  font-weight: 400;
  font-size: 18px;
  line-height: 0.9;
  margin-top: 10px;
  margin-bottom: 7px;
  padding-bottom: 15px;
}

.page-blog .sidebar .item-list h3,
.section-blog .sidebar .item-list h3 {
  font-weight: 500;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.page-blog .sidebar .item-list ul,
.section-blog .sidebar .item-list ul {
  list-style: none;
  margin-bottom: 0;
}

.page-blog .sidebar .item-list li,
.section-blog .sidebar .item-list li {
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

.page-blog .sidebar a,
.section-blog .sidebar a {
  text-decoration: none;
}
.page-blog .sidebar a:hover, .page-blog .sidebar a:focus,
.section-blog .sidebar a:hover,
.section-blog .sidebar a:focus {
  color: #39607a;
}

.page-blog .sidebar .views-field-name a,
.section-blog .sidebar .views-field-name a {
  color: #0076be;
  font-size: 14px;
  font-weight: 400;
  transition: 360ms ease-in-out;
}

.page-blog .sidebar .views-field-nothing,
.page-blog .sidebar .count,
.section-blog .sidebar .views-field-nothing,
.section-blog .sidebar .count {
  color: #9cbccd;
  font-size: 12px;
}

.blog-archive-block .item-list:not(:first-of-type) h3 {
  color: #0076be;
  cursor: pointer;
}
.blog-archive-block .item-list:not(:first-of-type) h3:after {
  content: '\002B';
  margin-left: 5px;
}

.blog-archive-block .item-list:not(:first-of-type) ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 160ms ease-in-out;
}

.blog-archive-block .is-expanded ul {
  max-height: 40rem !important;
}

.blog-archive-block h3 + ul {
  border-left: 1px solid rgba(0, 118, 190, 0.2);
  margin-left: 7px;
  margin-bottom: 7px;
  padding-left: 10px;
}

.section-blog .breadcrumb {
  max-width: 1280px;
  margin-left: 20px;
  margin-right: 20px;
  color: #9cbccd;
  font-size: 0.7rem;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
.section-blog .breadcrumb:before, .section-blog .breadcrumb:after {
  content: "";
  display: table;
}
.section-blog .breadcrumb:after {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .section-blog .breadcrumb {
    margin-right: 40px;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 480px) {
  .section-blog .breadcrumb {
    font-size: 0.8rem;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .section-blog .breadcrumb {
    font-size: 0.9rem;
  }
}

.section-blog .breadcrumb a {
  color: #0076be;
  margin-top: 6px;
  margin-left: 3px;
  margin-right: 5px;
  transition: 360ms ease;
  text-decoration: none;
}
.section-blog .breadcrumb a:hover, .section-blog .breadcrumb a:focus {
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .section-blog .breadcrumb a {
    margin-top: 0;
  }
}

.section-blog .view-id-blog_title {
  max-width: 1280px;
  margin-left: 20px;
  margin-right: 20px;
}
.section-blog .view-id-blog_title:before, .section-blog .view-id-blog_title:after {
  content: "";
  display: table;
}
.section-blog .view-id-blog_title:after {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .section-blog .view-id-blog_title {
    margin-right: 40px;
    margin-left: 40px;
  }
}

.section-blog .view-blog-title h1 {
  color: #39607a;
  font-size: 3.125em;
  font-weight: 300;
  line-height: 1.05;
  margin-top: 20px;
  margin-bottom: 30px;
}

.section-blog .blog-meta {
  color: #9cbccd;
  display: flex;
  flex-flow: column nowrap;
  font-size: 0.7rem;
}
@media only screen and (min-width: 480px) {
  .section-blog .blog-meta {
    flex-flow: row nowrap;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .section-blog .blog-meta {
    font-size: 0.8rem;
  }
}

.section-blog .blog-meta a {
  color: #0076be;
  text-decoration: none;
}
.section-blog .blog-meta a:hover {
  color: #39607a;
}

.section-blog .node-author {
  display: inline-block;
  margin-bottom: 7px;
  overflow: hidden;
}
@media only screen and (min-width: 480px) {
  .section-blog .node-author {
    margin-right: 4%;
  }
}
@media only screen and (min-width: 768px) {
  .section-blog .node-author {
    margin-right: 2%;
  }
}

.section-blog .node-author img {
  display: inline-block;
  border-radius: 50em;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  vertical-align: middle;
}

.section-blog .by-profile-name,
.section-blog .by-profile-name * {
  display: inline-block;
  vertical-align: middle;
}

.blog-meta__date {
  margin-bottom: 7px;
}
@media only screen and (min-width: 480px) {
  .blog-meta__date {
    margin-right: 4%;
  }
}
@media only screen and (min-width: 768px) {
  .blog-meta__date {
    margin-right: 2%;
  }
}

.section-blog .category-list {
  margin-bottom: 7px;
}
.section-blog .category-list:before {
  content: 'Category: ';
  display: inline-block;
  margin-right: 4px;
}
@media only screen and (min-width: 480px) {
  .section-blog .category-list {
    margin-right: 4%;
  }
}
@media only screen and (min-width: 768px) {
  .section-blog .category-list {
    margin-right: 2%;
  }
}

.site-de .section-blog .category-list:before {
  content: 'Kategorie: ';
}

.section-blog .sharethis-wrapper {
  padding-top: 15px;
}
@media only screen and (min-width: 768px) {
  .section-blog .sharethis-wrapper {
    padding-top: 30px;
  }
}

.section-blog .container {
  max-width: 1280px;
  margin-left: 20px;
  margin-right: 20px;
}
.section-blog .container:before, .section-blog .container:after {
  content: "";
  display: table;
}
.section-blog .container:after {
  clear: both;
}
@media only screen and (min-width: 769px) {
  .section-blog .container {
    margin-right: 40px;
    margin-left: 40px;
  }
}

.section-blog main {
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 1025px) {
  .section-blog main {
    float: left;
    width: 75%;
    padding-top: 40px;
  }
}

.section-blog .sidebar {
  padding-right: 0;
}
@media only screen and (min-width: 1025px) {
  .section-blog .sidebar {
    float: left;
    width: 25%;
    padding-left: 30px;
    padding-top: 40px;
  }
}

article.node-author.view-mode-full {
  padding-top: 30px;
  width: 100%;
  padding-left: 7%;
  padding-right: 7%;
  float: left;
}
article.node-author.view-mode-full .field-name-field-profile-photo {
  display: none;
}
@media only screen and (min-width: 1025px) {
  article.node-author.view-mode-full {
    width: 75%;
    padding-right: 0px;
    padding-left: 91px;
  }
  article.node-author.view-mode-full .field-name-field-profile-photo {
    display: block;
    float: left;
    background-color: white;
    padding: 28px 4% 28px 4%;
  }
  article.node-author.view-mode-full #node_author_full_group_left_fields {
    float: left;
    width: 64%;
    margin-right: 15px;
  }
}
article.node-author.view-mode-full h2 {
  margin-top: 10px;
  color: #f7921e;
  font-size: 30px;
}
article.node-author.view-mode-full .field-name-field-job-title {
  font-size: 28px;
  font-style: italic;
  padding-bottom: 28px;
}
article.node-author.view-mode-full .field-name-body {
  font-size: 15px;
}

.view-blog-listing .by-profile-name .by,
.view-blog-listing .by-profile-name .by-name {
  display: inline;
}

article.node-blog.view-mode-full .sharethis-buttons {
  float: none;
  margin-top: 10px;
  min-height: 70px;
}

article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (min-width: 480px) {
  article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span {
    margin-right: 10px;
  }
}

article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span:last-child {
  margin-right: 0;
}

article.node-blog.view-mode-full .sharethis-buttons > .sharethis-wrapper > span:hover {
  opacity: .9;
}

.sharethis-wrapper .stButton .stBubble {
  background: none;
  height: auto;
  width: auto;
  margin-top: 2px;
}

.sharethis-wrapper .stButton .stButton_gradient,
.sharethis-wrapper .stButton .stMainServices {
  display: none;
}

.sharethis-wrapper .stButton .chicklets {
  height: auto;
  width: auto;
  display: none;
}

.sharethis-wrapper > span > span:before {
  display: block;
  font-family: "foundation-icons";
  font-size: 33px;
  line-height: 30px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .sharethis-wrapper > span > span:before {
    font-size: 45px;
    line-height: 35px;
  }
}

.sharethis-wrapper .stButton .stFb,
.sharethis-wrapper .stButton .stTwbutton,
.sharethis-wrapper .stButton .stMainServices {
  height: auto;
}

.sharethis-wrapper .stButton .stBubble_count {
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  background: none;
  background-color: #231f20;
  font-size: 9px;
  color: white;
  opacity: .6;
  border: 1px solid white;
  border-radius: 3px;
}

.sharethis-wrapper .st_facebook_vcount > span:before {
  content: "\f1c4";
  color: #3b5998;
}

.sharethis-wrapper .st_facebook_vcount .stButton .stBubble_count {
  background-color: #3b5998;
}

.sharethis-wrapper .st_twitter_vcount > span:before {
  content: "\f1e4";
  color: #00aced;
}

.sharethis-wrapper .st_twitter_vcount .stButton .stBubble_count {
  background-color: #00aced;
}

.sharethis-wrapper .st_linkedin_vcount > span:before {
  content: "\f1d0";
  color: #0077b5;
}

.sharethis-wrapper .st_linkedin_vcount .stButton .stBubble_count {
  background-color: #0077b5;
}

.sharethis-wrapper .st_googleplus_vcount > span:before {
  content: "\f1ca";
  color: #d34836;
}

.sharethis-wrapper .st_googleplus_vcount .stButton .stBubble_count {
  background-color: #d34836;
}

.sharethis-wrapper .st_pinterest_vcount > span:before {
  content: "\f1d6";
  color: #cb2027;
}

.sharethis-wrapper .st_pinterest_vcount .stButton .stBubble_count {
  background-color: #cb2027;
}

.sharethis-wrapper .st_email_vcount > span:before {
  content: "\f16d";
  color: #39607a;
}

.sharethis-wrapper .st_email_vcount .stButton .stBubble_count {
  background-color: #39607a;
}

.sharethis-wrapper .st_sharethis_vcount > span:before {
  content: "\f1ad";
  color: #5e6367;
}

.sharethis-wrapper .st_sharethis_vcount .stButton .stBubble_count {
  background-color: #5e6367;
}

.block-webform--blog-sign-up {
  margin: 0 10px 20px;
  padding: 20px 35px 10px 24px;
  border-radius: 4px;
  background: #9cbccd;
}
@media only screen and (min-width: 1064px) {
  .block-webform--blog-sign-up {
    margin: 0 0 20px;
  }
}

.block-webform--blog-sign-up .block-title {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.1;
  color: white;
}

.block-webform--blog-sign-up .webform-client-form {
  padding: 0;
}

.block-webform--blog-sign-up .webform-client-form .webform-component {
  float: none;
  width: auto;
}

.block-webform--blog-sign-up .webform-client-form .form-actions {
  margin-bottom: 15px;
  margin-top: 0;
}

.block-webform--blog-sign-up .webform-client-form .button-primary {
  width: auto;
  background: #f7921e;
}
.block-webform--blog-sign-up .webform-client-form .button-primary:hover, .block-webform--blog-sign-up .webform-client-form .button-primary:focus, .block-webform--blog-sign-up .webform-client-form .button-primary:active {
  background: #f26a36;
}

.block-webform--blog-sign-up .node-webform .field-name-body.field-label-hidden {
  padding: 0;
}

.block-webform--blog-sign-up .sub_text {
  margin: 2px 0 12px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.7);
}

.block-webform--blog-sign-up .sub_text a {
  text-decoration: none;
  color: white;
}
.block-webform--blog-sign-up .sub_text a:hover, .block-webform--blog-sign-up .sub_text a:focus {
  text-decoration: underline;
}

.view-dealer-state-list {
  max-width: 937px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
  width: 90%;
}

.us-map-dealers-by-state,
.view-dealer-state-list {
  display: none;
}

.view-dealer-state-list > .view-content {
  display: flex;
  flex-flow: row wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.view-dealer-state-list .views-row {
  padding-left: 10px;
  padding-right: 10px;
  width: 33.33%;
}
@media only screen and (min-width: 769px) {
  .view-dealer-state-list .views-row {
    width: 25%;
  }
}

.view-dealer-state-list .views-row > a {
  text-decoration: none;
}

.state {
  color: #39607a;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.state:before {
  color: #39607a;
  font-size: 40px;
  margin-top: auto;
  margin-bottom: auto;
  padding-bottom: 10px;
}
.state:hover, .state:focus {
  color: #f7921e;
}
.state:hover:before, .state:focus:before {
  color: #f7921e;
}
@media only screen and (min-width: 769px) {
  .state {
    font-size: 26px;
    padding-bottom: 130px;
  }
  .state:before {
    font-size: 120px;
  }
}

@media only screen and (min-width: 769px) {
  .state--co:before {
    font-size: 98px;
  }
}

@media only screen and (min-width: 769px) {
  .state--ct:before {
    font-size: 110px;
  }
}

@media only screen and (min-width: 769px) {
  .state--in:before {
    font-size: 103px;
  }
}

@media only screen and (min-width: 769px) {
  .state--hi:before {
    font-size: 85px;
  }
}

@media only screen and (min-width: 769px) {
  .state--ks:before {
    font-size: 85px;
  }
}

.state--ks:before {
  font-size: 35px;
}
@media only screen and (min-width: 769px) {
  .state--ks:before {
    font-size: 85px;
  }
}

@media only screen and (min-width: 769px) {
  .state--ky:before {
    font-size: 85px;
  }
}

@media only screen and (min-width: 769px) {
  .state--la:before {
    font-size: 100px;
  }
}

@media only screen and (min-width: 769px) {
  .state--ma:before {
    font-size: 80px;
  }
}

@media only screen and (min-width: 769px) {
  .state--mi:before {
    font-size: 90px;
  }
}

@media only screen and (min-width: 769px) {
  .state--md:before {
    font-size: 75px;
  }
}

.state--nc:before {
  font-size: 30px;
}
@media only screen and (min-width: 769px) {
  .state--nc:before {
    font-size: 90px;
  }
}

@media only screen and (min-width: 769px) {
  .state--nh:before,
  .state--nv:before,
  .state--ny:before {
    font-size: 128px;
  }
}

.state--tn:before {
  font-size: 20px;
}
@media only screen and (min-width: 769px) {
  .state--tn:before {
    font-size: 65px;
  }
}

@media only screen and (min-width: 769px) {
  .state--wa:before {
    font-size: 105px;
  }
}

@media only screen and (min-width: 769px) {
  .state--va:before {
    font-size: 95px;
  }
}

.page-dealers-by-state main[role="main"] {
  padding-left: 0;
  padding-right: 0;
}

.page-dealers-by-state .field-collection-item-field-extended-hero-slide {
  height: 520px !important;
}

.page-dealers-by-state .extended-hero__title {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page-dealers-by-state .extended-hero__title:before {
  font-size: 80px;
  font-weight: 400;
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
  .page-dealers-by-state .extended-hero__title {
    font-size: 48px;
  }
  .page-dealers-by-state .extended-hero__title:before {
    font-size: 135px;
  }
}

.page-dealers-by-state .view-dealer-locator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.page-dealers-by-state .form-type-radio input {
  visibility: hidden;
  opacity: 0;
}

.node-webform.view-mode-full {
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .node-webform.view-mode-full {
    padding-bottom: 2em;
  }
}
@media (min-width: 1024px) {
  .node-webform.view-mode-full {
    padding-bottom: 3em;
  }
}

.banner-logo-with-text {
  padding: 30px 10px;
  width: 100%;
  height: 180px;
  border-radius: 0 0 60px 0;
  background-color: #0769a9;
  text-align: center;
}
.banner-logo-with-text:before {
  content: '';
  background-image: url("../images/logo-white.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
  height: 65px;
}

.banner-logo-with-text span {
  color: white;
  max-width: 400px;
  display: inline-block;
  text-align: right;
  width: 100%;
  font-size: 32px;
}
@media only screen and (min-width: 960px) {
  .banner-logo-with-text span {
    font-size: 42px;
  }
}

main .webform-component--requesting-for--subordination-note.form-item > p {
  padding-left: 35px;
}

#cboxContent form[data-form-name="Referral Modal Webform"] .webform-container-inline div, #cboxContent form[data-form-name="Referral Modal Webform"] .webform-container-inline div.form-item {
  display: inline-block;
}
@media only screen and (min-width: 960px) {
  #cboxContent form[data-form-name="Referral Modal Webform"] .webform-component {
    width: 49%;
  }
  #cboxContent form[data-form-name="Referral Modal Webform"] .webform-component.webform-component-textarea {
    width: 100%;
  }
}
#cboxContent form[data-form-name="Referral Modal Webform"] .webform-component-fieldset {
  border-bottom: none;
  margin: 0;
}
#cboxContent form[data-form-name="Referral Modal Webform"] input.webform-submit {
  width: auto;
}

.section-refinance-information-request form > div > .webform-component {
  width: 99%;
}

.section-refinance-information-request fieldset {
  width: 100%;
}
.section-refinance-information-request fieldset fieldset {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 960px) {
  .section-refinance-information-request .webform-component--please-provide--lease-number {
    margin-right: 49%;
  }
}

@media only screen and (min-width: 960px) {
  .section-refinance-information-request .webform-submit {
    width: 99%;
    margin: .5%;
  }
}

.section-refinance-information-request .form-item input[type="radio"] + label,
.section-refinance-information-request .form-item input[type="checkbox"] + label {
  margin: 0;
}

.section-refinance-information-request .form-item > label {
  margin: 0 0 3px;
}

.section-refinance-information-request .form-item.webform-component-required > label::after {
  content: "*";
  color: red;
}

.section-refinance-information-request .webform-component-checkboxes,
.section-refinance-information-request .form-type-checkbox {
  margin-top: 0;
}

.section-refinance-information-request .webform-datepicker {
  display: grid;
}
@media only screen and (min-width: 480px) {
  .section-refinance-information-request .webform-datepicker {
    grid-template-columns: 7fr 5fr 6fr 1fr;
    grid-gap: 6px;
    max-width: 600px;
    min-width: 410px;
  }
}

.section-home-sale .webform-datepicker {
  display: grid;
}
@media only screen and (min-width: 480px) {
  .section-home-sale .webform-datepicker {
    grid-template-columns: 7fr 5fr 6fr 1fr;
    grid-gap: 6px;
    max-width: 600px;
    min-width: 410px;
  }
}

.section-refinance-information-request .webform-datepicker > .form-item {
  margin: 0 0 6px 0;
}
@media only screen and (min-width: 480px) {
  .section-refinance-information-request .webform-datepicker > .form-item {
    margin-bottom: 0;
  }
}

.section-refinance-information-request .webform-datepicker > input.webform-calendar {
  padding: 0;
  align-self: center;
}

.webform-component-fieldset.webform-component--please-provide {
  margin-top: 6px;
}

.webform-component-fieldset.webform-component--requesting-for {
  margin-bottom: 20px;
}

@media only screen and (min-width: 960px) {
  .webform-component-fieldset.webform-component--requesting-for .webform-component {
    width: 99%;
  }
}

.webform-component-fieldset.webform-component--requesting-for legend {
  margin-bottom: 12px;
}

.webform-component-fieldset.webform-component--please-provide legend {
  margin-bottom: 12px;
}

.webform-component-fieldset.webform-component--requesting-for--subordination-note {
  margin-bottom: 2px;
}

.dealer-showroom__title, .node-dealer__footer-title {
  border-bottom: 1px solid #dfdfdf;
  color: #f7921e;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .node-dealer__top {
    display: flex;
    flex-flow: row wrap;
  }
}

@media only screen and (min-width: 1025px) {
  .node-dealer__top--left {
    flex: 1;
  }
}

.node-dealer__header {
  height: 100%;
  background-color: #f8fafb;
  background-image: linear-gradient(to right, #f8fafb, #c3d6e2);
  border-bottom: 25px solid #f26a36;
  color: #39607a;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 40px;
}

.dealer-type-elite .node-dealer__header {
  border-bottom: 25px solid #39607a;
}

.dealer-type-authorized .node-dealer__header {
  border-bottom: 25px solid #f8fafb;
}

.node-dealer__all-dealers-link {
  color: #9db1be;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  vertical-align: middle;
}
.node-dealer__all-dealers-link:before {
  font-family: 'svg-icons';
  content: '\EA07';
}
.node-dealer__all-dealers-link:before {
  margin-right: 5px;
}

.node-dealer__title {
  background-color: white;
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  color: #39607a;
  font-size: 45px;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 60px;
  margin-bottom: 16px;
  padding: 20px 0;
}

.node-dealer__top--right {
  border-top: solid 1px rgba(57, 96, 122, 0.2);
  border-bottom: solid 1px rgba(57, 96, 122, 0.2);
}
@media only screen and (min-width: 1025px) {
  .node-dealer__top--right {
    width: 40%;
  }
}

.node-dealer__type {
  padding-top: 30px;
  text-transform: uppercase;
}

.node-dealer__form {
  padding: 25px 15px;
}

.node-dealer__form .webform-component:nth-child(odd), .node-dealer__form .webform-component:nth-child(even) {
  float: left;
  clear: none;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .node-dealer__form .webform-component:nth-child(odd), .node-dealer__form .webform-component:nth-child(even) {
    padding: 0 10px;
    width: 49%;
  }
}

.node-dealer__form .node-webform.view-mode-full {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .node-dealer__form .node-webform.view-mode-full {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .node-dealer__form .node-webform.view-mode-full {
    padding-bottom: 0;
  }
}

.node-dealer__form .webform-component.webform-component-markup,
.node-dealer__form .webform-component.webform-container-inline {
  clear: none;
  padding-left: 0;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .node-dealer__form .webform-component.webform-component-markup,
  .node-dealer__form .webform-component.webform-container-inline {
    margin: 0;
    width: 49%;
    float: left;
    clear: none;
    padding: 0 10px;
  }
}

@media only screen and (min-width: 960px) {
  .node-dealer__form .form-actions:nth-child(odd), .node-dealer__form .form-actions:nth-child(even),
  .node-dealer__form .webform-component--TermsofUseText:nth-child(odd),
  .node-dealer__form .webform-component--TermsofUseText:nth-child(even) {
    width: 100%;
    float: none;
    clear: both;
  }
}
@media only screen and (min-width: 960px) and (min-width: 960px) {
  .node-dealer__form .form-actions:nth-child(odd), .node-dealer__form .form-actions:nth-child(even),
  .node-dealer__form .webform-component--TermsofUseText:nth-child(odd),
  .node-dealer__form .webform-component--TermsofUseText:nth-child(even) {
    width: 98%;
    padding: 0 10px;
  }
}

.node-dealer__form .webform-client-form {
  padding-left: 50px;
  padding-right: 50px;
}
@media only screen and (min-width: 960px) {
  .node-dealer__form .webform-client-form {
    padding-left: 0;
    padding-right: 0;
  }
}

.contact-dealer-form .contact-dealer-form__title {
  margin: 5px 0 30px;
  color: #39607a;
  font-size: 22px;
  font-weight: 500;
  padding-left: 50px;
  position: relative;
}
.contact-dealer-form .contact-dealer-form__title:before {
  background-image: url("../images/sun-icon-simple.svg");
  content: '';
  background-size: cover;
  height: 34px;
  width: 34px;
  position: absolute;
  top: 0;
  left: 0;
}

.node-dealer__form select:placeholder-shown, .node-dealer__form select.placeholder-shown,
.node-dealer__form textarea:placeholder-shown,
.node-dealer__form textarea.placeholder-shown,
.node-dealer__form input[type="text"]:placeholder-shown,
.node-dealer__form input[type="text"].placeholder-shown,
.node-dealer__form input[type="email"]:placeholder-shown,
.node-dealer__form input[type="email"].placeholder-shown,
.node-dealer__form input[type="search"]:placeholder-shown,
.node-dealer__form input[type="search"].placeholder-shown,
.node-dealer__form input[type="tel"]:placeholder-shown,
.node-dealer__form input[type="tel"].placeholder-shown,
.node-dealer__form input[type="password"]:placeholder-shown,
.node-dealer__form input[type="password"].placeholder-shown {
  background-color: #e9f0f4;
  border: 1px solid #c2cbd0;
  box-shadow: none;
  color: #c2cbd0;
}
.node-dealer__form select:placeholder-shown:focus, .node-dealer__form select.placeholder-shown:focus,
.node-dealer__form textarea:placeholder-shown:focus,
.node-dealer__form textarea.placeholder-shown:focus,
.node-dealer__form input[type="text"]:placeholder-shown:focus,
.node-dealer__form input[type="text"].placeholder-shown:focus,
.node-dealer__form input[type="email"]:placeholder-shown:focus,
.node-dealer__form input[type="email"].placeholder-shown:focus,
.node-dealer__form input[type="search"]:placeholder-shown:focus,
.node-dealer__form input[type="search"].placeholder-shown:focus,
.node-dealer__form input[type="tel"]:placeholder-shown:focus,
.node-dealer__form input[type="tel"].placeholder-shown:focus,
.node-dealer__form input[type="password"]:placeholder-shown:focus,
.node-dealer__form input[type="password"].placeholder-shown:focus {
  border: 1px solid #0076be;
}
.node-dealer__form select:placeholder-shown.placeholder, .node-dealer__form select.placeholder-shown.placeholder,
.node-dealer__form textarea:placeholder-shown.placeholder,
.node-dealer__form textarea.placeholder-shown.placeholder,
.node-dealer__form input[type="text"]:placeholder-shown.placeholder,
.node-dealer__form input[type="text"].placeholder-shown.placeholder,
.node-dealer__form input[type="email"]:placeholder-shown.placeholder,
.node-dealer__form input[type="email"].placeholder-shown.placeholder,
.node-dealer__form input[type="search"]:placeholder-shown.placeholder,
.node-dealer__form input[type="search"].placeholder-shown.placeholder,
.node-dealer__form input[type="tel"]:placeholder-shown.placeholder,
.node-dealer__form input[type="tel"].placeholder-shown.placeholder,
.node-dealer__form input[type="password"]:placeholder-shown.placeholder,
.node-dealer__form input[type="password"].placeholder-shown.placeholder {
  color: #c2cbd0;
}
.node-dealer__form select:placeholder-shown:-moz-placeholder, .node-dealer__form select.placeholder-shown:-moz-placeholder,
.node-dealer__form textarea:placeholder-shown:-moz-placeholder,
.node-dealer__form textarea.placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="text"]:placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="text"].placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="email"]:placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="email"].placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="search"]:placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="search"].placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="tel"]:placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="tel"].placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="password"]:placeholder-shown:-moz-placeholder,
.node-dealer__form input[type="password"].placeholder-shown:-moz-placeholder {
  color: #c2cbd0;
}
.node-dealer__form select:placeholder-shown::-moz-placeholder, .node-dealer__form select.placeholder-shown::-moz-placeholder,
.node-dealer__form textarea:placeholder-shown::-moz-placeholder,
.node-dealer__form textarea.placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="text"]:placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="text"].placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="email"]:placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="email"].placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="search"]:placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="search"].placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="tel"]:placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="tel"].placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="password"]:placeholder-shown::-moz-placeholder,
.node-dealer__form input[type="password"].placeholder-shown::-moz-placeholder {
  color: #c2cbd0;
}
.node-dealer__form select:placeholder-shown::-webkit-input-placeholder, .node-dealer__form select.placeholder-shown::-webkit-input-placeholder,
.node-dealer__form textarea:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form textarea.placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="text"]:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="text"].placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="email"]:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="email"].placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="search"]:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="search"].placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="tel"]:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="tel"].placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="password"]:placeholder-shown::-webkit-input-placeholder,
.node-dealer__form input[type="password"].placeholder-shown::-webkit-input-placeholder {
  color: #c2cbd0;
}

.node-dealer__form .target-test input[type="radio"] + label {
  margin: 0;
}

.node-dealer__form .webform-component-radios.webform-container-inline {
  color: #39607a;
  font-size: 10px;
}
.node-dealer__form .webform-component-radios.webform-container-inline:before, .node-dealer__form .webform-component-radios.webform-container-inline:after {
  content: none;
}

.node-dealer__form .webform-component-radios.webform-container-inline label {
  margin-right: 0;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
@media only screen and (min-width: 1025px) {
  .node-dealer__form .webform-component-radios.webform-container-inline label {
    float: left;
    width: 40%;
    width: calc(99% - 115px);
  }
}

.node-dealer__form .webform-component-radios.webform-container-inline .form-radios {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
@media only screen and (min-width: 1025px) {
  .node-dealer__form .webform-component-radios.webform-container-inline .form-radios {
    float: left;
    width: 60%;
    width: calc(115px);
  }
}

.webform-container-inline > div {
  display: inherit;
  justify-content: space-between;
}

.node-dealer__form .webform-component.webform-container-inline .form-type-radio {
  margin-right: 0;
  float: left;
}

.node-dealer__form .form-type-radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.node-dealer__form .webform-component.webform-container-inline label {
  color: #39607a;
}

.node-dealer__form .form-type-radio input[type="radio"] + label {
  color: inherit;
}
.node-dealer__form .form-type-radio input[type="radio"] + label:before {
  background-color: white;
  border: 2px solid #39607a;
  height: 24px;
  width: 24px;
}
.node-dealer__form .form-type-radio input[type="radio"] + label:after {
  content: '';
  background-color: #39607a;
  border: 2px solid white;
  border-radius: 50em;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 20px;
  width: 20px;
  left: 9px;
  top: 9px;
  opacity: 0;
  transition: opacity 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}

.node-dealer__form .form-type-radio input[type="radio"]:focus + label:before {
  border: 2px solid #0076be;
}

.node-dealer__form .form-type-radio input[type="radio"]:checked + label:after {
  opacity: 1;
}

.node-dealer__form .webform-component--TermsofUseText p {
  color: #c2cbd0;
  font-size: 10px;
  text-align: center;
}

.node-dealer__form .webform-submit.form-submit {
  margin-left: 0;
}

.node-dealer__content-inner {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.node-dealer__section-title {
  color: #39607a;
  font-size: 18px;
  font-weight: 400;
}

@media only screen and (min-width: 480px) {
  .client-testimonials__header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.client-testimonials__logo {
  font-size: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .client-testimonials__logo {
    max-width: 200px;
  }
}

.client-testimonials__logo hr {
  background-color: #dfdfdf;
  border: none;
  height: 1px;
  width: 100%;
}

.solar-reviews-widget {
  height: 52px;
  text-align: center;
  width: 100%;
}

.solar-reviews-widget a.sr_link {
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  .node-dealer__reviews .field-name-field-dealer-reviews > .field-items {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
    align-items: stretch;
  }
}

@media only screen and (min-width: 1025px) {
  .node-dealer__reviews .field-name-field-dealer-reviews > .field-items > .field-item {
    padding-left: 15px;
    padding-right: 15px;
    flex: 0 25%;
  }
}

@media only screen and (min-width: 1025px) {
  .node-dealer__reviews .field-name-field-dealer-reviews > .field-items > .field-item > .field-collection-view {
    height: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .node-dealer__reviews .field-name-field-dealer-reviews > .field-items > .field-item > .field-collection-view > div {
    height: 100%;
  }
}

.node-dealer__reviews .individual_review {
  border: 1px solid #dfdfdf;
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  border-radius: 2px;
  font-size: 12px;
  padding: 25px 25px 30px;
}

.node-dealer__reviews .review_title {
  display: none;
}

.node-dealer__reviews .stars {
  background: url("../images/svg-icons/stars-sprite-blue-sm.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 20px;
  width: 120px;
  margin-bottom: 25px;
}

.node-dealer__reviews .stars_4 {
  background-position-y: 20%;
}

.node-dealer__reviews .stars_3 {
  background-position-y: 40%;
}

.node-dealer__reviews .stars_2 {
  background-position-y: 60%;
}

.node-dealer__reviews .stars_1 {
  background-position-y: 80%;
}

.node-dealer__reviews .stars_0 {
  background-position-y: 100%;
}

.node-dealer__showroom {
  background-color: white;
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  border: 1px solid #dfdfdf;
  margin-bottom: 60px;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .node-dealer__showroom:nth-of-type(even) .dealer-showroom__map {
    float: left;
  }
}

@media only screen and (min-width: 1025px) {
  .node-dealer__showroom:nth-of-type(even) .dealer-showroom__copy {
    float: right;
  }
}

.node-dealer__showroom a {
  color: inherit;
  text-decoration: none;
}

.dealer-showroom__copy {
  padding: 40px 70px;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .dealer-showroom__copy {
    float: left;
    width: 33.33%;
  }
}

.dealer-showroom__title {
  margin-bottom: 50px;
}

.dealer-showroom__map {
  height: 0;
  position: relative;
  padding-bottom: 65%;
}
@media only screen and (min-width: 1025px) {
  .dealer-showroom__map {
    float: right;
    width: 66.66%;
    padding-bottom: 35%;
  }
}

.dealer-showroom__map iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.node-dealer__footer {
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  border: 1px solid #dfdfdf;
  margin-top: 70px;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .node-dealer__footer {
    display: flex;
    justify-content: center;
  }
}

.node-dealer__footer a {
  color: inherit;
  text-decoration: none;
}

.node-dealer__footer-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1.1px;
}

.node-dealer__contact,
.node-dealer__regions {
  padding-top: 10px;
  padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .node-dealer__contact,
  .node-dealer__regions {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.dealer-has-regions .node-dealer__contact,
.dealer-has-regions .node-dealer__regions {
  padding-top: 25px;
}

@media only screen and (min-width: 769px) {
  .node-dealer__contact {
    flex-basis: 80%;
  }
}

@media only screen and (min-width: 769px) {
  .dealer-has-regions .node-dealer__contact {
    flex-basis: 66%;
  }
}

.dealer-contact__info {
  font-size: 1.1em;
}
@media only screen and (min-width: 769px) {
  .dealer-contact__info {
    display: flex;
    flex-flow: row nowrap;
    margin-left: -60px;
    margin-right: -60px;
  }
}

.dealer-has-regions .dealer-contact__info {
  font-size: 1em;
}

.node-dealer__contact + .node-dealer__regions {
  border-top: 1px solid #dfdfdf;
}
@media only screen and (min-width: 769px) {
  .node-dealer__contact + .node-dealer__regions {
    border-top: none;
    border-left: 1px solid #dfdfdf;
  }
}

.dealer-contact__address {
  padding: 20px 40px 40px;
}
@media only screen and (min-width: 769px) {
  .dealer-contact__address {
    text-align: right;
    width: 35%;
  }
}

.dealer-contact__address > div {
  display: inline-block;
  text-align: center;
}

.dealer-contact__links {
  padding: 20px 30px 40px;
}
@media only screen and (min-width: 769px) {
  .dealer-contact__links {
    display: flex;
    text-align: left;
    width: 75%;
  }
}

.dealer-contact__links > div {
  padding: 0 30px;
}

.dealer-has-regions .dealer-contact__address,
.dealer-has-regions .dealer-contact__links {
  text-align: inherit;
  padding: 60px;
  display: block;
}
@media only screen and (min-width: 769px) {
  .dealer-has-regions .dealer-contact__address,
  .dealer-has-regions .dealer-contact__links {
    width: 50%;
  }
}

.dealer-has-regions .dealer-contact__address > div {
  display: block;
  text-align: inherit;
}

.dealer-has-regions .dealer-contact__links > div {
  padding: 0;
}

.dealer-has-regions .dealer-contact__address {
  padding-top: 50px;
  line-height: 3;
}

.dealer-contact__links .dealer-phone {
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
  .dealer-contact__links .dealer-phone {
    margin-bottom: 0;
  }
}

.dealer-has-regions .dealer-contact__links .dealer-phone {
  margin-bottom: 20px;
}

.dealer-contact__address + .dealer-contact__links {
  border-left: 1px solid #dfdfdf;
}
@media only screen and (min-width: 769px) {
  .dealer-contact__address + .dealer-contact__links {
    border-top: none;
    border-left: 1px solid #dfdfdf;
  }
}

.dealer-contact__links .dealer-phone,
.dealer-contact__links .dealer-url {
  display: flex;
  align-items: center;
}
.dealer-contact__links .dealer-phone:before,
.dealer-contact__links .dealer-url:before {
  margin-right: 20px;
}

.dealer-contact__links .dealer-phone:before {
  font-family: 'svg-icons';
  content: '\EA20';
}
.dealer-contact__links .dealer-phone:before {
  background-color: #f7921e;
  border: 2px solid #f7921e;
  border-radius: 50em;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 33px;
  height: 38px;
  width: 38px;
}

.dealer-contact__links .dealer-phone .field-name-field-phone {
  display: inline-block;
}

.dealer-contact__links .dealer-url:before {
  font-family: 'svg-icons';
  content: '\EA15';
}
.dealer-contact__links .dealer-url:before {
  color: #f7921e;
  font-size: 35px;
}

.field-name-field-dealer-location .map-link {
  display: none;
}

.dealer-showroom .location.map-link {
  margin-top: 25px;
  font-weight: 700;
}

.node-dealer__regions {
  flex: 1;
}

.node-dealer__regions .field-name-field-caption {
  padding: 60px;
}

/**
 * @file
 */
.page-resources-support-faqs .content-btth h1 {
  color: #39607a;
  font-size: 32px;
}
@media only screen and (min-width: 960px) {
  .page-resources-support-faqs .content-btth h1 {
    font-size: 42px;
  }
}

body[class*="page-resources-support-faqs-"] .content-btth h1 {
  color: #5e6367;
}

details.node-faq {
  padding-left: 5px;
  font-weight: 300;
  line-height: 175%;
}

details.node-faq summary {
  font-size: 16px;
  outline: none;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  color: #5e6367;
  cursor: pointer;
  line-height: 200%;
}
@media only screen and (min-width: 960px) {
  details.node-faq summary {
    font-size: 20px;
  }
}

@media only screen and (min-width: 480px) {
  .view-faq-landing > .view-content {
    display: flex;
    flex-flow: row wrap;
    margin-left: -1%;
    margin-right: -1%;
  }
}

@media only screen and (min-width: 480px) {
  .view-faq-landing > .view-content > .views-row {
    display: flex;
    margin-bottom: 15px;
    padding-left: 1%;
    padding-right: 1%;
    width: 50%;
  }
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }

  75% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #5e6367;
  border: 2px solid #231f20;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #5e6367;
  left: 0px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #5e6367;
  left: -3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #5e6367;
  left: 3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #5e6367;
  left: 0px;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #231f20;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #231f20;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #231f20;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #231f20;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.ajax-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
}

.ajax-progress .throbber {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 4em;
  margin-left: -.5em;
  margin-top: -2em;
  overflow: visible;
  background: #0076be;
  font-size: 11px;
  text-indent: -9999em;
}

.ajax-progress .throbber,
.ajax-progress .throbber:before,
.ajax-progress .throbber:after {
  background: #0076be;
  animation: throbber 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.ajax-progress .throbber:before,
.ajax-progress .throbber:after {
  position: absolute;
  top: 0;
  content: '';
}

.ajax-progress .throbber:before {
  left: -1.5em;
}

.ajax-progress .throbber {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.ajax-progress .throbber:after {
  left: 1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

ul.pager--infinite-scroll {
  padding: 0;
}

.views_infinite_scroll-ajax-loader,
.views_infinite_scroll-ajax-loader:after,
.views_infinite_scroll-ajax-loader:before {
  background: #0076be;
  animation: throbber 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.views_infinite_scroll-ajax-loader {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.views_infinite_scroll-ajax-loader:before, .views_infinite_scroll-ajax-loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.views_infinite_scroll-ajax-loader:before {
  animation-delay: -0.16s;
  left: 1.5em;
}
.views_infinite_scroll-ajax-loader:after {
  animation-delay: -0.32s;
  left: 3em;
}

.views_infinite_scroll-ajax-loader img {
  display: none;
}

.views-infinite-scroll-container {
  height: 4em;
  margin: 3em 0 2em;
  padding-right: 3em;
}

.block-sun-chat {
  position: fixed;
  bottom: -9999px;
  left: 74%;
  padding: 0.5em 1.5em;
  background: #5e6367;
  z-index: 99;
}
@media only screen and (min-width: 960px) {
  .block-sun-chat {
    bottom: 0;
  }
}

.click-to-chat {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: none;
  color: white;
}

.countdown-container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.clock-item {
  float: left;
  width: 50%;
  padding: 2%;
}
@media only screen and (min-width: 960px) {
  .clock-item {
    width: 25%;
  }
}

.clock-item .inner {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
}

.clock-canvas {
  height: 0px;
  padding-bottom: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}

.text .val {
  font-size: 3rem;
}

.text .type-time {
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .customer-stories__main-grid .view-content {
    display: flex;
    flex-wrap: wrap;
  }
}

.customer-stories__main-grid .views-row {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .customer-stories__main-grid .views-row {
    display: flex;
    width: 50%;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 960px) {
  .customer-stories__main-grid .views-row {
    width: 25%;
  }
}

.customer-stories__main-grid .node-customer-story.view-mode-snippet {
  border: solid 1px rgba(156, 188, 205, 0.5);
  border-radius: 4px;
  overflow: hidden;
  transition: all 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .customer-stories__main-grid .node-customer-story.view-mode-snippet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
  }
}
.customer-stories__main-grid .node-customer-story.view-mode-snippet:hover, .customer-stories__main-grid .node-customer-story.view-mode-snippet:focus {
  transform: scale(1.05);
  box-shadow: 0 3px 20px 0 rgba(156, 188, 205, 0.2);
}

.customer-stories__main-grid .cs-img {
  flex: auto;
  min-height: 175px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 480px) {
  .customer-stories__main-grid .cs-img {
    min-height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .customer-stories__main-grid .cs-img {
    min-height: 150px;
  }
}

.cs-snippet-text {
  flex-grow: 0;
}

.cs-snippet-text {
  padding: 20px;
}

.customer-stories__main-grid .field-name-field-story-title {
  margin-bottom: 10px;
  font-weight: 600;
  color: #0076be;
}

.customer-stories__main-grid .field-name-body {
  font-size: 14px;
  font-weight: 300;
}

.customer-stories__main-grid .field-name-body p {
  padding: 0;
}
.customer-stories__main-grid .field-name-body p:last-child:after {
  content: '...';
}

ul.primary,
ul.secondary {
  border-bottom: 1px solid #9cbccd;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap;
}
ul.primary:before, ul.primary:after,
ul.secondary:before,
ul.secondary:after {
  content: "";
  display: table;
}
ul.primary:after,
ul.secondary:after {
  clear: both;
}

ul.primary li,
ul.secondary li {
  float: left;
  margin: 0.5em 3px 0;
}

ul.primary a,
ul.secondary a {
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

ul.primary li {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #9cbccd;
  border-bottom: 0;
  margin: 0.5em 0 0 3px;
  overflow: hidden;
}

ul.primary li.active {
  border-bottom: 1px solid white;
  margin-bottom: -1px;
}

ul.primary a,
ul.primary:visited {
  padding: 0 1em;
  text-align: center;
  letter-spacing: 1px;
  background: #f2f6f8;
  color: #5e6367;
  transition: background-color ease 0.3s;
}

ul.primary a:hover,
ul.primary a:focus {
  background-color: #f2f6f8;
  border-color: #f2f6f8;
}
ul.primary a.active {
  background-color: white;
  border-color: white;
}

/*
 * Secondary tabs
 */
ul.secondary {
  font-size: .9em;
  margin-top: -1.5em;
  /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}
ul.secondary a:link,
ul.secondary a:visited {
  border-radius: 0.75em;
  transition: background-color 0.3s;
  text-shadow: 1px 1px 0 white;
  background-color: white;
  color: #5e6367;
  padding: 0 .5em;
}
ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #f2f6f8;
  border-color: #5e6367;
  color: #231f20;
}
ul.secondary a.active,
ul.secondary a:active {
  text-shadow: #231f20, 1px, 1px, 0;
  background-color: #5e6367;
  border-color: #231f20;
  color: white;
}

.comment.comment-preview {
  background-color: #f2f6f8;
}

.comment-unpublished p.unpublished,
.node-unpublished p.unpublished {
  height: 0;
  overflow: visible;
  color: #f2f6f8;
  font-size: 75px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;
}

.skip-link {
  margin: 0;
}
.skip-link a,
.skip-link a:visited {
  display: block;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #5e6367;
  color: white;
  outline: none;
}

body {
  color: #5e6367;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
}

h1, h2, h3, h4, h5 {
  font-weight: 300;
  color: #5e6367;
}

a {
  color: #0076be;
}
a:hover {
  text-decoration: none;
}

.h1-global {
  margin: 20px 0 35px;
  font-size: 35px;
  line-height: 1.05;
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .h1-global {
    font-size: 50px;
  }
}

.h2-small {
  margin: 0 0 60px;
  font-size: 20px;
  line-height: 1.1;
  color: #39607a;
}
@media only screen and (min-width: 480px) {
  .h2-small {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .h2-small {
    margin-bottom: 120px;
    font-size: 30px;
  }
}

.content-btth > .title,
.page-node.node-type-article .page-title {
  margin-top: 20px;
  font-weight: normal;
  font-size: 50px;
  font-weight: 300;
  line-height: 105%;
  margin-bottom: 35px;
  color: #39607a;
}
@media only screen and (max-width: 959px) {
  .content-btth > .title,
  .page-node.node-type-article .page-title {
    font-size: 30px;
    margin-bottom: 18px;
  }
}

[role="main"] p {
  margin: 0;
  padding: 2px 0 12px;
}

p.page-subhead {
  font-size: 22px;
  line-height: 1.35;
}

.page-subhead-color {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 300;
  color: #39607a;
}

p.page-subhead a {
  font-weight: 600;
  text-decoration: none;
  transition: all 360ms ease-in-out;
}
p.page-subhead a:hover, p.page-subhead a:focus {
  color: #39607a;
}

[role="main"] table {
  margin-bottom: 15px;
  max-width: 100%;
  min-width: 100%;
}
[role="main"] table tbody {
  border: none;
}
[role="main"] table tr:nth-child(odd) {
  background-color: #f2f6f8;
}
[role="main"] table td {
  padding: 4px 10px 4px 1px;
}
[role="main"] table td > p {
  padding: 1px;
}

.webform-client-form {
  padding-left: 30px;
  padding-right: 30px;
}

img[src=""] {
  display: none;
}

.btn, .btn-blue, .sunpowerUtilityLinks a, #block-menu-menu-header-utility a, .get-started-drawer__link, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom a, .entity-bean .field-type-link-field a, .node-gated-content .gated_link a, .top-form-locator #edit-submit-button, .dealer_right ul.links_classes li a, #dealer-container a.schedule-visit, #boxes-box-support_threecols div.support_3col > div a.btn_chat,
.support-3col-block div.support_3col > div a.btn_chat,
.support-threecols-block div.support_3col > div a.btn_chat, #boxes-box-contactus_top div.bottom_contact a, .node-article .field-name-field-file .content a, .sun-monitor-container .sun-monitor-cta,
.btn-cta,
input[type="submit"],
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks, .btn-disabled, input[type="submit"].disabled, input[type="submit"][disabled], .get-started-link, .domain-development-sunpower-com-au .get-started.btn-link, .domain-global-sunpower-com .sun-track--cta--header--get-started, #block-menu-menu-header-utility a.get-started-link, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started,
#block-menu-menu-header-utility a.menu-button-orange, .sun-monitor-block-open, input[type="reset"], .dealer_center ul.links_classes li a, #dealer-container a.visit-site, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks, .webform-back-link,
.btn-orange,
.node-dealer__form .webform-submit,
#webform-ajax-wrapper-3831 .webform-submit.button-primary,
#webform-ajax-wrapper-3861 .webform-submit.button-primary {
  background: #f7921e;
  border-radius: 3px;
  border: none;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-left: -4px;
  max-width: 100%;
  overflow: hidden;
  padding: 10px 22px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition: all 360ms ease;
  white-space: nowrap;
}
.btn:hover, .btn-blue:hover, .sunpowerUtilityLinks a:hover, #block-menu-menu-header-utility a:hover, .get-started-drawer__link:hover, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:hover,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:hover, .entity-bean .field-type-link-field a:hover, .node-gated-content .gated_link a:hover, .top-form-locator #edit-submit-button:hover, .dealer_right ul.links_classes li a:hover, #dealer-container a.schedule-visit:hover, #boxes-box-support_threecols div.support_3col > div a.btn_chat:hover,
.support-3col-block div.support_3col > div a.btn_chat:hover,
.support-threecols-block div.support_3col > div a.btn_chat:hover, #boxes-box-contactus_top div.bottom_contact a:hover, .node-article .field-name-field-file .content a:hover, .sun-monitor-container .sun-monitor-cta:hover,
.btn-cta:hover,
input[type="submit"]:hover,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:hover, .btn-disabled:hover, .get-started-link:hover, .domain-development-sunpower-com-au .get-started.btn-link:hover, .domain-global-sunpower-com .sun-track--cta--header--get-started:hover, .sun-monitor-block-open:hover, input[type="reset"]:hover, .dealer_center ul.links_classes li a:hover, #dealer-container a.visit-site:hover, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks:hover, .webform-back-link:hover, .btn:focus, .btn-blue:focus, .sunpowerUtilityLinks a:focus, #block-menu-menu-header-utility a:focus, .get-started-drawer__link:focus, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:focus,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:focus, .entity-bean .field-type-link-field a:focus, .node-gated-content .gated_link a:focus, .top-form-locator #edit-submit-button:focus, .dealer_right ul.links_classes li a:focus, #dealer-container a.schedule-visit:focus, #boxes-box-support_threecols div.support_3col > div a.btn_chat:focus,
.support-3col-block div.support_3col > div a.btn_chat:focus,
.support-threecols-block div.support_3col > div a.btn_chat:focus, #boxes-box-contactus_top div.bottom_contact a:focus, .node-article .field-name-field-file .content a:focus, .sun-monitor-container .sun-monitor-cta:focus,
.btn-cta:focus,
input[type="submit"]:focus,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:focus,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:focus, .btn-disabled:focus, .get-started-link:focus, .domain-development-sunpower-com-au .get-started.btn-link:focus, .domain-global-sunpower-com .sun-track--cta--header--get-started:focus, .sun-monitor-block-open:focus, input[type="reset"]:focus, .dealer_center ul.links_classes li a:focus, #dealer-container a.visit-site:focus, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks:focus, .webform-back-link:focus, .btn:active, .btn-blue:active, .sunpowerUtilityLinks a:active, #block-menu-menu-header-utility a:active, .get-started-drawer__link:active, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:active,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:active, .entity-bean .field-type-link-field a:active, .node-gated-content .gated_link a:active, .top-form-locator #edit-submit-button:active, .dealer_right ul.links_classes li a:active, #dealer-container a.schedule-visit:active, #boxes-box-support_threecols div.support_3col > div a.btn_chat:active,
.support-3col-block div.support_3col > div a.btn_chat:active,
.support-threecols-block div.support_3col > div a.btn_chat:active, #boxes-box-contactus_top div.bottom_contact a:active, .node-article .field-name-field-file .content a:active, .sun-monitor-container .sun-monitor-cta:active,
.btn-cta:active,
input[type="submit"]:active,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:active,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:active, .btn-disabled:active, .get-started-link:active, .domain-development-sunpower-com-au .get-started.btn-link:active, .domain-global-sunpower-com .sun-track--cta--header--get-started:active, .sun-monitor-block-open:active, input[type="reset"]:active, .dealer_center ul.links_classes li a:active, #dealer-container a.visit-site:active, body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right .ctaLinks:active, .webform-back-link:active,
.btn-orange:hover,
.node-dealer__form .webform-submit:hover,
#webform-ajax-wrapper-3831 .webform-submit.button-primary:hover,
#webform-ajax-wrapper-3861 .webform-submit.button-primary:hover,
.btn-orange:focus,
.node-dealer__form .webform-submit:focus,
#webform-ajax-wrapper-3831 .webform-submit.button-primary:focus,
#webform-ajax-wrapper-3861 .webform-submit.button-primary:focus,
.btn-orange:active,
.node-dealer__form .webform-submit:active,
#webform-ajax-wrapper-3831 .webform-submit.button-primary:active,
#webform-ajax-wrapper-3861 .webform-submit.button-primary:active {
  background: #f26a36;
}

.btn-blue, .sunpowerUtilityLinks a, #block-menu-menu-header-utility a, .get-started-drawer__link, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom a, .entity-bean .field-type-link-field a, .node-gated-content .gated_link a, .top-form-locator #edit-submit-button, .dealer_right ul.links_classes li a, #dealer-container a.schedule-visit, #boxes-box-support_threecols div.support_3col > div a.btn_chat,
.support-3col-block div.support_3col > div a.btn_chat,
.support-threecols-block div.support_3col > div a.btn_chat, #boxes-box-contactus_top div.bottom_contact a, .node-article .field-name-field-file .content a, .sun-monitor-container .sun-monitor-cta,
.btn-cta,
input[type="submit"],
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks {
  background: #0076be;
}
.btn-blue:hover, .sunpowerUtilityLinks a:hover, #block-menu-menu-header-utility a:hover, .get-started-drawer__link:hover, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:hover,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:hover, .entity-bean .field-type-link-field a:hover, .node-gated-content .gated_link a:hover, .top-form-locator #edit-submit-button:hover, .dealer_right ul.links_classes li a:hover, #dealer-container a.schedule-visit:hover, #boxes-box-support_threecols div.support_3col > div a.btn_chat:hover,
.support-3col-block div.support_3col > div a.btn_chat:hover,
.support-threecols-block div.support_3col > div a.btn_chat:hover, #boxes-box-contactus_top div.bottom_contact a:hover, .node-article .field-name-field-file .content a:hover, .sun-monitor-container .sun-monitor-cta:hover, .btn-blue:focus, .sunpowerUtilityLinks a:focus, #block-menu-menu-header-utility a:focus, .get-started-drawer__link:focus, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:focus,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:focus, .entity-bean .field-type-link-field a:focus, .node-gated-content .gated_link a:focus, .top-form-locator #edit-submit-button:focus, .dealer_right ul.links_classes li a:focus, #dealer-container a.schedule-visit:focus, #boxes-box-support_threecols div.support_3col > div a.btn_chat:focus,
.support-3col-block div.support_3col > div a.btn_chat:focus,
.support-threecols-block div.support_3col > div a.btn_chat:focus, #boxes-box-contactus_top div.bottom_contact a:focus, .node-article .field-name-field-file .content a:focus, .sun-monitor-container .sun-monitor-cta:focus, .btn-blue:active, .sunpowerUtilityLinks a:active, #block-menu-menu-header-utility a:active, .get-started-drawer__link:active, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:active,
.domain-global-sunpower-com .dropDown_getStarted .bottom a:active, .entity-bean .field-type-link-field a:active, .node-gated-content .gated_link a:active, .top-form-locator #edit-submit-button:active, .dealer_right ul.links_classes li a:active, #dealer-container a.schedule-visit:active, #boxes-box-support_threecols div.support_3col > div a.btn_chat:active,
.support-3col-block div.support_3col > div a.btn_chat:active,
.support-threecols-block div.support_3col > div a.btn_chat:active, #boxes-box-contactus_top div.bottom_contact a:active, .node-article .field-name-field-file .content a:active, .sun-monitor-container .sun-monitor-cta:active,
.btn-cta:hover,
input[type="submit"]:hover,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:hover,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:hover,
.btn-cta:focus,
input[type="submit"]:focus,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:focus,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:focus,
.btn-cta:active,
input[type="submit"]:active,
.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a:active,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left .ctaLinks:active {
  background: #39607a;
}

.btn-disabled, input[type="submit"].disabled, input[type="submit"][disabled] {
  background: #5e6367;
}

.btn-arrow {
  border-radius: 15px;
  background: white;
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #f2f6f8;
  outline: none;
}
.btn-arrow span {
  background: url("../images/icon-sprite.png") no-repeat scroll -4px -13px transparent;
  display: block;
  float: none;
  font-size: 0;
  height: 29px;
  position: relative;
  text-indent: -9999px;
  top: 0;
  width: 60px;
}
.btn-arrow:hover, .btn-arrow:focus, .btn-arrow:active {
  border: 1px solid #0076be;
  background-color: #0076be;
}
.btn-arrow:hover span, .btn-arrow:focus span, .btn-arrow:active span {
  background-position: -95px -13px;
}

.page-header {
  position: relative;
  padding: 15px 20px;
}
@media only screen and (min-width: 480px) {
  .page-header {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .page-header {
    padding: 25px 40px 20px;
  }
}
@media only screen and (min-width: 960px) {
  .page-header {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .l-full-width .page-header {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.header-logo-wrapper {
  float: left;
  width: 50%;
  margin-left: -1px;
}
@media only screen and (min-width: 480px) {
  .header-logo-wrapper {
    width: 25%;
  }
}
@media only screen and (min-width: 960px) {
  .header-logo-wrapper {
    width: 17%;
  }
}

.header-logo {
  display: block;
  height: 0;
  padding-top: 13.65%;
  overflow: hidden;
  font-size: 0;
  background: url("../images/sunpower_logo.svg") no-repeat;
}

@keyframes headeropen {
  25% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0);
  }

  51% {
    transform: scale(0) rotate(180deg);
  }

  100% {
    transform: scale(1) rotate(180deg);
  }
}
@keyframes headerclose {
  25% {
    transform: scale(1.2) rotate(180deg);
  }

  50% {
    transform: scale(0) rotate(180deg);
  }

  51% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}
.header-toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -13px;
  padding: 0;
  -webkit-appearance: none;
  border: none;
  font-size: 0;
  background: transparent;
  color: #f7921e;
  cursor: pointer;
}
.header-toggle:after {
  font-size: 25px;
}
@media only screen and (min-width: 480px) {
  .header-toggle:after {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .header-toggle:after {
    font-size: 35px;
  }
}
.header-toggle:focus {
  outline: none;
}
@media only screen and (min-width: 480px) {
  .header-toggle {
    margin-top: -15px;
  }
}
@media only screen and (min-width: 768px) {
  .header-toggle {
    right: 40px;
    margin-top: -18px;
  }
}
@media only screen and (min-width: 960px) {
  .header-toggle {
    display: none;
  }
}

.toggle--is-active {
  animation: 0.6s ease-in-out 1 headeropen;
  animation-fill-mode: forwards;
}

.toggle--is-closed {
  transform: rotate(180deg);
  animation: 0.6s ease-in-out 1 headerclose;
  animation-fill-mode: forwards;
}

.region-header {
  position: absolute;
  z-index: 12;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 20px 0;
  background: white;
  transition: 0.3s all ease;
}
@media only screen and (min-width: 768px) {
  .region-header {
    padding: 0 40px 0;
  }
}
@media only screen and (min-width: 960px) {
  .region-header {
    position: static;
    max-height: none;
    overflow: visible;
    padding: 10px 0 0;
    clear: left;
  }
}

.header--is-expanded {
  max-height: 800px;
  padding: 0 20px 20px;
  border-bottom: solid 2px #f7921e;
}
@media only screen and (min-width: 768px) {
  .header--is-expanded {
    padding: 0 40px 40px;
  }
}
@media only screen and (min-width: 960px) {
  .header--is-expanded {
    padding: 10px 0 0;
    border-bottom: none;
  }
}

@media only screen and (min-width: 960px) {
  .dynamic-utilitymenu-box,
  .dynamic-utilitymenu-block,
  #block-menu-menu-header-utility {
    position: absolute;
    top: 22px;
    right: 206px;
  }
}

@media only screen and (min-width: 1025px) {
  .l-full-width .dynamic-utilitymenu-box,
  .l-full-width .dynamic-utilitymenu-block,
  .l-full-width #block-menu-menu-header-utility {
    right: 166px;
  }
}

.sunpowerUtilityLinks ul, #block-menu-menu-header-utility ul {
  padding: 0;
  margin: 0 0 10px;
  list-style-type: none;
}
.sunpowerUtilityLinks ul:before, #block-menu-menu-header-utility ul:before, .sunpowerUtilityLinks ul:after, #block-menu-menu-header-utility ul:after {
  content: "";
  display: table;
}
.sunpowerUtilityLinks ul:after, #block-menu-menu-header-utility ul:after {
  clear: both;
}
@media only screen and (min-width: 480px) {
  .sunpowerUtilityLinks ul, #block-menu-menu-header-utility ul {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .l-full-width #block-sun-get-started-get-started-link {
    right: 0;
  }
}

.sunpowerUtilityLinks li, #block-menu-menu-header-utility li {
  float: left;
  width: 32%;
}
@media only screen and (min-width: 960px) {
  .sunpowerUtilityLinks li, #block-menu-menu-header-utility li {
    width: auto;
  }
}

.sunpowerUtilityLinks li + li, #block-menu-menu-header-utility li + li {
  margin-left: 2%;
}
@media only screen and (min-width: 960px) {
  .sunpowerUtilityLinks li + li, #block-menu-menu-header-utility li + li {
    margin-left: 20px;
  }
}

.sunpowerUtilityLinks a, #block-menu-menu-header-utility a {
  display: block;
  margin-left: 0;
  padding: 12px;
  font-size: 10px;
  line-height: 1;
  white-space: normal;
}
@media only screen and (min-width: 480px) {
  .sunpowerUtilityLinks a, #block-menu-menu-header-utility a {
    padding: 12px 25px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 960px) {
  .sunpowerUtilityLinks a, #block-menu-menu-header-utility a {
    padding: 0;
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 0;
    background: transparent;
    overflow: visible;
    color: rgba(57, 96, 122, 0.6);
  }
  .sunpowerUtilityLinks a:hover, #block-menu-menu-header-utility a:hover, .sunpowerUtilityLinks a:focus, #block-menu-menu-header-utility a:focus {
    background: transparent;
    color: rgba(57, 96, 122, 0.9);
  }
}

.sunpowerUtilityLinks .phone_util a:before, #block-menu-menu-header-utility .phone_util a:before {
  position: relative;
  top: 2px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 480px) {
  .sunpowerUtilityLinks .phone_util a:before, #block-menu-menu-header-utility .phone_util a:before {
    font-size: 16px;
  }
}
@media only screen and (min-width: 960px) {
  .sunpowerUtilityLinks .phone_util a:before, #block-menu-menu-header-utility .phone_util a:before {
    font-size: 18px;
    top: 4px;
  }
}

.sunpowerUtilityLinks .my_util a:before, #block-menu-menu-header-utility .my_util a:before {
  display: none;
  position: relative;
  top: 4px;
  margin-right: 5px;
  font-size: 18px;
  font-weight: normal;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 960px) {
  .sunpowerUtilityLinks .my_util a:before, #block-menu-menu-header-utility .my_util a:before {
    display: inline;
  }
}

@media only screen and (min-width: 960px) {
  #block-menu-menu-header-utility {
    right: 40px;
  }
}
#block-menu-menu-header-utility li + li {
  margin: 10px auto 0 auto;
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-header-utility li + li {
    margin: 0 0 0 20px;
  }
}
#block-menu-menu-header-utility li {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-header-utility li {
    width: auto;
  }
}

#block-sun-get-started-get-started-link {
  margin-top: 10px;
}
@media only screen and (min-width: 960px) {
  #block-sun-get-started-get-started-link {
    position: absolute;
    width: auto;
    top: 10px;
    right: 40px;
    margin-top: 0;
    z-index: 1;
  }
}

.block-sun-get-started .links {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.get-started-link, .domain-development-sunpower-com-au .get-started.btn-link, .domain-global-sunpower-com .sun-track--cta--header--get-started, #block-menu-menu-header-utility a.get-started-link, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started,
#block-menu-menu-header-utility a.menu-button-orange, .sun-monitor-block-open {
  display: block;
  margin-left: 0;
  font-size: 13px;
  line-height: 1;
  white-space: normal;
}
@media only screen and (min-width: 480px) {
  .get-started-link, .domain-development-sunpower-com-au .get-started.btn-link, .domain-global-sunpower-com .sun-track--cta--header--get-started, #block-menu-menu-header-utility a.get-started-link, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started,
  #block-menu-menu-header-utility a.menu-button-orange, .sun-monitor-block-open {
    font-size: 14px;
  }
}

@media only screen and (min-width: 960px) {
  #block-menu-menu-header-utility a.get-started-link, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started,
  #block-menu-menu-header-utility a.menu-button-orange {
    margin-top: -12px;
  }
}
#block-menu-menu-header-utility a.get-started-link:hover, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link:hover, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link:hover, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started:hover, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started:hover, #block-menu-menu-header-utility a.get-started-link:focus, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link:focus, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link:focus, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started:focus, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started:focus, #block-menu-menu-header-utility a.get-started-link:active, #block-menu-menu-header-utility .domain-development-sunpower-com-au a.get-started.btn-link:active, .domain-development-sunpower-com-au #block-menu-menu-header-utility a.get-started.btn-link:active, #block-menu-menu-header-utility .domain-global-sunpower-com a.sun-track--cta--header--get-started:active, .domain-global-sunpower-com #block-menu-menu-header-utility a.sun-track--cta--header--get-started:active,
#block-menu-menu-header-utility a.menu-button-orange:hover,
#block-menu-menu-header-utility a.menu-button-orange:focus,
#block-menu-menu-header-utility a.menu-button-orange:active {
  color: rgba(255, 255, 255, 0.95);
  background: #f26a36;
}

.domain-development-sunpower-com-au #block-sun-themed-sun-themed-block-get-started,
.domain-global-sunpower-com #block-sun-themed-sun-themed-block-get-started {
  position: static;
}

@media only screen and (min-width: 480px) {
  .domain-development-sunpower-com-au .get-started.btn-link {
    float: right;
    width: 31%;
  }
}
@media only screen and (min-width: 960px) {
  .domain-development-sunpower-com-au .get-started.btn-link {
    position: absolute;
    width: auto;
    top: 10px;
    right: 40px;
    z-index: 1;
  }
}

@media only screen and (min-width: 960px) {
  .domain-global-sunpower-com .sun-track--cta--header--get-started {
    position: absolute;
    width: auto;
    top: 10px;
    right: 40px;
    z-index: 1;
  }
}

.block-search-api-page {
  margin-top: 20px;
}
@media only screen and (min-width: 960px) {
  .block-search-api-page {
    float: right;
    margin-top: 0;
    opacity: 0.5;
    transition: 360ms ease-in-out;
    width: 25%;
  }
  .block-search-api-page:hover, .block-search-api-page:focus {
    opacity: 1;
  }
}

.block-search-api-page input.form-submit {
  display: none;
}

.block-search-api-page .form-type-textfield {
  margin-bottom: 7px;
  position: relative;
  z-index: 1;
}
.block-search-api-page .form-type-textfield:after {
  font-family: 'svg-icons';
  content: '\EA29';
}
.block-search-api-page .form-type-textfield:after {
  color: #39607a;
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.block-search-api-page .form-type-textfield.processed-search-button-container:after {
  color: #FF0000;
  content: none;
}

.processed-search-button-container .search-block-submit {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  z-index: 100;
}
.processed-search-button-container .search-block-submit:after {
  font-family: 'svg-icons';
  content: '\EA29';
}
.processed-search-button-container .search-block-submit:after {
  color: #39607a;
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.block-search-api-page .form-text {
  border-width: 2px;
  border-color: rgba(57, 96, 122, 0.3);
  font-weight: 400;
  padding: 12px 40px 12px 20px;
}
.block-search-api-page .form-text:hover, .block-search-api-page .form-text:focus {
  border-color: rgba(57, 96, 122, 0.5);
  border-width: 2px;
  box-shadow: none !important;
}
.block-search-api-page .form-text.placeholder {
  color: #39607a;
}
.block-search-api-page .form-text:-moz-placeholder {
  color: #39607a;
}
.block-search-api-page .form-text::-moz-placeholder {
  color: #39607a;
}
.block-search-api-page .form-text::-webkit-input-placeholder {
  color: #39607a;
}
@media only screen and (min-width: 769px) {
  .block-search-api-page .form-text {
    font-size: 17.6px;
  }
}
@media only screen and (min-width: 960px) {
  .block-search-api-page .form-text {
    border-width: 1px;
    box-shadow: none;
    font-size: 14px;
    padding: 9px 15px;
  }
  .block-search-api-page .form-text:focus {
    border-width: 1px;
  }
}

.region-header .menu-block-wrapper {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 960px) {
  .region-header .menu-block-wrapper {
    float: left;
    padding-top: 7px;
    padding-bottom: 5px;
  }
}

@media only screen and (min-width: 960px) {
  .region-header .menu-block-wrapper li {
    float: left;
  }
}

@media only screen and (min-width: 960px) {
  .region-header .menu-block-wrapper li + li {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 1025px) {
  .region-header .menu-block-wrapper li + li {
    margin-left: 30px;
  }
}

.region-header .menu-block-wrapper a {
  display: block;
  padding: 20px 0;
  text-align: center;
  font-size: 21px;
  font-weight: 400;
  text-decoration: none;
  color: #39607a;
  transition: all 360ms ease-in-out;
}
.region-header .menu-block-wrapper a:hover, .region-header .menu-block-wrapper a:focus {
  color: #f7921e;
}
@media only screen and (min-width: 480px) {
  .region-header .menu-block-wrapper a {
    font-size: 24px;
    font-weight: 300;
  }
}
@media only screen and (min-width: 768px) {
  .region-header .menu-block-wrapper a {
    font-size: 32px;
  }
}
@media only screen and (min-width: 960px) {
  .region-header .menu-block-wrapper a {
    padding: 7px 0;
    font-size: 15px;
    font-weight: 400;
  }
}
@media only screen and (min-width: 1025px) {
  .region-header .menu-block-wrapper a {
    font-size: 16px;
  }
}

.region-header .menu-block-wrapper a.active-trail {
  color: #f7921e;
}

.region-navigation {
  position: relative;
  border-top: solid 2px rgba(156, 188, 205, 0.3);
}

.region-navigation .block-title {
  display: none;
}

.region-navigation .block-menu-block {
  overflow-x: auto;
  white-space: nowrap;
}

.region-navigation .menu-block-wrapper {
  padding: 0 20px;
  list-style-type: none;
}
@media only screen and (min-width: 768px) {
  .region-navigation .menu-block-wrapper {
    padding: 0 40px;
  }
}
.region-navigation .menu-block-wrapper:after {
  content: '';
  position: relative;
  z-index: 5;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 50px;
  margin-left: -30px;
  background: white;
}
@media only screen and (min-width: 768px) {
  .region-navigation .menu-block-wrapper:after {
    width: 90px;
  }
}
@media only screen and (min-width: 960px) {
  .region-navigation .menu-block-wrapper:after {
    display: none;
  }
}

.detached-menu {
  clear: both;
}

.region-navigation.detached-menu ul {
  padding: 0;
}

.region-header .region-navigation.detached-menu .menu-block-wrapper li + li {
  margin-left: 0;
}

.l-max-width .region-navigation .menu-block-wrapper {
  margin: 0;
}

.l-full-width .region-navigation .menu-block-wrapper {
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
  .l-full-width .region-navigation .menu-block-wrapper {
    width: calc(85% + 80px);
  }
}

.region-navigation .menu-block-wrapper li {
  display: inline-block;
  margin-right: 30px;
}

.region-navigation .menu-block-wrapper a {
  display: block;
  padding: 20px 0;
  border-bottom: solid 2px transparent;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: rgba(57, 96, 122, 0.8);
  transition: all 360ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .region-navigation .menu-block-wrapper a {
    font-weight: 400;
  }
}
@media only screen and (min-width: 960px) {
  .region-navigation .menu-block-wrapper a {
    padding: 15px 0 13px;
  }
}
.region-navigation .menu-block-wrapper a:hover, .region-navigation .menu-block-wrapper a:focus {
  color: #f7921e;
}

.region-navigation .menu-block-wrapper a.active-trail {
  color: #f7921e;
  border-bottom-color: #f7921e;
}

.subnav-arrow {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 50%);
  color: #5e6367;
}
@media only screen and (min-width: 768px) {
  .subnav-arrow {
    padding-right: 25px;
  }
}
@media only screen and (min-width: 960px) {
  .subnav-arrow {
    display: none;
  }
}
.subnav-arrow:after {
  display: block;
  padding: 0 20px 0 30px;
  font-size: 16px;
  line-height: 60px;
}
@media only screen and (min-width: 480px) {
  .subnav-arrow:after {
    font-size: 20px;
  }
}

.subnav-arrow--prev {
  display: none;
  transform: rotate(180deg);
}

.subnav-arrow--prev.subnav-arrow__is-visible {
  display: block;
}
@media only screen and (min-width: 960px) {
  .subnav-arrow--prev.subnav-arrow__is-visible {
    display: none;
  }
}

.subnav-arrow--next {
  right: 0;
  top: 0;
}

.dynamic-my-util-box .my-sunpower-content,
.dynamic-my-util-block .my-sunpower-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .dynamic-my-util-box .my-sunpower-content,
  .dynamic-my-util-block .my-sunpower-content {
    display: flex;
    flex-wrap: wrap;
  }
}

.dynamic-my-util-box .my-sunpower-expanded,
.dynamic-my-util-block .my-sunpower-expanded {
  max-height: 800px;
}

.my-sunpower-box {
  padding: 20px 20px 15px;
  text-align: center;
  transition: background 0.6s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .my-sunpower-box {
    width: 50%;
    padding: 25px 40px 20px;
  }
}
@media only screen and (min-width: 960px) {
  .my-sunpower-box {
    padding: 30px 40px 27px;
  }
}
.my-sunpower-box:hover, .my-sunpower-box:focus {
  background: #f2f6f8;
}

.my-sunpower-box:first-child {
  border-bottom: solid 2px rgba(156, 188, 205, 0.2);
}
@media only screen and (min-width: 768px) {
  .my-sunpower-box:first-child {
    border-bottom: none;
    border-right: solid 2px rgba(156, 188, 205, 0.2);
  }
}

.my-sunpower-close {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background: rgba(156, 188, 205, 0.15);
  transition: all 0.36s ease-in-out;
}
.my-sunpower-close:hover, .my-sunpower-close:focus {
  background: rgba(156, 188, 205, 0.3);
}
.my-sunpower-close:after {
  position: relative;
  top: 4px;
  margin-left: 5px;
  font-size: 19px;
  font-weight: 400;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}

.my-sunpower-content p {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: rgba(57, 96, 122, 0.8);
}
@media only screen and (min-width: 960px) {
  .my-sunpower-content p {
    margin-bottom: 13px;
    font-size: 16px;
  }
}

.my-sunpower-content .my-sp-heading,
.my-sunpower-content h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #39607a;
}
@media only screen and (min-width: 960px) {
  .my-sunpower-content .my-sp-heading,
  .my-sunpower-content h2 {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 0.9;
    font-weight: 300;
  }
}

.my-sunpower-box a {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.my-sunpower-box a:after {
  position: relative;
  top: 6px;
  margin-left: 5px;
  font-size: 24px;
  font-weight: 400;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
}

#block-sun-get-started-get-started-drawer {
  position: relative;
  display: none;
  padding: 20px 20px 15px;
  background: #f2f6f8;
}
@media only screen and (min-width: 768px) {
  #block-sun-get-started-get-started-drawer {
    padding: 30px 40px 30px;
  }
}

.get-started-close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0;
  text-decoration: none;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out 0s;
}
@media only screen and (min-width: 768px) {
  .get-started-close {
    top: 30px;
    right: 40px;
  }
}
.get-started-close:hover, .get-started-close:focus {
  color: #0076be;
  opacity: 1;
}
.get-started-close:before {
  font-size: 25px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
  .get-started-close:before {
    font-size: 30px;
  }
}

.get-started-drawer__title, .domain-development-sunpower-com-au .dropDown_getStarted .top,
.domain-global-sunpower-com .dropDown_getStarted .top,
.get-started-drawer__form-title {
  max-width: 85%;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.05;
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .get-started-drawer__title, .domain-development-sunpower-com-au .dropDown_getStarted .top,
  .domain-global-sunpower-com .dropDown_getStarted .top,
  .get-started-drawer__form-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 960px) {
  .get-started-drawer__title, .domain-development-sunpower-com-au .dropDown_getStarted .top,
  .domain-global-sunpower-com .dropDown_getStarted .top,
  .get-started-drawer__form-title {
    font-size: 40px;
  }
}

.get-started-drawer__items {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.get-started-drawer__items:before, .get-started-drawer__items:after {
  content: "";
  display: table;
}
.get-started-drawer__items:after {
  clear: both;
}

.get-started-drawer__items .get-started-drawer__item, .get-started-drawer__items .domain-development-sunpower-com-au .dropDown_getStarted .bottom a, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .get-started-drawer__items a,
.get-started-drawer__items .domain-global-sunpower-com .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom .get-started-drawer__items a {
  margin: 0 0 10px;
}
@media only screen and (min-width: 480px) {
  .get-started-drawer__items .get-started-drawer__item, .get-started-drawer__items .domain-development-sunpower-com-au .dropDown_getStarted .bottom a, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .get-started-drawer__items a,
  .get-started-drawer__items .domain-global-sunpower-com .dropDown_getStarted .bottom a,
  .domain-global-sunpower-com .dropDown_getStarted .bottom .get-started-drawer__items a {
    float: left;
    margin-right: 16px;
  }
  .get-started-drawer__items .get-started-drawer__item:last-child, .get-started-drawer__items .domain-development-sunpower-com-au .dropDown_getStarted .bottom a:last-child, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .get-started-drawer__items a:last-child,
  .get-started-drawer__items .domain-global-sunpower-com .dropDown_getStarted .bottom a:last-child,
  .domain-global-sunpower-com .dropDown_getStarted .bottom .get-started-drawer__items a:last-child {
    margin-right: 0;
  }
}

.get-started-drawer__link, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom a {
  display: block;
  max-width: none;
  margin: 0 -7px;
}
@media only screen and (min-width: 480px) {
  .get-started-drawer__link, .domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
  .domain-global-sunpower-com .dropDown_getStarted .bottom a {
    display: inline-block;
    margin: 0;
  }
}

#get_started_drawer_form {
  display: none;
}

.get-started-drawer__form .webform-client-form {
  padding: 0;
}

.get-started-drawer__form input[type="text"],
.get-started-drawer__form input[type="email"],
.get-started-drawer__form input[type="tel"],
.get-started-drawer__form textarea,
.get-started-drawer__form select {
  height: 47px;
  border-radius: 2px;
  border: solid 1px #9cbccd;
  font-size: 16px;
  font-weight: 400;
  line-height: 47px;
  background: rgba(156, 188, 205, 0.1);
  box-shadow: none;
  color: #39607a;
}
.get-started-drawer__form input[type="text"].placeholder,
.get-started-drawer__form input[type="email"].placeholder,
.get-started-drawer__form input[type="tel"].placeholder,
.get-started-drawer__form textarea.placeholder,
.get-started-drawer__form select.placeholder {
  color: rgba(57, 96, 122, 0.6);
}
.get-started-drawer__form input[type="text"]:-moz-placeholder,
.get-started-drawer__form input[type="email"]:-moz-placeholder,
.get-started-drawer__form input[type="tel"]:-moz-placeholder,
.get-started-drawer__form textarea:-moz-placeholder,
.get-started-drawer__form select:-moz-placeholder {
  color: rgba(57, 96, 122, 0.6);
}
.get-started-drawer__form input[type="text"]::-moz-placeholder,
.get-started-drawer__form input[type="email"]::-moz-placeholder,
.get-started-drawer__form input[type="tel"]::-moz-placeholder,
.get-started-drawer__form textarea::-moz-placeholder,
.get-started-drawer__form select::-moz-placeholder {
  color: rgba(57, 96, 122, 0.6);
}
.get-started-drawer__form input[type="text"]::-webkit-input-placeholder,
.get-started-drawer__form input[type="email"]::-webkit-input-placeholder,
.get-started-drawer__form input[type="tel"]::-webkit-input-placeholder,
.get-started-drawer__form textarea::-webkit-input-placeholder,
.get-started-drawer__form select::-webkit-input-placeholder {
  color: rgba(57, 96, 122, 0.6);
}
.get-started-drawer__form input[type="text"]:focus,
.get-started-drawer__form input[type="email"]:focus,
.get-started-drawer__form input[type="tel"]:focus,
.get-started-drawer__form textarea:focus,
.get-started-drawer__form select:focus {
  border: solid 1px #9cbccd;
  box-shadow: none;
}

.get-started-drawer__form select {
  padding: 0 20px;
  line-height: 45px;
  background: url("../images/svg-icons/arrow-gravel.svg") no-repeat;
  background-position: 97% center;
  background-size: 22px;
}

.get-started-drawer__form textarea {
  height: auto;
}

@media only screen and (min-width: 768px) {
  .get-started-drawer__form .form-item {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .get-started-drawer__form .webform-component.webform-component-checkboxes {
    clear: both;
    float: none;
    width: auto;
  }
}

.get-started-drawer__form label {
  margin-bottom: 5px;
  font-size: 16px;
}

.get-started-drawer__form .webform-component--TermsofUseText p {
  margin: 0 0 10px;
  font-size: 13px;
  color: rgba(94, 99, 103, 0.7);
}

.get-started-drawer__form .webform-client-form .form-actions {
  margin-bottom: 10px;
  margin-top: 0;
}

.get-started-drawer__form .webform-submit {
  width: auto;
  margin-left: 0;
}

@media only screen and (min-width: 960px) {
  .get-started-drawer__form form.webform-client-form .webform-component.webform-component-select.webform-component--State {
    width: 49%;
  }
}

.get-started-drawer__form .webform-component-fieldset {
  padding-bottom: 0;
  margin-bottom: 20px;
  border-bottom: none;
}

@media only screen and (min-width: 960px) {
  .get-started-drawer__form .webform-component.webform-container-inline {
    float: left;
    width: 49%;
    padding-left: 0;
  }
}

.domain-development-sunpower-com-au .dropDown_getStarted,
.domain-global-sunpower-com .dropDown_getStarted {
  clear: both;
  max-height: 0;
  overflow: hidden;
  margin: 0px -20px;
  padding: 0 20px;
  background: #f2f6f8;
  transition: 0.3s ease max-height;
}
@media only screen and (min-width: 768px) {
  .domain-development-sunpower-com-au .dropDown_getStarted,
  .domain-global-sunpower-com .dropDown_getStarted {
    padding: 0 40px;
    margin: 0 -40px;
  }
}

.domain-development-sunpower-com-au .open .dropDown_getStarted,
.domain-global-sunpower-com .open .dropDown_getStarted {
  max-height: 600px;
  padding: 20px;
  margin: 20px -20px;
}
@media only screen and (min-width: 480px) {
  .domain-development-sunpower-com-au .open .dropDown_getStarted,
  .domain-global-sunpower-com .open .dropDown_getStarted {
    border-top: solid 20px white;
  }
}
@media only screen and (min-width: 768px) {
  .domain-development-sunpower-com-au .open .dropDown_getStarted,
  .domain-global-sunpower-com .open .dropDown_getStarted {
    padding: 30px 40px;
    margin: 20px -40px;
  }
}
@media only screen and (min-width: 960px) {
  .domain-development-sunpower-com-au .open .dropDown_getStarted,
  .domain-global-sunpower-com .open .dropDown_getStarted {
    border-top: none;
  }
}

.domain-development-sunpower-com-au .dropDown_getStarted .arrow,
.domain-global-sunpower-com .dropDown_getStarted .arrow {
  display: none;
}

.domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom a {
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  .domain-development-sunpower-com-au .dropDown_getStarted .bottom a,
  .domain-global-sunpower-com .dropDown_getStarted .bottom a {
    margin-right: 16px;
  }
}

.page--no-menu #block-menu-block-1,
.page--no-menu #block-search-form,
.page--no-menu #block-sun-themed-sun-themed-block-get-started,
.page--no-menu #sunpower-mobilemenu .l,
.page--no-menu #sunpower-mobilemenu .r {
  display: none;
}

.page--no-menu #sunpower-mobilemenu .c {
  text-align: left;
}

.domain-development-sunpower-com-au .region-header .menu-block-wrapper,
.domain-global-sunpower-com .region-header .menu-block-wrapper {
  padding-bottom: 10px;
  clear: both;
}

.region-footer,
.pre-footer-outer {
  position: relative;
  padding: 40px 0 60px;
  text-align: center;
  background: #231f20;
}
@media only screen and (min-width: 960px) {
  .region-footer,
  .pre-footer-outer {
    padding: 60px 0;
    text-align: left;
  }
}
@media only screen and (min-width: 1280px) {
  .region-footer,
  .pre-footer-outer {
    text-align: left;
  }
}

@media only screen and (min-width: 1280px) {
  .l-max-width .region-footer,
  .l-max-width .pre-footer-outer {
    width: 100%;
  }
}

.pre-footer-outer {
  padding: 30px 0 50px;
  background: #0076be;
}

.region-footer .inner-break,
.region-pre-footer {
  position: relative;
  margin: 0 auto;
  width: 85%;
}
@media only screen and (min-width: 768px) {
  .region-footer .inner-break,
  .region-pre-footer {
    width: 90%;
  }
}
@media only screen and (min-width: 960px) {
  .region-footer .inner-break,
  .region-pre-footer {
    width: 85%;
  }
  .region-footer .inner-break:before,
  .region-pre-footer:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 16.66%;
    border-left: solid 2px rgba(255, 255, 255, 0.05);
  }
}

@media only screen and (min-width: 960px) {
  .region-pre-footer:before {
    display: none;
  }
}

.region-footer .block {
  margin-bottom: 50px;
}

.region-footer .backtotop-btn,
.region-footer .backtotop-btn-block {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 80px;
  margin-left: -40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 960px) {
  .region-footer .backtotop-btn,
  .region-footer .backtotop-btn-block {
    margin-bottom: 60px;
  }
}

.SunpowerToTop {
  display: block;
  position: relative;
  height: 30px;
  text-align: center;
  font-size: 0;
  text-decoration: none;
  border: 40px solid transparent;
  border-top: none;
  border-bottom: 30px solid #231f20;
  z-index: 0;
}
.SunpowerToTop:after {
  font-family: 'svg-icons';
  content: '\EA0B';
}
.SunpowerToTop:after {
  display: block;
  position: absolute;
  top: 18px;
  left: -40px;
  right: -40px;
  font-size: 20px;
  color: #f7921e;
  transition: all 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}
.SunpowerToTop:hover:after, .SunpowerToTop:focus:after {
  transform: scale(1.2);
}

#block-menu-menu-main-footer-country {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  margin-bottom: 20px;
  padding: 15px 30px 45px;
  border-radius: 4px;
  background: #f2f6f8;
  transform: scaleX(0.01) scaleY(0.01) scaleZ(1);
  transform-origin: 50% 100% 0px;
  opacity: 0;
  transition: transform 160ms ease-in-out, opacity 60ms ease-in-out;
  z-index: 2;
}
#block-menu-menu-main-footer-country:before {
  font-family: 'svg-icons';
  content: '\EA03';
}
@media only screen and (min-width: 480px) {
  #block-menu-menu-main-footer-country {
    left: 15%;
    right: 15%;
  }
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-main-footer-country {
    padding: 10px 15px;
    width: 30%;
    left: -8.8%;
    margin-left: 20px;
    right: auto;
  }
}
#block-menu-menu-main-footer-country:before {
  font-size: 0.5rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 769px) {
  #block-menu-menu-main-footer-country:before {
    content: none;
  }
}
#block-menu-menu-main-footer-country:after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  height: 0;
  width: 0;
  border: solid 10px transparent;
  border-bottom: none;
  border-top-color: #f2f6f8;
}

#block-menu-menu-main-footer-country.country-selector-expanded {
  transform: scaleX(1) scaleY(1) scaleZ(1);
  opacity: 1;
}

#block-menu-menu-main-footer-country .menu {
  max-height: 300px;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  #block-menu-menu-main-footer-country .menu {
    column-count: 2;
    text-align: left;
    max-height: none;
  }
}

#block-menu-menu-main-footer-country a {
  padding-top: 3px;
  color: #0076be;
}
#block-menu-menu-main-footer-country a:hover, #block-menu-menu-main-footer-country a:focus {
  color: #231f20;
}
#block-menu-menu-main-footer-country a:before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
  top: -3px;
}

#block-menu-menu-main-footer-country .block-title {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0.02em;
  color: #39607a;
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-main-footer-country .block-title {
    text-align: left;
  }
}

#block-block-136,
.domain-global-sunpower-com #block-block-101,
#block-block-106 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 960px) {
  #block-block-136,
  .domain-global-sunpower-com #block-block-101,
  #block-block-106 {
    position: absolute;
    top: 0;
    left: 0;
    width: 14.66%;
  }
}

@media only screen and (min-width: 960px) {
  #block-block-111,
  .i18n-en-AU #block-block-51 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 14.66%;
  }
}

@media only screen and (min-width: 960px) {
  #block-menu-menu-main-footer-follow,
  #block-menu-menu-menu-main-footer,
  #block-menu-menu-main-footer-column-2,
  #block-menu-menu-main-footer-column-25,
  #block-menu-menu-main-footer-row-column-25,
  #block-menu-menu-main-footer-row-column-1-,
  #block-menu-menu-main-footer-row-column-3-,
  #block-menu-menu-main-footer-column-3,
  #block-menu-menu-main-footer-row-column-4,
  .region-footer nav[role="navigation"] ul.menu-block-wrapper > li,
  #block-menu-menu-footer-menu > ul > li {
    float: left;
    width: 14.66%;
    margin-left: 2%;
  }
}
#block-menu-menu-main-footer-follow:first-child .menu__link.separator,
#block-menu-menu-menu-main-footer:first-child .menu__link.separator,
#block-menu-menu-main-footer-column-2:first-child .menu__link.separator,
#block-menu-menu-main-footer-column-25:first-child .menu__link.separator,
#block-menu-menu-main-footer-row-column-25:first-child .menu__link.separator,
#block-menu-menu-main-footer-row-column-1-:first-child .menu__link.separator,
#block-menu-menu-main-footer-row-column-3-:first-child .menu__link.separator,
#block-menu-menu-main-footer-column-3:first-child .menu__link.separator,
#block-menu-menu-main-footer-row-column-4:first-child .menu__link.separator,
.region-footer nav[role="navigation"] ul.menu-block-wrapper > li:first-child .menu__link.separator,
#block-menu-menu-footer-menu > ul > li:first-child .menu__link.separator {
  display: none;
}

@media only screen and (min-width: 960px) {
  #block-menu-menu-main-footer-follow {
    margin-left: 18.66%;
  }
}

#block-menu-menu-legal-footer-menu,
#block-menu-menu-menu-legal-footer-menu,
#block-menu-menu-legal-footer-menu-row {
  position: relative;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 0;
  padding-top: 30px;
  border-top: solid 2px rgba(255, 255, 255, 0.05);
  background: #231f20;
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-legal-footer-menu,
  #block-menu-menu-menu-legal-footer-menu,
  #block-menu-menu-legal-footer-menu-row {
    margin-top: 30px;
    clear: both;
    text-align: center;
  }
  #block-menu-menu-legal-footer-menu:before,
  #block-menu-menu-menu-legal-footer-menu:before,
  #block-menu-menu-legal-footer-menu-row:before {
    content: '';
    position: absolute;
    display: block;
    bottom: 100%;
    height: 30px;
    left: 0;
    right: 0;
    margin-bottom: 2px;
    background: #231f20;
  }
}

#block-menu-menu-legal-footer-menu .menu,
#block-menu-menu-menu-legal-footer-menu .menu,
#block-menu-menu-legal-footer-menu-row .menu {
  margin: 0 auto;
  width: 91%;
}
@media only screen and (min-width: 768px) {
  #block-menu-menu-legal-footer-menu .menu,
  #block-menu-menu-menu-legal-footer-menu .menu,
  #block-menu-menu-legal-footer-menu-row .menu {
    width: 96%;
  }
}
@media only screen and (min-width: 960px) {
  #block-menu-menu-legal-footer-menu .menu,
  #block-menu-menu-menu-legal-footer-menu .menu,
  #block-menu-menu-legal-footer-menu-row .menu {
    width: 91%;
  }
}

.region-footer .menu {
  padding: 0;
  margin: 0;
  overflow: auto;
}

.region-footer .menu__item,
.region-footer .block-title,
.footer-phone-link,
.region-footer .select-country {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.35;
  text-transform: uppercase;
}

.region-footer .menu__item a,
.region-footer .block-title,
.footer-phone-link,
.region-footer .select-country {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  transition: all 360ms ease-in-out;
}

.region-footer .menu__item a:hover, .region-footer .menu__item a:focus,
.footer-phone-link:hover,
.footer-phone-link:focus {
  color: white;
}

.region-footer .menu__item .menu__item,
#block-menu-menu-main-footer-follow .menu__item,
#block-menu-menu-legal-footer-menu .menu__item,
#block-menu-menu-menu-legal-footer-menu .menu__item,
#block-menu-menu-legal-footer-menu-row .menu__item {
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}
@media only screen and (min-width: 960px) {
  .region-footer .menu__item .menu__item,
  #block-menu-menu-main-footer-follow .menu__item,
  #block-menu-menu-legal-footer-menu .menu__item,
  #block-menu-menu-menu-legal-footer-menu .menu__item,
  #block-menu-menu-legal-footer-menu-row .menu__item {
    padding: 0;
  }
}

#block-menu-menu-legal-footer-menu .menu__item,
#block-menu-menu-menu-legal-footer-menu .menu__item,
#block-menu-menu-legal-footer-menu-row .menu__item {
  display: inline-block;
  margin: 0 1% 15px;
  font-size: 12px;
}
#block-menu-menu-legal-footer-menu .menu__item:last-child,
#block-menu-menu-menu-legal-footer-menu .menu__item:last-child,
#block-menu-menu-legal-footer-menu-row .menu__item:last-child {
  margin: 20px 0 0;
  width: 100%;
}

.region-footer .menu__item .menu__item a,
#block-menu-menu-main-footer-follow .menu__item a,
#block-menu-menu-legal-footer-menu .menu__item a,
#block-menu-menu-legal-footer-menu .menu__item span,
#block-menu-menu-menu-legal-footer-menu .menu__item a,
#block-menu-menu-menu-legal-footer-menu .menu__item span,
#block-menu-menu-legal-footer-menu-row .menu__item a,
#block-menu-menu-legal-footer-menu-row .menu__item span {
  margin-bottom: 10px;
  padding: 5px 0;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: normal;
}
@media only screen and (min-width: 960px) {
  .region-footer .menu__item .menu__item a,
  #block-menu-menu-main-footer-follow .menu__item a,
  #block-menu-menu-legal-footer-menu .menu__item a,
  #block-menu-menu-legal-footer-menu .menu__item span,
  #block-menu-menu-menu-legal-footer-menu .menu__item a,
  #block-menu-menu-menu-legal-footer-menu .menu__item span,
  #block-menu-menu-legal-footer-menu-row .menu__item a,
  #block-menu-menu-legal-footer-menu-row .menu__item span {
    padding: 0;
  }
}
.region-footer .menu__item .menu__item a:hover, .region-footer .menu__item .menu__item a:focus,
#block-menu-menu-main-footer-follow .menu__item a:hover,
#block-menu-menu-main-footer-follow .menu__item a:focus,
#block-menu-menu-legal-footer-menu .menu__item a:hover,
#block-menu-menu-legal-footer-menu .menu__item a:focus,
#block-menu-menu-legal-footer-menu .menu__item span:hover,
#block-menu-menu-legal-footer-menu .menu__item span:focus,
#block-menu-menu-menu-legal-footer-menu .menu__item a:hover,
#block-menu-menu-menu-legal-footer-menu .menu__item a:focus,
#block-menu-menu-menu-legal-footer-menu .menu__item span:hover,
#block-menu-menu-menu-legal-footer-menu .menu__item span:focus,
#block-menu-menu-legal-footer-menu-row .menu__item a:hover,
#block-menu-menu-legal-footer-menu-row .menu__item a:focus,
#block-menu-menu-legal-footer-menu-row .menu__item span:hover,
#block-menu-menu-legal-footer-menu-row .menu__item span:focus {
  color: white;
}

#block-menu-menu-menu-legal-footer-menu .menu__item a,
#block-menu-menu-menu-legal-footer-menu .menu__item span,
#block-menu-menu-legal-footer-menu .menu__item a,
#block-menu-menu-legal-footer-menu .menu__item span,
#block-menu-menu-legal-footer-menu-row .menu__item a,
#block-menu-menu-legal-footer-menu-row .menu__item span {
  margin-bottom: 0;
  padding: 0;
}

#block-menu-menu-main-footer-follow .menu__item a {
  margin-bottom: 7px;
}
#block-menu-menu-main-footer-follow .menu__item a:before {
  position: relative;
  top: 3px;
  padding: 0 3px;
  margin-right: 5px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

#block-menu-menu-menu-legal-footer-menu .menu__item span:hover, #block-menu-menu-menu-legal-footer-menu .menu__item span:focus,
#block-menu-menu-legal-footer-menu-row .menu__item span:hover,
#block-menu-menu-legal-footer-menu-row .menu__item span:focus {
  color: rgba(255, 255, 255, 0.4);
}

.region-footer .dynamic-footer-phone {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 2px rgba(255, 255, 255, 0.05);
}
@media only screen and (min-width: 960px) {
  .region-footer .dynamic-footer-phone {
    border-bottom: none;
  }
}

.footer-phone-link,
.region-footer .menu__item .menu__item .footer-phone-link {
  position: relative;
  display: inline-block;
  padding-left: 34px;
}
@media only screen and (min-width: 960px) {
  .footer-phone-link,
  .region-footer .menu__item .menu__item .footer-phone-link {
    padding-left: 31px;
  }
}
.footer-phone-link:before,
.region-footer .menu__item .menu__item .footer-phone-link:before {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -11px;
  left: 0;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 960px) {
  .footer-phone-link:before,
  .region-footer .menu__item .menu__item .footer-phone-link:before {
    font-size: 18px;
    margin-top: -9px;
  }
}

.footer-phone-link strong {
  font-weight: inherit;
}

.phone-words {
  display: block;
  margin-bottom: 5px;
}

.phone-small {
  display: block;
  font-weight: 300;
}

.region-footer .select-country {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  color: #f7921e;
}
@media only screen and (min-width: 960px) {
  .region-footer .select-country {
    padding-left: 28px;
  }
}
.region-footer .select-country.nolink {
  cursor: pointer;
}
.region-footer .select-country:before {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -11px;
  left: 0;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 960px) {
  .region-footer .select-country:before {
    font-size: 18px;
    margin-top: -9px;
  }
}

.domain-global-sunpower-com .phone-number-footer-block {
  text-align: center;
}

.domain-global-sunpower-com .phone-number-footer-block .copy {
  font-size: 24px;
  font-weight: 300;
  color: white;
}

.domain-global-sunpower-com .phone-number-footer-block .btn-blue, .domain-global-sunpower-com .phone-number-footer-block .sunpowerUtilityLinks a, .sunpowerUtilityLinks .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block #block-menu-menu-header-utility a, #block-menu-menu-header-utility .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .get-started-drawer__link, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .domain-global-sunpower-com .phone-number-footer-block a,
.domain-global-sunpower-com .phone-number-footer-block .dropDown_getStarted .bottom a,
.domain-global-sunpower-com .dropDown_getStarted .bottom .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .entity-bean .field-type-link-field a, .entity-bean .field-type-link-field .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .node-gated-content .gated_link a, .node-gated-content .gated_link .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .top-form-locator #edit-submit-button, .top-form-locator .domain-global-sunpower-com .phone-number-footer-block #edit-submit-button, .domain-global-sunpower-com .phone-number-footer-block .dealer_right ul.links_classes li a, .dealer_right ul.links_classes li .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block #dealer-container a.schedule-visit, #dealer-container .domain-global-sunpower-com .phone-number-footer-block a.schedule-visit, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-support_threecols div.support_3col > div a.btn_chat, #boxes-box-support_threecols div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat,
.domain-global-sunpower-com .phone-number-footer-block .support-3col-block div.support_3col > div a.btn_chat,
.support-3col-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat,
.domain-global-sunpower-com .phone-number-footer-block .support-threecols-block div.support_3col > div a.btn_chat,
.support-threecols-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-contactus_top div.bottom_contact a, #boxes-box-contactus_top div.bottom_contact .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .node-article .field-name-field-file .content a, .node-article .field-name-field-file .content .domain-global-sunpower-com .phone-number-footer-block a, .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-container .sun-monitor-cta, .sun-monitor-container .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-cta {
  background: white;
  color: #0076be;
}
.domain-global-sunpower-com .phone-number-footer-block .btn-blue:hover, .domain-global-sunpower-com .phone-number-footer-block .sunpowerUtilityLinks a:hover, .sunpowerUtilityLinks .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block #block-menu-menu-header-utility a:hover, #block-menu-menu-header-utility .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .get-started-drawer__link:hover, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .domain-global-sunpower-com .phone-number-footer-block a:hover,
.domain-global-sunpower-com .phone-number-footer-block .dropDown_getStarted .bottom a:hover,
.domain-global-sunpower-com .dropDown_getStarted .bottom .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .entity-bean .field-type-link-field a:hover, .entity-bean .field-type-link-field .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .node-gated-content .gated_link a:hover, .node-gated-content .gated_link .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .top-form-locator #edit-submit-button:hover, .top-form-locator .domain-global-sunpower-com .phone-number-footer-block #edit-submit-button:hover, .domain-global-sunpower-com .phone-number-footer-block .dealer_right ul.links_classes li a:hover, .dealer_right ul.links_classes li .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block #dealer-container a.schedule-visit:hover, #dealer-container .domain-global-sunpower-com .phone-number-footer-block a.schedule-visit:hover, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-support_threecols div.support_3col > div a.btn_chat:hover, #boxes-box-support_threecols div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:hover,
.domain-global-sunpower-com .phone-number-footer-block .support-3col-block div.support_3col > div a.btn_chat:hover,
.support-3col-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:hover,
.domain-global-sunpower-com .phone-number-footer-block .support-threecols-block div.support_3col > div a.btn_chat:hover,
.support-threecols-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:hover, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-contactus_top div.bottom_contact a:hover, #boxes-box-contactus_top div.bottom_contact .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .node-article .field-name-field-file .content a:hover, .node-article .field-name-field-file .content .domain-global-sunpower-com .phone-number-footer-block a:hover, .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-container .sun-monitor-cta:hover, .sun-monitor-container .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-cta:hover, .domain-global-sunpower-com .phone-number-footer-block .btn-blue:focus, .domain-global-sunpower-com .phone-number-footer-block .sunpowerUtilityLinks a:focus, .sunpowerUtilityLinks .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block #block-menu-menu-header-utility a:focus, #block-menu-menu-header-utility .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .get-started-drawer__link:focus, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .domain-global-sunpower-com .phone-number-footer-block a:focus,
.domain-global-sunpower-com .phone-number-footer-block .dropDown_getStarted .bottom a:focus,
.domain-global-sunpower-com .dropDown_getStarted .bottom .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .entity-bean .field-type-link-field a:focus, .entity-bean .field-type-link-field .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .node-gated-content .gated_link a:focus, .node-gated-content .gated_link .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .top-form-locator #edit-submit-button:focus, .top-form-locator .domain-global-sunpower-com .phone-number-footer-block #edit-submit-button:focus, .domain-global-sunpower-com .phone-number-footer-block .dealer_right ul.links_classes li a:focus, .dealer_right ul.links_classes li .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block #dealer-container a.schedule-visit:focus, #dealer-container .domain-global-sunpower-com .phone-number-footer-block a.schedule-visit:focus, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-support_threecols div.support_3col > div a.btn_chat:focus, #boxes-box-support_threecols div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:focus,
.domain-global-sunpower-com .phone-number-footer-block .support-3col-block div.support_3col > div a.btn_chat:focus,
.support-3col-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:focus,
.domain-global-sunpower-com .phone-number-footer-block .support-threecols-block div.support_3col > div a.btn_chat:focus,
.support-threecols-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:focus, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-contactus_top div.bottom_contact a:focus, #boxes-box-contactus_top div.bottom_contact .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .node-article .field-name-field-file .content a:focus, .node-article .field-name-field-file .content .domain-global-sunpower-com .phone-number-footer-block a:focus, .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-container .sun-monitor-cta:focus, .sun-monitor-container .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-cta:focus, .domain-global-sunpower-com .phone-number-footer-block .btn-blue:active, .domain-global-sunpower-com .phone-number-footer-block .sunpowerUtilityLinks a:active, .sunpowerUtilityLinks .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block #block-menu-menu-header-utility a:active, #block-menu-menu-header-utility .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .get-started-drawer__link:active, .domain-development-sunpower-com-au .dropDown_getStarted .bottom .domain-global-sunpower-com .phone-number-footer-block a:active,
.domain-global-sunpower-com .phone-number-footer-block .dropDown_getStarted .bottom a:active,
.domain-global-sunpower-com .dropDown_getStarted .bottom .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .entity-bean .field-type-link-field a:active, .entity-bean .field-type-link-field .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .node-gated-content .gated_link a:active, .node-gated-content .gated_link .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .top-form-locator #edit-submit-button:active, .top-form-locator .domain-global-sunpower-com .phone-number-footer-block #edit-submit-button:active, .domain-global-sunpower-com .phone-number-footer-block .dealer_right ul.links_classes li a:active, .dealer_right ul.links_classes li .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block #dealer-container a.schedule-visit:active, #dealer-container .domain-global-sunpower-com .phone-number-footer-block a.schedule-visit:active, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-support_threecols div.support_3col > div a.btn_chat:active, #boxes-box-support_threecols div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:active,
.domain-global-sunpower-com .phone-number-footer-block .support-3col-block div.support_3col > div a.btn_chat:active,
.support-3col-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:active,
.domain-global-sunpower-com .phone-number-footer-block .support-threecols-block div.support_3col > div a.btn_chat:active,
.support-threecols-block div.support_3col > div .domain-global-sunpower-com .phone-number-footer-block a.btn_chat:active, .domain-global-sunpower-com .phone-number-footer-block #boxes-box-contactus_top div.bottom_contact a:active, #boxes-box-contactus_top div.bottom_contact .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .node-article .field-name-field-file .content a:active, .node-article .field-name-field-file .content .domain-global-sunpower-com .phone-number-footer-block a:active, .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-container .sun-monitor-cta:active, .sun-monitor-container .domain-global-sunpower-com .phone-number-footer-block .sun-monitor-cta:active {
  background: white;
  color: #39607a;
}

.region-footer nav[role="navigation"] ul.menu-block-wrapper > li > ul.expanded-child,
#block-menu-menu-footer-menu > ul > li > ul.expanded-child {
  padding-left: 0;
}

.region-footer nav[role="navigation"] ul.menu-block-wrapper > li > span.nolink,
#block-menu-menu-footer-menu > ul > li > span.nolink {
  display: block;
  margin-bottom: 15px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  transition: all 360ms ease-in-out;
}

/**
 * @file
 * Custom styles for Drupal's notification messages.
 */
.messages {
  color: white;
  margin: 6px 0;
  padding: 10px 10px 10px 45px;
  /* LTR */
  position: relative;
  text-align: left;
  word-wrap: break-word;
}
.messages:before {
  height: 28px;
  width: 28px;
  content: '';
  left: 10px;
  position: absolute;
  top: 5px;
}

.status,
.ok {
  background-color: #69b342;
}
.status a,
.ok a {
  color: #f9fcf8;
}
.status:before,
.ok:before {
  background: url('../images/messages-sae3f43e620.png') 0 -28px;
}

.warning {
  background-color: #f7921e;
}
.warning a {
  color: white;
}
.warning:before {
  background: url('../images/messages-sae3f43e620.png') 0 -56px;
}

.error {
  background-color: #ef373e;
}
.error a {
  color: white;
}
.error:before {
  background: url('../images/messages-sae3f43e620.png') 0 0;
}

.messages ul {
  list-style: none;
  margin: 0;
  /* LTR */
  padding: 0;
}

.messages ul li {
  border-bottom: 1px solid white;
  list-style-image: none;
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.messages ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.krumo-element,
.krumo-footnote,
.krumo-call,
.krumo-preview {
  color: #231f20;
}

label {
  font-size: 14px;
  font-weight: 400;
  color: #5e6367;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
  width: 100%;
  resize: none;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 300;
  outline: 0;
  border: 1px solid #9cbccd;
  border-radius: 4px;
  box-shadow: 0 3px 5px white inset;
  background-color: white;
  color: #231f20;
}
input[type="text"].placeholder,
input[type="email"].placeholder,
input[type="password"].placeholder,
input[type="number"].placeholder,
input[type="tel"].placeholder,
textarea.placeholder {
  color: #9cbccd;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9cbccd;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9cbccd;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9cbccd;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus {
  box-shadow: 1px 1px 0 #0076be, -1px -1px 0 #0076be, -1px 1px 0 #0076be, 1px -1px 0 #0076be, 0 3px 5px white inset;
  border: 1px solid #0076be;
}
input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
input[type="number"].error,
input[type="tel"].error,
textarea.error {
  box-shadow: 1px 1px 0 #ef373e, -1px -1px 0 #ef373e, -1px 1px 0 #ef373e, 1px -1px 0 #ef373e, 0 3px 5px white inset;
  border: 1px solid #ef373e;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  z-index: -10;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
  display: block;
  cursor: pointer;
  margin: 10px 0;
  min-height: 34px;
  padding: 8px 0 0 50px;
  position: relative;
}
input[type="radio"] + label:before, input[type="radio"] + label:after,
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  height: 34px;
  width: 34px;
  background-color: #9cbccd;
  left: 0;
  top: 0;
}
input[type="radio"] + label:after,
input[type="checkbox"] + label:after {
  height: 28px;
  width: 28px;
  background-color: white;
  display: none;
  left: 3px;
  top: 3px;
}
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
  display: block;
}
@media only screen and (min-width: 960px) {
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    display: inline-block;
    margin: 0;
  }
}

input[type="checkbox"] + label:before {
  background-color: #0076be;
}
input[type="checkbox"] + label:after {
  background-image: url('../images/checkbox-check.png?1554331168');
  background-position: center center;
  background-repeat: no-repeat;
}

.target-test input[type="radio"],
.target-test input[type="checkbox"] {
  position: relative;
}
.target-test input[type="radio"] + label,
.target-test input[type="checkbox"] + label {
  display: block;
  cursor: pointer;
  margin: 10px 0;
  min-height: 34px;
  padding: 8px 0 0 35px;
  position: relative;
}
.target-test input[type="radio"] + label:before, .target-test input[type="radio"] + label:after,
.target-test input[type="checkbox"] + label:before,
.target-test input[type="checkbox"] + label:after {
  height: 20px;
  width: 20px;
}
.target-test input[type="radio"] + label:before,
.target-test input[type="checkbox"] + label:before {
  left: 7px;
  top: 7px;
}
.target-test input[type="radio"] + label:after,
.target-test input[type="checkbox"] + label:after {
  content: '\f126';
  left: 10px;
  top: 8px;
  font-size: 20px;
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: white;
  background: none;
}

.target-test input[type="checkbox"] + label:before {
  border-radius: 3px;
  border: solid 1px #0076be;
  background-color: #0076be;
}

.form-item-submitted-OwnLeaseCheck-Rent {
  display: none !important;
}

select {
  -webkit-appearance: none;
  border-radius: 4px;
  background: white;
  border: 1px solid #9cbccd;
  color: #231f20;
  cursor: pointer;
  font-size: 14px;
  outline: 0;
  padding: 12px 54px 12px 20px;
  position: relative;
  width: 100%;
}
select:focus {
  box-shadow: 0 2px 2px rgba(35, 31, 32, 0.06), 1px 1px 0 #0076be, -1px -1px 0 #0076be, -1px 1px 0 #0076be, 1px -1px 0 #0076be, 0 1px 1px white inset;
  border: 1px solid #0076be;
}
select.error {
  box-shadow: 0 2px 2px rgba(35, 31, 32, 0.06), 1px 1px 0 #ef373e, -1px -1px 0 #ef373e, -1px 1px 0 #ef373e, 1px -1px 0 #ef373e, 0 1px 1px white inset;
  border: 1px solid #ef373e !important;
}
@-moz-document url-prefix() {
  select {
    padding-right: 18px;
  }
}
input[type="submit"] {
  padding-left: 20px;
  padding-right: 20px;
}
input[type="submit"].disabled, input[type="submit"][disabled] {
  cursor: not-allowed;
}

.hidden-component {
  display: none;
}

.webform-component-required .form-required {
  display: none;
}

.form-item {
  margin: 0 0 10px;
}
.form-item:before, .form-item:after {
  content: "";
  display: table;
}
.form-item:after {
  clear: both;
}

@media only screen and (min-width: 960px) {
  .webform-component {
    width: 49%;
  }
  .webform-component:nth-child(odd) {
    clear: left;
    float: left;
  }
  .webform-component:nth-child(even) {
    clear: right;
    float: right;
  }
  .webform-component.webform-component-markup, .webform-component.webform-container-inline {
    float: none;
    clear: both;
    padding-left: 51%;
    position: relative;
    width: 100%;
  }
  .webform-component.webform-component-markup .form-type-radio,
  .webform-component.webform-component-markup .form-type-checkbox, .webform-component.webform-container-inline .form-type-radio,
  .webform-component.webform-container-inline .form-type-checkbox {
    display: inline-block;
    float: none;
    margin-right: 20px;
    width: auto;
  }
  .webform-component.webform-component-markup {
    padding: 0;
  }
  .webform-component.webform-component--WebComments, .webform-component.webform-component--TermsofUse, .webform-component.webform-component--SunPowerNewsOffers {
    clear: both;
    float: none;
    width: 100%;
  }
}

@media only screen and (min-width: 960px) {
  .webform-component-normalized.webform-component.field-full-width, .section-refinance-information-request .webform-component.field-full-width, .site-global .webform-component.field-full-width,
  .site-au .webform-component.field-full-width,
  .site-de .webform-component.field-full-width,
  .site-fr .webform-component.field-full-width,
  .site-it .webform-component.field-full-width,
  .site-jp .webform-component.field-full-width,
  .site-nl .webform-component.field-full-width,
  .site-uk .webform-component.field-full-width {
    width: 99%;
  }
  .webform-component-normalized.webform-component.webform-container-inline, .section-refinance-information-request .webform-component.webform-container-inline, .site-global .webform-component.webform-container-inline,
  .site-au .webform-component.webform-container-inline,
  .site-de .webform-component.webform-container-inline,
  .site-fr .webform-component.webform-container-inline,
  .site-it .webform-component.webform-container-inline,
  .site-jp .webform-component.webform-container-inline,
  .site-nl .webform-component.webform-container-inline,
  .site-uk .webform-component.webform-container-inline {
    width: 99%;
    padding-left: 49%;
  }
  .webform-component-normalized:nth-child(odd), .section-refinance-information-request .webform-component:nth-child(odd), .site-global .webform-component:nth-child(odd),
  .site-au .webform-component:nth-child(odd),
  .site-de .webform-component:nth-child(odd),
  .site-fr .webform-component:nth-child(odd),
  .site-it .webform-component:nth-child(odd),
  .site-jp .webform-component:nth-child(odd),
  .site-nl .webform-component:nth-child(odd),
  .site-uk .webform-component:nth-child(odd), .webform-component-normalized:nth-child(even), .section-refinance-information-request .webform-component:nth-child(even), .site-global .webform-component:nth-child(even),
  .site-au .webform-component:nth-child(even),
  .site-de .webform-component:nth-child(even),
  .site-fr .webform-component:nth-child(even),
  .site-it .webform-component:nth-child(even),
  .site-jp .webform-component:nth-child(even),
  .site-nl .webform-component:nth-child(even),
  .site-uk .webform-component:nth-child(even) {
    clear: none;
    float: left;
    margin-left: .5%;
    margin-right: .5%;
  }
}

@media only screen and (min-width: 960px) {
  .site-sunpower .view-mode-colorbox .webform-component {
    width: 100%;
  }
}

.view-mode-colorbox .webform-component--TermsofUseText {
  font-size: .8em;
}

.view-mode-colorbox .webform-header .node-title {
  display: none;
}

.lesson-plan-webform {
  padding: 0;
}

.lesson-plan-webform .form-item {
  margin-bottom: 15px;
}

.lesson-plan-webform label {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

@media only screen and (min-width: 960px) {
  .lesson-plan-webform .webform-component:nth-child(odd),
  .lesson-plan-webform .webform-component:nth-child(even) {
    float: none;
    width: auto;
  }
}

.lesson-plan-webform input.webform-submit {
  max-width: 190px;
}

.webform-component-fieldset {
  margin: 0 0 28px;
  padding: 0 0 28px;
  border: none;
  border-bottom: 1px dashed #9cbccd;
}

.form-actions {
  clear: both;
}

input.webform-submit {
  width: 100%;
}

.privacy-container,
.terms-container {
  box-shadow: 0 3px 5px white inset;
  background-color: white;
  border: 1px solid #f2f6f8;
  border-top: 2px solid #0076be;
  overflow: auto;
  padding: 15px 20px;
  height: 250px;
}

.webform-component.webform-component--contact-info--CompanyType label, .webform-component.webform-component--Company label {
  display: none;
}

.pac-container {
  z-index: 100042;
}

.pane-bean-dbs-new-banner .flexslider .flex-control-nav {
  bottom: 16px;
  right: 10px;
  width: 30%;
}
@media only screen and (min-width: 768px) {
  .pane-bean-dbs-new-banner .flexslider .flex-control-nav {
    bottom: 20px;
    width: 100%;
    right: 0;
  }
}

.newsletter_webform_cta {
  background-color: #0076be;
  color: white;
  padding: 20px 30px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 1025px) {
  .newsletter_webform_cta {
    padding: 30px 55px;
    min-height: 210px;
  }
}

.newsletter_webform_cta h1 {
  color: white;
  margin-top: 22px;
  margin-bottom: 0px;
  font-size: 36px;
  line-height: 1.1;
  font-weight: 300;
}

@media only screen and (min-width: 1025px) {
  .newsletter_webform_cta p {
    margin-bottom: 16px;
  }
}

.newsletter_webform_cta .sub_text {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 4px;
  font-weight: 400;
}

.newsletter_webform_cta .sub_text a {
  color: white;
  font-weight: 600;
  text-decoration: none;
}

.newsletter_webform_cta a:hover {
  text-decoration: underline;
}

.newsletter_webform_cta .webform-component {
  width: auto;
  display: inline-block;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.newsletter_webform_cta .webform-component:nth-child(odd) {
  clear: inherit;
  float: none;
}

article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden,
.newsletter_webform_cta .newsltr--container {
  display: inline-block;
  vertical-align: top;
  padding: 5px 5px;
}
@media only screen and (min-width: 1025px) {
  article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden,
  .newsletter_webform_cta .newsltr--container {
    margin: auto 0px auto 0px;
  }
}

article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden {
  display: block;
}
@media only screen and (min-width: 1025px) {
  article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden {
    display: inline-block;
    width: 43%;
  }
}

article.node-webform.newsletter_webform_cta div.field-name-body.field-label-hidden,
.node-4896 .field-name-body {
  padding-top: 0px;
}

.newsletter_webform_cta .field-name-body + form,
.newsletter_webform_cta .field-name-body + div {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .newsletter_webform_cta .field-name-body + form,
  .newsletter_webform_cta .field-name-body + div {
    display: inline-block;
    width: 57%;
  }
}

.newsletter_webform_cta .newsltr--form {
  width: 100%;
}

.newsletter_webform_cta .newsltr--container {
  display: block;
}

.newsletter_webform_cta .webform-client-form {
  display: block;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: transparent;
  width: 100%;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .newsletter_webform_cta .newsltr--email,
  .newsletter_webform_cta .newsltr--actions {
    display: inline-block;
  }
}

.newsletter_webform_cta .newsltr--email {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .newsletter_webform_cta .newsltr--email {
    width: 65%;
  }
}
@media only screen and (min-width: 1025px) {
  .newsletter_webform_cta .newsltr--email {
    margin-top: 28px;
    width: 75%;
  }
}

.newsletter_webform_cta .form-email {
  color: #5e6367;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  width: 100%;
}
.newsletter_webform_cta .form-email.placeholder {
  color: #9cbccd;
}
.newsletter_webform_cta .form-email:-moz-placeholder {
  color: #9cbccd;
}
.newsletter_webform_cta .form-email::-moz-placeholder {
  color: #9cbccd;
}
.newsletter_webform_cta .form-email::-webkit-input-placeholder {
  color: #9cbccd;
}
.newsletter_webform_cta .form-email:focus {
  box-shadow: 0px 0px 0 #0076be, 0 3px 5px #f2f6f8 inset;
  border: 0;
}

.newsletter_webform_cta .form-email.error {
  border-color: #ef373e;
}

.newsletter_webform_cta .form-item:before,
.newsletter_webform_cta .form-item:after {
  display: none;
}

.newsletter_webform_cta .form-submit {
  width: auto;
  margin-top: 10px;
  background: #f7921e;
}
@media only screen and (min-width: 768px) {
  .newsletter_webform_cta .form-submit {
    width: 100%;
    margin-left: 20px;
    margin-top: 0px;
  }
}
.newsletter_webform_cta .form-submit:hover, .newsletter_webform_cta .form-submit:focus, .newsletter_webform_cta .form-submit:active {
  background: #f26a36;
}

.newsletter_webform_cta .links {
  display: none;
}

.newsletter_webform_cta .webform-confirmation {
  text-align: center;
}

.webform--error {
  color: white;
  line-height: 1.333;
  font-size: 15px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  width: 80%;
}

#form-b input.placeholder,
#form-b textarea.placeholder {
  color: #9cbccd;
}
#form-b input:-moz-placeholder,
#form-b textarea:-moz-placeholder {
  color: #9cbccd;
}
#form-b input::-moz-placeholder,
#form-b textarea::-moz-placeholder {
  color: #9cbccd;
}
#form-b input::-webkit-input-placeholder,
#form-b textarea::-webkit-input-placeholder {
  color: #9cbccd;
}

#form-b label,
#form-b p {
  font-size: 16px;
  color: #5e6367;
}

#form-b a {
  color: #0076be;
  text-decoration: underline;
}

#form-b input.webform-submit {
  width: auto;
}

#form-b .webform-component.webform-container-inline {
  padding-left: 0;
  width: 49%;
  float: left;
}

#form-b .webform-component.webform-container-inline > label {
  position: relative;
  display: inline;
  width: auto;
  margin-right: 0;
}

#form-b .terms-container {
  display: none;
}

#form-b .webform-component--TermsofUseText p {
  font-size: 12px;
  line-height: 1.5;
  color: #5e6367;
}

#form-b .webform-component--TermsofUseText p:last-child {
  margin-bottom: 0;
}

#colorbox #form-b {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#colorbox #form-b .node__title {
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}

#colorbox #form-b .webform-client-form {
  padding: 0;
}

#colorbox #form-b .webform-component {
  width: 100%;
}

#colorbox .messages--error,
#colorbox .messages--warning,
#colorbox .messages--notice,
#colorbox .messages--status {
  width: 90%;
  margin: 6px auto;
}

#cboxClose {
  background: none;
  color: transparent;
  font-size: 0;
}
#cboxClose:before {
  font-family: 'svg-icons';
  content: '\EA0D';
  display: block;
  font-size: 20px;
  color: #f7921e;
  text-indent: 0;
}

.colorbox-only,
.target-test .webform-header {
  display: none;
}

#colorbox .colorbox-only,
#colorbox .target-test .webform-header {
  display: block;
}

.b2b-contact-form {
  position: relative;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 20px 0 0;
}

.b2b-contact-form .msg-group {
  color: #5e6367;
  margin: 20px 0px;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 17px 22px;
}

.b2b-contact-form .msg-group--error .msg-item {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
}

.b2b-contact-form .dropdown-tabs {
  margin-left: 0px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .b2b-contact-form .dropdown-tabs {
    margin-left: 10px;
  }
}

.b2b-contact-form .block_details {
  margin: 20px auto;
}

.b2b-contact-form .webform-client-form {
  margin-top: 0;
  padding: 10px 0 0;
  background-image: none;
}

.b2b-contact-form,
.b2b-contact-form label {
  color: white;
}

.b2b-contact-form .block-title {
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .b2b-contact-form .block-title {
    margin-bottom: -10px;
  }
}

.b2b-contact-form .b2b-contact-form-audience {
  float: none;
  clear: none;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .b2b-contact-form .b2b-contact-form-audience {
    display: table-row;
  }
}

.b2b-contact-form .b2b-contact-form-audience label {
  display: block;
}
@media only screen and (min-width: 768px) {
  .b2b-contact-form .b2b-contact-form-audience label {
    font-size: 26px;
    display: table-cell;
    font-weight: 100;
  }
}

.b2b-contact-form .b2b-contact-form-audience select {
  display: table-cell;
}

.b2b-contact-form .webform-component-fieldset {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 1em;
}

.b2b-contact-form input,
.b2b-contact-form input:focus,
.b2b-contact-form textarea,
.b2b-contact-form textarea:focus {
  margin: 10px 0px;
  padding-left: 0;
  padding-bottom: 6px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  border: none;
  border-bottom: solid 2px white;
  color: white;
  border-radius: 0;
  box-shadow: none;
}
.b2b-contact-form input.placeholder,
.b2b-contact-form input:focus.placeholder,
.b2b-contact-form textarea.placeholder,
.b2b-contact-form textarea:focus.placeholder {
  text-transform: uppercase;
  color: white;
}
.b2b-contact-form input:-moz-placeholder,
.b2b-contact-form input:focus:-moz-placeholder,
.b2b-contact-form textarea:-moz-placeholder,
.b2b-contact-form textarea:focus:-moz-placeholder {
  text-transform: uppercase;
  color: white;
}
.b2b-contact-form input::-moz-placeholder,
.b2b-contact-form input:focus::-moz-placeholder,
.b2b-contact-form textarea::-moz-placeholder,
.b2b-contact-form textarea:focus::-moz-placeholder {
  text-transform: uppercase;
  color: white;
}
.b2b-contact-form input::-webkit-input-placeholder,
.b2b-contact-form input:focus::-webkit-input-placeholder,
.b2b-contact-form textarea::-webkit-input-placeholder,
.b2b-contact-form textarea:focus::-webkit-input-placeholder {
  text-transform: uppercase;
  color: white;
}

.b2b-contact-form textarea,
.b2b-contact-form textarea:focus {
  margin-top: 0;
}

.b2b-contact-form .b2b-contact-form--form input[type="text"].error,
.b2b-contact-form .b2b-contact-form--form input[type="email"].error,
.b2b-contact-form .b2b-contact-form--form input[type="password"].error,
.b2b-contact-form .b2b-contact-form--form input[type="number"].error,
.b2b-contact-form .b2b-contact-form--form textarea.error {
  border: none;
  border-bottom: 2px solid red;
  border-radius: 0;
  box-shadow: none;
}

.b2b-contact-form .error:before {
  background: none;
}

.b2b-contact-form .messages label,
.b2b-contact-form .messages ul li {
  background: transparent;
  border-bottom: 0px solid rgba(255, 255, 255, 0.4);
  padding: 0px;
  font-size: 12px;
  display: inline-block;
  margin-right: 10px;
  color: #5e6367;
}

.b2b-contact-form .webform-component--contact-info--SolarForHome.checkbox-select .styled-checkbox {
  width: 15px;
  height: 15px;
  border-radius: 20px;
  border: solid 2px white;
  cursor: pointer;
}

.b2b-contact-form .webform-component--contact-info--SolarForHome.checkbox-select .styled-checkbox.active {
  background-color: white;
}

.b2b-contact-form select option,
.b2b-contact-form select {
  margin: 10px 0px;
  padding-left: 0;
  padding-bottom: 6px;
  background: none;
  border: none;
  border-bottom: solid 2px white;
  border-radius: 0;
  box-shadow: none;
  color: white;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  -moz-outline: none;
  outline: none;
}

.b2b-contact-form select option {
  border-bottom: none;
  color: #39607a;
}

.b2b-contact-form select:after {
  font-family: 'svg-icons';
  content: '\EA03';
  font-size: 50%;
  float: right;
  margin-left: 10px;
  line-height: 3;
}

.b2b-contact-form .webform-component--contact-info--SolarForHome {
  position: relative;
}

.b2b-contact-form .webform-component-fieldset input,
.b2b-contact-form .webform-component-fieldset label,
.b2b-contact-form .webform-component-fieldset textarea {
  color: white;
  background-color: #9cbccd;
}

.b2b-contact-form .sunpower-phone {
  float: right;
  margin-top: -5px;
  width: 80%;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 1px;
}

.b2b-contact-form .sunpower-phone p {
  margin: 8px 0px;
}

.b2b-contact-form .form-actions {
  width: 150px;
  display: inline-block;
  margin-top: 0px;
}

.b2b-contact-form .form-actions .form-submit {
  padding: 12px 25px;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: #f7921e;
}
.b2b-contact-form .form-actions .form-submit:hover, .b2b-contact-form .form-actions .form-submit:focus, .b2b-contact-form .form-actions .form-submit:active {
  background: #f26a36;
}

.b2b-contact-form .webform-component--contact-info--SolarForHome {
  position: relative;
}

.b2b-contact-form .webform-component--contact-info--SolarForHome label {
  position: relative;
  left: 25px;
}

.b2b-contact-form .webform-component--contact-info--Country:after {
  font-family: 'svg-icons';
  content: '\EA03';
  font-size: 50%;
  float: right;
  margin-top: -40px;
  margin-right: 6px;
  line-height: 3;
}

.b2b-contact-form .close-button {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 33px;
  height: 33px;
  overflow: hidden;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.b2b-contact-form .close-button:before {
  font-family: 'svg-icons';
  content: '\EA0D';
  display: block;
  font-size: 30px;
  color: white;
  text-indent: 0;
}

.dropdown-tabs__current-link.-is-active {
  border: 1px solid transparent;
}

.b2b-contact-form .dropdown-tabs__current-link,
.b2b-contact-form .dropdown-tabs__dropdown-item a {
  white-space: nowrap;
  padding-right: 50px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .b2b-contact-form .dropdown-tabs__current-link,
  .b2b-contact-form .dropdown-tabs__dropdown-item a {
    font-size: 28px;
  }
}
@media only screen and (min-width: 769px) {
  .b2b-contact-form .dropdown-tabs__current-link,
  .b2b-contact-form .dropdown-tabs__dropdown-item a {
    max-width: none;
  }
}

.b2b-contact-form .dropdown-tabs__current-link {
  color: white;
  padding: 6px 4px;
  border: 1px solid transparent;
  border-bottom: 1px solid white;
}

.b2b-contact-form .dropdown-tabs__current-link.-is-active {
  background-color: transparent;
  color: white;
  border: 1px solid transparent;
  border-bottom: 1px solid #5e6367;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: border-box;
}

#cboxMiddleLeft,
#cboxMiddleRight {
  display: none;
}

#cboxOverlay {
  opacity: 0.5 !important;
}

.webform-component.wrapper-full-width {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .webform-component.wrapper-full-width {
    width: 100%;
  }
}

main[role="main"] > .contextual-links-region > .contextual-links-wrapper {
  right: 55px;
}

body .panel-pane {
  max-width: 100%;
}

body.page-panels .panels-flexible-region {
  width: 100% !important;
}

[role="main"] .panel-pane.pane-node-body {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  [role="main"] .panel-pane.pane-node-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.flexslider {
  position: relative;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.flexslider .flex-control-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  z-index: 2;
}

.flexslider .flex-control-nav {
  position: absolute;
  width: 100%;
  bottom: -8px;
  text-align: center;
  z-index: 2;
}
@media only screen and (min-width: 960px) {
  .flexslider .flex-control-nav {
    bottom: 0;
  }
}

.flexslider .flex-direction-nav a {
  transition: none;
}

.flexslider .flex-direction-nav a:before {
  content: normal;
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 40px;
}

.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
  background: url("../images/icon-sprite.png") no-repeat transparent;
  font-size: 0;
  height: 40px;
  text-indent: -999px;
  width: 44px;
}

.flexslider .flex-direction-nav a.flex-prev {
  left: -8px;
  background-position: -10px -443px;
}
@media only screen and (min-width: 960px) {
  .flexslider .flex-direction-nav a.flex-prev {
    left: 10px;
  }
}
.flexslider .flex-direction-nav a.flex-prev:hover {
  background-position: -120px -443px;
}

.flexslider .flex-direction-nav a.flex-next {
  right: -24px;
  background-position: -70px -443px;
}
@media only screen and (min-width: 960px) {
  .flexslider .flex-direction-nav a.flex-next {
    right: 10px;
  }
}
.flexslider .flex-direction-nav a.flex-next:hover {
  background-position: -180px -443px;
}

.flexslider .flex-control-paging li a {
  display: block;
  height: 19px;
  width: 19px;
  border: 2px solid #f2f6f8;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  text-indent: -9999px;
}
@media only screen and (min-width: 960px) {
  .flexslider .flex-control-paging li a {
    height: 16px;
    width: 16px;
  }
}
.flexslider .flex-control-paging li a:hover {
  background: #0076be;
  border: 2px solid #0076be;
}

.flexslider .flex-control-paging li a.flex-active {
  border: 2px solid #f2f6f8;
  background: #f2f6f8;
}
.flexslider .flex-control-paging li a.flex-active:hover {
  border: 2px solid #0076be;
  background: #0076be;
}

.field-collection-view {
  margin: 0;
  padding: 0 0 0.3em;
  border-bottom: none;
}

.field-collection-container {
  border-bottom: none;
}

.pane-block h2.pane-title {
  margin-right: 25px;
  margin-left: 25px;
}

.bean-content-spacing {
  margin-right: 25px;
  margin-left: 25px;
}

.bean-content-flush {
  padding-right: 0px;
  padding-left: 0px;
}

.entity-bean .lazyload-inline {
  display: block;
}

.entity-bean .field-type-link-field a {
  margin: 0 2px 4px;
}

.entity-bean .link-align-left .field-type-link-field {
  text-align: left;
}

.entity-bean .link-align-right .field-type-link-field {
  text-align: right;
}

.entity-bean .link-align-center .field-type-link-field {
  text-align: center;
}

.entity-bean .content-align-left .field-type-text-long,
.entity-bean .content-align-left .field-name-field-colcarousel-subtitle {
  text-align: left;
}

.entity-bean .content-align-right .field-type-text-long,
.entity-bean .content-align-right .field-name-field-colcarousel-subtitle {
  text-align: right;
}

.entity-bean .content-align-center .field-type-text-long,
.entity-bean .content-align-center .field-name-field-colcarousel-subtitle {
  text-align: center;
}

.pane-column-bean h2.pane-title {
  margin-bottom: 15px;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.05;
}

.entity-bean .field-name-field-banner-title,
.entity-bean .field-name-field-subhead,
.entity-bean .field-name-field-beantext-title,
.entity-bean .field-name-field-colcarousel-subtitle,
.entity-bean .field-name-field-imgbean-title {
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 300;
  line-height: 105%;
}
@media only screen and (min-width: 960px) {
  .entity-bean .field-name-field-banner-title,
  .entity-bean .field-name-field-subhead,
  .entity-bean .field-name-field-beantext-title,
  .entity-bean .field-name-field-colcarousel-subtitle,
  .entity-bean .field-name-field-imgbean-title {
    margin-bottom: 35px;
    font-size: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .entity-bean .field-name-field-banner-title,
  .entity-bean .field-name-field-subhead,
  .entity-bean .field-name-field-beantext-title,
  .entity-bean .field-name-field-colcarousel-subtitle,
  .entity-bean .field-name-field-imgbean-title {
    font-size: 50px;
  }
}

.bean-column-carousel .field-name-field-colcarousel-subtitle {
  margin-bottom: 16px;
  font-size: 18px;
}

.entity-bean .field-type-text-long {
  padding-top: 0;
  padding-bottom: 15px;
}

.entity-bean .field-name-field-icon-flex {
  padding-top: 2px;
  padding-bottom: 4px;
}

.entity-bean .field-name-field-top-image {
  margin-bottom: 12px;
}

.bean-flexible-layout-bean {
  position: relative;
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop--250 img {
    margin-top: -250px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop--150 img {
    margin-top: -150px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop--100 img {
    margin-top: -100px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop--50 img {
    margin-top: -50px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop-250 img {
    margin-top: 250px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop-150 img {
    margin-top: 150px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop-100 img {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean .sunstyle-large-positiontop-50 img {
    margin-top: 50px;
  }
}

.bean-flexible-layout-bean.bean-content-backgroundimage div.background-img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.bean-flexible-layout-bean.bean-content-backgroundimage .background-img img {
  float: left;
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage .background-img img.lazyload {
    min-height: 400px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage .background-img img.lazyloaded {
    min-height: 0;
  }
}

.bean-flexible-layout-bean.bean-content-backgroundimage .content-outside {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage .content-outside {
    position: absolute;
    float: none;
  }
}

@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-cover .content-outside {
    position: relative;
  }
}

.bean-background-width-cover .field-type-text-long {
  padding-bottom: 0;
}

.bean-flexible-layout-bean.bean-content-backgroundimage .content-outside > * {
  position: relative;
  width: 50%;
  padding: 3%;
}
@media only screen and (max-width: 959px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage .content-outside > * {
    width: 100% !important;
    padding: 5%;
  }
}

.bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-cover .content-outside > * {
  margin: 0 auto;
  width: 85% !important;
  padding: 30px 0 60px;
}
@media only screen and (min-width: 768px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-cover .content-outside > * {
    width: 75% !important;
    padding: 60px 0;
  }
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-cover .content-outside > * {
    width: 61.803% !important;
  }
}

.bean-flexible-layout-bean.bean-content-float-right .content-outside > * {
  float: left !important;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-float-right .content-outside > * {
    float: right !important;
  }
}

.bean-flexible-layout-bean.bean-content-float-center .content-outside {
  text-align: center;
}

.bean-flexible-layout-bean.bean-content-float-center .content-outside > * {
  margin: auto;
  float: none;
  text-align: left;
}

.bean-flexible-layout-bean.bean-content-color-white {
  color: #231f20 !important;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-color-white {
    color: white !important;
  }
}

.bean-flexible-layout-bean.bean-content-color-white h1,
.bean-flexible-layout-bean.bean-content-color-white h2,
.bean-flexible-layout-bean.bean-content-color-white h3,
.bean-flexible-layout-bean.bean-content-color-white h4,
.bean-flexible-layout-bean.bean-content-color-white h5 {
  color: #231f20;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-color-white h1,
  .bean-flexible-layout-bean.bean-content-color-white h2,
  .bean-flexible-layout-bean.bean-content-color-white h3,
  .bean-flexible-layout-bean.bean-content-color-white h4,
  .bean-flexible-layout-bean.bean-content-color-white h5 {
    color: white;
  }
}

.bean-flexible-layout-bean .field-name-field-bean-body p {
  font-weight: 300;
}

.bean-flexible-layout-bean.bean-content-align-center .content-outside > * {
  text-align: left;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-align-center .content-outside > * {
    text-align: center;
  }
}

.bean-flexible-layout-bean.bean-content-align-right .content-outside > * {
  text-align: left;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-align-right .content-outside > * {
    text-align: right;
  }
}

.bean-flexible-layout-bean.bean-background-width-cover .content-outside > * {
  text-align: center;
}

.l-full-width .bean-flexible-layout-bean.bean-content-backgroundimage .background-img img {
  width: 100%;
}

.bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half .background-img img {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half .background-img img {
    width: 50%;
  }
}

.bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half.bean-content-float-left .background-img img {
  margin-left: 0;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-backgroundimage.bean-background-width-half.bean-content-float-left .background-img img {
    margin-left: 50%;
  }
}

.bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * {
  padding: 50px 5%;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * {
    padding: 25px 5%;
    width: 100% !important;
  }
}

@media only screen and (max-width: 959px) {
  .bean-flexible-layout-bean.entity-bean {
    background-color: transparent !important;
    color: #231f20 !important;
  }
}

.bean-flexible-layout-bean.bean-background-width-cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * {
  margin: 0px 0px;
  padding: 20px 20px;
}

.no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item {
  margin-bottom: 0px;
}

.no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item .field-collection-container {
  margin-bottom: 0px;
}

.no-padding-no-margin .bean-flexible-layout-bean.bean-content-notbackgroundimage .content-outside > * .field-items > .field-item .field-collection-container .inner-container {
  padding: 0;
}

.bean-content-banner-carousel h2,
.bean-content-banner-carousel h3 {
  color: inherit;
}

.bean-content-banner-carousel .field-name-field-banner-body span {
  font-size: 22px;
}
@media only screen and (min-width: 768px) {
  .bean-content-banner-carousel .field-name-field-banner-body span {
    font-size: 36px;
  }
}

.bean-content-banner-carousel .entity-field-collection-item {
  position: relative;
}

.bean-content-banner-carousel .entity.bean_slider_color_white {
  color: #231f20;
}
@media only screen and (min-width: 960px) {
  .bean-content-banner-carousel .entity.bean_slider_color_white {
    color: white;
  }
}

.bean-content-banner-carousel .content-wrapper-js {
  padding: 5%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 959px) {
  .bean-content-banner-carousel .content-wrapper-js {
    position: relative;
    width: 100% !important;
  }
}

.bean-content-banner-carousel .bean_slider_float_right .content-wrapper-js {
  right: 0;
}

.bean-content-banner-carousel .bean_slider_float_center .middle-wrap {
  top: 0;
  position: absolute;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .bean-content-banner-carousel .bean_slider_float_center .middle-wrap {
    position: relative;
    text-align: left;
  }
}

.bean-content-banner-carousel .bean_slider_float_center .middle-wrap .content-wrapper-js {
  text-align: inherit;
  position: relative;
  margin: auto;
}
.bean-content-banner-carousel .bean_slider_textalign_left .middle-wrap > .content-wrapper-js {
  text-align: left;
}
.bean-content-banner-carousel .bean_slider_textalign_center .middle-wrap > .content-wrapper-js {
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .bean-content-banner-carousel .bean_slider_textalign_center .middle-wrap > .content-wrapper-js {
    text-align: left;
  }
}
.bean-content-banner-carousel .bean_slider_textalign_right .middle-wrap > .content-wrapper-js {
  text-align: left;
}
@media only screen and (min-width: 960px) {
  .bean-content-banner-carousel .bean_slider_textalign_right .middle-wrap > .content-wrapper-js {
    text-align: right;
  }
}

.bean-content-column-carousel .entity-field-collection-item {
  position: relative;
}
.bean-content-column-carousel .entity-field-collection-item {
  padding: 15px;
}
.bean-content-column-carousel .content-wrapper-js {
  padding-top: 10px;
  top: 0;
  width: 100%;
  z-index: 1;
}
.bean-content-column-carousel ul.field-collection-view-links, .bean-content-column-carousel ul.action-links-field-collection-add {
  display: none;
}
.bean-content-column-carousel ol.flex-control-nav {
  display: none !important;
}

.field-name-field-colcarousel-video-embed .field-item {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.field-name-field-colcarousel-video-embed .field-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.field-name-field-colcarousel-body {
  font-weight: 300;
}

.field-name-field-colcarousel-image {
  margin-bottom: 15px;
}

.bean-content-column .entity-field-collection-item {
  position: relative;
}
.bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item {
  float: left;
  margin: 10px 0 35px;
  padding-right: 2%;
  width: 100%;
}
@media only screen and (max-width: 959px) {
  .bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item {
    width: 100% !important;
  }
}
.bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item > .field-collection-view {
  padding: 0 40px;
}
@media only screen and (max-width: 959px) {
  .bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item > .field-collection-view {
    padding: 0 0;
  }
}
.bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item .field-label {
  display: none;
}
.bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item .field-name-field-beantext-title {
  font-weight: bold;
  font-size: 120%;
}
.bean-content-column .field-collection-container .field-name-field-bean-text > .field-items > .field-item .field {
  float: left;
  width: 100%;
  display: block;
}
.bean-content-column.bean-content-column-count-2 .field-collection-container .field-name-field-bean-text > .field-items > .field-item {
  width: 50%;
}
.bean-content-column.bean-content-column-count-3 .field-collection-container .field-name-field-bean-text > .field-items > .field-item {
  width: 33%;
}

.bean-content-image-row .entity-field-collection-item {
  position: relative;
}
.bean-content-image-row .field-label {
  display: none;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item {
  border-bottom: 1px dashed #5e6367;
  float: left;
  margin: 10px 0;
  padding: 10px 0;
  width: 100%;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item.last {
  border-bottom: none;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field {
  float: left;
}
@media only screen and (max-width: 959px) {
  .bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field {
    width: 100% !important;
    padding-right: 0 !important;
  }
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field-type-file {
  width: 20%;
  padding-right: 1%;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field-type-text,
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field-type-text-long {
  width: 65%;
  padding-right: 1%;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .content > .field-type-link-field {
  width: 15%;
  text-align: center;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .field-name-field-beantext-title {
  font-weight: bold;
  font-size: 120%;
}
.bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .field-collection-view.no-img .content > .field-type-text, .bean-content-image-row .field-collection-container .field-name-field-bean-image > .field-items > .field-item .field-collection-view.no-img .content > .field-type-text-long {
  width: 85%;
}

.see-footnote {
  cursor: pointer;
}

body .entity-bean .footnotes {
  display: none;
  z-index: inherit;
}
body .entity-bean .see-footnote {
  font-size: 12px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}
body .entity-bean span.fauxWrap {
  position: relative;
}
body .entity-bean span.fauxWrap span.inside_el {
  border-radius: 10px;
  background: #231f20;
  color: white;
  bottom: 30px;
  display: none;
  float: right;
  font-size: 13px;
  padding: 9px;
  position: absolute;
  right: -150px;
  width: 300px;
  z-index: 1;
  text-align: center;
}

.l-full-width .field-name-field-slide-block {
  clear: both;
}

.field-name-field-slide-block .entity-bean {
  margin: 0;
}

.zip_address_wrapper {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .zip_address_wrapper {
    width: 500px;
  }
}

form.address-bean-form {
  margin-bottom: 15px;
}
form.address-bean-form .form-item {
  margin-bottom: 0;
}
form.address-bean-form .approved {
  background-color: #69b342;
  background-color: rgba(126, 194, 70, 0.8);
}
form.address-bean-form .approved .check {
  color: #69b342;
}
form.address-bean-form .not-approved {
  background-color: #f7921e;
  background-color: rgba(244, 171, 77, 0.8);
}
form.address-bean-form .not-approved .check {
  color: #f7921e;
}
form.address-bean-form .inner-container {
  padding: 15px;
}
form.address-bean-form .inner-container:before, form.address-bean-form .inner-container:after {
  content: "";
  display: table;
}
form.address-bean-form .inner-container:after {
  clear: both;
}
form.address-bean-form .field-name-field-address-prefix.field-type-text-long,
form.address-bean-form .field-name-field-zip-suffix.field-type-text-long,
form.address-bean-form .field-name-field-address-suffix.field-type-text-long
.field-name-field-address-prefix.field-type-text-long {
  padding-top: 10px;
}
form.address-bean-form .field-name-field-address-prefix.field-type-text-long h2, form.address-bean-form .field-name-field-address-prefix.field-type-text-long h3, form.address-bean-form .field-name-field-address-prefix.field-type-text-long h4,
form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h2,
form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h3,
form.address-bean-form .field-name-field-zip-suffix.field-type-text-long h4,
form.address-bean-form .field-name-field-address-suffix.field-type-text-long
.field-name-field-address-prefix.field-type-text-long h2,
form.address-bean-form .field-name-field-address-suffix.field-type-text-long
.field-name-field-address-prefix.field-type-text-long h3,
form.address-bean-form .field-name-field-address-suffix.field-type-text-long
.field-name-field-address-prefix.field-type-text-long h4 {
  color: inherit;
  margin-top: 3px;
  margin-bottom: 3px;
}
form.address-bean-form .field-name-field-address-prefix {
  clear: both;
}
form.address-bean-form .text-button {
  width: 100%;
  background-color: white;
  border: 1px solid #f2f6f8;
  border-radius: 4px;
  overflow: hidden;
}
form.address-bean-form .text-button .check {
  padding-top: 14px;
  float: left;
}
form.address-bean-form .text-button:before, form.address-bean-form .text-button:after {
  content: "";
  display: table;
}
form.address-bean-form .text-button:after {
  clear: both;
}
form.address-bean-form .text-button [type="text"],
form.address-bean-form .text-button [type="text"]:focus {
  box-shadow: none;
  padding-right: 0;
}
form.address-bean-form .text-button [type="text"].placeholder,
form.address-bean-form .text-button [type="text"]:focus.placeholder {
  color: #9cbccd;
}
form.address-bean-form .text-button [type="text"]:-moz-placeholder,
form.address-bean-form .text-button [type="text"]:focus:-moz-placeholder {
  color: #9cbccd;
}
form.address-bean-form .text-button [type="text"]::-moz-placeholder,
form.address-bean-form .text-button [type="text"]:focus::-moz-placeholder {
  color: #9cbccd;
}
form.address-bean-form .text-button [type="text"]::-webkit-input-placeholder,
form.address-bean-form .text-button [type="text"]:focus::-webkit-input-placeholder {
  color: #9cbccd;
}
form.address-bean-form .text-button [type="text"] {
  background-color: white;
  border: 0;
  color: #231f20;
  font-size: 24px;
  height: 50px;
}
form.address-bean-form .text-button__text {
  float: left;
  margin-right: 0;
}
form.address-bean-form .zip .text-button__text {
  width: 60%;
}
form.address-bean-form .text-button__button {
  width: 29%;
  float: right;
}
form.address-bean-form .text-button__button [type="button"],
form.address-bean-form .text-button__button [type="submit"] {
  background-color: #0076be;
  border: 0 solid transparent;
  color: white;
  font-size: 14px;
  height: 50px;
  width: 100%;
  border-radius: 4px;
}
form.address-bean-form .text-button__button [type="button"].disabled,
form.address-bean-form .text-button__button [type="submit"].disabled {
  background-image: none;
  background-color: #f2f6f8;
}

@media only screen and (min-width: 768px) {
  .bean_slider_float_right .entity-bean {
    float: right;
  }
}
.bean_slider_float_right .address-bean-form .field-name-field-zip-suffix, .bean_slider_float_right .address-bean-form .field-name-field-address-suffix {
  clear: both;
}
.bean_slider_float_right .address-bean-form .text-button {
  float: right;
}

.bean-split-column-wysiwyg {
  color: #5e6367;
  padding: 10px 40px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bean-split-column-wysiwyg:before, .bean-split-column-wysiwyg:after {
  content: "";
  display: table;
}
.bean-split-column-wysiwyg:after {
  clear: both;
}
@media only screen and (min-width: 1064px) {
  .bean-split-column-wysiwyg {
    padding: 30px 145px;
  }
}

.bean-split-column-wysiwyg h1,
.bean-split-column-wysiwyg h2,
.bean-split-column-wysiwyg h3,
.bean-split-column-wysiwyg h4,
.bean-split-column-wysiwyg h5 {
  color: inherit !important;
}

.bean-split-column-wysiwyg__column {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 769px) {
  .bean-split-column-wysiwyg__column {
    width: 47%;
  }
}

.bean-split-column-wysiwyg__column.right-column {
  float: right;
}

.bean-split-column-wysiwyg.has-one-column .bean-split-column-wysiwyg__column {
  width: 100%;
}

.bean-split-column-wysiwyg .media-youtube-video {
  position: relative;
  padding: 0;
  padding-bottom: 56.25%;
  height: 0;
}
.bean-split-column-wysiwyg .media-youtube-video iframe, .bean-split-column-wysiwyg .media-youtube-video object, .bean-split-column-wysiwyg .media-youtube-video embed, .bean-split-column-wysiwyg .media-youtube-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bean-fact-banner {
  padding: 20px 0;
  color: #39607a;
}
.bean-fact-banner:before, .bean-fact-banner:after {
  content: "";
  display: table;
}
.bean-fact-banner:after {
  clear: both;
}

.bean-fact-banner__title {
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
}

.bean-fact-banner__title,
.bean-fact-banner__subhead {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

.bean-fact-banner__subhead {
  line-height: 1.3;
  margin-bottom: 35px;
}

.bean-fact-banner__facts {
  display: block;
  line-height: 1.3;
  max-width: 360px;
  margin: 10px auto 0;
  padding: 0 30px;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner__facts {
    max-width: 100%;
    padding: 0;
  }
}

.bean-fact-banner__facts .field-item {
  padding: 10px 5%;
}

.bean-fact-banner__facts--one-col .field-item {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
}

.bean-fact-banner__facts--two-cols .field-items,
.bean-fact-banner__facts--three-cols .field-items {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner__facts--two-cols .field-items,
  .bean-fact-banner__facts--three-cols .field-items {
    display: table;
    table-layout: fixed;
  }
}

.bean-fact-banner__facts--two-cols .field-item,
.bean-fact-banner__facts--three-cols .field-item {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner__facts--two-cols .field-item,
  .bean-fact-banner__facts--three-cols .field-item {
    display: table-cell;
    vertical-align: middle;
  }
}

.bean-fact-banner__facts--two-cols .field-item:first-child {
  border-bottom: 2px solid #f2f6f8;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner__facts--two-cols .field-item {
    width: 50%;
  }
  .bean-fact-banner__facts--two-cols .field-item:first-child {
    border: 0;
    border-right: 2px solid #f2f6f8;
  }
}

.bean-fact-banner__facts--three-cols .field-item:first-child {
  border-bottom: 2px solid #f2f6f8;
}
.bean-fact-banner__facts--three-cols .field-item:last-child {
  border-top: 2px solid #f2f6f8;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner__facts--three-cols .field-item {
    text-align: left;
    width: 33%;
  }
  .bean-fact-banner__facts--three-cols .field-item:first-child, .bean-fact-banner__facts--three-cols .field-item:last-child {
    border: 0;
  }
  .bean-fact-banner__facts--three-cols .field-item:first-child {
    border-right: 2px solid #f2f6f8;
  }
  .bean-fact-banner__facts--three-cols .field-item:last-child {
    border-left: 2px solid #f2f6f8;
  }
}

.bean-fact-banner.-has-bg-img {
  padding: 60px 0 40px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1025px) {
  .bean-fact-banner.-has-bg-img {
    padding: 100px 0;
  }
}

.bean-fact-banner.-light-text {
  color: white;
}

.bean-fact-banner.-light-text .bean-fact-banner__facts--two-cols .field-item:first-child, .bean-fact-banner.-light-text .bean-fact-banner__facts--two-cols .field-item:last-child,
.bean-fact-banner.-light-text .bean-fact-banner__facts--three-cols .field-item:first-child,
.bean-fact-banner.-light-text .bean-fact-banner__facts--three-cols .field-item:last-child {
  border-color: white;
}

.teaser-grid {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #5e6367;
}
.teaser-grid:before, .teaser-grid:after {
  content: "";
  display: table;
}
.teaser-grid:after {
  clear: both;
}

.teaser-grid__title {
  margin-bottom: 30px;
  font-size: 14px;
  color: #39607a;
  font-weight: 700;
  text-align: center;
}

.teaser-grid__title span {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}
.teaser-grid__title span:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 0;
  width: 70%;
  height: 2px;
  background: #f7921e;
}

.teaser-grid__body {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
}

.teaser-grid .field-name-field-case-studies,
.teaser-grid .field-name-field-lesson-plans {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .teaser-grid .field-name-field-case-studies,
  .teaser-grid .field-name-field-lesson-plans {
    text-align: left;
  }
}

.teaser-grid .field-name-field-case-studies > .field-items > .field-item,
.teaser-grid .field-name-field-lesson-plans > .field-items > .field-item,
.teaser-grid .view-all-case-studies .views-row,
.teaser-grid .view-all-lesson-plans .views-row {
  display: block;
}
@media only screen and (min-width: 768px) {
  .teaser-grid .field-name-field-case-studies > .field-items > .field-item,
  .teaser-grid .field-name-field-lesson-plans > .field-items > .field-item,
  .teaser-grid .view-all-case-studies .views-row,
  .teaser-grid .view-all-lesson-plans .views-row {
    display: inline-block;
    vertical-align: top;
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .teaser-grid .field-name-field-case-studies > .field-items > .field-item,
  .teaser-grid .field-name-field-lesson-plans > .field-items > .field-item,
  .teaser-grid .view-all-case-studies .views-row,
  .teaser-grid .view-all-lesson-plans .views-row {
    width: 33%;
  }
}

.teaser-grid__teaser-wrapper {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 1000;
  background: #f2f6f8;
  max-width: 1280px;
  overflow: hidden;
  width: 100%;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
}

.teaser-grid__close-button {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 1;
  overflow: hidden;
  background: url('../images/layout-icons-sa9fdfd0885.png') 0 0;
  height: 26px;
  width: 26px;
  text-indent: -99999em;
}
@media only screen and (min-width: 768px) {
  .teaser-grid__close-button {
    top: 20px;
    right: 70px;
  }
}

.teaser-grid__teaser-wrapper.lesson-plan-form .teaser-grid__teaser,
.teaser-grid__teaser-wrapper .view-partner-case-studies,
.teaser-grid__teaser-wrapper .view-customer-stories {
  padding: 50px 20px 40px;
}
@media only screen and (min-width: 768px) {
  .teaser-grid__teaser-wrapper.lesson-plan-form .teaser-grid__teaser,
  .teaser-grid__teaser-wrapper .view-partner-case-studies,
  .teaser-grid__teaser-wrapper .view-customer-stories {
    padding: 20px 120px 40px;
  }
}

.lesson-plan-form {
  max-height: 100vh;
  overflow: auto;
}

.lesson-plan-form .teaser-grid__teaser > div {
  background-color: white;
  box-shadow: 0 7px 15px rgba(35, 31, 32, 0.21);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: calc((100% + 240px) / 2);
}

.lesson-plan-form .webform-client-form {
  padding-left: 0;
  padding-right: 0;
}

.lesson-plan-form .webform-component {
  clear: none !important;
  float: none !important;
  width: 100% !important;
}

.lesson-plan-form label {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

.lesson-plan-disclaimer {
  font-size: 0.88em;
}

.lesson-plan-form .webform-submit {
  width: auto;
}

.contains-gated-form article.node-webform div.field-name-body.field-label-hidden {
  padding: 0;
}

.contains-gated-form .webform-client-form .form-actions {
  margin-bottom: 0;
}

.lesson-plan-form h2,
.contains-gated-form h2 {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  color: #5e6367;
}

.gated-confirmation {
  padding: 6px 0;
  text-align: center;
}

.lesson-plan-form p,
.gated-confirmation p {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}

.gated-confirmation p a {
  text-decoration: none;
}

.teaser-grid .views-widget-filter-field_target_audience_target_id,
.teaser-grid .views-widget-filter-field_education_level_tid {
  width: 100%;
  text-align: center;
}

.teaser-grid .views-widget-filter-field_target_audience_target_id label,
.teaser-grid .views-widget-filter-field_education_level_tid label,
.teaser-grid .views-widget-filter-field_target_audience_target_id .views-widget,
.teaser-grid .views-widget-filter-field_education_level_tid .views-widget {
  display: inline-block;
  font-size: 24px;
}

.teaser-grid .views-widget-filter-field_target_audience_target_id label,
.teaser-grid .views-widget-filter-field_education_level_tid label {
  font-weight: 400;
}

.teaser-grid .views-widget-filter-field_target_audience_target_id .views-widget,
.teaser-grid .views-widget-filter-field_education_level_tid .views-widget {
  text-align: left;
}

.teaser-grid .view-content {
  padding: 0px 40px;
}

.teaser-grid .view-mode-snippet {
  text-align: left;
}

.teaser-grid__footer-link {
  padding: 30px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.teaser-grid__footer-link a {
  text-decoration: none;
}

.teaser-grid .pager-show-more hr {
  border-color: #f2f6f8;
  margin-top: 0;
  margin-bottom: 0;
  width: 69px;
}

.teaser-grid .pager-show-more-next a,
.view-customer-stories .pager-show-more-next a {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-indent: -99999em;
  width: 29px;
  height: 16px;
  background: url('../images/layout-icons-sa9fdfd0885.png') 0 -105px;
  transform: rotate(180deg);
}

.teaser-grid .pager-show-more-next:only-child a,
.view-customer-stories .pager-show-more-next:only-child a {
  width: 150px;
  height: 59px;
  background: url('../images/layout-icons-sa9fdfd0885.png') 0 -46px;
  transform: none;
}

.teaser-grid .pager-show-fewer a {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  text-indent: -99999em;
  width: 29px;
  height: 16px;
  background: url('../images/layout-icons-sa9fdfd0885.png') 0 -105px;
}

.extended-hero .flexslider .flex-control-nav {
  display: none;
}

.extended-hero .field-collection-item-field-extended-hero-slide .hero-content {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(35, 31, 32, 0.6));
  height: 100%;
  position: relative;
  z-index: 1;
}

.extended-hero .hero-content > .content {
  width: 100%;
  height: 100%;
  position: relative;
}

.extended-hero .maintext {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 20px;
  padding-left: 20px;
}

.extended-hero .text-shadow .maintext:before {
  content: '';
  background-image: radial-gradient(closest-side, rgba(35, 31, 32, 0.8), rgba(0, 0, 0, 0));
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -100%;
  bottom: 0;
  left: -100%;
}
@media only screen and (min-width: 769px) {
  .extended-hero .text-shadow .maintext:before {
    top: -60%;
    right: 10%;
    bottom: -60%;
    left: 10%;
  }
}

.extended-hero .subtext {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: inline-block;
  width: 100%;
  text-align: right;
  font-family: Open Sans, sans-serif;
  padding-top: 15px;
  padding-right: 12px;
  padding-bottom: 15px;
  padding-left: 12px;
}
@media only screen and (min-width: 768px) {
  .extended-hero .subtext {
    padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
}

.extended-hero .field-name-field-partner-text {
  font-weight: 100;
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .extended-hero .field-name-field-partner-text {
    font-size: 30px;
  }
}

.extended-hero .field-name-field-partner-description {
  font-size: 14px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .extended-hero .field-name-field-partner-description {
    font-size: 16px;
  }
}

.extended-hero__pretext {
  font-size: 14px;
  text-align: center;
  color: #f7921e;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .extended-hero__pretext {
    font-size: 18px;
  }
}

.extended-hero__pretext .field-name-field-subhead {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.extended-hero__title {
  font-size: 42px;
  line-height: 50px;
  text-align: center;
  margin: 0px;
  font-weight: 100;
  letter-spacing: -.02em;
}
@media only screen and (min-width: 480px) {
  .extended-hero__title {
    font-size: 48px;
  }
}

.light .extended-hero__title {
  color: white;
}

.extended-hero .light {
  color: white;
}

.extended-hero .dark * {
  color: #5e6367;
}

.extended-hero .summary {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.375;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8em;
  text-align: center;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .extended-hero .summary {
    max-width: 520px;
  }
}

.bean-extended-hero-bean {
  overflow: hidden;
}

.bean-extended-hero-bean .field-collection-item-field-extended-hero-slide {
  height: 420px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bean-extended-hero-bean .field-collection-item-field-extended-hero-slide {
    height: 630px;
  }
}

.bean-extended-hero-bean .hero-bg-image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bean-extended-hero-bean .hero-bg-image .field-item {
  position: inherit !important;
}

.bean-extended-hero-bean .hero-bg-image img:not(.lazyloader-icon) {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  width: auto;
  max-width: none;
  height: 100%;
}

.extended-hero.medium .field-collection-item-field-extended-hero-slide {
  height: 420px;
}
@media only screen and (min-width: 768px) {
  .extended-hero.medium .field-collection-item-field-extended-hero-slide {
    height: 450px;
  }
}

.extended-hero.small .field-collection-item-field-extended-hero-slide {
  height: 130px;
}
@media only screen and (min-width: 768px) {
  .extended-hero.small .field-collection-item-field-extended-hero-slide {
    height: 200px;
  }
}

.bean-extended-hero-bean.is-panning .hero-bg-image {
  top: -25%;
  left: 0;
  height: 150%;
  width: 150%;
  transform: translateX(-16%);
  transition: transform 40s 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.bean-extended-hero-bean.is-panning .flex-active-slide .hero-bg-image {
  transform: translateX(0);
}

.extended-hero .field-name-field-banner-link {
  margin-top: 30px;
  text-align: center;
}

.bean-carousel-base .slides .dark {
  background-color: #39607a;
  color: white;
}

.bean-carousel-base .flexslider {
  overflow: hidden;
}

.bean-carousel-base .flexslider,
.bean-carousel-base .flexslider .slides > li > div {
  min-height: 470px;
}

.bean-carousel-base .slides > li {
  position: relative;
}

.bean-carousel-base .slides > li > div {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bean-carousel-bean-alternate-2 .slides > li > div {
  padding-top: 65px;
  padding-right: 40px;
  padding-bottom: 25px;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate-2 .slides > li > div {
    padding-top: 65px;
    padding-right: 100px;
    padding-bottom: 65px;
    padding-left: 100px;
  }
}

.bean-carousel-base .slide-primary {
  text-align: left;
}

.bean-carousel-base .slide-navigation h1,
.bean-carousel-base .slide-primary h1 {
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 12px;
  color: white;
  font-size: 20px;
  line-height: 125%;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .slide-navigation h1,
  .bean-carousel-base .slide-primary h1 {
    font-size: 30px;
    display: block;
    max-width: none;
  }
}

.bean-carousel-base .slide-navigation .slide-group p,
.bean-carousel-base .slide-navigation a {
  color: #5e6367;
  text-decoration: none;
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slides > li > .slide-navigation {
    display: table;
    border-collapse: separate;
    border-spacing: 40px 0px;
    width: 100%;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
  }
}

.bean-carousel-bean-alternate-2 .slide-navigation .arrowdown-circle {
  position: absolute;
  bottom: 20px;
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .slide-content {
    display: table-row;
  }
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .slide-content > .slide-group,
  .bean-carousel-base .slide-navigation .slide-content > a {
    display: table-cell;
    width: 25%;
    padding-top: 30px;
    padding-right: 25px;
    padding-bottom: 85px;
    padding-left: 25px;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0);
    position: relative;
  }
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .slide-content a:hover {
    background-color: white;
    border: 1px solid #f26a36;
  }
}

.bean-carousel-base .close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  background-image: url(../images/close-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 38px;
  width: 38px;
}

.bean-carousel-base .slide-secondary h1 {
  font-size: 24px;
  color: white;
  padding-bottom: 8px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 125%;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .slide-secondary h1 {
    width: 85%;
  }
}

.bean-carousel-base .slide-navigation .slide-group .pretext {
  display: block;
  font-size: 22px;
  text-align: center;
  border-bottom: 0px;
  margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .slide-group .pretext {
    font-size: 18px;
    font-weight: 100;
    color: #f26a36;
    border-bottom: 0px;
    margin-top: auto;
    text-align: left;
  }
}

.bean-carousel-base .slide-navigation .slide-group .supplemental-text {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .slide-group .supplemental-text {
    display: block;
  }
}

.bean-carousel-bean-alternate .slide-secondary h1,
.entity-bean.bean-carousel-base .field-name-field-subhead,
.bean-carousel-base .pretext {
  color: white;
  font-size: 11px;
  font-weight: 600;
  border-bottom: 2px solid #f26a36;
  display: inline-block;
  margin-bottom: 6px;
  padding-bottom: 8px;
  padding-right: 10px;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-bean-alternate .slide-secondary h1,
  .entity-bean.bean-carousel-base .field-name-field-subhead,
  .bean-carousel-base .pretext {
    color: white;
    font-size: 14px;
    border-bottom: 2px solid #f26a36;
    text-transform: none;
    width: auto;
  }
}

.bean-carousel-bean-alternate a {
  color: inherit;
}

.bean-carousel-bean-alternate .slide-secondary h1 {
  padding-bottom: 5px;
}

.bean-carousel-bean-alternate .pretext,
.entity-bean.bean-carousel-bean-alternate .field-name-field-subhead {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  color: #f7921e;
  font-weight: 600;
  line-height: 1.333;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-bean-alternate .pretext,
  .entity-bean.bean-carousel-bean-alternate .field-name-field-subhead {
    border-bottom: 0;
    color: #f7921e;
    font-weight: bold;
  }
}

.bean-carousel-bean-alternate .slide-secondary .pretext {
  display: none !important;
}

.bean-carousel-bean-alternate .slide-secondary h1 {
  margin-bottom: 30px;
  font-size: 18px;
}

.entity-bean.bean-carousel-base a:hover .field-name-field-subhead {
  color: #f26a36;
}

.bean-carousel-base .content p {
  font-weight: 100;
  font-size: 13px;
  line-height: 125%;
  color: white;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .content p {
    font-size: 16px;
    max-width: none;
  }
}

.bean-carousel-bean-alternate .content p {
  line-height: 150%;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .content p {
    line-height: 150%;
    font-size: 18px;
  }
}

.bean-carousel-base .arrowdown-circle {
  display: block;
  background-image: url(../images/arrowDown-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.bean-carousel-bean-alternate .arrowdown-circle {
  height: auto;
  background: none;
  color: white;
  font-size: 36px;
  font-weight: normal;
}

.bean-carousel-base .supplemental-pager {
  position: absolute;
  z-index: 5;
  bottom: 14px;
  right: 13px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .supplemental-pager {
    bottom: 24px;
    right: 20px;
  }
}

.bean-carousel-base .supplemental-pager a {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 100;
  opacity: .6;
  text-align: center;
  font-size: 32px;
  width: 32px;
  height: 34px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .supplemental-pager a {
    font-size: 26px;
    width: 24px;
    height: 30px;
  }
}

.bean-carousel-base .supplemental-pager a:hover {
  opacity: 1;
}

.bean-carousel-base .supplemental-pager .sep {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-base .supplemental-pager .sep {
    display: inline;
    width: 1px;
    font-size: 26px;
    border-right: 1px solid white;
    margin-left: 0px;
    margin-right: 3px;
    opacity: .6;
    overflow: hidden;
  }
}

.bean-carousel-bean-alternate .supplemental-pager {
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  margin-top: -24px;
}

.bean-carousel-bean-alternate .supplemental-pager a {
  position: absolute;
  transition: none;
}

.bean-carousel-bean-alternate .supplemental-pager a:before {
  content: normal;
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 40px;
}

.bean-carousel-bean-alternate .supplemental-pager a.prev,
.bean-carousel-bean-alternate .supplemental-pager a.next {
  background: url("../images/icon-sprite.png") no-repeat transparent;
  font-size: 0;
  height: 40px;
  text-indent: -999px;
  width: 44px;
}

.bean-carousel-bean-alternate .supplemental-pager a.prev {
  left: -8px;
  background-position: -10px -443px;
}
@media only screen and (min-width: 960px) {
  .bean-carousel-bean-alternate .supplemental-pager a.prev {
    left: 14px;
  }
}
.bean-carousel-bean-alternate .supplemental-pager a.prev:hover {
  background-position: -120px -443px;
}

.bean-carousel-bean-alternate .supplemental-pager a.next {
  right: -24px;
  background-position: -70px -443px;
}
@media only screen and (min-width: 960px) {
  .bean-carousel-bean-alternate .supplemental-pager a.next {
    right: 10px;
  }
}
.bean-carousel-bean-alternate .supplemental-pager a.next:hover {
  background-position: -180px -443px;
}

.bean-carousel-base .slide-navigation .arrowDown-circle {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-base .slide-navigation .arrowDown-circle {
    display: block;
  }
}

.bean-carousel-bean-alternate-2 .arrowDown-circle {
  position: absolute;
  bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate-2 .slide-secondary {
    display: table;
  }

  .bean-carousel-bean-alternate-2 .slide-secondary .slide-content {
    display: table-row;
  }

  .bean-carousel-bean-alternate-2 .main-text + .supplemental-text,
  .bean-carousel-bean-alternate-2 .slide-secondary .main-text {
    display: table-cell;
  }

  .bean-carousel-bean-alternate-2 .slide-secondary .main-text {
    padding-right: 20px;
  }
}
.bean-carousel-bean-alternate-2 .slide-secondary .main-text + .supplemental-text {
  background-color: #9cbccd;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  color: #39607a;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate-2 .slide-secondary .main-text + .supplemental-text {
    width: 245px;
    margin-top: 0px;
    margin-bottom: 65px;
    padding-top: 38px;
    padding-right: 24px;
    padding-bottom: 38px;
    padding-left: 24px;
    font-size: 14px;
  }
}

.bean-carousel-bean-alternate-2 .slide-primary .slide-content {
  text-align: center;
  padding-top: 10%;
  width: 55%;
  margin: 0px auto;
}

.bean-carousel-bean-alternate-2 .slide-primary .arrowDown-circle {
  margin-bottom: 60px;
}

.bean-carousel-bean-alternate-2 .supplemental-text h2 {
  margin-top: 0px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.bean-carousel-bean-alternate-2 .supplemental-text ul {
  padding-left: 20px;
}

.bean-carousel-bean-alternate-2 .supplemental-text li {
  list-style-type: disc;
}

.bean-carousel-bean-alternate .content img {
  width: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .content img {
    max-width: 29%;
    float: left;
    margin-right: 2%;
  }
}

@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .slide-secondary .maintext {
    width: 100%;
    float: left;
  }
}

@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .field-name-field-description {
    font-size: 18px;
    line-height: 1.333;
  }
}

.bean-carousel-bean-alternate li > div {
  background-color: #f2f6f8;
}

.bean-carousel-bean-alternate .slide-primary .content,
.bean-carousel-bean-alternate .slide-secondary .content {
  min-height: 470px;
}
.bean-carousel-bean-alternate .slide-primary .content:before, .bean-carousel-bean-alternate .slide-primary .content:after,
.bean-carousel-bean-alternate .slide-secondary .content:before,
.bean-carousel-bean-alternate .slide-secondary .content:after {
  content: "";
  display: table;
}
.bean-carousel-bean-alternate .slide-primary .content:after,
.bean-carousel-bean-alternate .slide-secondary .content:after {
  clear: both;
}

.bean-carousel-bean-alternate .slide-primary {
  background-color: #39607a;
}

.bean-carousel-bean-alternate .slide-primary .content {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 70px;
  padding-left: 30px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .slide-primary .content {
    padding-top: 120px;
    padding-right: 80px;
    padding-bottom: 120px;
    padding-left: 80px;
  }
}

.bean-carousel-bean-alternate .slide-primary h1 {
  display: block;
}

.bean-carousel-bean-alternate .slide-secondary .content {
  height: 100%;
  background-color: rgba(58, 97, 123, 0.85098);
  padding: 45px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .slide-secondary .content {
    float: right;
    width: 410px;
    padding-top: 80px;
    padding-right: 100px;
    padding-bottom: 30px;
    padding-left: 30px;
  }
}

.bean-carousel-bean-alternate .flex-control-navs {
  position: relative;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .flex-control-navs {
    position: absolute;
    bottom: 30px;
    top: auto;
    padding-left: 80px;
    padding-right: 80px;
  }
}

.bean-carousel-bean-alternate .flex-control-nav {
  position: relative;
  display: none;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .flex-control-nav {
    display: block;
    padding-top: 20px;
    border-top: 3px solid rgba(255, 255, 255, 0.5);
  }
}

.bean-carousel-bean-alternate .flex-control-nav li {
  font-size: 14px;
  display: block;
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .flex-control-nav li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
    margin-right: 25px;
  }
}

.bean-carousel-bean-alternate .flex-control-nav a {
  padding: 3px 0;
  border-bottom: solid 2px rgba(247, 146, 30, 0.7);
  text-decoration: none;
  color: white;
  transition: 0.3s ease all;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .flex-control-nav a {
    display: block;
  }
}
.bean-carousel-bean-alternate .flex-control-nav a:hover, .bean-carousel-bean-alternate .flex-control-nav a:focus {
  border-bottom-color: #f7921e;
  color: #f7921e;
}

.bean-carousel-bean-alternate .mobile-menu-control {
  display: block;
  margin: auto;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-bean-alternate .mobile-menu-control {
    display: none;
  }
}

.bean-carousel-bean-alternate .mobile-menu-control a {
  display: block;
  color: white;
  text-decoration: none;
}

.bean-carousel-bean-alternate .mobile-menu-control a:hover {
  opacity: .8;
}

.bean-carousel-base .hide {
  display: none;
}

.bean-carousel-base .show {
  display: block;
}

@media only screen and (max-width: 959px) {
  .bean-carousel-bean-alternate .flex-control-nav {
    bottom: 20px;
  }
}
.bean-carousel-vertical-base .flexslider {
  overflow: hidden;
}

.bean-carousel-vertical-base .slide_nav_secondary {
  display: block;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 0px;
}

.bean-carousel-vertical-base .slide_0 .logo {
  width: auto !important;
  margin-top: 40px;
}

.bean-carousel-vertical-base .flexslider .slide_parent .slide_nav_secondary {
  margin-bottom: 10px;
}

.bean-carousel-vertical-base .flexslider .slide_tab .slide_nav_secondary {
  margin-bottom: 0px;
}

.bean-carousel-vertical-base .slide_nav_secondary li {
  display: inline-block;
}

.bean-carousel-vertical-base .slide_nav_secondary li a {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px 6px;
  text-decoration: none;
  color: #5e6367;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .slide_nav_secondary li a {
    font-size: 14px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 4px 6px;
  }
}

.bean-carousel-vertical-base .slide_nav_secondary li::after {
  content: " | ";
}

.bean-carousel-vertical-base .slide_nav_secondary li:last-child::after {
  content: "";
}

.bean-carousel-vertical-base .slide_nav_secondary li.active a:hover,
.bean-carousel-vertical-base .slide_nav_secondary li.active a {
  background-color: transparent;
  color: #f7921e;
  font-weight: bold;
  cursor: default;
}

.bean-carousel-vertical-base .slide_nav_secondary li.active a:hover,
.bean-carousel-vertical-base .slide_nav_secondary li a:hover {
  text-decoration: none;
  color: #f7921e;
}

.bean-carousel-vertical-base .flexslider .flex-control-paging {
  border-collapse: separate;
  border-spacing: 0px 5px;
  display: table;
  margin-right: 0px;
  margin-top: 80px;
  right: 0px;
  text-indent: 0px;
  top: 0px;
  vertical-align: middle;
  vertical-align: text-top;
  width: 29px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .flexslider .flex-control-paging {
    margin-right: 20px;
  }
}

.bean-carousel-vertical-base .flexslider .flex-control-paging li {
  margin: 0 6px;
  display: table-row;
  zoom: 1;
}

.bean-carousel-vertical-base .flexslider .flex-control-paging li a {
  text-decoration: none;
  height: 14px;
  width: 14px;
  margin: 15px 5px;
  border: 2px solid #f7921e;
  background: #f7921e;
}

.bean-carousel-vertical-base .flexslider .flex-control-paging li a:hover {
  border-color: #f7921e;
  background-color: transparent;
}

.bean-carousel-vertical-base .flexslider .flex-control-paging li a.flex-active {
  border-color: #f7921e;
  background-color: transparent;
}

.bean-carousel-vertical-base .slide .slide-content {
  padding-top: 40px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .slide .slide-content {
    padding-top: 40px;
    padding-left: 110px;
    padding-right: 110px;
    padding-bottom: 50px;
    margin-bottom: 25px;
  }
}

.bean-carousel-vertical-base .slide,
.bean-carousel-vertical-base .slide h1,
.bean-carousel-vertical-base .slide h2,
.bean-carousel-vertical-base .slide p,
.bean-carousel-vertical-base .slide li {
  color: #5e6367;
}

.bean-carousel-vertical-base .slide .slide-img {
  display: block;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .slide .slide-img {
    width: 55%;
    float: right;
    margin-left: 20px;
  }
}

.bean-carousel-vertical-base .slides img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .slides img {
    width: auto;
  }
}

.bean-carousel-vertical-base .slide .tab-label {
  display: none;
}

.bean-carousel-vertical-base .slide .maintext h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.15;
}

.bean-carousel-vertical-base .slide .maintext ul {
  padding-left: 10px;
}

.bean-carousel-vertical-base .slide .maintext li {
  padding: 5px;
  list-style-type: none;
  position: relative;
}

.bean-carousel-vertical-base .slide .maintext li:before {
  content: '\2022';
  line-height: 21px;
  /*match the li line-height for vertical centered bullets*/
  position: absolute;
  left: -8px;
}

.bean-carousel-vertical-base .slide .maintext p {
  font-size: 18px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .slide_10 .maintext {
    float: none;
    width: 100%;
  }
}

.bean-carousel-vertical-base .slide_10 {
  text-align: center;
}

.bean-carousel-vertical-base .slide_10 h2 {
  font-size: 18px;
  font-weight: bold;
}

[role="main"] .bean-carousel-vertical-base table th,
[role="main"] .bean-carousel-vertical-base table td {
  padding: 12px;
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 100;
  vertical-align: top;
}

.bean-carousel-vertical-base .side_by_side h2,
[role="main"] .bean-carousel-vertical-base table th,
[role="main"] .bean-carousel-vertical-base .side_by_side table th,
[role="main"] .bean-carousel-vertical-base .slide_10 table td {
  text-align: center;
}

.bean-carousel-vertical-base .side_by_side h2 {
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .bean-carousel-vertical-base .side_by_side h2 {
    font-size: inherit;
  }
}

[role="main"] .bean-carousel-vertical-base table th {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

[role="main"] .bean-carousel-vertical-base .slide_10 table th:nth-child(2),
[role="main"] .bean-carousel-vertical-base .slide_10 table td:nth-child(2) {
  border-left: 3px solid #f2f6f8;
  border-right: 3px solid #f2f6f8;
  font-weight: bold;
}

[role="main"] .bean-carousel-vertical-base .slide_10 table {
  margin-top: 40px;
}

[role="main"] .bean-carousel-vertical-base table th {
  padding-top: 10px;
}

[role="main"] .bean-carousel-vertical-base .slide_10 table tr:last-child td {
  padding-bottom: 40px;
}

[role="main"] .bean-carousel-vertical-base table tr:nth-child(odd) {
  background-color: transparent;
}

[role="main"] .bean-carousel-vertical-base .slide_10 img {
  display: inline;
  margin-top: 20px;
  max-width: 300px;
}

.bean-carousel-vertical-base .side_by_side {
  text-align: left;
}

[role="main"] .bean-carousel-vertical-base .side_by_side table td {
  width: 50%;
  font-size: 12px;
}
@media only screen and (min-width: 1025px) {
  [role="main"] .bean-carousel-vertical-base .side_by_side table td {
    font-size: 14px;
  }
}

[role="main"] .bean-carousel-vertical-base .side_by_side table th:last-child,
[role="main"] .bean-carousel-vertical-base .side_by_side table td:last-child {
  border-left: 2px solid #f2f6f8;
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-vertical-base .side_by_side td .text_sub {
    max-width: 38%;
    float: right;
  }
}

.bean-carousel-vertical-base .side_by_side {
  padding-bottom: 20px;
}

.bean-carousel-vertical-base .side_by_side td .feature_sub {
  margin-top: 0px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
  .bean-carousel-vertical-base .side_by_side td .feature_sub {
    max-width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-vertical-base .side_by_side td:nth-child(1) .feature_sub {
    float: right;
    margin-right: 10px;
    margin-left: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-vertical-base .side_by_side td:nth-child(2) .feature_sub {
    float: left;
    margin-right: 40px;
    margin-left: 10px;
  }
}

@media only screen and (min-width: 1025px) {
  .bean-carousel-vertical-base .slide_2 .text_sub {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 1025px) {
  [role="main"] .bean-carousel-vertical-base .slide_2 .text_sub p:nth-child(n+2) {
    margin-top: 195px;
  }
}

@media only screen and (min-width: 1025px) {
  [role="main"] .bean-carousel-vertical-base .side_by_side table th {
    text-align: right;
    padding-right: 78px;
  }
}

@media only screen and (min-width: 1025px) {
  [role="main"] .bean-carousel-vertical-base .side_by_side table th:last-child {
    text-align: left;
    padding-left: 86px;
  }
}

@media only screen and (min-width: 1025px) {
  [role="main"] .bean-carousel-vertical-base .side_by_side table tr:nth-child(2) td:first-child {
    text-align: right;
  }
}

.bean-carousel-vertical-base .slide .slide-content li,
.bean-carousel-vertical-base .slide .slide-content p {
  font-size: 16px;
  line-height: 1.333;
}

.bean-carousel-vertical-base .slide_1 .slide-content p {
  font-size: 18px;
}

.bean-carousel-vertical-base .slide_10 .slide-content h2 {
  font-size: 18px;
}

.bean-background-switcher {
  position: relative;
  width: 100%;
  font-size: 19px;
  font-weight: 300;
}

.bean-background-switcher.bean-content-spacing {
  margin-left: 0;
  margin-right: 0;
}

.bean-background-switcher__background-image img {
  width: 100%;
}

.bean-background-switcher__inner-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 50px;
  padding-left: 65px;
  color: white;
}
@media only screen and (max-width: 959px) {
  .bean-background-switcher__inner-content {
    position: relative;
    float: left;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #231f20;
  }
}

.bean-background-switcher__inner-content-pane {
  width: 330px;
  float: right;
}
@media only screen and (max-width: 959px) {
  .bean-background-switcher__inner-content-pane {
    width: 100%;
  }
}

.bean-background-switcher__title {
  margin-bottom: 24px;
  font-size: 27px;
  line-height: 1.35;
}

.bean-background-switcher .field-name-field-main-copy {
  float: left;
  width: 66%;
  width: calc(100% - 350px);
  max-width: 66%;
  padding-right: 20px;
  font-size: 27px;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .bean-background-switcher .field-name-field-main-copy {
    font-size: 31px;
    line-height: 1.61;
  }
}
@media only screen and (max-width: 959px) {
  .bean-background-switcher .field-name-field-main-copy {
    width: 100%;
    max-width: 100%;
  }
}

.bean-background-switcher .field-name-field-right-panes.field-type-text-long {
  background: rgba(255, 255, 255, 0.5);
  padding-bottom: 0;
}

.bean-background-switcher .field-name-field-right-panes .field-item {
  padding: 20px 60px 20px 28px;
  border-bottom: 2px solid white;
  line-height: 2;
}
.bean-background-switcher .field-name-field-right-panes .field-item:last-child {
  border: 0;
}

[role="main"] .bean-background-switcher .field-name-field-right-panes .field-item p {
  padding-top: 0;
  padding-bottom: 0;
}

.equinox-details.equinox.node-type-product-site [role="main"] .bean-background-switcher .field-name-field-right-panes .field-item p {
  font-size: 19px;
}

.bean-background-switcher .field-name-field-switcher-heading {
  margin-bottom: 8px;
  font-weight: 300;
}

.bean-background-switcher__switcher {
  padding: 28px;
}
@media only screen and (max-width: 959px) {
  .bean-background-switcher__switcher {
    position: absolute;
    right: 40px;
    bottom: 100%;
    color: white;
  }
}

.bean-background-switcher__switcher-toggle {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  list-style: none;
}

.equinox.node-type-product-site [role="main"] .bean-background-switcher__switcher-item {
  font-size: 14px;
  margin-bottom: 0;
}

.bean-background-switcher__switcher-item {
  float: left;
  padding: 10px 22px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 400;
  color: #0076be;
  cursor: pointer;
}
.bean-background-switcher__switcher-item:last-child {
  border: 0;
}

.bean-background-switcher__switcher-item.-is-active {
  color: white;
  cursor: default;
}

.bean-helix-carousel-alternate {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bean-helix-carousel-alternate .slides {
  display: flex;
}

.bean-helix-carousel-alternate .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.bean-helix-carousel-alternate .slides > li:first-child {
  display: flex;
  -webkit-backface-visibility: visible;
}

.bean-helix-carousel-alternate .slides > .flex-active-slide {
  display: flex !important;
}

.bean-helix-carousel-alternate .field-name-field-helix-alt-slides {
  float: left;
  width: 100%;
}

.bean-helix-carousel-alternate__slide {
  position: relative;
}

.l-full-width .bean-helix-carousel-alternate__slide {
  width: 100%;
}

.bean-helix-carousel-alternate__image-wrapper {
  width: 100%;
}

.bean-helix-carousel-alternate__image-wrapper img {
  display: block;
  width: 100%;
}

.bean-helix-carousel-alternate__text-wrapper {
  padding: 20px 20px 30px;
}
@media only screen and (min-width: 480px) {
  .bean-helix-carousel-alternate__text-wrapper {
    padding: 30px 30px 40px;
  }
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate__text-wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 50%;
    height: 100%;
    padding: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 960px) {
  .bean-helix-carousel-alternate__text-wrapper {
    padding: 40px 80px 40px 40px;
  }
}

.bean-helix-carousel-alternate__eyebrow {
  margin-bottom: 16px;
  font-size: 11px;
  line-height: 0.9;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #f7921e;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate__eyebrow {
    position: absolute;
    top: 40px;
    margin-bottom: 0;
  }
}

.bean-helix-carousel-alternate .field-name-field-bean-heading,
.bean-flexible-layout-bean .field-name-field-subhead {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 300;
  letter-spacing: -0.03em;
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate .field-name-field-bean-heading,
  .bean-flexible-layout-bean .field-name-field-subhead {
    margin-left: -3px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .bean-helix-carousel-alternate .field-name-field-bean-heading,
  .bean-flexible-layout-bean .field-name-field-subhead {
    font-size: 44px;
  }
}

.bean-flexible-layout-bean.bean-content-color-white .field-name-field-subhead {
  color: #231f20;
}
@media only screen and (min-width: 960px) {
  .bean-flexible-layout-bean.bean-content-color-white .field-name-field-subhead {
    color: white;
  }
}

.bean-helix-carousel-alternate__slide.-dark .field-name-field-bean-heading {
  color: #f2f6f8;
}

.bean-helix-carousel-alternate .field-name-field-beantext-body {
  padding-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(57, 96, 122, 0.8);
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate .field-name-field-beantext-body {
    margin-top: 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 960px) {
  .bean-helix-carousel-alternate .field-name-field-beantext-body {
    font-size: 16px;
  }
}

.bean-helix-carousel-alternate__slide.-dark .field-name-field-beantext-body {
  color: #f2f6f8;
}

.bean-helix-carousel-alternate__slide.-dark .field-name-field-beantext-body a {
  color: inherit;
}

.bean-helix-carousel-alternate .field-name-field-beantext-body p {
  padding: 0;
  margin-bottom: 15px;
}

.bean-helix-carousel-alternate .field-name-field-beantext-body ul {
  margin-bottom: 15px;
}

.bean-helix-carousel-alternate .field-name-field-foot-note {
  font-size: 12px;
  color: rgba(94, 99, 103, 0.6);
}

.bean-helix-carousel-alternate__slide.-dark .field-name-field-foot-note {
  color: rgba(242, 246, 248, 0.6);
}

.bean-helix-carousel-alternate__inner-text {
  width: 100%;
}

.bean-helix-carousel-alternate__slide.-left .bean-helix-carousel-alternate__text-wrapper {
  left: 0;
}

.bean-helix-carousel-alternate__slide.-right .bean-helix-carousel-alternate__text-wrapper {
  right: 0;
}

.bean-helix-carousel-alternate__slide.-dark {
  background-color: #39607a;
}

.bean-helix-carousel-alternate__slide.-dark.-half .bean-helix-carousel-alternate__text-wrapper {
  background-color: #39607a;
}

.bean-helix-carousel-alternate__slide.-dark.-full .bean-helix-carousel-alternate__text-wrapper {
  background-color: #39607a;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate__slide.-dark.-full .bean-helix-carousel-alternate__text-wrapper {
    background-color: rgba(57, 96, 122, 0.8);
  }
}

.bean-helix-carousel-alternate__slide.-light.-half .bean-helix-carousel-alternate__text-wrapper {
  background-color: white;
}

.bean-helix-carousel-alternate__slide.-light.-full .bean-helix-carousel-alternate__text-wrapper {
  background-color: rgba(255, 255, 255, 0.85);
}

.bean-helix-carousel-alternate__pager {
  background: #f2f6f8;
}

.bean-helix-carousel-alternate__pager ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  clear: both;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

.bean-helix-carousel-alternate__pager ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f2f6f8;
  color: #f7921e;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 600;
  list-style: none;
  margin: 0;
  padding: 1rem 0.5rem;
  text-align: center;
  text-decoration: none;
  transition: all 360ms ease;
}
.bean-helix-carousel-alternate__pager ul li:hover, .bean-helix-carousel-alternate__pager ul li:focus, .bean-helix-carousel-alternate__pager ul li.helix-active-pager {
  margin-top: -0.5rem;
  padding-top: 1.25rem;
  transform: none;
  background: #e6eef1;
  color: #0076be;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate__pager ul li {
    float: none;
    padding: 1rem 0.5rem;
    margin: 0;
    height: auto;
    width: auto;
    border-radius: 0;
    border: none;
  }
}
@media only screen and (min-width: 960px) {
  .bean-helix-carousel-alternate__pager ul li {
    font-size: 0.9rem;
  }
}

.bean-helix-carousel-alternate .flex-prev,
.bean-helix-carousel-alternate .flex-next {
  display: block !important;
  opacity: 1 !important;
  position: absolute;
  top: 25%;
  z-index: 2;
  transform: translateY(-50%);
  width: 20px !important;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate .flex-prev,
  .bean-helix-carousel-alternate .flex-next {
    top: 50%;
  }
}

.bean-helix-carousel-alternate .flex-prev {
  background-position: -19px -445px !important;
  left: 0.5rem !important;
}
.bean-helix-carousel-alternate .flex-prev:hover {
  background-position: -129px -445px !important;
}
.bean-helix-carousel-alternate .flex-prev.flex-disabled {
  opacity: 0 !important;
  visibility: hidden !important;
}

.bean-helix-carousel-alternate .flex-next {
  background-position: -69px -445px !important;
  right: 0.5rem !important;
}
.bean-helix-carousel-alternate .flex-next:hover {
  background-position: -179px -445px !important;
}

.bean-helix-carousel-alternate__pager {
  display: none;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel-alternate__pager {
    display: block;
  }
}

.bean-media-section {
  padding: 50px 0;
  background: rgba(242, 246, 248, 0.5);
  text-align: center;
}

.bean-media-section__title {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 25px;
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .bean-media-section__title {
    font-size: 30px;
  }
}

.bean-media-section .field-name-field-file {
  margin-top: 30px;
}

.bean-media-section .field-name-field-bean-body {
  margin-top: 20px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}

.tooltipster-sidetip .tooltipster-box {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 10px 6px rgba(35, 31, 32, 0.1);
  margin-bottom: 0;
}

.tooltipster-sidetip .tooltipster-content {
  color: inherit;
}

.tooltipster-sidetip .footnote {
  list-style: none;
}

.tooltipster-sidetip .footnote-label {
  display: none;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: white;
  top: -1px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: white;
  left: 1px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: white;
  right: 1px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: white;
  top: 1px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #e9e9e9;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #e9e9e9;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #e9e9e9;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #e9e9e9;
}

.bean-tertiary-menu {
  position: relative;
  z-index: 5;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}
.bean-tertiary-menu:before, .bean-tertiary-menu:after {
  content: "";
  display: table;
}
.bean-tertiary-menu:after {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs {
    margin-left: 0;
  }
}

.bean-tertiary-menu .dropdown-tabs__current-link {
  position: relative;
  width: 100% !important;
  padding: 15px 0 50px;
  border: none;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background: #0076be;
  color: white;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__current-link {
    padding: 20px 40px 28px;
    text-align: left;
    font-size: 32px;
    font-weight: 300;
  }
}
.bean-tertiary-menu .dropdown-tabs__current-link:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: 52px;
  font-size: 17px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  transform-style: preserve-3d;
  transition: transform 360ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__current-link:after {
    font-size: 25px;
    left: auto;
    margin-left: 0;
    right: 40px;
    bottom: 23px;
  }
}
.bean-tertiary-menu .dropdown-tabs__current-link:before {
  content: 'More Industries';
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  padding-right: 25px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__current-link:before {
    left: auto;
    right: 55px;
    bottom: 34px;
  }
}
.bean-tertiary-menu .dropdown-tabs__current-link:hover:before {
  color: rgba(255, 255, 255, 0.7);
}
.bean-tertiary-menu .dropdown-tabs__current-link:hover:after {
  color: rgba(255, 255, 255, 0.7);
  transform: scaleX(1.15) scaleY(1.15);
}

.bean-tertiary-menu .dropdown-tabs__current-link.-is-active {
  border: none;
}
.bean-tertiary-menu .dropdown-tabs__current-link.-is-active:after {
  transform: rotateX(180deg);
}

.bean-tertiary-menu .dropdown-tabs__dropdown-item {
  padding: 0;
  width: 100% !important;
}

.bean-tertiary-menu .dropdown-tabs__dropdown-item a {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #0076be;
  transition: all 360ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__dropdown-item a {
    padding: 16px 40px;
    font-size: 20px;
  }
}
.bean-tertiary-menu .dropdown-tabs__dropdown-item a:hover, .bean-tertiary-menu .dropdown-tabs__dropdown-item a:focus {
  color: #39607a;
}

.bean-tertiary-menu .dropdown-tabs__dropdown-list {
  display: block;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  background: #f2f6f8;
  transition: max-height 360ms ease-in-out, padding 360ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__dropdown-list {
    left: 0;
  }
}

.bean-tertiary-menu .dropdown-tabs__dropdown-list.-is-active {
  width: 100% !important;
  max-height: 1000px;
  padding: 12px 0;
  border: none;
}
@media only screen and (min-width: 768px) {
  .bean-tertiary-menu .dropdown-tabs__dropdown-list.-is-active {
    left: 0;
    padding: 16px 0;
  }
}

.node-document.node-teaser .node-document__header-links {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.node-document.node-teaser .node-document__header-links a {
  color: #0076be;
  font-weight: 600;
  text-decoration: none;
}

.node-document.node-teaser .node-document__content,
.node-gated-content.node-teaser .node-gated-content__content,
.node-customer-story.node-teaser .node-cs__content {
  font-size: 14px;
  background: white;
  box-shadow: 0 7px 15px rgba(35, 31, 32, 0.21);
  font-weight: 400;
  line-height: 1.2;
  padding: 20px;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .node-document.node-teaser .node-document__content,
  .node-gated-content.node-teaser .node-gated-content__content,
  .node-customer-story.node-teaser .node-cs__content {
    display: table;
    table-layout: fixed;
  }
}

@media only screen and (min-width: 768px) {
  .node-document.node-teaser.no-image .node-document__content,
  .node-gated-content.node-teaser.no-image .node-gated-content__content,
  .node-gated-content .node-gated-content__content.contains-gated-form {
    width: calc((100% + 240px) / 2);
    margin: 0 auto;
  }
}

.node-document.node-teaser .node-title,
.node-document.node-teaser .field-name-field-company-name,
.node-document.node-teaser .field-name-field-subhead,
.node-gated-content.node-teaser .field-name-field-subhead,
.node-customer-story.node-teaser .field-name-field-story-title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 400;
}

.node-document.node-teaser .node-title,
.node-customer-story.node-teaser .field-name-field-story-title {
  margin-bottom: 20px;
}

.node-document.node-teaser .node-document__read-more {
  display: block;
  margin-top: 10px;
}

.node-document.node-teaser .node-document__text-wrapper,
.node-document.node-teaser .node-document__image-wrapper,
.node-gated-content.node-teaser .node-gated-content__text-wrapper,
.node-gated-content.node-teaser .node-gated-content__image-wrapper,
.node-customer-story.node-teaser .node-cs__text-wrapper,
.node-customer-story.node-teaser .node-cs__image-wrapper {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .node-document.node-teaser .node-document__text-wrapper,
  .node-document.node-teaser .node-document__image-wrapper,
  .node-gated-content.node-teaser .node-gated-content__text-wrapper,
  .node-gated-content.node-teaser .node-gated-content__image-wrapper,
  .node-customer-story.node-teaser .node-cs__text-wrapper,
  .node-customer-story.node-teaser .node-cs__image-wrapper {
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 1025px) {
  .node-document.node-teaser .node-document__image-wrapper,
  .node-gated-content.node-teaser .node-gated-content__image-wrapper,
  .node-customer-story.node-teaser .node-cs__image-wrapper {
    width: 40%;
    padding-left: 20px;
  }
}

.node-document.node-teaser .case-study-details,
.node-gated-content.node-teaser .node-gated-content__image-wrapper,
.node-customer-story.node-teaser .cs-details {
  margin-bottom: 50px;
}
@media only screen and (min-width: 480px) {
  .node-document.node-teaser .case-study-details,
  .node-gated-content.node-teaser .node-gated-content__image-wrapper,
  .node-customer-story.node-teaser .cs-details {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .node-document.node-teaser .case-study-details,
  .node-gated-content.node-teaser .node-gated-content__image-wrapper,
  .node-customer-story.node-teaser .cs-details {
    margin-bottom: 0;
  }
}

.node-document.node-teaser .case-study-details > .field:before, .node-document.node-teaser .case-study-details > .field:after,
.node-document.node-teaser .case-study-details > .field-collection-container:before,
.node-document.node-teaser .case-study-details > .field-collection-container:after {
  content: "";
  display: table;
}
.node-document.node-teaser .case-study-details > .field:after,
.node-document.node-teaser .case-study-details > .field-collection-container:after {
  clear: both;
}

.node-document.node-teaser .case-study-details > .field,
.node-customer-story .cs-details > .field,
.node-document.node-teaser .case-study-details > .field-collection-container > .field-name-field-other-info > .field-items > .field-item {
  padding: 10px 15px;
  margin-bottom: 0;
}
.node-document.node-teaser .case-study-details > .field:before, .node-document.node-teaser .case-study-details > .field:after,
.node-customer-story .cs-details > .field:before,
.node-customer-story .cs-details > .field:after,
.node-document.node-teaser .case-study-details > .field-collection-container > .field-name-field-other-info > .field-items > .field-item:before,
.node-document.node-teaser .case-study-details > .field-collection-container > .field-name-field-other-info > .field-items > .field-item:after {
  content: "";
  display: table;
}
.node-document.node-teaser .case-study-details > .field:after,
.node-customer-story .cs-details > .field:after,
.node-document.node-teaser .case-study-details > .field-collection-container > .field-name-field-other-info > .field-items > .field-item:after {
  clear: both;
}

.node-document.node-teaser .case-study-details > .field:nth-child(odd),
.node-customer-story .cs-details > .field:nth-child(odd),
.node-document.node-teaser .case-study-details > .field-collection-container:nth-child(odd) > .field-name-field-other-info > .field-items > .field-item:nth-child(odd),
.node-document.node-teaser .case-study-details > .field-collection-container:nth-child(even) > .field-name-field-other-info > .field-items > .field-item:nth-child(even) {
  background: #f2f6f8;
}

.node-document.node-teaser .case-study-details .field-items,
.node-document.node-teaser .case-study-details .field-label {
  float: none;
}

.node-document.node-teaser .case-study-details .field-label,
.node-document.node-teaser .case-study-details .field-item {
  display: block;
}
@media only screen and (min-width: 480px) {
  .node-document.node-teaser .case-study-details .field-label,
  .node-document.node-teaser .case-study-details .field-item {
    float: left;
    width: 50%;
  }
}

.node-customer-story.node-teaser .cs-details .field-label,
.node-customer-story.node-teaser .cs-details .field-item {
  display: block;
}
@media only screen and (min-width: 480px) {
  .node-customer-story.node-teaser .cs-details .field-label,
  .node-customer-story.node-teaser .cs-details .field-item {
    float: left;
  }
}

@media only screen and (min-width: 480px) {
  .node-customer-story.node-teaser .cs-details .field-label {
    width: 33.333%;
  }
}

@media only screen and (min-width: 480px) {
  .node-customer-story.node-teaser .cs-details .field-item {
    width: 66.666%;
  }
}

.node-document.node-teaser .case-study-details .field-label,
.node-document.node-teaser .case-study-details .field-name-field-label,
.node-customer-story.node-teaser .cs-details .field-label {
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  .node-document.node-teaser .case-study-details .field-label,
  .node-document.node-teaser .case-study-details .field-name-field-label,
  .node-customer-story.node-teaser .cs-details .field-label {
    margin-bottom: 0;
  }
}

.node-document.node-teaser .case-study-details .field-collection-container .field-item {
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .node-document.node-teaser .case-study-details .field-collection-container .field-item .field {
    float: left;
    width: 50%;
  }
}

.node-document.node-teaser .case-study-details .field-collection-view {
  padding: 0;
}

.node-document.node-teaser .case-study-details .field-name-field-label {
  font-weight: 700;
}

.node-document.view-mode-snippet,
.node-gated-content.view-mode-snippet {
  padding: 5% 10%;
  cursor: pointer;
}
.node-document.view-mode-snippet:hover,
.node-gated-content.view-mode-snippet:hover {
  background: #f2f6f8;
}

.node-document.view-mode-snippet header {
  background: none;
}

.node-document.view-mode-snippet .sharethis-buttons {
  display: none;
}

.node-document.view-mode-snippet,
.node-gated-content.view-mode-snippet {
  font-size: 16px;
  line-height: 1.25;
}

.node-document.view-mode-snippet .field-name-field-teaser-image {
  display: none;
}

.bean-partner-case-studies.image_display .node-document.view-mode-snippet .field-name-field-teaser-image,
.bean-partner-case-studies.image_display .node-gated-content.view-mode-snippet .field-name-field-teaser-image {
  display: block;
  margin: 8px 0px;
}

.node-gated-content .gated_link a {
  margin-bottom: 12px;
}

.node-document.view-mode-snippet .field-name-field-company-name {
  font-weight: 700;
}

.node-document.view-mode-snippet .field-name-field-summary {
  margin-top: 10px;
}

[class*="bean-interactive-"] {
  border-bottom: 1px solid #f2f6f8;
}
[class*="bean-interactive-"] > header {
  padding-bottom: 35px;
  position: relative;
  overflow: hidden;
}
[class*="bean-interactive-"] > header:before {
  background-image: url('../images/interactive-bean-header.png?1554331168');
  bottom: 0;
  content: '';
  display: block;
  height: 35px;
  left: 50%;
  margin-left: -591px;
  position: absolute;
  width: 1182px;
}
[class*="bean-interactive-"] > header .l-interactive-constraint {
  padding-top: 25px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 960px) {
  [class*="bean-interactive-"] > header .l-interactive-constraint {
    padding-bottom: 25px;
  }
}
[class*="bean-interactive-"] .ui-slider-wrapper {
  border-radius: 17px;
  background: #9cbccd;
  border: none;
  height: 34px;
  padding: 0 40px;
  position: relative;
}
[class*="bean-interactive-"] .ui-slider-horizontal {
  background: transparent;
  border: none;
  height: 100%;
  float: left;
  width: 100%;
}
[class*="bean-interactive-"] .ui-slider-end,
[class*="bean-interactive-"] .ui-slider-start {
  height: 100%;
  width: 38px;
}
[class*="bean-interactive-"] .ui-slider-start {
  float: left;
  margin-left: -40px;
}
[class*="bean-interactive-"] .ui-slider-end {
  float: right;
  margin-right: -40px;
}
[class*="bean-interactive-"] .ui-slider-handle {
  border-radius: 15px;
  background: white;
  border: none;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  margin-left: -38px;
  outline: none;
  top: 2px;
  width: 76px;
  text-align: center;
  text-decoration: none;
  color: #231f20;
  cursor: ew-resize;
  z-index: 3;
  padding-top: 30px;
  cursor: -webkit-grab;
}
[class*="bean-interactive-"] .ui-slider-handle:active {
  cursor: -webkit-grabbing;
}
[class*="bean-interactive-"] .ui-slider-range {
  display: none;
}

.bean-interactive-sun-to-savings .ui-slider-handle:before {
  content: '';
  display: block;
  background-image: url('../images/ui-slider-triangle.png?1554331168');
  height: 15px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -23px;
  width: 20px;
  z-index: 2;
}
.bean-interactive-sun-to-savings .interactive-content {
  background: white;
}
@media only screen and (min-width: 960px) {
  .bean-interactive-sun-to-savings .interactive-content .l-interactive-constraint {
    padding-left: 280px;
  }
}

.entity-bean[class*="bean-interactive-"] .field-name-field-banner-link {
  padding-top: 58px;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .entity-bean[class*="bean-interactive-"] .field-name-field-banner-link a {
    width: 420px;
  }
}

.field-name-field-form-label-spend {
  font-size: 20px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 20px;
}
@media only screen and (min-width: 960px) {
  .field-name-field-form-label-spend {
    float: left;
    clear: left;
    display: table;
    height: 150px;
    margin-left: -270px;
    width: 250px;
  }
  .field-name-field-form-label-spend .field-items {
    display: table-row;
  }
  .field-name-field-form-label-spend .field-items .field-item {
    display: table-cell;
    vertical-align: bottom;
  }
}

.bean-interactive-more-efficient .interactive-content {
  background: white;
}

.sun-more-efficient-chart-wrapper {
  margin: 0 0 20px;
}
@media only screen and (min-width: 960px) {
  .sun-more-efficient-chart-wrapper {
    padding: 0 120px;
    margin: 0 -120px 20px;
  }
}

.interactive-title {
  font: 16px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media only screen and (min-width: 960px) {
  .interactive-title {
    float: left;
    width: 50%;
  }
}

[id*="edit-comparison"] {
  border-radius: 17px;
  background: #9cbccd;
  border: none;
  height: 34px;
  width: 164px;
}
[id*="edit-comparison"] > .form-type-radio {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
[id*="edit-comparison"] > .form-type-radio input[type="radio"] {
  position: absolute;
  z-index: -10;
}
[id*="edit-comparison"] > .form-type-radio input[type="radio"] + label {
  display: inline-block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  height: 30px;
  line-height: 30px;
  min-height: 0;
  cursor: pointer;
  position: relative;
  margin: 0;
  top: 2px;
  text-align: center;
  width: 80px;
}
[id*="edit-comparison"] > .form-type-radio input[type="radio"] + label:before {
  box-shadow: none;
  background-color: transparent;
  content: '';
  display: block;
  left: 50%;
  top: 0;
  position: absolute;
}
[id*="edit-comparison"] > .form-type-radio input[type="radio"]:checked + label {
  border-radius: 15px;
  background-color: white;
  z-index: 2;
}
[id*="edit-comparison"] > .form-type-radio input[type="radio"]:checked + label:after {
  display: none;
}
[id*="edit-comparison"] > .form-type-radio input[value="1"] + label {
  position: relative;
}
[id*="edit-comparison"] > .form-type-radio input[value="1"] + label:before {
  background-image: url('../images/car-icon.png?1554331168');
  height: 30px;
  margin-left: -15px;
  width: 30px;
}
[id*="edit-comparison"] > .form-type-radio input[value="1"]:checked + label:before {
  background-image: url('../images/car-icon-active.png?1554331168');
}
[id*="edit-comparison"] > .form-type-radio input[value="0"] + label {
  position: relative;
}
[id*="edit-comparison"] > .form-type-radio input[value="0"] + label:before {
  background-image: url('../images/house-icon.png?1554331168');
  height: 30px;
  margin-left: -15px;
  width: 30px;
}
[id*="edit-comparison"] > .form-type-radio input[value="0"]:checked + label:before {
  background-image: url('../images/house-icon-active.png?1554331168');
}
[id*="edit-comparison"] > .form-type-radio:first-child label {
  left: 2px;
}
[id*="edit-comparison"] > .form-type-radio:last-child label {
  right: 2px;
}
@media only screen and (min-width: 960px) {
  [id*="edit-comparison"] {
    float: left;
  }
}

.sun-slider-more-efficient {
  display: none;
}

[id*="sun-interactive-more-efficient-form"] .form-item-Zip {
  left: 10px;
  position: absolute;
  margin: 0;
  top: -94px;
  width: 320px;
}
[id*="sun-interactive-more-efficient-form"] .form-item-Zip label {
  float: left;
  margin: 8px 20px 0 0;
}
@media only screen and (min-width: 960px) {
  [id*="sun-interactive-more-efficient-form"] .form-item-Zip {
    left: auto;
    right: 10px;
    top: -110px;
  }
}
[id*="sun-interactive-more-efficient-form"] input[type="text"] {
  box-shadow: 0 2px 3px rgba(35, 31, 32, 0.6) inset;
  border-radius: 17px;
  background-color: #f2f6f8;
  color: #5e6367;
  height: 34px;
  padding: 0;
  text-align: center;
  width: 216px;
}
[id*="sun-interactive-more-efficient-form"] input[type="text"]::-webkit-input-placeholder {
  color: #5e6367;
}
[id*="sun-interactive-more-efficient-form"] input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #5e6367;
}
[id*="sun-interactive-more-efficient-form"] input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #5e6367;
}
[id*="sun-interactive-more-efficient-form"] input[type="text"]:-ms-input-placeholder {
  color: #5e6367;
}
[id*="sun-interactive-more-efficient-form"] input[type="text"] + .description {
  display: none !important;
}
[id*="sun-interactive-more-efficient-form"] input[type="submit"] {
  display: none;
}
[id*="sun-interactive-more-efficient-form"] .form-item-usage {
  margin: 0;
}
[id*="sun-interactive-more-efficient-form"] .form-item-usage label {
  display: none;
}
@media only screen and (min-width: 960px) {
  [id*="sun-interactive-more-efficient-form"] .form-item-usage {
    float: right;
    width: 786px;
  }
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-labels {
  color: white;
  margin: 0 -65px;
  position: absolute;
  top: 0;
  left: 68px;
  z-index: 5;
  width: 100%;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-labels label {
  display: inline-block;
  color: white;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  width: 16.63043%;
  line-height: 30px;
  text-align: center;
  top: 2px;
  position: relative;
  z-index: 5;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-labels label.is-active {
  border-radius: 15px;
  background-color: white;
  color: #231f20;
}
@media only screen and (min-width: 960px) {
  [id*="sun-interactive-more-efficient-form"] .ui-slider-labels label {
    width: 130px;
  }
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-wrapper {
  padding: 0 65px;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-horizontal {
  cursor: pointer;
  position: relative;
  z-index: 10;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-start,
[id*="sun-interactive-more-efficient-form"] .ui-slider-end {
  cursor: pointer;
  position: relative;
  z-index: 11;
  width: 65px;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-start {
  margin-left: -65px;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-end {
  margin-right: -65px;
}
[id*="sun-interactive-more-efficient-form"] .ui-slider-handle {
  background-color: transparent;
  width: 16.63043%;
  cursor: pointer;
  z-index: 0;
  margin-left: -65px;
  width: 130px;
}

.field-name-field-comp-message-generic,
.field-name-field-comp-message-localized {
  font-size: 20px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
}
.field-name-field-comp-message-generic strong,
.field-name-field-comp-message-localized strong {
  color: #f7921e;
}

[id*="sun-interactive-sun-to-savings-form"] .form-item-Zip {
  left: 10px;
  position: absolute;
  margin: 0;
  top: -94px;
  width: 320px;
}
[id*="sun-interactive-sun-to-savings-form"] .form-item-Zip label {
  float: left;
  margin: 8px 20px 0 0;
}
@media only screen and (min-width: 960px) {
  [id*="sun-interactive-sun-to-savings-form"] .form-item-Zip {
    left: auto;
    right: 10px;
    top: -110px;
  }
}
[id*="sun-interactive-sun-to-savings-form"] .form-item-usage {
  margin: 0;
}
[id*="sun-interactive-sun-to-savings-form"] .form-item-usage label {
  display: none;
}
[id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels > label {
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  width: 76px;
  text-align: center;
  z-index: 2;
  top: 2px;
}
[id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels .savings-min {
  left: -40px;
}
[id*="sun-interactive-sun-to-savings-form"] .ui-slider-labels .savings-max {
  right: -40px;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"] {
  box-shadow: #ef373e 0 2px 3px inset;
  border-radius: 17px;
  background-color: #f7921e;
  color: white;
  text-align: center;
  height: 34px;
  padding: 0;
  width: 216px;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"]::-webkit-input-placeholder {
  color: white;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"]:-ms-input-placeholder {
  color: white;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="text"] + .description {
  display: none !important;
}
[id*="sun-interactive-sun-to-savings-form"] input[type="submit"] {
  display: none;
}
[id*="sun-interactive-sun-to-savings-form"] input.sun-slider {
  display: none;
}

.field-name-field-default-message {
  border-radius: 5px;
  box-shadow: rgba(35, 31, 32, 0.05) 0 2px 3px;
  margin-bottom: 20px;
  background-color: white;
  color: #0076be;
  font-size: 16px;
  border: 1px solid #f2f6f8;
  position: relative;
  height: 110px;
  text-align: center;
}
.field-name-field-default-message .field-label {
  display: none;
  color: #ffe600;
  font-size: 40px;
  font-weight: 300;
  margin-top: -26px;
  position: absolute;
  top: 50%;
  left: 36px;
}
.field-name-field-default-message .field-items {
  transition: padding-left .25s;
  display: table;
  height: 110px;
  width: 100%;
}
.field-name-field-default-message .field-items .field-item {
  vertical-align: middle;
  display: table-cell;
}
.field-name-field-default-message.is-moved .field-items {
  padding-left: 260px;
  text-align: left;
  color: #9cbccd;
  font-size: 14px;
}
.field-name-field-default-message p {
  margin: 0;
  padding: 0 !important;
}
.field-name-field-default-message p img {
  margin: 0 20px -13px 0;
}

.l-interactive-constraint {
  margin: 0 auto;
  max-width: 980px;
  padding: 0 10px;
  position: relative;
}

.interactive-content {
  padding-bottom: 60px;
  position: relative;
}

.top-form-locator {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 15px;
  margin-bottom: -15px;
  text-align: right;
  background: url("../images/search-result-shadow.png?1") no-repeat scroll left bottom white;
}
@media only screen and (max-width: 959px) {
  .top-form-locator {
    float: none;
    padding-bottom: 35px;
    text-align: left;
    background-position: bottom center;
  }
}

.top-form-locator .inside {
  float: right;
  width: 90%;
  max-width: 804px;
  padding: 40px 0 35px;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .inside {
    float: none;
    width: auto;
    max-width: 100%;
    padding: 5px;
    margin: 5px;
  }
}

.top-form-locator .form-type-textfield {
  float: left;
  width: 260px;
  margin: 0 5px;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-textfield {
    width: 100%;
  }
}

.top-form-locator .form-type-textfield label {
  float: left;
  width: 32%;
  padding: 6px;
  text-align: left;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-textfield label {
    width: 100%;
  }
}

.top-form-locator .form-type-textfield input {
  float: left;
  width: 68%;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-textfield input {
    width: auto;
  }
}

.top-form-locator .form-type-select {
  float: left;
  width: 348px;
  margin: 0 2%;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-select {
    width: 100%;
    padding: 5px;
    margin: 5px;
  }
}

.top-form-locator .form-type-select label {
  float: left;
  width: 45%;
  padding: 6px;
  text-align: right;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-select label {
    width: 100%;
    padding: 5px;
    margin: 5px;
    text-align: left;
  }
}

.top-form-locator .form-type-select select {
  float: left;
  width: 45%;
}
@media only screen and (max-width: 959px) {
  .top-form-locator .form-type-select select {
    width: auto;
    padding: 5px;
    margin: 5px;
  }
}

.top-form-locator #edit-submit-button {
  margin: 0 5px;
  padding: 7px 25px;
  color: white;
}

.dealer_left {
  float: left;
  width: 15%;
  margin-right: 3%;
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .dealer_left {
    width: 100%;
    margin: 0 0 18px;
    text-align: left;
  }
}

.dealer_center {
  float: left;
  width: 67%;
}
@media only screen and (max-width: 959px) {
  .dealer_center {
    width: 100%;
    margin: 0 0 18px;
    text-align: left;
  }
}

.dealer_center ul.links_classes {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.dealer_center ul.links_classes li {
  float: left;
  padding: 9px 12px 4px 0;
  list-style-type: none;
}

.dealer_right {
  float: left;
  width: 15%;
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .dealer_right {
    width: 100%;
    margin: 0 0 18px;
    text-align: left;
  }
}

.dealer_right ul.links_classes li {
  float: none;
  list-style-type: none;
}

#dealer-container {
  float: left;
  width: 100%;
  clear: both;
}

#dealer-container .dealer-address {
  text-transform: capitalize;
}

#dealer-container .dealer-type {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 959px) {
  #dealer-container .dealer-type {
    width: 200px;
  }
}

#dealer-container .dealer-type .logoEl {
  width: 100%;
  float: left;
  padding: 0;
}

#dealer-container .dealer-type .logoEl img {
  float: left;
}

#dealer-container .dealer-type .logoTitle {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #9cbccd;
  color: white;
}

#dealer-container .dealer-rating {
  padding: 0 0 10px;
}

#dealer-container .dealer-container-results-count {
  margin-left: 25px;
  padding-top: 25px;
  font-size: 135%;
}

#dealer-container .dealer-container-results-count strong {
  color: #f7921e;
  font-weight: normal;
}

#dealer-container .temp {
  display: inline-block;
  width: 100%;
  padding: 30px 15%;
  text-align: center;
}
@media only screen and (max-width: 959px) {
  #dealer-container .temp {
    padding: 5px;
    text-align: left;
  }
}

#dealer-container .temp h2 {
  font-weight: normal;
  font-size: 40px;
  font-weight: 300;
  line-height: 105%;
}

#dealer-container .dealer {
  padding: 25px 30px;
  background: #f2f6f8;
  border-bottom: 1px solid #f2f6f8;
}

#dealer-container .dealer:nth-child(odd) {
  background: white;
}

#dealer-container .dealer .dealer-info h3 {
  margin-top: 0;
  font-size: 23px;
}

#dealer-container .dealer-contact {
  float: none;
  clear: both;
  padding-top: 5px;
}

body .BVRRPhotoPopup {
  z-index: 10000;
}

.page-dealers-installers-find-dealer-installer .page,
.page-dealer-locator .page {
  max-width: none;
  background: white;
}

.page-dealers-installers-find-dealer-installer h1.title,
.page-sunpower-installers-find-installer h1.title,
.page-dealer-locator h1.title {
  display: none;
}

.page-dealers-installers-find-dealer-installer #content,
.section-dealer-locator #content {
  padding-left: 0;
  padding-right: 0;
}

.view-dealer-locator .view-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}
@media only screen and (min-width: 769px) {
  .view-dealer-locator .view-header {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1064px) {
  .view-dealer-locator .view-header {
    max-width: 85%;
  }
}

.view-dealer-locator .view-header,
.view-dealer-locator .view-empty {
  text-align: center;
}

.view-dealer-locator .view-header h1 {
  color: #39607a;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 300;
  margin-bottom: 18px;
  margin-top: 20px;
}
@media only screen and (min-width: 1064px) {
  .view-dealer-locator .view-header h1 {
    font-size: 3.125em;
    margin-bottom: 35px;
  }
}

.view-dealer-locator .view-header p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.35;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 12px;
}

.view-dealer-locator .view-filters {
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 769px) {
  .view-dealer-locator .view-filters {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1064px) {
  .view-dealer-locator .view-filters {
    max-width: 85%;
  }
}
@media only screen and (min-width: 768px) {
  .view-dealer-locator .view-filters {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.view-filters__map {
  display: none;
}
@media only screen and (min-width: 768px) {
  .view-filters__map {
    display: inline-block;
    max-width: 40%;
    margin-right: 4%;
  }
}
@media only screen and (min-width: 960px) {
  .view-filters__map {
    max-width: 30%;
  }
}

.view-dealer-locator .views-exposed-widgets {
  margin-bottom: 0;
}

@media only screen and (min-width: 480px) {
  .view-dealer-locator .views-exposed-widget.views-submit-button {
    display: flex;
    align-items: flex-start;
    width: 369px;
  }
}

.view-dealer-locator .dealer-search-input-container {
  overflow: hidden;
  max-width: 251px;
}
@media only screen and (min-width: 480px) {
  .view-dealer-locator .dealer-search-input-container {
    margin-right: 20px;
  }
}

.view-dealer-locator .views-widget-filter-distance {
  padding: 0;
}

.view-dealer-locator input[type="text"] {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(57, 96, 122, 0.4);
  border-radius: 3px;
  color: #39607a;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.35;
  margin-bottom: 15px;
  outline: none;
  padding: 15px 20px;
  transition: border 0.25s ease-in;
}

.view-dealer-locator .views-exposed-widget > label,
.view-dealer-locator .views-exposed-widget .form-type-textfield label {
  display: none;
}

.view-dealer-locator .views-exposed-widget {
  float: none;
  padding: 0;
}

.view-dealer-locator .form-radios {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.view-dealer-locator .form-type-radio {
  float: left;
  margin-right: 20px;
}

.view-dealer-locator .form-type-radio label {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 22px;
  padding: 0;
  padding-left: 28px;
}
.view-dealer-locator .form-type-radio label:before, .view-dealer-locator .form-type-radio label:after {
  top: 50% !important;
}
.view-dealer-locator .form-type-radio label:before {
  background-color: rgba(156, 188, 205, 0.1);
  border: 1px solid #9cbccd;
  height: 22px;
  width: 22px;
  transform: translateY(-50%);
}
.view-dealer-locator .form-type-radio label:after {
  background-color: #9cbccd;
  height: 14px !important;
  width: 14px !important;
  left: 4px !important;
  transform: translateY(-50%);
}

.view-dealer-locator .form-submit {
  display: block;
  margin-top: 20px;
  margin-left: 0;
  padding: 10px 22px;
  text-overflow: inherit;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .view-dealer-locator .form-submit {
    display: inline-block;
    margin-top: 0 !important;
    width: auto;
  }
}

.view-dealer-locator__container,
.view-dealer-locator .view-empty {
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}
@media only screen and (min-width: 769px) {
  .view-dealer-locator__container,
  .view-dealer-locator .view-empty {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1064px) {
  .view-dealer-locator__container,
  .view-dealer-locator .view-empty {
    max-width: 85%;
  }
}

.view-dealer-locator .view-empty {
  margin-bottom: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.view-dealer-locator__view-grouping-rows {
  margin-bottom: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 480px) {
  .view-dealer-locator__view-grouping-rows {
    flex-flow: row wrap;
  }
}

.view-dealer-locator__view-grouping-rows > .views-row {
  margin: 10px 1%;
}
@media only screen and (min-width: 480px) {
  .view-dealer-locator__view-grouping-rows > .views-row {
    display: flex;
    width: 48%;
  }
}
@media only screen and (min-width: 769px) {
  .view-dealer-locator__view-grouping-rows > .views-row {
    width: 31.33%;
  }
}
@media only screen and (min-width: 1064px) {
  .view-dealer-locator__view-grouping-rows > .views-row {
    width: 23%;
  }
}

.vocabulary-dealer-type {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
@media only screen and (min-width: 769px) {
  .vocabulary-dealer-type {
    width: 75%;
  }
}
@media only screen and (min-width: 1064px) {
  .vocabulary-dealer-type {
    width: 61.803%;
  }
}

.view-dealer-locator__view-grouping-title {
  background-color: #f2f6f8;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.35;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
.view-dealer-locator__view-grouping-title:after {
  content: '';
  border-top: 20px solid #f2f6f8;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  margin-left: auto;
  margin-right: auto;
  width: 60px;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
@media only screen and (min-width: 769px) {
  .view-dealer-locator__view-grouping-title {
    margin-bottom: 30px;
  }
  .view-dealer-locator__view-grouping-title:after {
    border-top-width: 30px;
    border-left-width: 50px;
    border-right-width: 50px;
    width: 100px;
    height: 30px;
  }
}

.field-name-field-icon-tile > .field-items {
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 769px) {
  .field-name-field-icon-tile > .field-items {
    flex-flow: row nowrap;
  }
}

.field-name-field-icon-tile > .field-items > .field-item {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 769px) {
  .field-name-field-icon-tile > .field-items > .field-item {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 2%;
    margin-left: 2%;
  }
}

.field-collection-item-field-icon-tile img {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  height: 60px;
  width: 60px;
}
@media only screen and (min-width: 769px) {
  .field-collection-item-field-icon-tile img {
    height: 80px;
    width: 80px;
  }
}

.field-collection-item-field-icon-tile .field-name-field-title {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.1;
  margin-bottom: 7px;
  margin-top: 0;
}

.dealer-card {
  border: 1px solid rgba(156, 188, 205, 0.5);
  border-radius: 4px;
  flex: 1;
  display: block;
  font-size: 13px;
  overflow: hidden;
  padding-bottom: 17px;
  position: relative;
  text-decoration: none;
  text-align: center;
  transition: 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}
.dealer-card:hover {
  box-shadow: 0 3px 20px 0 rgba(156, 188, 205, 0.2);
  transform: scale(1.05);
}

.dealer-card__top-section {
  background-color: #f2f6f8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #39607a;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.77px;
  line-height: 1.1;
  margin: -1px;
  padding: 20px 30px;
  text-decoration: none;
}

.dealer-card__bottom-section {
  color: #5e6367;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.45;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 25px 57px 50px 29px;
  text-align: left;
}

.dealer-type-master {
  border-color: #e27951;
}

.dealer-type-master .dealer-card__top-section {
  background-color: #e27951;
  color: white;
}

.dealer-type-elite {
  border-color: #39607a;
}

.dealer-type-elite .dealer-card__top-section {
  background-color: #39607a;
  color: white;
}

.dealer-type-authorized .dealer-card__top-section,
.dealer-type-partner .dealer-card__top-section {
  border-bottom: 1px solid rgba(156, 188, 205, 0.5);
  margin: 0;
}

.dealer-commercial-container .dealer-type-master,
.dealer-commercial-container .dealer-type-elite {
  border-color: rgba(156, 188, 205, 0.5);
}

.dealer-commercial-container .dealer-type-master .dealer-card__top-section,
.dealer-commercial-container .dealer-type-elite .dealer-card__top-section,
.dealer-commercial-container .dealer-type-authorized .dealer-card__top-section,
.dealer-commercial-container .dealer-type-partner .dealer-card__top-section {
  background-color: #f2f6f8;
  border-bottom: 1px solid rgba(156, 188, 205, 0.5);
  color: #39607a;
  margin: 0;
}

.site-uk .view-dealer-locator .view-filters {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .site-uk .view-dealer-locator .view-filters {
    justify-content: flex-end;
  }
}

.site-jp .view-dealer-locator .views-exposed-widget.views-submit-button,
.site-uk .view-dealer-locator .views-exposed-widget.views-submit-button {
  width: auto;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .site-jp .view-dealer-locator .views-exposed-widget.views-submit-button,
  .site-uk .view-dealer-locator .views-exposed-widget.views-submit-button {
    align-items: flex-end;
    flex-direction: row;
  }
}

.site-jp .view-dealer-locator .dealer-search-input-container,
.site-uk .view-dealer-locator .dealer-search-input-container {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .site-jp .view-dealer-locator .dealer-search-input-container,
  .site-uk .view-dealer-locator .dealer-search-input-container {
    width: auto;
  }
}

.site-jp .view-dealer-locator .dealer-search-input-container .form-item,
.site-uk .view-dealer-locator .dealer-search-input-container .form-item {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .site-jp .view-dealer-locator .dealer-search-input-container .form-item,
  .site-uk .view-dealer-locator .dealer-search-input-container .form-item {
    width: auto;
    float: left;
  }
  .site-jp .view-dealer-locator .dealer-search-input-container .form-item:not(:first-child),
  .site-uk .view-dealer-locator .dealer-search-input-container .form-item:not(:first-child) {
    margin-left: 12px;
  }
}

.site-jp .view-dealer-locator .form-submit,
.site-uk .view-dealer-locator .form-submit {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .site-jp .view-dealer-locator .form-submit,
  .site-uk .view-dealer-locator .form-submit {
    margin-bottom: 10px;
    padding: 13px 20px;
  }
}

.dealer-intro-column {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .dealer-intro-column {
    width: 50%;
    float: left;
  }
}

#boxes-box-support_threecols,
.support-3col-block,
.support-threecols-block {
  padding: 10px 3%;
}
#boxes-box-support_threecols:before, #boxes-box-support_threecols:after,
.support-3col-block:before,
.support-3col-block:after,
.support-threecols-block:before,
.support-threecols-block:after {
  content: "";
  display: table;
}
#boxes-box-support_threecols:after,
.support-3col-block:after,
.support-threecols-block:after {
  clear: both;
}

#boxes-box-support_threecols .boxes-box-controls,
.support-3col-block .boxes-box-controls,
.support-threecols-block .boxes-box-controls {
  display: none;
}

#boxes-box-support_threecols div.support_3col,
.support-3col-block div.support_3col,
.support-threecols-block div.support_3col {
  display: block;
  float: left;
  width: 31%;
  margin: 10px 1%;
  padding: 0;
  border-radius: 5px;
  background: #9cbccd;
  color: white;
}
@media only screen and (max-width: 959px) {
  #boxes-box-support_threecols div.support_3col,
  .support-3col-block div.support_3col,
  .support-threecols-block div.support_3col {
    width: 100%;
    margin: 10px 0;
  }
}

#boxes-box-support_threecols div.support_3col > div,
.support-3col-block div.support_3col > div,
.support-threecols-block div.support_3col > div {
  display: block;
  float: left;
  min-height: 315px;
  padding: 25px;
}

#boxes-box-support_threecols div.support_3col > div > *,
.support-3col-block div.support_3col > div > *,
.support-threecols-block div.support_3col > div > * {
  float: left;
  clear: both;
}

#boxes-box-support_threecols div.support_3col > div strong.titleAdj,
.support-3col-block div.support_3col > div strong.titleAdj,
.support-threecols-block div.support_3col > div strong.titleAdj {
  margin-bottom: 8px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 120%;
}

#boxes-box-support_threecols div.support_3col > div img,
.support-3col-block div.support_3col > div img,
.support-threecols-block div.support_3col > div img {
  margin-bottom: 10px;
}

#boxes-box-support_threecols div.support_3col > div p,
.support-3col-block div.support_3col > div p,
.support-threecols-block div.support_3col > div p {
  float: none;
  margin: 3px 0 10px;
}

#boxes-box-support_threecols div.support_3col > div a.btn_chat,
.support-3col-block div.support_3col > div a.btn_chat,
.support-threecols-block div.support_3col > div a.btn_chat {
  margin-top: 10px;
}

div.contact_left {
  float: left;
  width: 25%;
  margin: 0 5% 0 0;
}
@media only screen and (max-width: 959px) {
  div.contact_left {
    width: 100%;
    margin: 0;
  }
}

div.contact_left .contact-block--title {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 35px;
  margin-top: 5px;
}

div.contact_right {
  float: left;
  width: 70%;
}
@media only screen and (max-width: 959px) {
  div.contact_right {
    width: 100%;
  }
}

#boxes-box-contactus_top {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  #boxes-box-contactus_top {
    padding-left: 40px;
    padding-right: 40px;
  }
}

#boxes-box-contactus_top div.bottom_contact {
  background: #f2f6f8;
  display: block;
  padding: 11px;
}

#boxes-box-contactus_top div.bottom_contact a {
  margin-left: 7px;
  vertical-align: middle;
}

div.panel-pane.side-gutters {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
  float: left;
}
@media only screen and (min-width: 768px) {
  div.panel-pane.side-gutters {
    padding-left: 40px;
    padding-right: 40px;
  }
}
div.panel-pane.side-gutters:before, div.panel-pane.side-gutters:after {
  content: "";
  display: table;
}
div.panel-pane.side-gutters:after {
  clear: both;
}

#boxes-box-contact_our_offices,
.contact-our-offices-block {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  margin-bottom: 45px;
  margin-top: 45px;
}
@media only screen and (min-width: 768px) {
  #boxes-box-contact_our_offices,
  .contact-our-offices-block {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 959px) {
  #boxes-box-contact_our_offices,
  .contact-our-offices-block {
    margin-bottom: 22px;
    margin-top: 22px;
    padding: 5px;
  }
}

#boxes-box-contact_our_offices div.office_block,
.contact-our-offices-block div.office_block {
  float: left;
  width: 100%;
}

#boxes-box-contact_our_offices div.office_block > h3,
.contact-our-offices-block div.office_block > h3 {
  display: block;
  float: none;
  margin: 0 0 30px;
  padding: 10px;
  font-size: 25px;
  background: #f2f6f8;
}

#boxes-box-contact_our_offices div.offices,
.contact-our-offices-block div.offices {
  display: block;
  float: left;
  width: 29%;
  min-height: 215px;
  margin-bottom: 35px;
  margin-right: 4%;
  padding-bottom: 5px;
  border-bottom: 1px solid #dedede;
}
@media only screen and (max-width: 959px) {
  #boxes-box-contact_our_offices div.offices,
  .contact-our-offices-block div.offices {
    width: auto;
    min-height: 0;
    margin-right: 0;
    margin-bottom: 15px;
    float: none;
  }
}

#boxes-box-contact_our_offices div.offices:nth-of-type(3n+1),
.contact-our-offices-block div.offices:nth-of-type(3n+1) {
  clear: left;
}

#boxes-box-contact_our_offices div.offices .location-title,
.contact-our-offices-block div.offices .location-title {
  margin: 1px 0 20px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 25px;
}

#boxes-box-contact_contractorlicens {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  margin-bottom: 45px;
  margin-top: 45px;
}
@media only screen and (min-width: 768px) {
  #boxes-box-contact_contractorlicens {
    padding-left: 40px;
    padding-right: 40px;
  }
}

#boxes-box-contact_contractorlicens div.contr_block {
  display: block;
  float: left;
  width: 23%;
  min-height: 155px;
  margin-bottom: 35px;
  margin-right: 2%;
  padding-bottom: 5px;
}
@media only screen and (max-width: 959px) {
  #boxes-box-contact_contractorlicens div.contr_block {
    float: none;
    width: 100%;
    min-height: 0;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

#boxes-box-contact_contractorlicens div.contr_block .location-title {
  margin: 1px 0 20px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 25px;
}

body.section-community div.dropLink {
  position: relative;
}

body.section-community div.dropLink ul.ShareStory {
  display: none;
  position: relative;
  top: 13px;
  margin: auto;
  padding: 6px 0;
  text-align: center;
  z-index: 5;
}
@media only screen and (max-width: 959px) {
  body.section-community div.dropLink ul.ShareStory {
    text-align: left;
  }
}

body.section-community div.dropLink.open ul.ShareStory {
  display: block;
}

body.section-community div.dropLink ul.ShareStory li {
  display: inline;
}

body.section-community div.dropLink ul.ShareStory li a {
  display: inline-block;
  margin: 0 8px 10px 0;
}

body.section-community div.pane-menu-menu-community-tabs ul.menu {
  display: block;
  width: 100%;
  height: 65px;
  text-align: center;
  background: transparent url("../images/panelShadow.png?01") bottom center no-repeat;
}

body.section-community div.pane-menu-menu-community-tabs ul.menu li {
  display: inline-block;
  list-style-type: none;
}

body.section-community div.pane-menu-menu-community-tabs ul.menu li a {
  padding: 4px 8px 32px;
  margin-right: 0;
  text-decoration: none;
  color: #0076be;
}

body.section-community div.pane-menu-menu-community-tabs ul.menu li.active-trail a {
  background: transparent url("../images/panelShadow_marker.png?01") bottom center no-repeat;
  color: #231f20;
}

body.section-community ul.tabSearch {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 10px 0 20px;
}

body.section-community ul.tabSearch li {
  display: inline-block;
  float: left;
  list-style-type: none;
}

body.section-community ul.tabSearch li a {
  padding: 8px 15px;
  text-decoration: none;
}

body.section-community ul.tabSearch li.active a,
body.section-community ul.tabSearch li:hover a {
  background: #f2f6f8;
}

body.section-community #BVQAContainer {
  display: block;
  float: left;
  width: 100%;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

body.section-community .BVQASearchForm {
  position: relative;
  float: none;
  width: auto;
  height: 45px;
  max-width: 750px;
  margin-bottom: 5px;
  padding: 5px 10px;
}

body.section-community .BVQASearchFormText {
  display: block;
  float: none;
}

body.section-community .BVQASearchFormSubmit {
  display: block;
  position: relative;
  top: -55px;
  margin-left: 5px;
  vertical-align: top;
}

body.section-community .BVQABrowsePage .BVQASearchFormTextInput {
  background: white;
}

body.section-community .BVQAToolbar {
  float: left;
  height: 34px;
  margin-bottom: 25px;
  padding: 0;
  background: transparent;
}

body.section-community .BVQAQuestionSummary {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: inherit;
  font-weight: 700;
  line-height: normal;
  color: #231f20;
}

body.section-community .BVQAAskQuestion a,
body.section-community .BVQAAskQuestion a:visited {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: inherit;
}

body.section-community .BVQAQuestions {
  clear: both;
  margin: 25px 0;
  border-color: #f2f6f8;
  border-style: solid;
  border-width: 1px 0;
}

body.section-community input.pseudoSelect {
  width: 170px;
}

body.section-community div.pane-boxes-community-bottom-ctas .boxes-box-controls {
  display: none;
}

body.section-community div.pane-boxes-community-bottom-ctas div.boxes-box-content {
  display: block;
  float: left;
  width: 100%;
  padding: 40px 9% 20px;
}
@media only screen and (max-width: 959px) {
  body.section-community div.pane-boxes-community-bottom-ctas div.boxes-box-content {
    padding: 20px 2%;
  }
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox {
  display: block;
  position: relative;
  float: left;
  width: 48%;
  margin-left: 2%;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 959px) {
  body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    max-width: 560px;
  }
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox > div {
  padding: 20px;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox > div > * {
  display: block;
  float: left;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.left {
  background: transparent url("../images/commBlock-1.png?01") bottom right repeat;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox.right {
  background: transparent url("../images/commBlock-2.png?01") bottom right repeat;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox h4,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox .cta-text {
  width: 90%;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 165%;
  color: white;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox h4 span,
body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox .cta-text span {
  display: block;
  width: 100%;
  font-size: 70%;
}

body.section-community div.pane-boxes-community-bottom-ctas div.ctaBox i.ctaFlag {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 50px;
  height: 50px;
  text-indent: -999px;
  background: transparent url("../images/icon-Flag.png?01") bottom right no-repeat;
}

.site-map-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-map-menu li {
  padding-bottom: 5px;
}
.site-map-menu a {
  display: block;
  text-decoration: none;
}

.content > .site-map-menu > li > a {
  border-bottom: 1px solid #f2f6f8;
  border-top: 1px solid #f2f6f8;
  color: #231f20;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px 0;
}
.content > .site-map-menu > li > .site-map-menu > li {
  padding-left: 15px;
  position: relative;
}
.content > .site-map-menu > li > .site-map-menu > li:before {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #f2f6f8;
  content: '';
  left: 0;
  top: 6px;
  position: absolute;
}
.content > .site-map-menu > li .expanded, .content > .site-map-menu > li .sun-monitor-block {
  overflow: hidden;
}
.content > .site-map-menu > li .expanded:after, .content > .site-map-menu > li .sun-monitor-block:after {
  background: #f2f6f8;
  content: '';
  height: 100%;
  height: calc(100% - 25px);
  position: absolute;
  top: 6px;
  left: 4px;
  width: 1px;
}
.content > .site-map-menu > li .expanded > ul, .content > .site-map-menu > li .sun-monitor-block > ul {
  padding-left: 8px;
}
.content > .site-map-menu > li .expanded > ul > li, .content > .site-map-menu > li .sun-monitor-block > ul > li {
  position: relative;
}
.content > .site-map-menu > li .expanded > ul > li:before, .content > .site-map-menu > li .sun-monitor-block > ul > li:before {
  background-color: #f2f6f8;
  content: '';
  height: 1px;
  left: -18px;
  top: 10px;
  position: absolute;
  width: 12px;
}
.content > .site-map-menu > li .expanded > a, .content > .site-map-menu > li .sun-monitor-block > a {
  padding-bottom: 5px;
}
@media only screen and (min-width: 960px) {
  .content > .site-map-menu {
    column-count: 3;
    column-gap: 25px;
  }
  .content > .site-map-menu > li {
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
  }
}

article.node-webform .node-title {
  font-size: 24px;
  margin: 0;
  padding: 20px 25px;
}
article.node-webform div.field-name-body.field-label-hidden, article.node-webform div.node-title {
  padding: 0 25px 20px;
}

.pane-sun-webforms-sun-back-to-results {
  position: relative;
}

.webform-back-link {
  margin-left: 25px;
  padding-left: 42px;
  position: relative;
}
.webform-back-link:before {
  background: url('../images/left-black-arrow.png?1554331168') no-repeat;
  content: '';
  display: block;
  height: 14px;
  left: 10px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 22px;
}
.webform-back-link:hover:before {
  background: url('../images/left-white-arrow.png?1554331168') no-repeat;
}
@media only screen and (min-width: 1064px) {
  .webform-back-link {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 10;
  }
}

.brightcove-colorbox {
  margin-top: 10px;
}

a.brightcove-colorbox.video-play {
  width: 90px;
  height: 75px;
  outline: 0;
  border: none;
  text-indent: -9999px;
  background: transparent url("../images/Play_Btn.png") top left no-repeat;
  color: #231f20;
}
a.brightcove-colorbox.video-play:hover, a.brightcove-colorbox.video-play:active {
  border: none;
  border-radius: 10px;
  background: rgba(94, 99, 103, 0.6) url("../images/Play_Btn.png") top left no-repeat;
}

.webform-component.checkbox-select {
  padding-top: 16px;
}
.webform-component.checkbox-select select {
  display: none;
}
.webform-component.checkbox-select label {
  float: left;
  margin-right: 15px;
}
.webform-component.checkbox-select input {
  position: relative;
  z-index: 10;
}

.webform-component.field-third-width, .webform-component.field-quarter-width, .webform-component.field-half-col-width {
  width: 100%;
}

@media (min-width: 960px) {
  .webform-component.field-full-width {
    width: 100%;
  }

  .webform-component.field-third-width {
    width: 32%;
    clear: none;
  }

  .webform-component.field-quarter-width {
    width: 24%;
    clear: none;
  }

  .webform-component.field-half-col-width {
    width: 24%;
    clear: none;
  }
}
#webform-ajax-wrapper-3831 form {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#webform-ajax-wrapper-3861 form {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#webform-client-form-4016 {
  padding: 0;
}
#webform-client-form-4016 input[type="text"] {
  background-color: white;
  color: #231f20;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  border: 1px solid #f2f6f8;
  border-radius: 4px;
  box-shadow: none;
}
#webform-client-form-4016 input[type="text"].placeholder {
  color: #9cbccd;
}
#webform-client-form-4016 input[type="text"]:-moz-placeholder {
  color: #9cbccd;
}
#webform-client-form-4016 input[type="text"]::-moz-placeholder {
  color: #9cbccd;
}
#webform-client-form-4016 input[type="text"]::-webkit-input-placeholder {
  color: #9cbccd;
}
#webform-client-form-4016 input[type="submit"] {
  background-color: #0076be;
  border: 0 solid transparent;
  color: white;
  font-size: 14px;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 50px;
  border-radius: 4px;
}
#webform-client-form-4016 input[type="submit"].disabled {
  background-image: none;
  background-color: #f2f6f8;
}

body.page-node-4011 .middle-wrap {
  margin-top: 5%;
}
body.page-node-4011 .middle-wrap > div {
  background-color: white;
  border: 1px solid #9cbccd;
}

.form-item.hide {
  display: none;
}

.sun-rivet-dealer-review,
.sun-rivet-customer-stories {
  margin-top: 1em;
}

.sun-rivet-dealer-review .embed-heading,
.sun-rivet-customer-stories .embed-heading {
  display: none;
}

.node-type-product-site [role="main"] p,
.node-type-product-site [role="main"] h3,
.node-type-product-site [role="main"] li {
  font-size: 18px;
  line-height: 28px;
}
.node-type-product-site [role="main"] h3 {
  font-weight: 600;
  margin-bottom: 0;
}
.node-type-product-site [role="main"] p {
  font-weight: 300;
}
.node-type-product-site [role="main"] li {
  font-weight: 300;
  margin-bottom: 6px;
}
.node-type-product-site [role="main"] ul {
  margin-top: 8px;
}
.node-type-product-site .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .node-type-product-site .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > * {
  padding-left: 10%;
}
.node-type-product-site .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .node-type-product-site .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * {
  padding-right: 10%;
}

.equinox-5-col {
  text-align: center;
}
@media (min-width: 960px) {
  .equinox-5-col {
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .equinox-5-col .sp-col:first-child, .equinox-5-col .sp-col:nth-child(2) {
    width: 18%;
  }
  .equinox-5-col .sp-col:nth-child(3) {
    width: 21%;
  }
}

.equinox [role="main"] {
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media (min-width: 960px) {
  .equinox .flex-bean-no-pad-right .twocol-info-compare-section {
    padding: 20px 60px 20px 28px;
  }
}
@media (min-width: 960px) {
  .equinox .flex-bean-no-pad-right .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * {
    padding-right: 0;
  }
}
.equinox .twocol-info-compare {
  font-size: 19px;
}
@media (min-width: 960px) {
  .equinox .twocol-info-compare-body {
    padding-right: 20px;
  }
}
@media (min-width: 960px) {
  .equinox [role="main"] table {
    margin-bottom: 0;
  }
  .equinox [role="main"] table tr:first-child td {
    padding-bottom: 8px;
  }
  .equinox [role="main"] table tr:nth-child(odd) {
    background-color: transparent;
  }
}
.equinox .equinox-5-col .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > * {
  padding-top: 0;
}
.equinox .bean-flexible-layout-bean.bean-content-notbackgroundimage div.content-outside > *,
.equinox .bean-flexible-layout-bean.bean-content-backgroundimage div.content-outside > * {
  padding-top: 50px;
  padding-bottom: 0;
}
.equinox.node-type-product-site [role="main"] a {
  font-size: 23px;
}
.equinox.node-type-product-site [role="main"] h1, .equinox.node-type-product-site [role="main"] .h1, .equinox.node-type-product-site [role="main"] h2, .equinox.node-type-product-site [role="main"] .h2 {
  line-height: 105%;
}
.equinox.node-type-product-site [role="main"] h1, .equinox.node-type-product-site [role="main"] .h1 {
  font-size: 47px;
}
.equinox.node-type-product-site [role="main"] h2, .equinox.node-type-product-site [role="main"] .h2 {
  font-size: 45px;
  font-weight: 500;
}
.equinox.node-type-product-site [role="main"] h3, .equinox.node-type-product-site [role="main"] .h3 {
  font-size: 33px;
  line-height: 135%;
  font-weight: 500;
  margin-bottom: 20px;
}
.equinox.node-type-product-site [role="main"] h4, .equinox.node-type-product-site [role="main"] .h4 {
  font-size: 27px;
  line-height: 135%;
  margin-bottom: 24px;
}
.equinox.node-type-product-site [role="main"] p {
  font-size: 27px;
  line-height: 150%;
  font-weight: 300;
}
.equinox.node-type-product-site [role="main"] li {
  font-weight: 300;
  margin-bottom: 6px;
}
.equinox.node-type-product-site [role="main"] ul {
  margin-top: 8px;
}
.equinox.node-type-product-site [role="main"] .page-title {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}
.equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * {
  padding-left: 25px;
}
@media (min-width: 960px) {
  .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-notbackgroundimage.bean-content-float-right div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-left div.content-outside > *, .equinox.node-type-product-site [role="main"] .bean-flexible-layout-bean.bean-content-backgroundimage.bean-content-float-right div.content-outside > * {
    padding-left: 65px;
  }
}
.equinox.node-type-product-site [role="main"] .equinox-details-warranty p {
  font-size: 25px;
}
@media (min-width: 1280px) {
  .equinox.node-type-product-site [role="main"] .equinox-details-warranty p {
    font-size: 31px;
  }
}
.equinox.node-type-product-site [role="main"] .warranty-table p {
  font-size: 21px;
  line-height: 1.2;
}
@media (min-width: 1280px) {
  .equinox.node-type-product-site [role="main"] .warranty-table p {
    font-size: 25px;
  }
}
.equinox.node-type-product-site [role="main"] .warranty-heading {
  font-size: 50px;
  margin: 0;
}
@media (min-width: 1280px) {
  .equinox.node-type-product-site [role="main"] .warranty-heading {
    margin: 10px 0 0;
    font-size: 59px;
  }
}

.equinox-details .bean-column-bean {
  margin-top: 10px;
}
@media (min-width: 1280px) {
  .equinox-details.equinox.node-type-product-site [role="main"] p {
    font-size: 31px;
    line-height: 161%;
  }
}
.equinox-details.equinox.node-type-product-site [role="main"] .bean-column-bean p {
  font-size: 22px;
}
.equinox-details.equinox.node-type-product-site [role="main"] .warranty-table p {
  font-size: 25px;
  line-height: 120%;
}

.equinox-details-warranty {
  font-weight: 300;
  margin: -30px 0 0;
}
@media (min-width: 1280px) {
  .equinox-details-warranty {
    margin: -14px 29px 0;
  }
}
@media (min-width: 768px) {
  .equinox-details-warranty .warranty-table {
    margin: 0 0 10px 15%;
  }
}
@media (min-width: 1280px) {
  .equinox-details-warranty .warranty-table {
    margin: 0 0 37px 15%;
  }
}
.equinox-details-warranty .warranty-section {
  display: inline-block;
  max-width: 240px;
  vertical-align: top;
  text-align: center;
}
@media (min-width: 768px) {
  .equinox-details-warranty .warranty-section {
    max-width: 280px;
  }
}
@media (min-width: 1280px) {
  .equinox-details-warranty .warranty-section {
    max-width: 320px;
  }
}
.equinox-details-warranty .warranty-heading {
  margin-top: 10px;
  margin-bottom: 10px;
}

header nav.block-menu-block > ul.menu-name-menu-helix > li.active-trail, header nav.block-menu-block > ul.menu-name-menu-helix > li:hover {
  background-image: none;
  border-bottom: 2px solid #f7921e;
}
header nav.block-menu-block > ul.menu-name-menu-helix > li a {
  margin-bottom: 3px;
}

.page.menu-helix .page-header {
  height: 90px;
}

.menu-helix header.subNav {
  background: url("../images/SunPower-Helix-orange-nav-1280x40.png") bottom left repeat-x white;
}

.google-search-results {
  margin-bottom: 30px;
}

.google-search-results .gss-result {
  padding-top: 15px;
  padding-bottom: 0;
  margin-top: 15px;
  border-top: solid 1px rgba(156, 188, 205, 0.3);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.35;
}

.google-search-results .gss-result .gss-title {
  font-weight: 600;
  font-size: 16px;
}

.gss-title a {
  text-decoration: none;
  color: #0076be;
  transition: opacity 260ms ease-in-out;
}
.gss-title a:hover, .gss-title a:focus {
  color: #39607a;
}

[role="main"] .gss-search-snippet {
  padding: 0;
  margin-top: 5px;
  max-width: 800px;
  color: #5e6367;
}

div.google-search-pager {
  margin-bottom: 50px;
  font-weight: 600;
}

.google-search-pager .pager {
  text-align: left;
}

div.google-search-pager ul.pager .pager-item {
  padding: 0;
}

div.google-search-pager ul.pager li {
  margin-left: 0;
}

.google-search-pager a {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 3px;
  text-decoration: none;
  color: #0076be;
  transition: background-color 300ms ease;
}
.google-search-pager a:hover, .google-search-pager a:focus {
  background: rgba(0, 118, 190, 0.1);
}

.google-search-pager .pager-current {
  padding: 5px 12px;
  color: #9cbccd;
}

.page-search-gss .tabs {
  display: none;
}

.page-search .search-form.gss label {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

.page-search .search-form.gss .form-wrapper {
  position: relative;
}

@media only screen and (min-width: 480px) {
  .page-search .search-form.gss .form-text {
    width: calc(100% - 100px);
  }
}

.page-search .search-form.gss .form-submit {
  margin-top: 7px;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .page-search .search-form.gss .form-submit {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    width: auto;
  }
}

.search-subhead {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  color: #5e6367;
}

@media only screen and (min-width: 960px) {
  .sunstyle-large-margintop--250 {
    margin-top: -250px;
  }

  .sunstyle-large-margintop--150 {
    margin-top: -150px;
  }

  .sunstyle-large-margintop--100 {
    margin-top: -100px;
  }

  .sunstyle-large-margintop--50 {
    margin-top: -50px;
  }

  .sunstyle-large-margintop-50 {
    margin-top: 50px;
  }

  .sunstyle-large-margintop-100 {
    margin-top: 100px;
  }

  .sunstyle-large-margintop-150 {
    margin-top: 150px;
  }

  .sunstyle-large-margintop-250 {
    margin-top: 250px;
  }
}
.field-collection-view-links {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

.pane-video,
.video-bean {
  position: relative;
}

.video-bean-heading {
  font-size: 50px;
  line-height: 105%;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .video-bean-heading {
    margin-top: 0;
  }
}

.video-bean-image-video {
  position: relative;
  display: none;
}

.video-bean-video-is-visible .video-bean-image-video {
  display: block;
}

.video-bean-video-wrapper {
  display: none;
  width: 100%;
}
.video-bean-video-is-visible .video-bean-video-wrapper {
  display: block;
}

.video-bean-overlay {
  padding: 0 20px 20px;
}
@media (min-width: 768px) {
  .video-bean-overlay {
    padding: 50px 30px 30px;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  .video-bean-video-is-visible + .video-bean-overlay {
    display: none;
  }
}

@media (min-width: 768px) {
  .video-bean-body {
    margin-bottom: 40px;
  }
  .video-bean-body p {
    font-size: 35px;
    line-height: 135%;
  }
}

.video-bean-play-trigger.hide-caption {
  color: transparent;
  display: inline-block;
  font: 0/0 serif;
}

.video-bean-play-trigger-mobile {
  pointer-events: none;
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .video-bean-play-trigger-mobile {
    display: none;
  }
}
.video-bean-play-trigger-mobile.sun-content-color-white {
  color: white;
}
.video-bean-video-is-visible .video-bean-play-trigger-mobile {
  display: none;
}

.show-caption .play-trigger-caption {
  color: #9cbccd;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-left: 10px;
  font-size: 24px;
  position: relative;
  top: -10px;
}

.play-icon {
  background-image: url("../images/playhead.png");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 10px;
  height: 32px;
  width: 38px;
}

.bean-video.video_style_option_one {
  position: relative;
}

.bean-video.video_style_option_one .video-bean-overlay,
.bean-video.video_style_option_one .video-bean-video-wrapper iframe,
.bean-video.video_style_option_one .video-bean-video-wrapper,
.bean-video.video_style_option_one {
  overflow: hidden;
  height: 458px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .bean-video.video_style_option_one .video-bean-overlay,
  .bean-video.video_style_option_one .video-bean-video-wrapper iframe,
  .bean-video.video_style_option_one .video-bean-video-wrapper,
  .bean-video.video_style_option_one {
    height: 550px !important;
  }
}

.bean-video.video_style_option_one .video-bean-video {
  height: inherit;
  overflow: inherit;
  padding-bottom: auto;
  position: relative;
}

.bean-video.video_style_option_one .video-bean-video-wrapper {
  position: relative !important;
}

.bean-video.video_style_option_one .video-bean-overlay {
  background-position: left center;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  padding: 0;
}
@media only screen and (min-width: 769px) {
  .bean-video.video_style_option_one .video-bean-overlay {
    background-position: center center;
  }
}

.bean-video.video_style_option_one .sun-content-color-white .video-bean-heading,
.bean-video.video_style_option_one .sun-content-color-white {
  color: white;
}

.bean-video.video_style_option_one .sun-content-inner {
  position: relative;
  height: 100%;
  padding: 10px 0 63px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bean-video.video_style_option_one .sun-content-inner .maintext {
  padding-left: 40px;
  padding-right: 40px;
}

.bean-video.video_style_option_one.video-bean-video-is-visible .video-bean-overlay {
  display: none;
}

.bean-video.video_style_option_one .field-name-field-subhead,
.bean-video.video_style_option_one .video-bean-heading,
.bean-video.video_style_option_one .video-bean-body {
  margin: 0 auto;
}

.bean-video.video_style_option_one .video-bean-heading {
  color: #5e6367;
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 25px;
}
@media only screen and (min-width: 769px) {
  .bean-video.video_style_option_one .video-bean-heading {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 480px) {
  .bean-video.video_style_option_one .video-bean-heading {
    font-size: 48px;
  }
}

.bean-video.video_style_option_one .video-bean-body {
  color: #5e6367;
  font-size: 16px;
  margin-bottom: 25px;
}

.bean-video.video_style_option_one .video-bean-body p {
  font-size: 16px;
  font-weight: 100;
}

.bean-video.video_style_option_one .video-bean-footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

.bean-video.video_style_option_one .video-bean-footer .field-name-field-bean-footer-text {
  width: auto;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 15px;
  background: #9cbccd;
  color: white;
  font-size: 16px;
  font-weight: 100;
}

.bean-video.video_style_option_one .play-icon {
  background-image: url("../images/playhead-alt.png");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 10px;
  height: 62px;
  width: 62px;
}

.bean-video.video_style_option_one .sun-content-color-white h2.pretext,
.bean-video.video_style_option_one .pretext {
  font-size: 14px;
  text-align: center;
  color: #f7921e;
  font-weight: 600;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .bean-video.video_style_option_one .sun-content-color-white h2.pretext,
  .bean-video.video_style_option_one .pretext {
    font-size: 18px;
  }
}

.bean-video.video_style_option_one .field-name-field-subhead {
  font: inherit;
}

.bean-video.text-bg-dark .sun-content-inner {
  background-image: radial-gradient(closest-side, rgba(35, 31, 32, 0.8), rgba(0, 0, 0, 0));
}

.video-bean-legacy .video-bean-image-video {
  display: block;
}

.video-bean-legacy .video-bean-image-video .video-bean-image {
  display: block;
}

.video-bean-legacy.video-bean-video-is-visible .video-bean-image-video .video-bean-image {
  display: none !important;
}

iframe.lazy-video {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 1;
}
iframe.lazy-video.loader {
  background-size: auto;
}
iframe.lazy-video.preview {
  background-size: cover;
}

.sun-content-align-left > .sun-content-inner {
  float: left;
}
.sun-content-align-right > .sun-content-inner {
  float: right;
}
.sun-content-align-center {
  text-align: center;
  width: 100%;
}
.sun-content-align-center .sun-content-inner {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .sun-content-width-25 .sun-content-inner {
    width: 25%;
  }
  .sun-content-width-33 .sun-content-inner {
    width: 33%;
  }
  .sun-content-width-50 .sun-content-inner {
    width: 50%;
  }
  .sun-content-width-66 .sun-content-inner {
    width: 66%;
  }
  .sun-content-width-75 .sun-content-inner {
    width: 75%;
  }
  .sun-content-width-100 .sun-content-inner {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .sun-content-color-black {
    color: #231f20;
  }
  .sun-content-color-black h1, .sun-content-color-black h2, .sun-content-color-black h3, .sun-content-color-black h4, .sun-content-color-black h5 {
    color: #231f20;
  }
  .sun-content-color-white {
    color: white;
  }
  .sun-content-color-white h1, .sun-content-color-white h2, .sun-content-color-white h3, .sun-content-color-white h4, .sun-content-color-white h5 {
    color: white;
  }
}

.sun-content-text-align-left {
  text-align: left;
}
.sun-content-text-align-right > .sun-content-inner {
  text-align: right;
}
.sun-content-text-align-center > .sun-content-inner {
  text-align: center;
}

.sun-node-likes {
  flex-grow: 0;
  margin-top: 10px;
  padding: 15px 20px;
  border-top: solid 1px #f2f6f8;
  text-align: right;
  font-size: 12px;
  line-height: 0.9;
  font-weight: 400;
  color: #9cbccd;
}

.sun-node-likes__count:before {
  padding-right: 7px;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1;
  color: #f7921e;
}

.sun-node-likes__count:empty:before {
  padding-right: 0;
}

.float-box {
  padding: 0 5%;
  position: relative;
}
@media (min-width: 768px) {
  .float-box {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .float-box__box {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.float-box__box-inner {
  margin: 20px 0;
}
@media (min-width: 768px) {
  .float-box__box-inner {
    background: white;
    border: 2px solid #f2f6f8;
    margin: 0 10%;
    padding: 28px 40px;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .float-box__heading {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .float-box__image {
    line-height: 0;
    padding-top: 100px;
  }
}

.line-diagram {
  padding: 0 5%;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .line-diagram {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .line-diagram-first,
  .line-diagram-second {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .line-diagram-first {
    border-right: 3px solid #0076be;
    position: relative;
    left: 3px;
    text-align: right;
  }
  .line-diagram-first .line-diagram-column-inner {
    position: relative;
    left: -3px;
  }
  .line-diagram-first .line-diagram__item-inner {
    padding-right: 70px;
  }
  .line-diagram-first .line-diagram__connecting-line,
  .line-diagram-first .line-diagram__connecting-line-overlay {
    right: 0;
  }
  .line-diagram-first .line-diagram__copy {
    padding-left: 10%;
  }
}

@media (min-width: 768px) {
  .line-diagram-second {
    border-left: 3px solid #0076be;
  }
  .line-diagram-second .line-diagram-column-inner {
    padding-top: 150px;
  }
  .line-diagram-second .line-diagram__item-inner {
    padding-left: 70px;
  }
  .line-diagram-second .line-diagram__connecting-line,
  .line-diagram-second .line-diagram__connecting-line-overlay {
    left: 0;
  }
  .line-diagram-second .line-diagram__copy {
    padding-right: 10%;
  }
}
@media (min-width: 1024px) {
  .line-diagram-second .line-diagram-column-inner {
    padding-top: 200px;
  }
}

.line-diagram__item {
  position: relative;
}

@media (min-width: 768px) {
  .line-diagram__connecting-line,
  .line-diagram__connecting-line-overlay {
    position: absolute;
    top: 100px;
    height: 3px;
    width: 50px;
  }
}
@media (min-width: 1024px) {
  .line-diagram__connecting-line,
  .line-diagram__connecting-line-overlay {
    top: 150px;
  }
}

@media (min-width: 768px) {
  .line-diagram__connecting-line {
    background-color: #0076be;
  }
}

@media (min-width: 768px) {
  .line-diagram__connecting-line-overlay {
    background-color: #f7921e;
  }
}

.line-diagram__copy {
  margin: 20px 0 30px;
}

@media (min-width: 768px) {
  .line-diagram__heading {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .line-diagram-dividing-line {
    background-color: #0076be;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 1.5px;
    width: 3px;
  }
}

.dropdown-tabs,
.dropdown-tabs__dropdown,
.dropdown-tabs__dropdown-list {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .dropdown-tabs {
    margin-left: 10px;
  }
}

.dropdown-tabs__dropdown {
  position: relative;
  z-index: 1;
}

.dropdown-tabs__current-link,
.dropdown-tabs__dropdown-item a {
  font-weight: 700;
  color: #0076be;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .dropdown-tabs__current-link,
  .dropdown-tabs__dropdown-list {
    min-width: 320px;
  }
}

.dropdown-tabs__current-link {
  border-bottom: 1px solid #0076be;
  display: inline-block;
  overflow: hidden;
  padding: 10px 20px;
  padding-right: 42px;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.dropdown-tabs__current-link:after {
  font-family: 'svg-icons';
  content: '\EA03';
  float: right;
  margin-left: 10px;
  font-size: 50%;
  line-height: 3;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}

.dropdown-tabs__current-link.-is-active {
  border: 1px solid #0076be;
  border-bottom: 0;
}

.dropdown-tabs__current-link.-is-active:after {
  transform: center rotate(180deg);
  transition: transform .3s ease-out;
  transition-delay: .15s;
}

.dropdown-tabs__dropdown-list {
  display: none;
  position: absolute;
  min-width: 300px;
  max-width: 100%;
  z-index: 1;
  top: 0;
  padding: 10px 0;
  background: white;
  list-style: none;
  border: 1px solid #0076be;
}
@media only screen and (min-width: 768px) {
  .dropdown-tabs__dropdown-list {
    left: -10px;
  }
}
@media only screen and (min-width: 769px) {
  .dropdown-tabs__dropdown-list {
    max-width: none;
  }
}

.dropdown-tabs__dropdown-list.-is-active {
  display: block;
  border-top: 0;
}

.dropdown-tabs__dropdown-item {
  padding: 5px 20px;
}

.dropdown-tabs__dropdown-item a {
  display: block;
  line-height: 1.3;
  text-decoration: none;
}

.list-type--downloads,
.list-type--navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.list-type--downloads li,
.list-type--navigation li {
  margin-bottom: 20px;
}

.list-type--navigation {
  font-size: 24px;
  text-decoration: underline;
}

.list-type--navigation,
.list-type--navigation a {
  color: #0076be;
}

.list-type--downloads {
  font-size: 18px;
  color: #5e6367;
}

.list-type--downloads li:before {
  content: '';
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 10px;
  background: url('../images/layout-icons-sa9fdfd0885.png') 0 -26px;
  height: 20px;
  width: 17px;
}

.list-type--downloads a {
  color: inherit;
  text-decoration: none;
}

.list-type--downloads img {
  display: none;
}

.list-type--links-container {
  display: flex;
  justify-content: center;
}

.list-type--links-container .list-type--links {
  background-color: #0769a9;
  border: none;
  width: 160px;
  color: white;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
}

.wysiwyg-two-col {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
  .wysiwyg-two-col {
    float: left;
    clear: right;
    width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  .wysiwyg-two-col--left-column {
    padding-right: 2%;
  }
}

@media only screen and (min-width: 1025px) {
  .wysiwyg-two-col--right-column {
    padding-left: 2%;
  }
}

.rteindent1 {
  margin-left: 1cm;
}

.rteindent2 {
  margin-left: 2cm;
}

.rteindent3 {
  margin-left: 3cm;
}

.rteindent4 {
  margin-left: 4cm;
}

.rteleft {
  text-align: left;
}

.rteright {
  text-align: right;
}

.rtecenter {
  text-align: center;
}

.rtejustify {
  text-align: justify;
}

/* Add missing z-index to for bean-pane interop */
.ui-dialog.media-wrapper {
  z-index: 10000;
}

.fact-text {
  display: inline-block;
  line-height: 1;
}

.fact-text--small {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.fact-text--medium {
  font-size: 30px;
  font-weight: 400;
}

.fact-text--large {
  font-size: 72px;
}

.node .field-name-body .blockquote--pullquote {
  background: none;
  padding: 0;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .node .field-name-body .blockquote--pullquote {
    float: left;
    width: 50%;
    margin-right: 30px;
    margin-bottom: 10px;
  }
}

[role="main"] .node .field.field-name-body .blockquote--pullquote p {
  max-width: 100%;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.35;
  color: #f7921e;
}
@media only screen and (min-width: 480px) {
  [role="main"] .node .field.field-name-body .blockquote--pullquote p {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) {
  [role="main"] .node .field.field-name-body .blockquote--pullquote p {
    font-size: 30px;
  }
}

.list-type--article {
  padding: 0;
  margin: 0;
  list-style-type: none;
  counter-reset: li;
}

.list-type--article li {
  position: relative;
  margin-top: 20px;
  padding-top: 60px;
  border-top: solid 1px rgba(156, 188, 205, 0.5);
}
.list-type--article li:before, .list-type--article li:after {
  content: "";
  display: table;
}
.list-type--article li:after {
  clear: both;
}
.list-type--article li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 20px;
  left: -2px;
  font-size: 50px;
  line-height: 0.9;
  font-weight: 300;
  letter-spacing: -0.15em;
  color: #9cbccd;
}
@media only screen and (min-width: 480px) {
  .list-type--article li {
    padding-top: 20px;
    padding-left: 7.5%;
  }
}

.node .field-name-body .list-type--article li h4 {
  margin-top: 22px;
  margin-bottom: 20px;
}

/**
 * 2 column link boxes.
 */
.bean-2-column-link-boxes .l-container {
  max-width: 940px;
  position: relative;
  padding: 0 10px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .bean-2-column-link-boxes .l-container {
    text-align: center;
  }
}

.bean-2-column-link-boxes.clearfix {
  padding: 32px 0;
  width: 90%;
  max-width: 740px;
  margin: auto;
}

.bean-2-column-link-boxes .field-collection-container {
  margin: 0;
}

.field.field-name-field-link-box > .field-items {
  background-color: #f6fbff;
}
.field.field-name-field-link-box > .field-items:before, .field.field-name-field-link-box > .field-items:after {
  content: "";
  display: table;
}
.field.field-name-field-link-box > .field-items:after {
  clear: both;
}

.field.field-name-field-link-box > .field-items > .field-item {
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #ecf7ff;
  font-size: 12px;
}
.field.field-name-field-link-box > .field-items > .field-item:before, .field.field-name-field-link-box > .field-items > .field-item:after {
  content: "";
  display: table;
}
.field.field-name-field-link-box > .field-items > .field-item:after {
  clear: both;
}
.field.field-name-field-link-box > .field-items > .field-item.odd {
  background-color: #f6fbff;
}
@media only screen and (min-width: 768px) {
  .field.field-name-field-link-box > .field-items > .field-item.odd {
    background-color: #ecf7ff;
  }
  .field.field-name-field-link-box > .field-items > .field-item.odd:nth-child(2n+2), .field.field-name-field-link-box > .field-items > .field-item.odd:nth-child(2n+2), .field.field-name-field-link-box > .field-items > .field-item:nth-child(2n+2), .field.field-name-field-link-box > .field-items > .field-item:nth-child(2n+2) {
    background-color: #f6fbff;
  }
}

.field.field-name-field-link-box > .field-items > .field-item .field-name-field-title {
  width: 100%;
  letter-spacing: 1.3px;
}
@media only screen and (min-width: 480px) {
  .field.field-name-field-link-box > .field-items > .field-item .field-name-field-title {
    float: left;
    width: 50%;
  }
}

.field.field-name-field-link-box > .field-items > .field-item .field-name-field-link {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .field.field-name-field-link-box > .field-items > .field-item .field-name-field-link {
    float: right;
    text-align: right;
    width: 50%;
  }
}
.field.field-name-field-link-box > .field-items > .field-item .field-name-field-link a {
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1.1px;
}

/**
 * 3 Up Tiles seen on new homepage.
 * Each tile is 33.33%.
 */
.bean-3-up-tiles {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 769px) {
  .bean-3-up-tiles {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 75%;
  }
}
@media only screen and (min-width: 1064px) {
  .bean-3-up-tiles {
    width: 61.803%;
  }
}

@media only screen and (min-width: 769px) {
  .field-name-field-3-up-tile > .field-items {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-left: -1%;
    margin-right: -1%;
  }
}

@media only screen and (min-width: 769px) {
  .field-name-field-3-up-tile > .field-items > .field-item {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1%;
    padding-right: 1%;
    width: 32%;
  }
}

.tile--3-up.tile {
  background-color: white;
  border: 1px solid rgba(156, 188, 205, 0.5);
  border-radius: 4px;
  display: block;
  color: #5e6367;
  font-size: 13px;
  margin-top: 15px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  height: 100%;
  width: 85%;
  text-align: center;
  text-decoration: none;
  transition: transform 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954), opacity 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
  position: relative;
  z-index: 1;
}
.tile--3-up.tile:after {
  content: '';
  box-shadow: 0 3px 20px 0 rgba(156, 188, 205, 0.2);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.tile--3-up.tile:hover {
  transform: scale(1.05);
}
.tile--3-up.tile:hover:after {
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .tile--3-up.tile {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    width: 100%;
  }
}

.tile--3-up .tile__header {
  color: #39607a;
  display: table;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
  text-align: center;
  width: 100%;
}

.tile--3-up .tile__header-inner {
  display: table-cell;
  vertical-align: middle;
}

.tile--3-up .tile__img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 150px;
}
@media only screen and (min-width: 480px) {
  .tile--3-up .tile__img {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .tile--3-up .tile__img {
    height: 150px;
  }
}
@media only screen and (min-width: 960px) {
  .tile--3-up .tile__img {
    height: 250px;
  }
}

.tile--3-up .tile__img img:not(.lazyloader-icon) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.tile--3-up .tile__footer {
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}
@media only screen and (min-width: 769px) {
  .tile--3-up .tile__footer {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-self: stretch;
    padding: 30px;
  }
}

.tile--3-up .tile__footer-title {
  color: #0076be;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 2.6px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.tile--3-up .tile__footer-description {
  font-weight: 300;
  letter-spacing: 0.05em;
  margin-top: 5px;
}
@media only screen and (min-width: 769px) {
  .tile--3-up .tile__footer-description {
    margin-top: 13px;
  }
}

.tile--3-up .field-type-text-long {
  padding-bottom: 0;
}

/**
 * 4 Up Tiles Boxes
 */
.bean-4-up-boxes.clearfix {
  margin: auto;
  width: 90%;
  background-color: #0c71b2;
}

.bean-4-up-boxes-title {
  color: white;
  font-weight: 500;
  padding: 25px 10px;
  margin: 0;
}

.bean-4-up-boxes {
  min-height: 350px;
}

.bean-4-up-boxes .l-container {
  max-width: 940px;
  position: relative;
}

.bean-4-up-boxes .boxes-container .field-name-field-4-up-box > .field-items {
  clear: both;
}

.bean-4-up-boxes .boxes-container .field-name-field-4-up-box > .field-items > .field-item {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 768px) {
  .bean-4-up-boxes .boxes-container .field-name-field-4-up-box > .field-items > .field-item {
    width: 50%;
  }
}
@media only screen and (min-width: 769px) {
  .bean-4-up-boxes .boxes-container .field-name-field-4-up-box > .field-items > .field-item {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 960px) {
  .bean-4-up-boxes .boxes-container .field-name-field-4-up-box > .field-items > .field-item {
    width: 25%;
  }
}

.box-4up {
  position: relative;
}

.box-4up .box-icon-container {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.box-4up .box-icon {
  height: 62px;
  width: auto;
}

.box-4up .content {
  padding: 31px 10px 0;
}

.box-4up .box-container {
  position: relative;
  background-color: white;
  height: 180px;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.25);
}

.box-4up .link-container {
  text-align: center;
  position: absolute;
  background-color: #ecf7ff;
  border-radius: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
}

.box-4up .title-container {
  width: 100%;
  height: 100%;
  padding: 32px 12px 44px;
  text-align: center;
  font-weight: 600;
  color: #39607a;
}

.box-4up .title-container > .field {
  display: table;
  width: 100%;
  height: 100%;
}

.box-4up .title-container > .field > .field-items {
  display: table-cell;
  vertical-align: middle;
}

.box-4up .link-container > .field {
  display: table;
  width: 100%;
  height: 100%;
}

.box-4up .link-container > .field > .field-items {
  display: table-cell;
  vertical-align: middle;
}

.box-4up .link-container a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.box-4up .link-container a:after {
  font-family: 'svg-icons';
  content: '\EA08';
  margin-left: 8px;
  vertical-align: middle;
}

/**
 * 4 Up Tiles seen on new homepage.
 * Structure is unique enough from 3-up to warrant new partial.
 */
.bean-4-up-tiles {
  padding-top: 15px;
}

@media only screen and (min-width: 769px) {
  .field-name-field-4-up-tile > .field-items {
    display: flex;
    flex-flow: row wrap;
    margin-left: -1%;
    margin-right: -1%;
  }
}

.field-name-field-4-up-tile > .field-items > .field-item,
.view-faq-landing > .view-content > .views-row {
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
  .field-name-field-4-up-tile > .field-items > .field-item,
  .view-faq-landing > .view-content > .views-row {
    display: flex;
    margin-bottom: 15px;
    padding-left: 1%;
    padding-right: 1%;
    width: 50%;
  }
}
@media (min-width: 1240px) {
  .field-name-field-4-up-tile > .field-items > .field-item,
  .view-faq-landing > .view-content > .views-row {
    width: 25%;
  }
}

.bean-4-up-tiles .field-collection-view {
  height: 100%;
  padding-bottom: 0;
}

.tile--4-up {
  color: white;
  display: block;
  font-weight: 300;
  padding: 70px 30px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.tile--4-up:hover .tile__img:before {
  background-color: rgba(57, 96, 122, 0.3);
}
.tile--4-up:hover .tile__img {
  transform: scale(1.17);
}

.tile--4-up .tile__category {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 15px 15px 0 15px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: right;
  text-transform: uppercase;
}

.tile--4-up .tile__inner {
  position: relative;
  z-index: 3;
}

.tile--4-up .tile__title {
  font-size: 22px;
  margin: 0;
  transition: 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}

.tile--4-up .tile__description {
  font-size: 13px;
  letter-spacing: 0.05em;
  margin-top: 10px;
}

.tile--4-up .tile__img {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 820ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}
.tile--4-up .tile__img:before {
  background-color: rgba(57, 96, 122, 0.8);
  content: '';
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: 460ms ease-in-out;
}

.tile--4-up .tile__img img:not(.lazyloader-icon) {
  display: block;
  width: 100%;
  height: 100%;
}

.highlight-cta-input .bean-address-bean .text-button {
  border: solid 1px #f7921e;
  border-radius: 5px;
}

.highlight-cta-input-label .bean-address-bean .inner-container .highlight-label {
  margin: 0;
  padding: 0;
}

.highlight-cta-input-label .bean-address-bean .inner-container .highlight-label label {
  width: 100%;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #f26a36;
  color: white;
  opacity: .9;
}

.highlight-cta-input-label .bean-address-bean .inner-container .text-button {
  border: solid 1px #f7921e;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.page-node.node-type-article .page-title {
  margin-top: 0;
  margin-bottom: 20px;
  color: #5e6367;
}

.page-node.node-type-article [role="main"] {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .page-node.node-type-article [role="main"] {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.page-node.node-type-article [role="main"]:before, .page-node.node-type-article [role="main"]:after {
  content: "";
  display: table;
}
.page-node.node-type-article [role="main"]:after {
  clear: both;
}

.node-article.view-mode-full {
  margin-top: 30px;
}
@media only screen and (min-width: 960px) {
  .node-article.view-mode-full {
    float: left;
    width: 75%;
    margin-right: 4%;
  }
}

@media only screen and (min-width: 960px) {
  .article-sidebar {
    float: left;
    width: 21%;
  }
}

.node-article.view-mode-full .field-name-field-summary {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: rgba(94, 99, 103, 0.85);
}
@media only screen and (min-width: 480px) {
  .node-article.view-mode-full .field-name-field-summary {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .node-article.view-mode-full .field-name-field-summary {
    font-size: 24px;
  }
}

.node-article.view-mode-full .field-name-body p,
.node-article.view-mode-full .field-name-body ul,
.node-article.view-mode-full .field-name-field-file p {
  color: #5e6367;
}

[role="main"] .node-article.view-mode-full .field-name-body p,
[role="main"] .node-article.view-mode-full .field-name-body ul,
.node-article.view-mode-full .field-name-field-file p {
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  [role="main"] .node-article.view-mode-full .field-name-body p,
  [role="main"] .node-article.view-mode-full .field-name-body ul,
  .node-article.view-mode-full .field-name-field-file p {
    font-size: 18px;
  }
}

[role="main"] .node-article.view-mode-full .field-name-body ul li {
  margin-bottom: 15px;
}

[role="main"] .node-article.view-mode-full .field-name-body p,
.node-article.view-mode-full .field-name-field-file p {
  padding: 0;
}

.node-article.view-mode-full .field-name-body a {
  text-decoration: none;
  color: #0076be;
  font-weight: 400;
  transition: color 360ms ease;
}
.node-article.view-mode-full .field-name-body a:hover, .node-article.view-mode-full .field-name-body a:focus {
  color: #39607a;
}

.node-article.view-mode-full .field-name-body h4,
.node-article.view-mode-full .field-name-body h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #5e6367;
  line-height: 24px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.01em;
}

.node-article.view-mode-full .field-name-body h2 {
  margin-top: 22px;
  margin-bottom: 20px;
  font-weight: 600;
}

.field-name-field-anchor-menu-title {
  margin: 0 -20px;
  padding: 25px 20px 10px;
  background: rgba(156, 188, 205, 0.1);
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
  line-height: 24px;
  color: #5e6367;
}
@media only screen and (min-width: 480px) {
  .field-name-field-anchor-menu-title {
    margin: 0;
  }
}

.field-name-field-anchor-links {
  margin: 0 -20px 15px;
  padding: 0 20px 30px;
  background: rgba(156, 188, 205, 0.1);
}
@media only screen and (min-width: 480px) {
  .field-name-field-anchor-links {
    margin: 0 0 15px 0;
  }
}

.field-name-field-anchor-links .field-items:before, .field-name-field-anchor-links .field-items:after {
  content: "";
  display: table;
}
.field-name-field-anchor-links .field-items:after {
  clear: both;
}

.field-name-field-anchor-links .field-items .field-item {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.field-name-field-anchor-links .field-collection-view {
  padding: 0;
}

.field-name-field-anchor-links a {
  display: block;
  padding: 10px 20px;
  border-radius: 3px;
  letter-spacing: 0.04em;
  font-size: 13px;
  font-weight: 700;
  background: rgba(0, 118, 190, 0.2);
  text-decoration: none;
  text-transform: uppercase;
  color: #0076be;
  transition: all 360ms ease;
}
.field-name-field-anchor-links a:hover, .field-name-field-anchor-links a:focus {
  background: #0076be;
  color: white;
}

.uberflip-cta {
  margin-bottom: 20px;
  padding: 25px 30px 30px 20px;
  color: #39607a;
  font-size: 18px;
  font-weight: 400;
  background: rgba(156, 188, 205, 0.1);
}
@media only screen and (min-width: 768px) {
  .uberflip-cta {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 960px) {
  .uberflip-cta {
    padding-left: 30px;
    padding-right: 25px;
    margin-bottom: 40px;
  }
}

[role="main"] .uberflip-cta p {
  padding: 0;
  margin-bottom: 20px;
}

.article-related h6 {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: solid 1px rgba(156, 188, 205, 0.5);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  color: #39607a;
}

.field-name-field-related-articles .field-item {
  margin: 5px 0 10px;
}

.field-name-field-related-articles a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #0076be;
  transition: color 360ms ease;
}
.field-name-field-related-articles a:hover, .field-name-field-related-articles a:focus {
  color: #39607a;
}

.article-category {
  margin-top: 30px;
  padding-bottom: 7px;
  border-bottom: 2px solid #5e6367;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5e6367;
}

.article-category.video {
  border-bottom-color: #ef373e;
  color: #ef373e;
}

.article-category.podcast {
  border-bottom-color: #0076be;
  color: #0076be;
}

.article-category.list {
  border-bottom-color: #8d54a2;
  color: #8d54a2;
}

.article-category.qa {
  border-bottom-color: #39607a;
  color: #39607a;
}

.article-category.infographic {
  border-bottom-color: #f7921e;
  color: #f7921e;
}

.article-category.white-paper {
  border-bottom-color: #231f20;
  color: #231f20;
}

.article-category.at-a-glance {
  border-bottom-color: #69b342;
  color: #69b342;
}

.article-category.ebook {
  border-bottom-color: #9cbccd;
  color: #9cbccd;
}

.article-category.how-to-guide {
  border-bottom-color: #ffe600;
  color: #ffe600;
}

.article-category.slideshow {
  border-bottom-color: #f26a36;
  color: #f26a36;
}

.node-article .sharethis-wrapper .stBubble,
.node-article .st_sharethis_vcount {
  display: none !important;
}

.node-type-article .sharethis-wrapper .stButton {
  margin-left: 10px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .sharethis-wrapper .stButton {
    margin-left: 0;
    margin-right: 10px;
  }
}

.node-type-article .sharethis-wrapper .stButton + .stButton {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .sharethis-wrapper .stButton + .stButton {
    margin-left: 0;
  }
}

.node-type-article .sharethis-wrapper .stButton:before {
  content: '';
  display: block;
  width: 35px;
  height: 36px;
  background-image: url("../images/social/social-sprite.png");
}
@media only screen and (min-width: 768px) {
  .node-type-article .sharethis-wrapper .stButton:before {
    width: 28px;
    height: 28px;
  }
}

.node-type-article .st_facebook_vcount .stButton:before {
  background-position: 0 -107px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_facebook_vcount .stButton:before {
    background-position: 0 0;
  }
}

.node-type-article .st_facebook_vcount .stButton:hover:before,
.node-type-article .st_facebook_vcount .stButton:focus:before {
  background-position: 0 -68px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_facebook_vcount .stButton:hover:before,
  .node-type-article .st_facebook_vcount .stButton:focus:before {
    background-position: 0 -35px;
  }
}

.node-type-article .st_twitter_vcount .stButton:before {
  background-position: -75px -107px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_twitter_vcount .stButton:before {
    background-position: -38px 0;
  }
}

.node-type-article .st_twitter_vcount .stButton:hover:before,
.node-type-article .st_twitter_vcount .stButton:focus:before {
  background-position: -75px -68px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_twitter_vcount .stButton:hover:before,
  .node-type-article .st_twitter_vcount .stButton:focus:before {
    background-position: -38px -35px;
  }
}

.node-type-article .st_linkedin_vcount .stButton:before {
  background-position: -150px -107px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_linkedin_vcount .stButton:before {
    background-position: -76px 0;
  }
}

.node-type-article .st_linkedin_vcount .stButton:hover:before,
.node-type-article .st_linkedin_vcount .stButton:focus:before {
  background-position: -150px -68px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_linkedin_vcount .stButton:hover:before,
  .node-type-article .st_linkedin_vcount .stButton:focus:before {
    background-position: -76px -35px;
  }
}

.node-type-article .st_googleplus_vcount .stButton:before {
  background-position: -225px -107px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_googleplus_vcount .stButton:before {
    background-position: -114px 0;
  }
}

.node-type-article .st_googleplus_vcount .stButton:hover:before,
.node-type-article .st_googleplus_vcount .stButton:focus:before {
  background-position: -225px -68px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_googleplus_vcount .stButton:hover:before,
  .node-type-article .st_googleplus_vcount .stButton:focus:before {
    background-position: -114px -35px;
  }
}

.node-type-article .st_email_vcount .stButton:before {
  background-position: -300px -107px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_email_vcount .stButton:before {
    background-position: -152px 0;
  }
}

.node-type-article .st_email_vcount .stButton:hover:before,
.node-type-article .st_email_vcount .stButton:focus:before {
  background-position: -300px -68px;
}
@media only screen and (min-width: 768px) {
  .node-type-article .st_email_vcount .stButton:hover:before,
  .node-type-article .st_email_vcount .stButton:focus:before {
    background-position: -152px -35px;
  }
}

.node-article .sharing {
  padding-bottom: 10px;
  border-top: 1px solid rgba(156, 188, 205, 0.5);
  border-bottom: 1px solid rgba(156, 188, 205, 0.5);
  color: #9cbccd;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 15px;
  padding-top: 15px;
}
.node-article .sharing:before, .node-article .sharing:after {
  content: "";
  display: table;
}
.node-article .sharing:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .node-article .sharing {
    margin-bottom: 30px;
    padding-top: 10px;
    text-align: left;
  }
}

[role="main"] .node-article .submitted {
  padding: 0;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  [role="main"] .node-article .submitted {
    float: right;
    margin-top: 5px;
  }
}

.node-type-article .sharethis-buttons {
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .node-type-article .sharethis-buttons {
    float: left;
  }
}

.node-type-article .media-youtube-video {
  margin-bottom: 30px;
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.node-type-article .media-youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.node-article.view-mode-full .file-document .file-icon {
  display: none;
}

.node-article.view-mode-full > .file-document .content a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  margin-left: -4px;
  padding: 12px 25px;
  border-radius: 20px;
  background-color: #0076be;
  transition: all 360ms ease;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.node-article.view-mode-full > .file-document .content a:hover, .node-article.view-mode-full > .file-document .content a:focus {
  background: #39607a;
}

.node-article.view-mode-full .field-name-field-file {
  padding: 20px;
  margin-bottom: 30px;
  background: rgba(156, 188, 205, 0.1);
}
.node-article.view-mode-full .field-name-field-file:before, .node-article.view-mode-full .field-name-field-file:after {
  content: "";
  display: table;
}
.node-article.view-mode-full .field-name-field-file:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .node-article.view-mode-full .field-name-field-file {
    padding: 30px;
  }
}

.node-article.view-mode-full .field-name-field-file .thumbnail {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .node-article.view-mode-full .field-name-field-file .thumbnail {
    float: left;
    width: 25%;
    margin-right: 4%;
    margin-bottom: 0;
  }
}

.node-article.view-mode-full .field-name-field-file .thumbnail img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .node-article.view-mode-full .field-name-field-file h3,
  .node-article.view-mode-full .field-name-field-file .content {
    float: right;
    width: 71%;
  }
}

.node-article.view-mode-full .field-name-field-file h3 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: #5e6367;
}

.node-article .field-name-field-file .field-name-field-file-format {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  color: #5e6367;
}

.node-article .field-name-field-file .field-name-field-file-format .field-label {
  font-weight: inherit;
}

.node-article .field-name-field-file .file-size {
  display: none;
}

.node-article .field-name-field-file .content a {
  margin-top: 13px;
}

.node-article .field-name-body img[style*="float"][style*="left"],
.node-article .field-name-body img[style*="float"][style*="right"] {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .node-article .field-name-body img[style*="float"][style*="left"],
  .node-article .field-name-body img[style*="float"][style*="right"] {
    max-width: 50%;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .node-article .field-name-body img[style*="float"][style*="left"] {
    float: left;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .node-article .field-name-body img[style*="float"][style*="right"] {
    float: right;
    margin-left: 30px;
  }
}

.node-article .field-name-body blockquote {
  padding: 20px 30px 25px;
  margin: 0 0 25px 0;
  background: rgba(156, 188, 205, 0.1);
  color: #39607a;
}

[role="main"] .node-article.view-mode-full .field-name-body blockquote * {
  color: inherit;
}

[role="main"] .node-article.view-mode-full .field-name-body blockquote p {
  margin-bottom: 10px;
  max-width: 800px;
}

.node-article .field-name-body .table-scroll {
  overflow-x: auto;
}

.node-article .field-name-body .table-scroll table {
  width: auto;
  min-width: 100%;
  max-width: none;
}
@media only screen and (min-width: 768px) {
  .node-article .field-name-body .table-scroll table {
    width: 100%;
  }
}

.node-article .field-name-body table {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  border: none;
  background: rgba(156, 188, 205, 0.1);
}

[role="main"] .node-article .field-name-body th,
[role="main"] .node-article .field-name-body td {
  border: none;
  padding: 10px 15px;
  vertical-align: top;
}

[role="main"] .node-article table tr:nth-child(odd) {
  background: transparent;
}

.node-article th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

.node-article tbody th {
  color: #231f20;
}

.node-article td {
  color: #5e6367;
}

.node-article thead {
  background-color: #5e6367;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.node-article tr {
  border-bottom: 1px solid rgba(156, 188, 205, 0.5);
}

.node-article tr:nth-child(even) {
  background: rgba(94, 99, 103, 0.1);
}

[role="main"] .node-article .field-name-body td + td,
[role="main"] .node-article .field-name-body th + th,
[role="main"] .node-article .field-name-body th + td {
  border-left: 1px solid rgba(156, 188, 205, 0.5);
}

@media only screen and (min-width: 960px) {
  .bean-comparison-bean .compare-bean--section-body {
    display: inline-block;
    width: 33%;
    vertical-align: top;
  }
}

@media only screen and (min-width: 960px) {
  .bean-comparison-bean .compare-bean--section-table {
    display: inline-block;
    width: 66%;
  }
}

.bean-comparison-bean td, [role="main"] .bean-comparison-bean td,
.bean-comparison-bean th,
[role="main"] .bean-comparison-bean th {
  vertical-align: top;
}

.bean-comparison-bean table, [role="main"] .bean-comparison-bean table {
  margin-bottom: 0;
}

.bean-comparison-bean table tr:nth-child(odd) {
  background: transparent;
}

.bean-comparison-bean table td, [role="main"] .bean-comparison-bean table td {
  padding: 0;
}

.bean-comparison-bean table td.compare-bean--table-desc {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .bean-comparison-bean table td.compare-bean--table-desc {
    padding: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .bean-comparison-bean table td.compare-bean--table-desc {
    padding: 40px;
  }
}

.bean-comparison-bean table td.compare-bean--table-desc:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 960px) {
  .bean-comparison-bean table td.compare-bean--table-desc:first-child {
    padding-left: 40px;
  }
}

.bean-comparison-bean table td.compare-bean--table-desc:last-child {
  padding-right: 0;
}
@media only screen and (min-width: 960px) {
  .bean-comparison-bean table td.compare-bean--table-desc:last-child {
    padding-right: 40px;
  }
}

.compare-bean--table {
  table-layout: fixed;
  width: 100%;
}

.compare-bean--table-heading {
  border-bottom: 1px solid #5e6367;
  text-align: center;
}

.compare-bean--table-desc:last-child {
  border-left: 1px solid #5e6367;
}

.contact-cta-box-bean {
  background-size: cover;
  float: left;
  width: 100%;
  clear: both;
}

.contact-cta-box-bean .action-links-field-collection-add {
  display: none;
}

.contact-cta-box-bean.bean-content-spacing {
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 769px) {
  .contact-cta-box-bean.bean-content-spacing {
    margin: 0;
  }
}

.contact-cta-box-bean .container {
  position: relative;
  float: right;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .contact-cta-box-bean .container {
    width: 60%;
    margin: 60px 70px;
  }
}

.contact-cta-box-bean .contact-cta-box-overlay {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.contact-cta-box-bean .contact-cta-box-overlay .contact-cta-box-overlay-blur {
  background-size: cover;
  background-position: calc(100% + 18px) -48px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 140%;
  height: calc(100% + 270px);
  filter: blur(10px);
}

.contact-cta-box-bean .contact-cta-box-overlay .contact-cta-box-overlay-white {
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.contact-cta-box-bean .container .content.box-sizer {
  visibility: hidden;
}

.contact-cta-box-bean .container .content.box-display {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.contact-cta-box-bean > .container > .content > div {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .contact-cta-box-bean > .container > .content > div {
    min-height: 100%;
    float: left;
    width: 50%;
  }
}

.contact-cta-box-cta-items {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 769px) {
  .contact-cta-box-cta-items {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
  }
}

.contact-cta-box-cta-items .field-name-field-bean-heading,
.contact-cta-box-cta-items .field-name-field-bean-description {
  color: #39607a;
  font-size: 22px;
  margin-bottom: 20px;
}

.contact-cta-box-cta-items .field-name-field-bean-description,
.contact-cta-box-contacts .contact-item-body {
  font-weight: 300;
}

.contact-cta-box-cta-items .field-type-link-field a {
  width: 100%;
  font-size: 18px;
  margin-top: 20px;
  padding: 14px 0;
  text-transform: uppercase;
}

.contact-cta-box-cta-items .field-type-link-field a.btn-orange, .contact-cta-box-cta-items .field-type-link-field .node-dealer__form a.webform-submit, .node-dealer__form .contact-cta-box-cta-items .field-type-link-field a.webform-submit, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3831 a.webform-submit.button-primary, #webform-ajax-wrapper-3831 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3861 a.webform-submit.button-primary, #webform-ajax-wrapper-3861 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary {
  background: #f7921e;
}
.contact-cta-box-cta-items .field-type-link-field a.btn-orange:hover, .contact-cta-box-cta-items .field-type-link-field .node-dealer__form a.webform-submit:hover, .node-dealer__form .contact-cta-box-cta-items .field-type-link-field a.webform-submit:hover, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3831 a.webform-submit.button-primary:hover, #webform-ajax-wrapper-3831 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:hover, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3861 a.webform-submit.button-primary:hover, #webform-ajax-wrapper-3861 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:hover, .contact-cta-box-cta-items .field-type-link-field a.btn-orange:focus, .contact-cta-box-cta-items .field-type-link-field .node-dealer__form a.webform-submit:focus, .node-dealer__form .contact-cta-box-cta-items .field-type-link-field a.webform-submit:focus, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3831 a.webform-submit.button-primary:focus, #webform-ajax-wrapper-3831 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:focus, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3861 a.webform-submit.button-primary:focus, #webform-ajax-wrapper-3861 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:focus, .contact-cta-box-cta-items .field-type-link-field a.btn-orange:active, .contact-cta-box-cta-items .field-type-link-field .node-dealer__form a.webform-submit:active, .node-dealer__form .contact-cta-box-cta-items .field-type-link-field a.webform-submit:active, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3831 a.webform-submit.button-primary:active, #webform-ajax-wrapper-3831 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:active, .contact-cta-box-cta-items .field-type-link-field #webform-ajax-wrapper-3861 a.webform-submit.button-primary:active, #webform-ajax-wrapper-3861 .contact-cta-box-cta-items .field-type-link-field a.webform-submit.button-primary:active {
  background: #f26a36;
}

.contact-cta-box-contacts {
  padding: 20px;
}
@media only screen and (min-width: 1025px) {
  .contact-cta-box-contacts {
    padding: 60px 30px;
  }
}

.contact-cta-box-contacts .field-collection-container,
.contact-cta-box-contacts .field-collection-container .field-items .field-item {
  margin: 0;
}

.contact-cta-box-contacts .contact-item-icon {
  width: 100%;
  margin-top: 20px;
}

.contact-cta-box-contacts .contact-item-icon img {
  width: 60px;
}

.contact-cta-box-contacts .contact-item-heading,
.contact-cta-box-contacts .contact-item-body {
  color: #39607a;
  font-size: 18px;
}

.contact-cta-box-contacts .contact-item-heading {
  margin-top: 16px;
}

.contact-cta-box-contacts .contact-item-body {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact-cta-box-contacts .field-type-text-long {
  padding: 0;
}

.contact-cta-box-contacts .field-item:first-of-type .contact-item-icon {
  margin-top: 0;
}

.contact-cta-box-cta-items .field-name-field-bean-cta-title > .field-items > .field-item {
  position: relative;
  padding: 20px;
}
@media only screen and (min-width: 1025px) {
  .contact-cta-box-cta-items .field-name-field-bean-cta-title > .field-items > .field-item {
    padding: 60px 40px;
  }
}

.contact-cta-box-cta-items .field-name-field-bean-cta-title > .field-items > .field-item:not(:last-of-type) {
  box-shadow: 0 24px 1px -24px rgba(0, 0, 0, 0.2);
}

/**
 * Contact by Region bean.
 */
.bean-contacts-by-region.bean-content-spacing {
  margin: 0;
}

.bean-contacts-by-region .field-label {
  display: none;
}

.field-collection-item-field-region-contacts > .content > .field-name-field-title {
  background-color: #e9f0f5;
  color: #39607a;
  display: block;
  padding: 14px 38px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.contact-subregion {
  padding: 20px 0;
  min-width: 100%;
}

.contact-subregion-header {
  width: 100%;
  display: block;
  position: relative;
}

.contact-subregion-content > .field > .field-items > .field-item {
  width: 100%;
}

.wide-subregion .contact-subregion-content > .field > .field-items > .field-item {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .wide-subregion .contact-subregion-content > .field > .field-items > .field-item {
    float: left;
    width: 50%;
  }
  .wide-subregion .contact-subregion-content > .field > .field-items > .field-item:nth-child(3n) {
    clear: left;
  }
}
@media only screen and (min-width: 769px) {
  .wide-subregion .contact-subregion-content > .field > .field-items > .field-item {
    width: 33.33333%;
  }
  .wide-subregion .contact-subregion-content > .field > .field-items > .field-item:nth-child(3n) {
    clear: none;
  }
  .wide-subregion .contact-subregion-content > .field > .field-items > .field-item:nth-child(4n) {
    clear: left;
  }
}

.contact-subregion-header .field-name-field-bean-contact-icon {
  position: absolute;
  z-index: 1;
}

.contact-subregion-header-title {
  width: 100%;
  height: 54px;
  padding-left: 50px;
}
.contact-subregion-header-title:after {
  background: #e27951;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  position: relative;
  display: block;
  height: 2px;
  overflow: hidden;
  max-width: 180px;
}
@media only screen and (min-width: 480px) {
  .contact-subregion-header-title:after {
    max-width: 150px;
  }
}
@media only screen and (min-width: 769px) {
  .contact-subregion-header-title:after {
    max-width: 220px;
  }
}
@media only screen and (min-width: 1025px) {
  .contact-subregion-header-title:after {
    max-width: 280px;
  }
}

.contact-subregion-header-title .field-name-field-title {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1.1px;
  padding: 12px 0 0 12px;
}

.subregion-items {
  margin: 0 25px;
}
@media only screen and (min-width: 1151px) {
  .subregion-items {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}

.subregion-items .subregion-item {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .subregion-items .subregion-item.narrow-item {
    float: left;
    width: 50%;
  }
}
@media only screen and (min-width: 769px) {
  .subregion-items .subregion-item.narrow-item {
    width: 33.33333%;
  }
}
.subregion-items .subregion-item.wide-item:before, .subregion-items .subregion-item.wide-item:after {
  content: "";
  display: table;
}
.subregion-items .subregion-item.wide-item:after {
  clear: both;
}

.field-name-field-location-contacts > .field-items > .field-item > .clearfix:after {
  display: none;
}

.contact-subregion-content .location {
  padding: 22px 22px 22px 54px;
}

.contact-subregion-content .location abbr {
  display: none;
}

.contact-subregion-content .location span[itemprop="name"] {
  font-size: 14px;
  position: relative;
  font-weight: 600;
  letter-spacing: 1.07px;
}
.contact-subregion-content .location span[itemprop="name"]:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: -5px;
  border-bottom: 1px solid rgba(35, 31, 32, 0.1);
}

.contact-subregion-content .location .street-address {
  margin-top: 10px;
}

.contact-subregion-header.clearfix img {
  width: 53px;
  height: auto;
}

/**
 * Contractor licenses block.
 */
.bean-contractors-licenses .contact_left .contact-block--title {
  margin: 0 3%;
  overflow: hidden;
  padding: 1.5% 0 1.5% 3%;
  border: 1px solid #9cc3dd;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #39607a;
  letter-spacing: .1rem;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
}

.bean-contractors-licenses .contractorBlock .field-label {
  display: none;
}

.bean-contractors-licenses .contractorBlock {
  overflow: hidden;
  width: 100%;
  margin: auto auto 5% auto;
  border: 1px solid #9cc3dd;
  border-radius: 3px;
  letter-spacing: .1rem;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bean-contractors-licenses .contractorBlock h2 {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 0 0 1% 3%;
  border-bottom: 1.5px solid #9cc3dd;
  color: #244f6c;
  letter-spacing: .1rem;
  font-weight: 500;
  font-size: 1.2rem;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items > .field-item {
  width: 100%;
  padding: 10px 0;
  vertical-align: top;
  white-space: nowrap;
  font-weight: 300;
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items > .field-item.even, .bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items > .field-item.odd {
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items > .field-item {
    padding: 10px 20px;
    width: 33.33333%;
    white-space: normal;
  }
}
@media only screen and (min-width: 769px) {
  .bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items > .field-item {
    width: 14.28571%;
  }
}

.bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 100%;
  margin: auto 40px;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .bean-contractors-licenses .contractorBlock .field-name-field-contractor-license > .field-items {
    flex-direction: row;
    margin: auto;
  }
}

.bean-contractors-licenses .contractorBlock .field-collection-container.clearfix {
  margin: auto;
}

#sliding-popup.sliding-popup-bottom {
  background: #666666;
}

/**
 * Cta row.
 */
.bean-cta-row {
  margin: 20px 0;
}

.bean-cta-row .field-collection-container {
  margin-bottom: 0;
}

.bean-cta-row .field-name-field-cta-with-image {
  text-align: center;
}

.bean-cta-row .field-name-field-cta-with-image > .field-items {
  display: inline-block;
}

.bean-cta-row .field-name-field-cta-with-image > .field-items > .field-item {
  display: inline-block;
  margin: 0 20px;
}

.bean-cta-row .cta-icon img {
  width: 42px;
  height: 42px;
}

.bean-cta-row .cta-icon {
  display: inline-block;
  vertical-align: middle;
}

.bean-cta-row .cta-content {
  margin-left: 12px;
  display: inline-block;
}

.bean-cta-row .cta-content a {
  line-height: 42px;
  display: inline-block;
  text-decoration: none;
  color: #0769a9;
  font-weight: 500;
  font-size: 24px;
}

.panel-pane.master-dealer-body {
  max-width: 800px;
}

.master-dealer-body p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #5e6367;
}
@media only screen and (min-width: 768px) {
  .master-dealer-body p {
    font-size: 18px;
  }
}

.map-heading {
  margin: 0 20px 15px;
  font-size: 40px;
  text-align: center;
  line-height: 1.05;
  color: #39607a;
}
@media only screen and (min-width: 768px) {
  .map-heading {
    font-size: 50px;
    margin: 0 40 15px;
  }
}

.view-states-with-dealers {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .view-states-with-dealers {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .view-states-with-dealers {
    display: none;
  }
}

.view-states-with-dealers ul {
  margin-bottom: 20px;
  list-style-type: none;
  text-align: center;
}

.view-states-with-dealers .views-row {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 400;
  color: #0076be;
  cursor: pointer;
}

.pane-sun-us-dealer-map-sun-us-dealer-map-by-state {
  margin: 0 10%;
  width: 80%;
}

.pane-sun-us-dealer-map-sun-us-dealer-map-map {
  display: none;
  position: relative;
  margin: 0 10%;
  width: 80%;
  height: 0;
  padding-top: 55%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .pane-sun-us-dealer-map-sun-us-dealer-map-map {
    display: block;
  }
}

.us-map-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.us-map-navigation svg {
  width: 100%;
  height: auto;
}

.master-dealer-cta {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .master-dealer-cta {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.cta-btn {
  display: inline-block;
  padding: 4px 20px;
  border: 1px solid #0076be;
  border-radius: 15px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  background: #0076be;
  color: white;
}

div.bean-highlights {
  margin: 30px 0;
  padding: 30px 20px 20px;
  background: #0076be;
  color: white;
}
@media only screen and (min-width: 768px) {
  div.bean-highlights {
    padding: 40px 40px 45px;
    background: #9cbccd;
  }
}

div.bean-highlights .field-collection-container {
  margin-bottom: 0;
}

.bean-highlights h2 {
  margin-bottom: 26px;
  margin-top: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  color: white;
}
@media only screen and (min-width: 480px) {
  .bean-highlights h2 {
    font-size: 30px;
    line-height: 0.9;
  }
}

@media only screen and (min-width: 480px) {
  .bean-highlights .field-name-field-bean-info-text > .field-items {
    display: flex;
  }
}

.bean-highlights .field-name-field-bean-info-text > .field-items > .field-item {
  padding-top: 20px;
  margin-bottom: 10px;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 480px) {
  .bean-highlights .field-name-field-bean-info-text > .field-items > .field-item {
    width: 31.333%;
    margin-right: 3%;
    padding-right: 3%;
    padding-top: 0;
    border-top: none;
    border-right: solid 1px rgba(255, 255, 255, 0.2);
  }
}

.bean-highlights .field-name-field-bean-info-text > .field-items > .field-item:last-child {
  margin-right: 0;
  border-right: none;
}

div.bean-highlights div.field-name-field-beantext-title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  div.bean-highlights div.field-name-field-beantext-title {
    font-size: 18px;
  }
}

.entity-bean.bean-highlights .field-name-field-beantext-body {
  padding-bottom: 0;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 768px) {
  .entity-bean.bean-highlights .field-name-field-beantext-body {
    font-size: 15px;
  }
}

.view-dealers-by-state .view-grouping-header {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
}

.view-dealers-by-state .view-grouping {
  padding: 40px 20px 30px;
  border-top: solid 1px #9cbccd;
}
@media only screen and (min-width: 768px) {
  .view-dealers-by-state .view-grouping {
    padding: 40px 40px 30px;
  }
}

.view-dealers-by-state .view-grouping:nth-child(odd) {
  background: rgba(156, 188, 205, 0.1);
}

.view-dealers-by-state h3 {
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.9;
  color: #39607a;
}

.view-dealers-by-state ul {
  list-style-type: none;
}
.view-dealers-by-state ul:before, .view-dealers-by-state ul:after {
  content: "";
  display: table;
}
.view-dealers-by-state ul:after {
  clear: both;
}

.view-dealers-by-state .item-list .views-row {
  margin: 0 0 25px 0;
  padding: 25px 20px 30px;
  border-bottom-right-radius: 60px;
  border: solid 1px rgba(35, 31, 32, 0.05);
  background: white;
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  transition: all 300ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .view-dealers-by-state .item-list .views-row {
    float: left;
    width: 30%;
    margin-left: 5%;
  }
}
.view-dealers-by-state .item-list .views-row:hover, .view-dealers-by-state .item-list .views-row:focus {
  border: 1px solid rgba(35, 31, 32, 0.07);
  box-shadow: 0 11px 30px 0 rgba(35, 31, 32, 0.1);
}

@media only screen and (min-width: 768px) {
  .view-dealers-by-state .item-list .views-row:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
  }
}

.view-dealers-by-state h4 {
  margin: 0 0 7px 0;
  font-size: 24px;
  line-height: 1.1;
  color: #39607a;
}

.view-dealers-by-state .dealer--primary-location {
  text-align: left;
  font-size: 15px;
  line-height: 1;
}

.view-dealers-by-state .rating-wrapper {
  margin-bottom: 15px;
}

.view-dealers-by-state .dealer--rating {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.view-dealers-by-state .dealer--rating .stars {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  top: 1px;
  width: 69px;
  height: 12px;
  background: url("../images/svg-icons/stars-sprite-dark-sm.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.view-dealers-by-state .dealer--rating .stars.stars_0 {
  background-position: 0 -62px;
}

.view-dealers-by-state .dealer--rating .stars.stars_1 {
  background-position: 0 -50px;
}

.view-dealers-by-state .dealer--rating .stars.stars_2 {
  background-position: 0 -38px;
}

.view-dealers-by-state .dealer--rating .stars.stars_3 {
  background-position: 0 -25px;
}

.view-dealers-by-state .dealer--rating .stars.stars_4 {
  background-position: 0 -13px;
}

.dealer-rating-suffix {
  display: inline-block;
  font-size: 11px;
  color: rgba(94, 99, 103, 0.7);
}

.dealer-rating-suffix * {
  display: inline;
}

.view-dealers-by-state .field-name-field-dealer-location {
  display: none;
}

.bean-descriptive-column {
  margin-top: 10px;
  margin-bottom: 10px;
}
.bean-descriptive-column:before, .bean-descriptive-column:after {
  content: "";
  display: table;
}
.bean-descriptive-column:after {
  clear: both;
}
@media only screen and (min-width: 960px) {
  .bean-descriptive-column {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.descriptive-columns--description {
  vertical-align: top;
}
@media only screen and (min-width: 960px) {
  .descriptive-columns--description {
    display: inline-block;
    float: left;
    margin-top: 40px;
    width: 37%;
  }
}

@media only screen and (min-width: 960px) {
  .descriptive-columns--columns {
    display: inline-block;
    float: right;
    width: 57%;
  }
}

.descriptive-column {
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
}
@media only screen and (min-width: 480px) {
  .descriptive-column {
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block;
    width: 32%;
  }
}

@media only screen and (min-width: 480px) {
  .col-count-1 .descriptive-column {
    width: 100%;
  }
}

@media only screen and (min-width: 480px) {
  .col-count-2 .descriptive-column {
    width: 47%;
  }
}

.bean-helix-carousel {
  position: relative;
  margin-top: 50px;
  transition: background-image .25s linear;
}
.bean-helix-carousel:before, .bean-helix-carousel:after {
  content: "";
  display: table;
}
.bean-helix-carousel:after {
  clear: both;
}

.bean-helix-carousel .field-collection-item-field-slides {
  padding-left: 8%;
  padding-right: 8%;
  color: #5e6367;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel .field-collection-item-field-slides {
    padding-left: 7%;
    padding-right: 4%;
  }
}

.bean-helix-carousel .field-name-field-caption {
  width: 80%;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel .field-name-field-caption {
    margin-top: 40px;
    width: 40%;
  }
}

.bean-helix-carousel .field-name-field-caption .field-item {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(ellipse cover at center, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel .field-name-field-caption .field-item {
    background: none;
  }
}

.bean-helix-carousel .field-name-field-caption p {
  font-size: 18px;
  font-weight: 300;
}

.bean-helix-carousel .field-name-field-caption h2,
.bean-helix-carousel .field-name-field-caption h3 {
  color: #5e6367;
}

.bean-helix-carousel .field-name-field-caption h2 {
  margin-top: 0;
  top: 0px;
  width: 90%;
  font-size: 30px;
  line-height: 30px;
  z-index: 4;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel .field-name-field-caption h2 {
    width: 100%;
  }
}

.bean-helix-carousel .field-name-field-caption h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.bean-helix-carousel .field-name-field-slides {
  position: relative;
}

.bean-helix-carousel .field-name-field-caption {
  position: relative;
  z-index: 2;
}

.bean-helix-carousel.intro-slide .field-name-field-caption {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

.bean-helix-carousel .featured-img {
  position: absolute;
  top: 100px;
  right: 0;
  z-index: 1;
  width: 45%;
}

.bean-helix-carousel.-is-active .featured-img {
  position: fixed;
  right: 100px;
  will-change: transform;
}

.bean-helix-carousel.intro-slide .featured-img {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-45%);
  right: 80px;
  width: 65%;
}
@media only screen and (min-width: 768px) {
  .bean-helix-carousel.intro-slide .featured-img {
    width: 45%;
  }
}

.bean-helix-carousel.-is-ending .featured-img {
  position: absolute;
  top: auto;
  bottom: 0;
}

.bean-helix-carousel__pager {
  position: absolute;
  top: 0;
  right: 20px;
}

.bean-helix-carousel__pager.-is-active {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  position: fixed;
}

.bean-helix-carousel__pager.-is-ending {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 0;
  transform: translateY(0);
}

.bean-helix-carousel__pager-button {
  height: 14px;
  width: 14px;
  margin: 30px 5px;
  background: #f7921e;
  border: 2px solid #f7921e;
  border-radius: 15px;
  text-indent: -99999em;
  overflow: hidden;
  cursor: pointer;
}
.bean-helix-carousel__pager-button:first-child {
  margin-top: 0;
}
.bean-helix-carousel__pager-button:last-child {
  margin-bottom: 0;
}

.bean-helix-carousel__pager-button:hover,
.bean-helix-carousel__pager-button.-is-active {
  border-color: #f7921e;
  background-color: transparent;
}

.bean-helix-carousel > .content > .field-collection-container {
  float: left;
}

@media only screen and (max-width: 780px) {
  .bean-helix-carousel {
    position: relative;
    min-height: 450px;
    margin: 0 auto;
  }

  .bean-helix-carousel .field-name-field-caption {
    width: 100%;
    position: initial;
  }

  .bean-helix-carousel .field-name-field-caption h2 {
    position: absolute;
    z-index: 4;
    top: 0px;
    width: 90%;
    font-size: 30px;
    margin-top: 0.83em;
  }

  .bean-helix-carousel .field-name-field-caption h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
  }

  .bean-helix-carousel .field-name-field-caption ul li,
  .bean-helix-carousel .field-name-field-caption p {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
  }

  .bean-helix-carousel .featured-img {
    margin-top: 110px;
    width: auto;
    position: relative;
    top: 0;
    right: 0;
  }

  .bean-helix-carousel__pager {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 5;
  }

  .bean-helix-carousel__pager-button {
    list-style-type: none;
    border-radius: 15px;
    cursor: pointer;
    border: 2px solid #f7921e;
    background: #f7921e;
    height: 14px;
    width: 14px;
    margin: 30px 5px;
  }

  .bean-helix-carousel__pager-button:hover {
    background-color: transparent;
  }

  .bean-helix-carousel__pager-button.-is-active,
  .bean-helix-carousel__pager-button:active {
    background-color: white;
  }

  .bean-helix-carousel .field-name-field-slides {
    position: initial;
  }

  .bean-helix-carousel .field-name-field-slides > .field-items > .field-item {
    display: none;
  }

  .bean-helix-carousel .field-name-field-slides > .field-items > .field-item.-is-active {
    display: block;
  }

  .bean-helix-carousel > .content > .field-collection-container {
    float: left;
    width: 92%;
  }
}
@media only screen and (max-width: 780px) and (min-width: 480px) {
  .bean-helix-carousel > .content > .field-collection-container {
    width: 95%;
  }
}

/* Mobile Style */
@media only screen and (max-width: 780px) {
  .bean-helix-carousel {
    position: relative;
    margin: 0 auto;
    min-height: 450px;
  }

  .bean-helix-carousel .field-name-field-caption {
    width: 100%;
    position: initial;
  }

  .bean-helix-carousel .field-name-field-caption h2 {
    position: absolute;
    top: 0px;
    width: 90%;
    margin-top: 0.83em;
    font-size: 30px;
    z-index: 4;
  }

  .bean-helix-carousel .field-name-field-caption h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
  }

  .bean-helix-carousel .field-name-field-caption ul li,
  .bean-helix-carousel .field-name-field-caption p {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
  }

  .bean-helix-carousel .featured-img {
    position: relative;
    margin-top: 110px;
    width: auto;
    top: 0;
    right: 0;
  }

  .bean-helix-carousel .pager {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 5;
  }

  .bean-helix-carousel .pager li {
    margin: 30px 5px;
    height: 14px;
    width: 14px;
    border: 2px solid #f7921e;
    border-radius: 15px;
    list-style-type: none;
    background: #f7921e;
    cursor: pointer;
  }

  .bean-helix-carousel .pager li:hover {
    background-color: transparent;
  }

  .bean-helix-carousel .pager li.-is-active,
  .bean-helix-carousel .pager li:active {
    background-color: white;
  }

  .bean-helix-carousel .field-name-field-slides {
    position: initial;
  }

  .bean-helix-carousel .field-name-field-slides > .field-items > .field-item {
    display: none;
  }

  .bean-helix-carousel .field-name-field-slides > .field-items > .field-item.active {
    display: block;
  }

  .bean-helix-carousel > .content > .field-collection-container {
    float: left;
    width: 92%;
  }
}
@media only screen and (max-width: 780px) and (min-width: 480px) {
  .bean-helix-carousel > .content > .field-collection-container {
    width: 95%;
  }
}

.bean-hero-bean-form {
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: hidden;
  /* @TODO: Is this necessary? We have a utility class to force full width. */
}
.bean-hero-bean-form .hero-webform-legal-disclaimer-container,
.bean-hero-bean-form .webform-component--legal-block--legal-disclaimer {
  display: block;
  clear: both;
  font-size: 12px;
  padding: 12px 0;
}
.bean-hero-bean-form .hero-webform-legal-disclaimer-container p,
.bean-hero-bean-form .webform-component--legal-block--legal-disclaimer p {
  padding: 0;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .webform-component.webform-component-email {
    width: 98.9%;
  }
}
.bean-hero-bean-form .webform-component.checkbox-select label {
  float: right;
  width: 95%;
  width: calc(100% - 40px);
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .webform-component.checkbox-select label {
    width: 80%;
    width: calc(100% - 40px);
  }
}
.bean-hero-bean-form .webform-component-fieldset {
  border-bottom: none;
  margin: 0;
}

.bean-hero-bean-form .form-item {
  margin: 0 0 5px;
}

.bean-hero-bean-form.bean-hero-bean-form-detached-legal .webform-component.checkbox-select {
  margin: 0;
  padding: 12px 0;
}

@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .webform-component:nth-child(odd), .bean-hero-bean-form .webform-component:nth-child(even) {
    clear: none;
    float: left;
    margin-left: .5%;
    margin-right: .5%;
  }
}

.hero-bean-form-mobile {
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  height: calc(100vh - 55px);
}
@media only screen and (min-width: 768px) {
  .hero-bean-form-mobile {
    display: none;
  }
}

.hero-bean-form-mobile .bean-hero-form-title {
  margin: 32px 22px 12px 22px;
  font-weight: 500;
}

.hero-bean-form-mobile .bean-hero-form-description {
  margin: 12px 24px;
  font-size: 24px;
  font-weight: 400;
}

.hero-bean-form-mobile-bottom {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
}

.hero-bean-form .bean-hero-bean-form {
  display: none;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .hero-bean-form .bean-hero-bean-form {
    display: block;
  }
}

.hero-bean-form.expanded .bean-hero-bean-form, .hero-bean-form.sun-monitor-block .bean-hero-bean-form {
  display: block;
}

.hero-bean-form.expanded .hero-bean-form-mobile-bottom, .hero-bean-form.sun-monitor-block .hero-bean-form-mobile-bottom {
  display: none;
}

.hero-bean-form-container {
  position: relative;
}

.hero-bean-form-mobile-background {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero-bean-form-mobile-background {
    display: none;
  }
}

.bean-hero-bean-form .content {
  display: none;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .content {
    display: block;
    float: right;
    width: 59.3%;
  }
}

.bean-hero-bean-form .bean-hero-form-webform {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .bean-hero-form-webform {
    float: right;
    width: 40.6%;
  }
}

.bean-hero-form-description,
.bean-hero-form-title {
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.bean-hero-form-title {
  font-size: 48px;
  line-height: 50px;
  font-weight: 100;
  letter-spacing: -.02em;
  margin: 32px 48px 12px 48px;
  text-align: left;
}

.bean-hero-bean-form .hero-webform-title {
  font-size: 48px;
  line-height: 50px;
  text-align: center;
  font-weight: 100;
  letter-spacing: -.02em;
  color: #0076be;
  margin: 0;
  padding: 15px 25px 0 25px;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form .hero-webform-title {
    padding: 32px 25px 0 25px;
  }
}

.bean-hero-form-description {
  margin: 12px 48px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.375;
  width: 90%;
}
@media only screen and (min-width: 768px) {
  .bean-hero-form-description {
    max-width: 520px;
  }
}

.bean-hero-bean-form .field.field-name-body p,
.bean-hero-bean-form .webform-confirmation p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.375;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8em;
  width: 90%;
  text-align: center;
  color: inherit;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form .field.field-name-body p,
  .bean-hero-bean-form .webform-confirmation p {
    max-width: 520px;
  }
}

.bean-hero-bean-form .node-webform .links a {
  display: none;
}
.bean-hero-bean-form .node-webform .webform-confirmation {
  text-align: center;
}

.bean-hero-bean-form .form-actions {
  width: 100%;
  text-align: center;
}
.bean-hero-bean-form .form-actions input.webform-submit {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.bean-hero-bean-form.bean-hero-bean-form-opaque-fields .form-actions {
  margin: 5px 0;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
  background-color: rgba(255, 255, 255, 0.6);
  transition: background-color 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}

.bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform,
.bean-hero-bean-form-sds-fallback-mode.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
  background-color: rgba(221, 221, 221, 0.8);
}

.bean-hero-bean-form-transparent-fields .hero-bean-form-container {
  background: white;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form-transparent-fields .hero-bean-form-container {
    background: none;
  }
}

@media only screen and (min-width: 768px) {
  .bean-hero-bean-form-transparent-fields input[type="text"],
  .bean-hero-bean-form-transparent-fields input[type="email"],
  .bean-hero-bean-form-transparent-fields input[type="password"],
  .bean-hero-bean-form-transparent-fields input[type="number"],
  .bean-hero-bean-form-transparent-fields input[type="tel"],
  .bean-hero-bean-form-transparent-fields textarea,
  .bean-hero-bean-form-transparent-fields select {
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
    box-shadow: none;
    color: #231f20;
    font-weight: 500;
  }
  .bean-hero-bean-form-transparent-fields input[type="text"]::placeholder,
  .bean-hero-bean-form-transparent-fields input[type="email"]::placeholder,
  .bean-hero-bean-form-transparent-fields input[type="password"]::placeholder,
  .bean-hero-bean-form-transparent-fields input[type="number"]::placeholder,
  .bean-hero-bean-form-transparent-fields input[type="tel"]::placeholder,
  .bean-hero-bean-form-transparent-fields textarea::placeholder,
  .bean-hero-bean-form-transparent-fields select::placeholder {
    color: rgba(35, 31, 32, 0.56);
  }
}

.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields input[type="text"],
.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields input[type="email"],
.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields input[type="password"],
.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields input[type="number"],
.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields input[type="tel"],
.bean-hero-bean-form-no-overlay.bean-hero-bean-form-transparent-fields textarea {
  background-color: rgba(255, 255, 255, 0.7);
}

.bean-hero-bean-form-transparent-fields label,
.bean-hero-bean-form-transparent-fields .field-type-text-with-summary,
.bean-hero-bean-form-transparent-fields .hero-webform-legal-disclaimer-container {
  color: #231f20;
}

.bean-hero-bean-form.bean-hero-bean-form-no-overlay .bean-hero-form-webform {
  background: none;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-client-form {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-client-form {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form-no-overlay .webform-client-form {
    padding-left: 0;
    padding-right: 100px;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-opaque-fields .webform-client-form {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form.bean-hero-bean-form-opaque-fields .webform-client-form {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form-padded-left .webform-client-form {
    padding-left: 75px;
    padding-right: 25px;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform,
.bean-hero-bean-form.bean-hero-bean-form-no-overlay .bean-hero-form-webform {
  padding: 40px 0;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-bean-form-container > .content,
.bean-hero-bean-form.bean-hero-bean-form-no-overlay .hero-bean-form-container > .content {
  padding: 130px 0 0 0;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-bean-form-container > .content,
  .bean-hero-bean-form.bean-hero-bean-form-no-overlay .hero-bean-form-container > .content {
    position: absolute;
    width: 40%;
    width: calc(100% - 560px);
  }
}

@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
    width: 540px;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-confirmation,
.bean-hero-bean-form.bean-hero-bean-form-no-overlay .webform-confirmation {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 4px;
  padding: 20px;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-confirmation p,
.bean-hero-bean-form.bean-hero-bean-form-no-overlay .webform-confirmation p {
  padding: 0;
  margin: 12px;
}

.bean-hero-bean-form-transparent-fields .form-actions {
  margin: 5px 0;
}

.bean-hero-bean-form.bean-hero-bean-form.bean-hero-bean-form-no-overlay .form-actions input.webform-submit,
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit {
  background: #f7921e;
  font-weight: 700;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form.bean-hero-bean-form-no-overlay .form-actions input.webform-submit,
  .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit {
    width: 99%;
    margin: 0 .5%;
  }
}
.bean-hero-bean-form.bean-hero-bean-form.bean-hero-bean-form-no-overlay .form-actions input.webform-submit:hover, .bean-hero-bean-form.bean-hero-bean-form.bean-hero-bean-form-no-overlay .form-actions input.webform-submit:focus, .bean-hero-bean-form.bean-hero-bean-form.bean-hero-bean-form-no-overlay .form-actions input.webform-submit:active,
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit:hover,
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit:focus,
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit:active {
  background: #f26a36;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-component-fieldset {
  padding: 0 10px;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-webform-legal-disclaimer-container,
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-component--legal-block--legal-disclaimer {
  padding: 20px 0 0 0;
  color: #2d3032;
  font-size: 11px;
}

.bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-webform-legal-disclaimer-container,
.bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-component--legal-block--legal-disclaimer {
  padding: 0;
}

.bean-hero-bean-form.bean-hero-bean-form-no-overlay .webform-component--legal-block--legal-disclaimer {
  padding: 10px 0;
  color: #2d3032;
  font-size: 11px;
}

.bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 4px;
  padding: 0 20px;
}
.bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset.opaque-fieldset {
  background-color: white;
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset {
    width: 99%;
    margin-left: .5%;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset.webform-component-detached-legal-component,
fieldset.webform-component-detached-legal-component {
  background-color: transparent;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset.webform-component-detached-legal-component p,
  .bean-hero-bean-form.bean-hero-bean-form-no-overlay fieldset.webform-component-detached-legal-component p a,
  fieldset.webform-component-detached-legal-component p,
  fieldset.webform-component-detached-legal-component p a {
    color: white;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-webform-title,
.bean-hero-bean-form.bean-hero-bean-form-no-title .hero-webform-title {
  display: none;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-title {
  font-size: 46px;
  font-weight: 500;
  text-shadow: none;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-description {
  font-size: 18px;
  font-weight: 500;
  text-shadow: none;
}

.bean-hero-bean-form-full-width-fields .webform-component {
  width: 99%;
}

.bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
  position: relative;
  min-height: 355px;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
    padding-left: 0;
    padding-right: 0;
  }
}

.bean-hero-bean-form-sds form {
  transition: all 1s ease-in;
  overflow: hidden;
}

.sds-waiting .bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds .webform-client-form {
  transition: all 1s ease-out;
}

.hero-bean-form .waiting-text {
  overflow: hidden;
}

.hero-bean-form .waiting-text > p {
  display: table-cell;
  vertical-align: middle;
  padding: 40px;
}

.sds-waiting .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
  background-color: rgba(57, 96, 122, 0.6);
}

.hero-bean-form.sds-waiting .waiting-text {
  color: white;
  display: table;
  transition: all 1s ease-out;
  min-height: 355px;
}

.bean-hero-bean-form-sds form > div {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form-sds form > div {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.bean-hero-bean-form-sds .not-homeowner-warning {
  color: #ef373e;
  font-size: 14px;
}

.bean-hero-bean-form-sds .webform-component-checkboxes {
  margin: 10px 0;
}

.bean-hero-bean-form-sds .target-test input[type="radio"] + label,
.bean-hero-bean-form-sds .target-test input[type="checkbox"] + label {
  margin: 0;
}

.bean-hero-bean-form-sds .target-test input[type="checkbox"] {
  display: none;
}

.bean-hero-bean-form-sds .target-test input[type="checkbox"] + label:before {
  background-color: white;
  border: 1px solid #9cbccd;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .bean-hero-bean-form-sds .target-test input[type="checkbox"] + label:before {
    border: transparent;
  }
}

.bean-hero-bean-form-sds .target-test input[type="radio"] + label:after,
.bean-hero-bean-form-sds .target-test input[type="checkbox"] + label:after {
  color: #e27951;
  left: 3px;
}

.bean-hero-bean-form-sds-fallback-mode .hero-webform-legal-disclaimer-container {
  display: none;
}

@media only screen and (min-width: 768px) {
  .bean-hero-bean-form-sds-fallback-mode .webform-component-detached-legal-component p {
    color: #231f20;
  }
  .bean-hero-bean-form-sds-fallback-mode .webform-component-detached-legal-component p a {
    color: #0076be;
  }
}

.sds-fallback-form .webform-component-markup {
  text-align: center;
  color: #231f20;
}

.hero-bean-form.hero-bean-form-form-only .bean-hero-bean-form {
  display: block;
}

.hero-bean-form-form-only .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
  background: initial;
}
@media only screen and (min-width: 768px) {
  .hero-bean-form-form-only .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
    background: initial;
  }
}
@media only screen and (min-width: 960px) {
  .hero-bean-form-form-only .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
    float: none;
    width: 100%;
    background: initial;
  }
}

.hero-bean-form-form-only .bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform,
.hero-bean-form-form-only .bean-hero-bean-form-sds-fallback-mode.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform {
  background: initial;
}

/**
 * Bean Hero Form - White Fields (Smaller) form style.
 */
.bean-hero-bean-form-white-fields-smaller input[type="text"],
.bean-hero-bean-form-white-fields-smaller input[type="email"],
.bean-hero-bean-form-white-fields-smaller input[type="password"],
.bean-hero-bean-form-white-fields-smaller input[type="number"],
.bean-hero-bean-form-white-fields-smaller input[type="tel"],
.bean-hero-bean-form-white-fields-smaller textarea,
.bean-hero-bean-form-white-fields-smaller select {
  padding-top: 6px;
  padding-bottom: 6px;
}

.bean-hero-bean-form-white-fields-smaller label {
  color: white;
}

.bean-hero-bean-form-white-fields-smaller input[type="checkbox"] {
  position: absolute;
  /* Fixes a style overridden in ".target-test". */
}

.bean-hero-bean-form-white-fields-smaller input[type="checkbox"] + label {
  min-height: 20px;
  margin: 0;
  padding-top: 0;
}

.bean-hero-bean-form-white-fields-smaller input[type="checkbox"] + label:before {
  top: 0;
  background: none;
  border: 1px solid white;
}

.bean-hero-bean-form-white-fields-smaller input[type="checkbox"] + label:after {
  top: 1px;
}

.bean-hero-bean-form-white-fields-smaller .form-checkboxes {
  margin-top: 10px;
  margin-bottom: 0;
}

.bean-hero-bean-form-white-fields-smaller .webform-component.webform-component-email {
  /* Reset style forcing email fields to full width. */
}
@media only screen and (min-width: 960px) {
  .bean-hero-bean-form-white-fields-smaller .webform-component.webform-component-email {
    width: 49%;
  }
}

.bean-hero-bean-form.bean-hero-bean-form-white-fields-smaller fieldset {
  background: none;
}

.bean-hero-bean-form.bean-hero-bean-form-white-fields-smaller .webform-component--legal-block--legal-disclaimer {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 9px;
  color: white;
}

.bean-hero-bean-form.bean-hero-bean-form-white-fields-smaller .webform-component--legal-block--legal-disclaimer a {
  color: inherit;
}

.hotspot {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .hotspot {
    display: block;
    position: absolute;
    width: 200px;
    height: 70px;
  }
}

.hotspot.hotspot-place-left .hotspot-dot {
  float: left;
}

.hotspot.hotspot-place-left .hotspot-line,
.hotspot.hotspot-place-left .hotspot-vert {
  float: right;
}

.hotspot.hotspot-place-right .hotspot-dot {
  float: right;
}

.hotspot.hotspot-place-right .hotspot-line,
.hotspot.hotspot-place-right .hotspot-vert {
  float: left;
}

.hotspot .hotspot-dot {
  display: inline-block;
  width: 70px;
  height: 70px;
  border: solid 5px #f7921e;
  border-radius: 35px;
}

.hotspot .hotspot-line {
  width: 130px;
  height: 35px;
  margin-top: 35px;
  border-top: #f7921e solid 2px;
}

.icon-menu {
  color: #39607a;
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}
.icon-menu.is-active {
  background-color: #39607a;
}

.icon-menu__trigger {
  margin: 0;
  width: 100%;
}
.icon-menu__trigger:after {
  content: '+';
  display: inline-block;
  margin-left: 0.5em;
  transition: transform 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}
.icon-menu__trigger.is-active:after {
  transform: rotate(45deg);
}
@media only screen and (min-width: 769px) {
  .icon-menu__trigger {
    display: none;
  }
}

.icon-menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .icon-menu ul {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-height: 100rem;
    visibility: visible;
  }
}

@media only screen and (min-width: 769px) {
  .icon-menu ul > li {
    min-width: 10%;
  }
}

.icon-menu a {
  color: inherit;
  display: block;
  text-decoration: none;
  overflow: hidden;
  padding: 15px 10px 19px;
}
.icon-menu a:before {
  color: #0076be;
  display: block;
  font-size: 35px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .icon-menu a {
    padding-top: 13px;
    padding-bottom: 14px;
  }
}

.icon-menu .active {
  color: #f99300;
  font-weight: 700;
}
.icon-menu .active:before {
  color: inherit;
}

.industries-nav {
  background-color: #fafafa;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: max-height 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
}
.industries-nav.is-active {
  max-height: 100rem;
  visibility: visible;
}

.industries--small-medium-business a:before {
  font-family: 'svg-icons';
  content: '\EA2B';
}

.industries--schools a:before {
  font-family: 'svg-icons';
  content: '\EA28';
}

.industries--higher-education a:before {
  font-family: 'svg-icons';
  content: '\EA1A';
}

.industries--government a:before {
  font-family: 'svg-icons';
  content: '\EA16';
}

.industries--water-districts a:before {
  font-family: 'svg-icons';
  content: '\EA32';
}

.industries--agriculture a:before {
  font-family: 'svg-icons';
  content: '\EA01';
}

.industries--homebuilders a:before {
  font-family: 'svg-icons';
  content: '\EA1B';
}

.industries--healthcare a:before {
  font-family: 'svg-icons';
  content: '\EA18';
}

.industries--auto-dealers a:before {
  font-family: 'svg-icons';
  content: '\EA0C';
}
.industries--auto-dealers a:before {
  font-size: 25px;
}

.icon-menu .industries-nav__item .active:before {
  font-weight: 300;
}

.industries--large-commercial a:before {
  font-family: 'svg-icons';
  content: '\EA1D';
}

/**
 * 5x5 Logo Grid
 * Seen on new homepage.
 */
.bean-logo-grid {
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 769px) {
  .bean-logo-grid {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.logo-collection__title {
  color: #39607a;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .logo-collection__title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1064px) {
  .logo-collection__title {
    font-size: 30px;
  }
}

.field-name-field-logo-collection {
  margin-top: 15px;
}
@media only screen and (min-width: 769px) {
  .field-name-field-logo-collection {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 480px) {
  .field-name-field-logo-collection > .field-items {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
  }
}

.field-name-field-logo-collection > .field-items > .field-item {
  padding: 20px 65px;
}
@media only screen and (min-width: 480px) {
  .field-name-field-logo-collection > .field-items > .field-item {
    padding: 15px 35px;
    width: 33.33%;
  }
}
@media only screen and (min-width: 1064px) {
  .field-name-field-logo-collection > .field-items > .field-item {
    padding: 5px 25px;
    width: 20%;
  }
}

.field-name-field-logo-collection > .field-items > .field-item img {
  filter: saturate(0);
  filter: gray;
  transition: 460ms ease-in-out;
  opacity: .8;
}

.field-name-field-logo-collection > .field-items > .field-item:hover img {
  filter: saturate(100%);
  opacity: 1;
}

.field-name-field-logo-collection > .field-items > .field-item .grayscale-replaced svg {
  opacity: 1;
  transition: 460ms ease-in-out;
}

.field-name-field-logo-collection > .field-items > .field-item .grayscale-replaced img {
  opacity: 1;
}

.field-name-field-logo-collection > .field-items > .field-item:hover .grayscale-replaced svg {
  opacity: 0;
  transition: 460ms ease-in-out;
}

.sun-monitor-block {
  background-color: #e8f2fc;
  border-bottom: 1px solid #bbbbbb;
  display: none;
}

.sun-monitor-container {
  text-align: center;
}

.sun-monitor-header {
  margin-top: 25px;
  font-size: 2.4rem;
}

@media only screen and (min-width: 960px) {
  .sun-monitor-block-open {
    margin-top: -12px;
  }
}
.sun-monitor-block-open, .sun-monitor-block-open:hover, .sun-monitor-block-open:focus, .sun-monitor-block-open:active {
  color: rgba(153, 153, 153, 0.95);
  background: #e8f2fc;
}

.sp-header__my-sp-busgov,
.sp-header__my-sp-homeowners {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .sp-header__my-sp-busgov,
  .sp-header__my-sp-homeowners {
    width: 49%;
    float: left;
  }
}

.sp-header__my-sp-busgov {
  border-right: 1px solid #bbbbbb;
}

.bean-notification-banner {
  background-color: #0076be;
  margin: 12px;
  padding: 24px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .3px;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .bean-notification-banner {
    margin: 12px 36px;
  }
}

.entity-bean.bean-notification-banner .field-type-text-long {
  padding: 0;
}

#cboxContent .node-webform .links a {
  display: none;
}
#cboxContent .node-webform .webform-confirmation {
  text-align: center;
}

.overlay-form .form-actions {
  width: 100%;
  text-align: center;
}
.overlay-form .form-actions input.webform-submit {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.section-blog .pager,
.page-site-search .pager {
  color: #9cbccd;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.section-blog .pager li,
.page-site-search .pager li {
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
  text-transform: capitalize;
}

.section-blog .pager a,
.page-site-search .pager a {
  background-color: transparent;
  display: block;
  padding: 5px 12px;
  text-decoration: none;
  transition: background-color 300ms ease;
}
.section-blog .pager a:hover, .section-blog .pager a:focus,
.page-site-search .pager a:hover,
.page-site-search .pager a:focus {
  background-color: rgba(0, 118, 190, 0.1);
}

.section-blog .pager-current,
.page-site-search .pager-current {
  padding: 5px 12px !important;
}

@media only screen and (min-width: 960px) {
  .large-positiontop--250 {
    margin-top: -250px;
  }

  .large-positiontop--150 {
    margin-top: -150px;
  }

  .large-positiontop--100 {
    margin-top: -100px;
  }

  .large-positiontop--50 {
    margin-top: -50px;
  }

  .large-positiontop-50 {
    position: relative;
    top: 50px;
  }

  .large-positiontop-100 {
    position: relative;
    top: 100px;
  }

  .large-positiontop-150 {
    position: relative;
    top: 150px;
  }

  .large-positiontop-250 {
    position: relative;
    top: 250px;
  }

  .large-paddingtop-50 {
    padding-top: 50px;
  }

  .large-paddingtop-75 {
    padding-top: 75px;
  }

  .large-paddingtop-100 {
    padding-top: 100px;
  }

  .large-paddingtop-125 {
    padding-top: 125px;
  }

  .large-paddingtop-175 {
    padding-top: 175px;
  }

  .large-paddingtop-200 {
    padding-top: 200px;
  }

  .large-paddingtop-225 {
    padding-top: 225px;
  }

  .large-paddingtop-250 {
    padding-top: 250px;
  }
}
/**
 * Savings calculator fixes.
 */
.has-intercom-and-calculator #savings-calculator-launcher {
  right: 64px !important;
}

.open-savings-calculator-button {
  display: none !important;
}
@media only screen and (min-width: 960px) {
  .open-savings-calculator-button {
    display: block !important;
  }
}

.field-type-link-field a.open-savings-calculator-button,
.entity-bean .field-type-link-field a.open-savings-calculator-button {
  display: none !important;
}
@media only screen and (min-width: 960px) {
  .field-type-link-field a.open-savings-calculator-button,
  .entity-bean .field-type-link-field a.open-savings-calculator-button {
    display: inline-block !important;
  }
}

.field-name-field-calculator-hero {
  overflow: hidden;
}
.field-name-field-calculator-hero .alpha-dark {
  background-color: rgba(0, 0, 0, 0.3);
  height: 98.5%;
  width: 100%;
  position: absolute;
}
@media (min-width: 768px) {
  .field-name-field-calculator-hero .alpha-dark {
    display: none;
  }
}
.field-name-field-calculator-hero img:before {
  content: '';
  background-color: black;
}
@media (min-width: 768px) {
  .field-name-field-calculator-hero {
    height: auto;
    overflow: visible;
  }
}

.page-savings-calculator .content-btth h1 {
  display: none;
}

.bean-savings-calculator-block-container {
  position: relative;
}

@media (min-width: 768px) {
  .savings-calculator-hero-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
}

.savings-calculator-main-copy {
  text-align: right;
  color: white;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 1%;
  padding-top: 15px;
}
.savings-calculator-main-copy h1 {
  color: white;
  margin: 1% 1.5%;
  font-size: 36px;
  display: none;
}
@media (min-width: 768px) {
  .savings-calculator-main-copy h1 {
    display: block;
  }
}
@media (min-width: 480px) {
  .savings-calculator-main-copy h1 {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
  }
}
@media (min-width: 960px) {
  .savings-calculator-main-copy h1 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (min-width: 1280px) {
  .savings-calculator-main-copy h1 {
    font-size: 49px;
    line-height: 60px;
  }
}
@media (min-width: 480px) {
  .savings-calculator-main-copy {
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  .savings-calculator-main-copy {
    padding-top: 0;
  }
}

.savings-calculator-address {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}
.savings-calculator-address .greyed {
  color: #5e6367;
}
.savings-calculator-address i.fi-x-circle {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 8px;
  color: rgba(255, 255, 255, 0.7);
}
.savings-calculator-address i.fi-x-circle:hover {
  color: #0076be;
}
.savings-calculator-address .google-autocomplete {
  background-color: white;
  border: 1px solid #fafafa;
  font-size: 24px;
  color: #231f20;
}
.savings-calculator-address .google-autocomplete::placeholder {
  color: rgba(94, 99, 103, 0.85);
}
.savings-calculator-address .google-autocomplete.js-error {
  background-color: #fbc6aa;
}
.savings-calculator-address .google-autocomplete.js-error::placeholder {
  color: #f26a36;
}
.savings-calculator-address .address-error {
  display: none;
  float: left;
  margin-left: 5px;
  margin-top: 2px;
  background-color: rgba(0, 0, 0, 0.12);
}
.savings-calculator-address .address-error h3 {
  margin: 5px;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .savings-calculator-address {
    margin-left: 1.5%;
    margin-right: 1.5%;
    float: right;
    width: 65%;
  }
}
@media (min-width: 960px) {
  .savings-calculator-address {
    width: 50%;
  }
}

/**
 * SEO Infographic Bean
 * Seen on new homepage.
 */
.bean-seo-infographic {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

@media only screen and (min-width: 480px) {
  .bean-seo-infographic .field-type-image {
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  .bean-seo-infographic .field-type-image {
    position: absolute;
    bottom: 0;
    width: 23%;
  }
}

.bean-seo-infographic .field-name-field-bean-body {
  padding-top: 30px;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 10px;
}
@media only screen and (min-width: 960px) {
  .bean-seo-infographic .field-name-field-bean-body {
    float: right;
    padding: 70px 10% 70px 60px;
    width: 77%;
  }
}

.bean-seo-infographic a {
  color: #0076be;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: color 360ms ease;
}
.bean-seo-infographic a:hover {
  color: #39607a;
}

.bean-seo-infographic p {
  font-weight: 300;
  padding: 0;
}

.sharethis-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}

.sharethis-wrapper > span {
  cursor: pointer;
  flex-basis: 20px;
  font-size: 21.6px;
  line-height: 1;
  transition: color 360ms ease;
  text-align: center;
}
.sharethis-wrapper > span:hover {
  color: #0076be;
}
.sharethis-wrapper > span:before {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.sharethis-wrapper > span:not(:last-of-type) {
  margin-right: 5%;
}
@media only screen and (min-width: 480px) {
  .sharethis-wrapper > span:not(:last-of-type) {
    margin-right: 3%;
  }
}
@media only screen and (min-width: 1025px) {
  .sharethis-wrapper > span:not(:last-of-type) {
    margin-right: 1.5%;
  }
}

.st_email_custom {
  color: #ffbb00;
}

.st_sharethis_custom:before {
  transform: rotate(180deg);
}

.st_facebook_custom {
  color: #3b5998;
}
.st_facebook_custom .share_count {
  background-color: #3b5998;
}

.st_twitter_custom {
  color: #00aced;
}
.st_twitter_custom .share_count {
  background-color: #00aced;
}
.st_twitter_custom:before {
  font-size: 25px;
}

.st_linkedin_custom {
  color: #0077b5;
}
.st_linkedin_custom .share_count {
  background-color: #0077b5;
}

.st_googleplus_custom {
  color: #d34836;
}
.st_googleplus_custom .share_count {
  background-color: #d34836;
}
.st_googleplus_custom:before {
  font-size: 90%;
}

.st_pinterest_custom {
  color: #cb2027;
}
.st_pinterest_custom .share_count {
  background-color: #cb2027;
}

.share_count {
  border-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  margin-top: 4px;
  min-width: 20px;
  padding: 0.5em 1em;
  transition: background 360ms ease;
}

.sharethis-wrapper > span:hover .share_count {
  background-color: #0076be;
}

.share_count_email {
  display: none;
}

.sp-col-5:before, .sp-col-5:after {
  content: "";
  display: table;
}
.sp-col-5:after {
  clear: both;
}

@media (min-width: 480px) {
  .sp-col-5 .sp-col {
    width: 50%;
    float: left;
  }
}
@media (min-width: 960px) {
  .sp-col-5 .sp-col {
    width: 20%;
  }
}

.sp-separator {
  background: url("../images/separator-1280x2.png") center no-repeat;
  background-size: contain;
  clear: both;
  height: 2px;
  margin: 10px auto;
}

.sunpower-globe-render,
.sunpower-globe-details {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.sunpower-globe-animation {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
@media only screen and (min-width: 769px) {
  .sunpower-globe-animation {
    display: inline-block;
  }
}

.sunpower-globe-info {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  #info {
    display: inline-block;
    width: 100%;
  }
}
.sunpower-globe-info .info-title {
  font-size: 22px;
  padding: 20px 20px 0;
}

.sunpower-globe-info .info {
  background: #FFFFFF;
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  transition: opacity 0.3s;
  transition-timing-function: ease;
}

.sunpower-globe-info .info-img-img {
  width: 100%;
  max-height: 50%;
  height: auto;
  border-radius: 2px;
  padding-top: 5px;
}

.sunpower-globe-info .info-content {
  padding: 0 20px 15px 20px;
  white-space: pre-line;
}

.sunpower-globe-info .info-content span {
  font-size: 12px;
  display: block;
  margin: 10px 0 0 0;
  color: #adadad;
}

.sunpower-globe-info .info-site-container,
.sunpower-globe-info .info-size-container {
  float: left;
  width: 49%;
  padding: 0 0 9px 15px;
}

.sunpower-globe-info .info-size,
.sunpower-globe-info .info-site {
  font-family: Helvetica;
  font-weight: lighter;
  display: inline-block;
  bottom: 0px;
  padding: 20px 20px 20px 5px;
  font-size: 18px;
  max-width: 100%;
}
.sunpower-globe-info .info-size:before,
.sunpower-globe-info .info-site:before {
  display: block;
  color: #0176BF;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
}
.sunpower-globe-info .info-size.info-size,
.sunpower-globe-info .info-site.info-size {
  text-transform: uppercase;
}

.sunpower-globe-info .info-site:before {
  content: "Site";
}

.sunpower-globe-info .info-size:before {
  content: "System size";
}

.sunpower-globe-block {
  position: relative;
}
.sunpower-globe-block:before, .sunpower-globe-block:after {
  content: "";
  display: table;
}
.sunpower-globe-block:after {
  clear: both;
}
.sunpower-globe-block .container {
  display: none;
}
@media only screen and (max-width: 959px) {
  .sunpower-globe-block .info-text {
    display: block !important;
  }
  .sunpower-globe-block .info-img {
    margin: 25px;
  }
}
@media only screen and (min-width: 960px) {
  .sunpower-globe-block .info-img {
    width: 100%;
  }
  .sunpower-globe-block .sunpower-globe-render {
    width: 40%;
    float: left;
  }
  .sunpower-globe-block .sunpower-globe-details {
    width: 59%;
    float: left;
  }
}
.sunpower-globe-block .text-three-pin {
  background: url('../images/sp-globe/circle3.svg?1554331168') no-repeat;
  margin-top: 5px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  left: 25px;
}
.sunpower-globe-block .text-three:before {
  content: " ";
  padding-right: 28px;
  background: url('../images/sp-globe/circle3.svg?1554331168') no-repeat;
  background-position-y: 1.4px;
  background-position-x: 8.5px;
}
.sunpower-globe-block .text-three {
  font-family: 'Open Sans', sans-serif;
  white-space: pre-line;
  font-size: 12px;
  top: 0px;
  left: 0px;
  color: white;
  text-align: center;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 8px;
  text-transform: uppercase;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  border-radius: 60px;
  opacity: 0;
  position: relative;
  float: right;
  z-index: 1;
}
.sunpower-globe-block .text-three:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.36);
  opacity: 1;
}
.sunpower-globe-block .text-three-selected {
  background: rgba(0, 0, 0, 0.36);
  opacity: 1;
}
.sunpower-globe-block .text-div {
  min-width: 32px;
  position: absolute;
  transition: opacity 0.3s;
  transition-timing-function: ease;
  top: 0;
  left: 0;
  color: #3677a8;
  text-align: center;
  display: block;
  text-transform: uppercase;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  border-radius: 60px;
}
.sunpower-globe-block .text-div:hover {
  cursor: pointer;
  opacity: 1;
}
.sunpower-globe-block .text-div-selected {
  z-index: 10;
}
.sunpower-globe-block #sunpower-globe-site {
  height: 50vh;
  min-height: 200px;
  max-width: 1280px;
  margin: 5px;
}
.sunpower-globe-block #sunpower-globe-text-container {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}
.sunpower-globe-block #sunpower-globe-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
.sunpower-globe-block .sunpower-globe-spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: 50%;
}
.sunpower-globe-block .double-bounce1,
.sunpower-globe-block .double-bounce2 {
  width: 110%;
  height: 110%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.sunpower-globe-block .double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/**
 * Status code message.
 */
.status-code-bean {
  margin: 40px 0 20px;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .status-code-bean {
    padding: 0 0 0 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .status-code-bean {
    padding: 0 0 0 40px;
  }
}
@media only screen and (min-width: 960px) {
  .status-code-bean {
    padding: 0 0 0 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .status-code-bean {
    padding: 0 0 0 80px;
  }
}
@media only screen and (min-width: 1382px) {
  .status-code-bean {
    padding: 0 80px;
  }
}

.status-code-bean .status-title {
  float: left;
  color: #39607a;
  line-height: 48px;
  font-size: 48px;
  margin: 0 20px 0 0;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .status-code-bean .status-title {
    line-height: 102px;
    font-size: 102px;
  }
}
@media only screen and (min-width: 1025px) {
  .status-code-bean .status-title {
    margin: 0 40px 0 0;
  }
}

.status-code-bean .status-description .field-name-field-subhead {
  color: #9cbccd;
  font-size: 24px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .status-code-bean .status-description .field-name-field-subhead {
    font-size: 26px;
    line-height: 51px;
    font-weight: 600;
  }
}
@media only screen and (min-width: 1025px) {
  .status-code-bean .status-description .field-name-field-subhead {
    font-size: 28px;
  }
}
@media only screen and (min-width: 960px) {
  .status-code-bean .status-description .field-name-field-subhead {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .status-code-bean .status-description .field-name-field-subhead {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1382px) {
  .status-code-bean .status-description .field-name-field-subhead {
    font-size: 42px;
  }
}

.sunvideo-16-9, .video-bean-video {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.sunvideo-16-9 iframe, .video-bean-video iframe,
.sunvideo-16-9 object,
.video-bean-video object,
.sunvideo-16-9 embed,
.video-bean-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bean-tri-panel-bean {
  margin: 25px;
}

.bean-tri-panel-bean .field-name-field-icon-flex,
.bean-tri-panel-bean .field-name-field-bean-panel-title {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: middle;
}

div.bean-tri-panel-bean div.field-name-field-icon-flex {
  margin-right: 15px;
  padding: 0;
  line-height: 1;
}

.bean-tri-panel-bean .field-name-field-bean-panel-title {
  font-size: 30px;
  line-height: 1;
}

div.bean-tri-panel-bean div.field-name-field-subhead {
  margin-bottom: 15px;
  font-size: 18px;
}

.field-name-field-bean-panel > .field-items > .field-item:first-child {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #f2f6f8;
}
@media only screen and (min-width: 768px) {
  .field-name-field-bean-panel > .field-items > .field-item:first-child {
    padding-bottom: 0;
    padding-right: 60px;
    border-bottom: none;
    border-right: solid 1px #f2f6f8;
  }
}

.field-name-field-bean-panel > .field-items > .field-item:first-child:after {
  content: 'or';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border: solid 1px #f2f6f8;
  border-radius: 50%;
  background: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  color: #f2f6f8;
}
@media only screen and (min-width: 768px) {
  .field-name-field-bean-panel > .field-items > .field-item:first-child:after {
    top: 50%;
    left: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .field-name-field-bean-panel > .field-items > .field-item:nth-child(2) {
    padding-left: 60px;
  }
}

@media only screen and (min-width: 768px) {
  .field-name-field-bean-panel > .field-items > .field-item:first-child,
  .field-name-field-bean-panel > .field-items > .field-item:nth-child(2) {
    float: left;
    width: 50%;
    margin-bottom: 60px;
  }
}

.field-name-field-bean-panel > .field-items > .field-item:nth-child(3) {
  clear: left;
  padding-top: 40px;
  border-top: solid 1px #f2f6f8;
  text-align: center;
}

.twocol-info-compare:before, .twocol-info-compare:after {
  content: "";
  display: table;
}
.twocol-info-compare:after {
  clear: both;
}

@media (min-width: 960px) {
  .twocol-info-compare-body {
    float: left;
    width: 66%;
  }
}

@media (min-width: 960px) {
  .twocol-info-compare-compare {
    float: right;
    max-width: 33%;
    background: rgba(255, 255, 255, 0.5);
  }
}

@media (min-width: 960px) {
  .twocol-info-compare-section {
    padding: 20px 28px;
    border-bottom: 2px solid white;
  }
  .twocol-info-compare-section:last-child {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

/**
 * Video Hero seen on new Homepage v4.32.0.
 * .bean-video-ssd
 *   .content
 *     .bean-video-ssd__fallback-image
 *     .bean-video-ssd__background-video-wrapper
 *     .bean-video-ssd__content
 *       .l-container
 *         .bean-video-ssd__content-inner
 *           .bean-video-ssd__copy
 *             .bean-video-ssd__title
 *             .bean-video-ssd__subtitle
 *           .bean-video-ssd__address
 */
.bean-video-ssd {
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd {
    position: relative;
    z-index: 1;
  }
}

.bean-video-ssd__background-video-wrapper {
  display: none;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__background-video-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.bean-video-ssd__background-video {
  margin: auto;
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  min-width: 100%;
  min-height: 100%;
}

.bean-video-ssd img {
  display: block;
}

@media only screen and (min-width: 768px) {
  .bean-video-ssd__fallback-image {
    display: none !important;
  }
}

.bean-video-ssd__content {
  padding-top: 32px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__content {
    position: relative;
    z-index: 2;
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 960px) {
  .bean-video-ssd__content {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

@media only screen and (min-width: 960px) {
  .bean-video-ssd__content-inner {
    display: flex;
    align-items: center;
  }
}

.bean-video-ssd__copy {
  color: #39607a;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__copy {
    color: white;
  }
}
@media only screen and (min-width: 960px) {
  .bean-video-ssd__copy {
    margin-top: 0;
    margin-right: 3.5%;
    margin-bottom: 0;
    text-align: left;
    width: 48.5%;
  }
}

.bean-video-ssd__title {
  color: inherit;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.05;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: -2px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__title {
    font-size: 45px;
  }
}

.bean-video-ssd__subtitle {
  color: inherit;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}

.bean-video-ssd__subtitle .field-type-text-long {
  padding-bottom: 0;
}

@media only screen and (min-width: 960px) {
  .bean-video-ssd__address {
    width: 48%;
  }
}

.bean-video-ssd__address .address-bean-form .inner-container {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0 !important;
}

.bean-video-ssd__address .address {
  background-color: transparent !important;
  border: 1px solid #9cbccd !important;
  margin-right: -2px;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__address .address {
    border: none !important;
  }
}

.bean-video-ssd__address .text-button__text {
  float: none !important;
}

.bean-video-ssd__address input[type="text"] {
  border-color: #0076be !important;
  color: #0076be !important;
  font-size: 1rem !important;
  font-weight: 400;
  height: 53px !important;
  padding: 15px 20px !important;
  transition: 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
  text-overflow: ellipsis;
}
.bean-video-ssd__address input[type="text"]::-webkit-input-placeholder {
  color: inherit !important;
}
.bean-video-ssd__address input[type="text"]:-moz-placeholder {
  color: inherit !important;
}
.bean-video-ssd__address input[type="text"]:-ms-input-placeholder {
  color: inherit !important;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__address input[type="text"] {
    border-color: rgba(255, 255, 255, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.87) !important;
    height: 67px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 17px;
    padding-right: 17px !important;
  }
}

.bean-video-ssd__address .calculate-btn {
  background-color: #0076be;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: white;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding-left: 15px;
  padding-right: 15px;
  transition: 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
  text-transform: uppercase;
}
.bean-video-ssd__address .calculate-btn:hover, .bean-video-ssd__address .calculate-btn:focus {
  background-color: #39607a;
  outline: none;
}
@media only screen and (min-width: 768px) {
  .bean-video-ssd__address .calculate-btn {
    font-size: 12px;
  }
}

.zoom-gallery .field-items .field-item {
  margin-bottom: 0;
}

.zoom-gallery .field-collection-view {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .zoom-gallery .field-name-field-photo-gallery > .field-items {
    display: flex;
    flex-flow: row wrap;
  }
}

@media only screen and (min-width: 769px) {
  .zoom-gallery .field-name-field-photo-gallery > .field-items > .field-item {
    width: 33.33%;
  }
}

.zoom-gallery__item {
  background-size: cover;
  background-position: 50% 50%;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  font-weight: 600;
  min-height: 295px;
  padding: 60px;
  transition: color 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954), transform 460ms cubic-bezier(0.842, -1.139, 0.135, 1.954);
  will-change: transform;
  position: relative;
  z-index: 1;
}
.zoom-gallery__item:hover {
  box-shadow: 0 11px 20px 0 rgba(35, 31, 32, 0.05);
  color: white;
  transform: scale(1.1);
  z-index: 2;
}

.zoom-gallery__title {
  font-size: 26px;
}

.zoom-gallery__body {
  font-size: 16px;
}

#webform-client-form-301 .webform-component--page-comments .form-item {
  float: none;
  width: 100%;
}
@media only screen and (min-width: 960px) {
  #webform-client-form-301 .webform-component--page-comments {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
    padding-right: 12px;
    width: 50%;
  }
}
@media only screen and (min-width: 960px) {
  #webform-client-form-301 .webform-component--page-ratings {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    float: right;
    padding-left: 12px;
    width: 50%;
  }
}
#webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label {
  display: inline-block;
  min-width: 34px;
  padding: 34px 0 0;
  text-align: center;
}
#webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label:before {
  left: 50%;
  margin-left: -17px;
  top: 0;
}
#webform-client-form-301 .webform-component--page-ratings .webform-component-radios .form-type-radio label:after {
  left: 50%;
  margin-left: -14px;
  top: 3px;
  z-index: 2;
}
@media only screen and (min-width: 960px) {
  #webform-client-form-301 .webform-component--page-ratings .webform-component-radios {
    padding-left: 42%;
  }
}
#webform-client-form-301 .webform-component--additional-info {
  padding-top: 29px;
  position: relative;
}
#webform-client-form-301 .webform-component--additional-info legend {
  display: block;
  width: 100%;
  padding: 0 0 25px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 960px) {
  #webform-client-form-301 .webform-component--additional-info {
    border-top: 1px dashed #f2f6f8;
    clear: both;
    margin-top: 25px;
    padding-top: 54px;
  }
  #webform-client-form-301 .webform-component--additional-info legend {
    padding: 25px 0;
  }
}

article.node-webform .node-title {
  padding: 25px 30px;
}

.form-item.webform-component.webform-component-select.webform-component--State {
  padding-left: 0;
  width: 49%;
}
.form-item.webform-component.webform-component-select.webform-component--State label {
  display: none;
}

#cboxClose {
  top: -2px;
  right: 19px;
}

#cboxTitle {
  display: none !important;
}

.sds-landing .preheader,
.sds-landing .page-header,
.sds-landing .content-btth,
.sds-landing .admin-menu-processed {
  display: none;
}

.sds-background {
  height: 440px;
  background: #FAFAFA;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
}
@media only screen and (min-width: 1280px) {
  .sds-background {
    height: 668px;
    background: linear-gradient(90deg, #fafafa 50%, #f0f2f3 50%);
    margin-left: calc(-100vw / 2 + 1215px / 2);
    margin-right: calc(-100vw / 2 + 1215px / 2);
  }
}

.sds-landing-header-body .sds-coming-soon {
  background-color: #FCC50C;
  text-transform: uppercase;
  display: inline-block;
  color: #000000;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  width: auto;
}

.sds-landing-page .header-logo-wrapper {
  float: none;
  width: 150px;
  margin: 40px 0;
  position: absolute;
  top: 0;
}

.sds-landing-page .sds-landing-header-body {
  position: absolute;
  top: 100px;
}

.sds-landing-header-body h3 {
  font-size: 17px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: .12em;
  margin: 6px 0;
}

.sds-landing-header-body h2 {
  font-size: 21px;
  line-height: 29px;
  letter-spacing: 0.12em;
  color: #2C3C48;
  font-weight: 600;
  max-width: 300px;
}

.sds-landing-header-body .orange-horizontal {
  width: 31px;
  height: 2px;
  background: #F7921E;
  margin-bottom: 50px;
}

.device-text-top {
  right: 35%;
  margin-right: 0;
  position: absolute;
  top: -21px;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #030407;
  text-transform: capitalize;
}

.device-text-right {
  display: none;
  position: absolute;
  top: 56px;
  right: 35px;
  align-items: center;
}
@media only screen and (min-width: 1280px) {
  .device-text-right {
    display: flex;
  }
}

.device-text-right .orange-horizontal {
  height: 2px;
  width: 46px;
  background: #F7921E;
}

.device-text-right .orange-vertical {
  height: 46px;
  width: 2px;
  background: #F7921E;
}

.device-text-right .text {
  width: 160px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12em;
  color: #000000;
  text-transform: uppercase;
  padding-left: 13px;
}

.sds-landing-header-body p {
  letter-spacing: 0.12em;
  color: #2C3C48;
  max-width: 199px;
}
.sds-landing-header-body p:first-of-type {
  font-weight: 700;
  padding-bottom: 0;
}

.page-design-promo .sds-landing-page {
  margin-bottom: 200px;
}
.page-design-promo .sds-landing-header {
  margin-top: 50px;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-landing-header {
    margin-top: 0;
  }
}
.page-design-promo .sds-devices-container .all-screens {
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-devices-container .all-screens {
    position: absolute;
    left: 297px;
    top: 172px;
  }
}
.page-design-promo .sds-landing-header .dotted-vertical {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -15px;
  z-index: 1;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-landing-header .dotted-vertical {
    position: absolute;
    top: 518px;
    left: 50%;
    margin-left: -2px;
  }
}
.page-design-promo .sds-landing-header .sun {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -7px;
  z-index: 1;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-landing-header .sun {
    position: absolute;
    top: 641px;
    left: 50%;
    margin-left: -14px;
  }
}
.page-design-promo .sds-landing-body {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 4px 4px 30px #E9F1F5;
  border-radius: 6px;
  padding: 50px 20px 70px;
  position: relative;
  top: -52px;
  background: white;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-landing-body {
    padding: 50px 50px 70px;
  }
}
.page-design-promo .sds-landing-body h2 {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.12em;
  color: rgba(0, 0, 0, 0.8);
  max-width: 374px;
  margin: 30px auto 50px;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-video-form-wrapper {
    display: flex;
  }
}
.page-design-promo .sds-video-form-wrapper .sds-landing-body-video,
.page-design-promo .sds-video-form-wrapper .sds-landing-body-form {
  flex: 1;
}
.page-design-promo .sds-video-form-wrapper .sds-landing-body-video img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-design-promo .sds-landing-body-form form {
  padding: 0;
  max-width: 402px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media only screen and (min-width: 1280px) {
  .page-design-promo .sds-landing-body-form form {
    margin-top: 0;
  }
}
.page-design-promo .sds-landing-body-form form > div {
  display: flex;
  flex-direction: column;
}
.page-design-promo .sds-landing-body-form .form-item {
  width: 100%;
}
.page-design-promo .sds-landing-body-form select {
  background: #F6F7F9;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  border: none;
  background-image: url(/sites/all/modules/custom/sun_sds/assets/images/orange-caret.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  font-weight: 300;
  letter-spacing: 0.05em;
  height: 55px;
}
.page-design-promo .sds-landing-body-form input {
  background: #F6F7F9;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
  height: 55px;
}
.page-design-promo .sds-landing-body-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-promo .sds-landing-body-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-promo .sds-landing-body-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-promo .sds-landing-body-form input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-promo .sds-landing-body-form .webform-component--legal-disclaimer {
  order: 5;
}
.page-design-promo .sds-landing-body-form .webform-component--legal-disclaimer p {
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.12em;
}
.page-design-promo .sds-landing-body-form .webform-component--legal-disclaimer a {
  color: #F7921E;
  text-decoration: none;
  font-weight: 700;
}
.page-design-promo .sds-landing-body-form .webform-submit {
  background: #F7921E;
  color: white;
  border-radius: 3px;
  height: 52px;
}

.page-design-studio html, body .page-design-studio {
  max-width: 100%;
  overflow-x: hidden;
}
.page-design-studio .sds-background {
  height: 675px;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-background {
    height: 700px;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
  }
}
.page-design-studio .sds-landing-header-body {
  width: 90%;
}
@media only screen and (min-width: 1024px) {
  .page-design-studio .sds-landing-header-body {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .page-design-studio .sds-landing-header-body {
    text-align: center;
  }
}
.page-design-studio .sds-landing-header-body h3 {
  margin: 6px 0 30px;
}
@media only screen and (max-width: 1023px) {
  .page-design-studio .sds-landing-header-body h2 {
    max-width: 100%;
  }
}
.page-design-studio .sds-devices-container .tablet-screen {
  position: relative;
  text-align: center;
  right: 500px;
}
@media only screen and (min-width: 1024px) {
  .page-design-studio .sds-devices-container .tablet-screen {
    text-align: initial;
    position: absolute;
    top: 129px;
    transform: translate(50%, 0);
  }
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-devices-container .tablet-screen {
    right: 50%;
  }
}
@media only screen and (max-width: 1109px) {
  .page-design-studio .sds-devices-container .tablet-screen {
    right: 30%;
  }
}
@media only screen and (max-width: 1023px) {
  .page-design-studio .sds-devices-container .tablet-screen {
    right: 0;
  }
}
.page-design-studio .device-text-top {
  display: none;
  top: 23px;
  transform: translate(50%, 0);
  text-align: right;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .device-text-top {
    display: inherit;
    transform: translate(75%, 0);
  }
}
.page-design-studio .device-text-right {
  right: -160px;
  top: 60px;
}
@media only screen and (min-width: 1110px) {
  .page-design-studio .device-text-right {
    display: flex;
  }
}
.page-design-studio .sds-landing-header-body .orange-horizontal {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .page-design-studio .sds-landing-header-body .orange-horizontal {
    margin: 0 auto;
  }
}
.page-design-studio .sds-landing-header-body p {
  font-size: 13px;
  max-width: none;
}
.page-design-studio article.node-webform {
  background: none;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio article.node-webform {
    background: none;
  }
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform,
.page-design-studio article.node-webform div.field-name-body.field-label-hidden,
.page-design-studio .sds-landing-header-form form > div,
.page-design-studio .sds-landing-body-form form > div {
  padding: 0;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body-form form {
    background: white;
  }
}
.page-design-studio .sds-landing-header-form form > div,
.page-design-studio .sds-landing-body-form form > div {
  display: flex;
  flex-direction: column;
  margin-top: -40px;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-header-form form > div,
  .page-design-studio .sds-landing-body-form form > div {
    margin-top: 0;
  }
}
.page-design-studio .sds-landing-header-form input,
.page-design-studio .sds-landing-body-form input {
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
  height: 55px;
}
.page-design-studio .sds-landing-header-form input[type=checkbox],
.page-design-studio .sds-landing-body-form input[type=checkbox] {
  height: auto;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-header-form input[type=checkbox],
  .page-design-studio .sds-landing-body-form input[type=checkbox] {
    height: 55px;
  }
}
.page-design-studio .bean-hero-bean-form-sds .target-test input[type="checkbox"] + label {
  line-height: 25px;
}
.page-design-studio .bean-hero-bean-form-sds .target-test input[type="checkbox"] + label:before {
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  height: 29px;
  width: 29px;
}
.page-design-studio .bean-hero-bean-form-sds .target-test input[type="checkbox"] + label:after {
  left: 7px;
  top: 11px;
}
.page-design-studio input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-studio input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-studio input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-studio input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-studio .bean-hero-bean-form-transparent-fields label {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.05em;
}
.page-design-studio .hero-webform-legal-disclaimer-container {
  order: 5;
}
.page-design-studio .hero-webform-legal-disclaimer-container span {
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.12em;
}
.page-design-studio .hero-webform-legal-disclaimer-container a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  font-weight: 700;
}
.page-design-studio .bean-hero-bean-form-transparent-fields .form-actions {
  margin-bottom: 15px;
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .form-actions input.webform-submit {
  background: #F7921E;
  color: white;
  border-radius: 3px;
  height: 52px;
}
.page-design-studio .sds-landing-header .circle-empty {
  top: 544px;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-header .circle-empty {
    position: absolute;
    left: 50%;
    margin-left: -3px;
  }
}
.page-design-studio .sds-landing-header .dotted-vertical {
  top: 549px;
  left: 50%;
  margin-left: -2px;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-header .dotted-vertical {
    position: absolute;
  }
}
.page-design-studio .sds-landing-header .circle-full {
  top: 981px;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-header .circle-full {
    position: absolute;
    left: 50%;
    margin-left: -3px;
  }
}
.page-design-studio .sds-section {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-section:nth-child(2) {
    margin-top: 110px;
  }
}
.page-design-studio .sds-section:nth-child(3) {
  z-index: 4;
}
.page-design-studio .sds-section:nth-child(4) {
  z-index: 3;
}
.page-design-studio .sds-section-header-box {
  background: #ffffff;
  box-shadow: 4px 4px 30px #E9F1F5;
  border-radius: 6px;
  width: 306px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  top: -30px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-section-header-box {
    position: absolute;
    left: 0;
    right: 0;
    top: -303px;
  }
}
.page-design-studio .sds-section-header-box h5 {
  font-weight: normal;
  font-size: 14px;
  line-height: 113.6%;
  letter-spacing: 0.03em;
  margin-bottom: 5px;
  margin-top: 0;
}
.page-design-studio .sds-section-header-box h2 {
  color: black;
  font-weight: 700;
  font-size: 28px;
  margin-top: 0;
  margin-bottom: 10px;
}
.page-design-studio .sds-section-header-box .gray-horizontal {
  background: #C4C4C4;
  width: 21px;
  height: 1px;
  margin: 0 auto;
}
.page-design-studio .sds-landing-body .sds-section-body-image {
  display: flex;
  margin-left: 137px;
  margin-top: 70px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body .sds-section-body-image {
    display: block;
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body .sds-section-body-image img {
    max-width: 352px;
  }
}
.page-design-studio .sds-landing-body .sds-section .sds-section-body-image .section-item:nth-child(1) {
  flex: 1 0 316px;
}
.page-design-studio .sds-landing-body .sds-section .sds-section-body-image .section-item:nth-child(2) {
  flex: 1 0 352px;
}
.page-design-studio .sds-remark-wrapper {
  margin-left: 137px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-section:nth-child(1) .sds-remark-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
  }
}
.page-design-studio .sds-remark-border {
  display: inline-block;
  height: 100px;
  width: 2px;
  background: #F7921E;
  display: inline-block;
  position: relative;
  top: 5px;
}
.page-design-studio .sds-remark-left {
  display: inline-block;
  margin-left: 9px;
}
.page-design-studio .sds-remark-left span {
  max-width: 160px;
  display: block;
  font-size: 15px;
  line-height: 13px;
  letter-spacing: 0.13em;
  color: black;
  line-height: 26px;
}
.page-design-studio .sds-remark-left span.bold {
  font-weight: 700;
}
.page-design-studio .sds-landing-body .section-item p {
  font-weight: 600;
  font-size: 23px;
  line-height: 144.5%;
  letter-spacing: 0.12em;
  color: #8998A2;
}
@media only screen and (min-width: 1280px) {
  .page-design-studio .sds-landing-body .section-item p {
    max-width: 360px;
  }
}
.page-design-studio .sds-section-body-image .sds-remark-wrapper {
  margin-left: 0;
}
.page-design-studio .sds-section-body-image .sds-remark-border {
  height: 75px;
}
.page-design-studio .sds-landing-body .sds-section:nth-child(2) .line-wrapper {
  position: relative;
  top: -8px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body .sds-section:nth-child(2) .line-wrapper {
    top: 10px;
  }
}
.page-design-studio .sds-landing-body .sds-section:nth-child(2) .sds-section-body-image {
  align-items: flex-end;
  margin-top: 30px;
}
.page-design-studio .sds-landing-body .sds-section:nth-child(2) .sds-section-body-image .section-item:nth-child(1) {
  flex: 0 0 270px;
  position: relative;
  bottom: 91px;
}
.page-design-studio .sds-landing-body .sds-section:nth-child(2) .sds-section-body-image .section-item:nth-child(2) {
  flex: 0 0 338px;
  margin-left: 26px;
  margin-right: 18px;
}
.page-design-studio .sds-landing-body .sds-section:nth-child(2) .sds-section-body-image .section-item:nth-child(3) {
  flex: 0 0 341px;
}
.page-design-studio .sds-landing-body .line-wrapper,
.page-design-studio .sds-landing-header .line-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
  position: absolute;
  top: 1283px;
  left: 50%;
  margin-left: -5px;
  */
}
.page-design-studio .sds-landing-body .line-wrapper .dotted-vertical,
.page-design-studio .sds-landing-header .line-wrapper .dotted-vertical {
  margin: 5px 0;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-section .sds-remark-box {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    margin-top: 10px;
  }
}
.page-design-studio .sds-remark-right {
  box-shadow: 4px 4px 30px #E9F1F5;
  border-radius: 6px;
  width: 218px;
  position: absolute;
  right: 60px;
  bottom: 70px;
  display: flex;
  padding: 15px;
}
.page-design-studio .sds-remark-right h3 {
  font-weight: normal;
  font-size: 23px;
  line-height: 134%;
  color: #F7921E;
  margin: 0;
  margin-right: 20px;
}
.page-design-studio .sds-remark-right span {
  font-size: 13px;
  line-height: 134%;
  letter-spacing: 0.05em;
  color: #8998A2;
  max-width: 150px;
}
.page-design-studio .sds-remark-simple {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.12em;
  color: #010000;
}
.page-design-studio .sds-remark-simple .orange-horizontal {
  height: 2px;
  background: #F7921E;
  width: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.page-design-studio .sds-section-header:not(.sds-section-header-box) {
  position: absolute;
  bottom: 174px;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 1;
  background: white;
  padding-top: 20px;
  padding-bottom: 2px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-section-header:not(.sds-section-header-box) {
    bottom: 135px;
  }
}
.page-design-studio .sds-section-header:not(.sds-section-header-box) h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.12em;
  color: #000000;
  margin: 0;
}
.page-design-studio .sds-section-header:not(.sds-section-header-box) h2 {
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.12em;
  color: #263A48;
  margin: 0;
}
.page-design-studio .sds-section-header:not(.sds-section-header-box) h4 {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.12em;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  margin-bottom: 17px;
}
.page-design-studio .sds-section-header:not(.sds-section-header-box) .orange-horizontal {
  background: #F7921E;
  height: 2px;
  width: 33px;
  margin: 0 auto;
}
.page-design-studio .sds-remark-1 {
  position: absolute;
  bottom: 256px;
  left: 50px;
  z-index: 12;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-remark-1 {
    display: none;
  }
}
.page-design-studio .sds-remark-left.sds-remark-1 span {
  font-size: 14px;
  line-height: 144.5%;
  letter-spacing: 0.12em;
  color: rgba(65, 77, 85, 0.85);
}
.page-design-studio .sds-remark-left.sds-remark-1 span:nth-of-type(2) {
  max-width: 90px;
}
.page-design-studio .all-screens {
  margin-left: 240px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .all-screens {
    text-align: center;
    margin-left: 0;
    margin-top: 22px;
  }
}
.page-design-studio .all-screens .device-text-top {
  transform: translate(-50%, -40px);
  font-size: 9px;
}
.page-design-studio .all-screens .device-text-top img {
  position: relative;
  top: 3px;
}
.page-design-studio .sds-landing-body-video {
  text-align: center;
  margin-top: 50px;
  position: relative;
  left: 20px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body-video {
    left: 0;
  }
}
.page-design-studio .bold {
  font-weight: 700;
}
.page-design-studio .sds-landing-body-form-container {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px #E9F1F5;
  border-radius: 6px;
  display: flex;
  max-width: 828px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 85px;
  padding: 75px 75px 0;
  position: relative;
  top: -55px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body-form-container {
    display: block;
    padding: 75px 20px 46px;
  }
}
.page-design-studio .sds-landing-body-form-container > div {
  flex: 1;
}
.page-design-studio .sds-landing-body-form-side span {
  font-size: 25px;
  line-height: 34px;
  letter-spacing: 0.12em;
  color: #2C3C48;
  display: block;
  max-width: 203px;
}
.page-design-studio .line-wrapper.overlay {
  z-index: 4;
  position: relative;
}
.page-design-studio .sds-landing-body-form {
  position: relative;
  top: -33px;
  margin-bottom: -20px;
}
@media only screen and (max-width: 1279px) {
  .page-design-studio .sds-landing-body-form {
    top: 25px;
  }
}
.page-design-studio .sds-landing-body-form-side {
  position: relative;
  top: 10px;
}
.page-design-studio .sds-background.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1190px;
}
.page-design-studio .sds-landing-header-form [id^=webform-ajax-wrapper-] {
  position: fixed;
  background: white;
  margin-left: 0;
  left: 0;
  top: 50%;
  z-index: 100;
  max-width: 600px;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 4px 4px 30px #E9F1F5;
  transform: translate(0%, -50%);
}
@media only screen and (min-width: 768px) {
  .page-design-studio .sds-landing-header-form [id^=webform-ajax-wrapper-] {
    padding: 60px 20px;
    transform: translate(-50%, -50%);
    left: 50%;
  }
}
.page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] form {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) {
  .page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] form {
    padding-top: 0;
  }
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-client-form {
  padding-left: 0;
  padding-right: 0;
}
.page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] .webform-component--description {
  text-align: left;
}
.page-design-studio .sds-landing-header-form .bean-hero-form-webform [id^=webform-ajax-wrapper-] form > div,
.page-design-studio .sds-landing-body-form .bean-hero-form-webform [id^=webform-ajax-wrapper-] form > div {
  display: block;
}
.page-design-studio .sds-landing-header-form .bean-hero-form-webform [id^=webform-ajax-wrapper-] input,
.page-design-studio .sds-landing-body-form .bean-hero-form-webform [id^=webform-ajax-wrapper-] input {
  position: relative;
}
.page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] .checkbox-select.form-item {
  padding-top: 0;
}
.page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] .webform-component--legal-block--legal-disclaimer {
  padding-top: 0;
  margin-top: -12px;
}
.page-design-studio .bean-hero-form-webform [id^=webform-ajax-wrapper-] .webform-component--legal-block--legal-disclaimer p {
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.12em;
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-sds-fallback-mode {
  overflow: visible;
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-sds-fallback-mode > .hero-bean-form-container > .content {
  display: none;
}
.page-design-studio .bean-hero-bean-form-transparent-fields > .hero-bean-form-container {
  background: none;
}
.page-design-studio .sds-landing-body-form .bean-hero-bean-form.bean-hero-bean-form-sds-fallback-mode {
  margin-top: 40px;
  padding-bottom: 15px;
}
.page-design-studio .bean-hero-bean-form .form-item {
  text-align: left;
}