body {
	color: #000;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	
}

body,
html {
	max-width: 100%;
	overflow-x: hidden !important;
}

*:hover,
*:focus {
	outline: none!important;
	text-decoration: none!important;
	/* border: none!important;
  box-shadow: none!important; */
}

.btn:focus,
.form-control:focus {
	box-shadow: none;
}

img {
	max-width: 100%;
}

* {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1,
h2 {
	font-weight: bold;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

section {
	position: relative;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1186px;
	}
}

body {
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/background15.jpg);
	background-size: cover;
	color: #fff;
	background-repeat: no-repeat;
}

.logo-wrapper {
	background-color: #fff;
	display: block;
	width: 100%;
	height: 55px;
	padding-top: 0px;
	text-align: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
}

.logo_anchor {
	text-decoration: none;
}

#sunrun_owned {
	font-size: 15px;
	display: inline-block;
	top: 10px;
	position: relative;
	left: 10px;
	line-height: 17px;
	color: #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bbb_right {
	top: 3px;
	position: relative;
}

#sa_number {
	font-weight: 500;
	position: relative;
	display: inline-block;
	top: 14px;
	left: -15px;
	font-size: 15px;
	color: #616161;
	padding-right: 16px;
}

.bbb_right a {
	font-weight: 500;
	position: relative;
	display: inline-block;
	top: 14px;
	left: -15px;
	font-size: 15px;
	color: #616161;
	padding-right: 16px;
}

#logo {
	margin-top: 0px;
	padding-right: 10px;
	border-right: 1px solid #cacaca;
}

.border-bottom-header {
	width: 100%;
	position: fixed;
	border-bottom: 1px solid #e8e8e8;
}

.range_holder{
	position: relative;
}

/*.range_holder:before{
    content: '';
    width: 100%;
    height: 9px;
    background: #ff1230;
    z-index: 100;
    top: 4px;
    left: 0px;
    position: absolute;
    border-radius: 30px;

}*/

.section input[type=range] {
	-webkit-appearance: none;
	margin: 20px 0;
	width: 100%;
	background: #7dbc67;
	border-radius: 5px;
}

.section input[type=range]:focus {
	outline: none;
	background: #7dbc67;
	border-radius: 5px;
}

.section input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 9px;
	cursor: pointer;
	background-color: #7dbc67;
	border-radius: 5px;
}

.section input[type=range]::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8px;
}

.section input[type=range]:focus::-webkit-slider-runnable-track {
	background-color: #7dbc67;
	border-radius: 5px;
}

.range-wrap {
	max-width: 600px;
	position: relative;
}

.range-value {
	position: absolute;
	top: -50%;
}

.range-value span {
	position: absolute;
	top: -8px;
	white-space: nowrap;
	line-height: 1;
	font-size: 13px;
	font-weight: 700;
	background-color: #ffffff;
	color: #000;
	padding: 10px;
	padding-left: 10px;
	border-radius: 12%;
	margin-bottom: 0px;
	display: inline-block;
}

.range-value span:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #03a9f4;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
	display: none;
}


/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

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

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

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

h2 {
	font-size: 1.5em;
	margin: 0.83em 0
}

h3 {
	font-size: 1.17em;
	margin: 1em 0
}

h4 {
	font-size: 1em;
	margin: 1.33em 0
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

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

mark {
	background: #ff0;
	color: #000
}

p,
pre {
	margin: 1em 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before,
q:after {
	content: '';
	content: none
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dl,
menu,
ol,
ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu,
ol,
ul {
	padding: 0 0 0 40px
}

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

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

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

figure {
	margin: 0
}

form {
	margin: 0
}

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

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
img,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}

.hidden {
	display: none !important;
	visibility: hidden
}

#residential,
#commercial {
	-webkit-filter: brightness(0) invert(0.5);
	filter: brightness(0) invert(0.5)
}

#residential:hover,
#commercial:hover {
	-webkit-filter: none;
	filter: none
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,
	img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: 0.5cm
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	touch-action: pan-y
}

.swiper-wp8-vertical {
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, 0.25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

html,
body {
	position: relative;
	height: 100%;
	/*font-family: 'Open Sans', sans-serif;*/
	-webkit-font-smoothing: antialiased
}

.slide-nav-container {
	display: none
}

#lead-form {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px)
}

.fineprint_all {
	margin-top: 10px
}

#email-slide {
	margin-top: 21px
}

#submit-slide {
	margin-top: -20px
}

.swiper-scrollbar {
	opacity: 0;
	transition-duration: 400ms
}

.clear {
	clear: both
}

#residential,
#commercial {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0.2) invert(0.5)
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none
}

.logo_anchor {
	text-decoration: none
}

input[type="text"]:focus {
	border-color: #269CCC;
	color: #269CCC
}

.textfield-holder {
	margin-top: 50px
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	font-size: 40px;
	fill: currentColor
}

button {
	display: block
}

#disclaimertext {
	max-width: 600px;
	margin: 0 auto;
	font-size: 12px;
	margin: 75px auto 0px;
	color: #c0c0c0;
	line-height: 10px
}

.pull-right {
	float: right
}

.icon-sunrun-logo {
	padding: 0px 20px 0px 0px;
	width: 200px !important;
	margin-top: 23px;
	fill: #fff !important
}

@media screen and (max-height: 480px) {
	.textfield-holder {
		margin-top: 20px
	}
}

input:autofill {
	color: #fff !important;
	box-shadow: 0 0 0px 1000px white inset
}

input:-webkit-autofill {
	color: #fff !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset
}

input[type="text"].error {
	border-color: #ffc600;
	color: #203447
}

.error {
	-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

@-webkit-keyframes shake {
	10%,
	90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0)
	}
	20%,
	80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0)
	}
	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}
	40%,
	60% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}
}

@keyframes shake {
	10%,
	90% {
		-webkit-transform: translate3d(-1px, 0, 0);
		transform: translate3d(-1px, 0, 0)
	}
	20%,
	80% {
		-webkit-transform: translate3d(2px, 0, 0);
		transform: translate3d(2px, 0, 0)
	}
	30%,
	50%,
	70% {
		-webkit-transform: translate3d(-4px, 0, 0);
		transform: translate3d(-4px, 0, 0)
	}
	40%,
	60% {
		-webkit-transform: translate3d(4px, 0, 0);
		transform: translate3d(4px, 0, 0)
	}
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

input:focus::-moz-placeholder {
	color: transparent
}

input:focus:-ms-input-placeholder {
	color: transparent
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 5.5vh;
	letter-spacing: 1;
	font-weight: 600;
	line-height: 1.2;
	color: #fff
}

h1.small-h1 {
	font-size: 6vh
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 5vh;
	letter-spacing: 1px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 80%;
	margin-left: 10%;
	line-height: 1.3
}

@media screen and (max-width: 767px) {
	h2 {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

@media screen and (max-height: 480px) {
	h2 {
		margin-top: 10px;
		margin-bottom: 10px
	}
}

.mainHeadline--light {
	font-weight: normal
}

p {
	margin: 0;
	padding: 0;
	font-size: 17px
}

@media screen and (max-height: 480px) {
	p {
		font-size: 14px
	}
}

.checkbox-icon {
	font-size: 17px;
	line-height: 30px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	background-image: url(/assets/images/180131/tick-box-c2b42449.png);
	background-repeat: no-repeat;
	background-size: 26px;
	width: 200px;
	padding-left: 35px;
	display: block;
	margin: 0 auto 25px auto
}

.margin-bottom-10 {
	margin-bottom: 10px
}

@media screen and (min-width: 767px) {
	h2 {
		font-size: 50px
	}
	p {
		font-size: 25px
	}
	.checkboxIcon-container {
		width: 600px;
		margin: 0 auto 35px auto
	}
	.checkboxIcon-container p {
		font-size: 17px;
		margin-top: 25px
	}
	p.checkbox-icon {
		display: inline-block;
		margin-bottom: 15px;
		margin-top: 0
	}
}

.container-global {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center
}

.content_block {
	box-sizing: border-box;
	padding: 0 20px
}

.flexContainer {
	display: flex
}

.flexColumn {
	flex-direction: column
}

.position-vertical-center,
.position-vertical-center-noho {
	position: relative;
	padding-left: 20px;
	padding-right: 20px
}

.position-vertical-fill {
	width: 100%;
	height: 100vh
}

.para-intro {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	color: white
}

@media screen and (max-height: 480px) {
	.para-intro {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.fineprint_all {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
	text-align: center;
	width: 100%;
	color: #0c2e67;
	z-index: 999;
	font-size: 11px;
	line-height: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.fineprint_all_last {
	position: absolute;
	bottom: 35px;
	text-align: center;
	width: 100%;
	color: #0c2e67;
	z-index: 999;
	font-size: 11px;
	line-height: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

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

.fineprint {
	margin-top: 1%;
	font-size: 11px;
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fineprint a {
	color: #337ab7;
	text-decoration: none;
	font-size: 11px;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 11px;
	line-height: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fineprint a:hover {
	color: #0c2f68
}

.callus-lp span {
	display: block;
	font-weight: bold;
	font-size: 21px
}

.callus-lp {
	font-size: 14px;
	text-align: center;
	text-indent: 0px;
	padding: 4px 10px 6px 10px;
	line-height: 18px;
	background-color: #e68835;
	box-sizing: border-box;
	border-radius: 8px;
	position: absolute;
	top: 25px;
	right: 80px;
	color: white;
	z-index: 99
}

#protected_txt {
	margin-left: 0px;
	position: relative;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	line-height: 0px
}

.lock-image {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
	margin-right: 10px
}

.fineprint-link {
	color: #fff;
	cursor: pointer
}

.pageContainer {
	text-align: center;
	margin: 0 auto;
	width: 100%
}

.pageContainer p {
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	max-width: 750px
}

@media screen and (min-width: 767px) {
	.para-intro {
		max-width: 650px;
		font-size: 23px;
		margin-bottom: 80px
	}
	.fineprint {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto
	}
}

.form-submit-loading {
	margin: 0 auto;
	width: 43px;
	height: 11px;
	background-image: url(/assets/images/180131/loading-144516d4.gif);
	background-repeat: no-repeat;
	display: none
}

.btn-large {
	cursor: pointer;
	background: #6194f2;
	color: #ffffff;
	padding: 15px;
	border: 0px;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	border-radius: 0px;
	width: 250px;
	margin: 0 auto;
	text-decoration: none;
	
    background: #FCC40F;
    border-color: #c39708;
    box-shadow: 0 4px 0 0 #c39708;

	/*background: #e00000;
    border-color: #8f0000;
    box-shadow: 0 4px 0 0 #8f0000;*/
}

.btn-large:hover,
.btn-small:hover {
/*	background-color: #4f7dd2;
	border-color: #0e3a8c;
	box-shadow: 0 4px 0 0 #0e3a8c;*/

	background: #e00000;
    border-color: #8f0000;
    box-shadow: 0 4px 0 0 #8f0000;


	color: #fff;
}

@media screen and (max-height: 480px) {
	.btn-large {
		width: 190px;
		font-size: 15px
	}
}

.btn-small {
	width: 95px;
    margin-top: 30px;
    cursor: pointer;
    background: #6194f2;
    color: #ffffff;
    padding: 12px;
    border: 0px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    margin: 0 auto;
    text-decoration: none;
    background: #FCC40F;
    border-color: #c39708;
    box-shadow: 0 4px 0 0 #c39708;
    display: table;
}

a.quote_next_btn{
	background: #e00000;
    font-family: 'HelveticaNeue',arial, sans-serif;
    border:0px none;
    box-shadow: 0 4px 0 0 #8f0000;
}

a.quote_next_btn:hover{
	background: #FCC40F;
	box-shadow: 0 4px 0 0 #c39708;
}

@media screen and (max-height: 480px) {
	.btn-small {
		width: 60px;
		font-size: 15px
	}
}

.btn-range-slider {
	margin-top: 40px
}

.btn-margin-20 {
	margin-top: 20px
}

.intro-slide {
	background-image: url(/assets/images/180131/background5-354ad932.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 25%
}

@media screen and (max-width: 767px) {
	.intro-slide {
		background-position: right -140px top 0px
	}
}

.progress-holder {
	width: 100%;
	height: auto;
	text-align: center;
}

.section-inner {
	width: 100%;
}

.progress-number {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	border-radius: 0px;
	border: 2px solid #000;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 28px;
	position: relative;
	border-radius:50%;
}

.progress-number:before,
.progress-number:after {
	content: '';
	display: block;
	position: absolute;
	width: 65px;
	height: 1px;
	background-color: #000;
	top: 16px
}

.progress-number:before {
	left: 50px
}

.progress-number:after {
	right: 50px
}

@media screen and (min-width: 767px) and (min-height: 770px) {
	.progress-number {
		width: 75px;
		height: 75px;
		line-height: 75px;
		font-size: 39px
	}
	.progress-number:before,
	.progress-number:after {
		width: 135px;
		top: 37px
	}
	.progress-number:before {
		left: 100px
	}
	.progress-number:after {
		right: 100px
	}
}

.icons-holder {
	width: 100%;
	margin: 0 auto;
	font-size: 19px;
	text-align: center;
	display: inline
}

.icon-residential {
	display: block;
	margin-right: 25px
}

@media screen and (max-width: 767px) {
	.icon-residential {
		margin-right: 0px;
		margin-bottom: 20px
	}
}

.icon-commercial {
	display: block;
	margin-left: 25px
}

@media screen and (max-width: 767px) {
	.icon-commercial {
		margin-left: 0px
	}
}

.icon-residential img,
.icon-commercial img {
	cursor: pointer;
	padding-bottom: 12px;
	width: 170px
}

@media screen and (max-width: 767px) {
	.icon-residential img,
	.icon-commercial img {
		width: 100px
	}
}

@media screen and (max-width: 320px) {
	.icon-residential img,
	.icon-commercial img {
		width: 80px
	}
}

label>input {
	visibility: hidden;
	position: absolute
}

.icon-mail {
	margin: 0 auto;
	width: 53px;
	height: 35px;
	background-image: url(../images/icon_email-1-49bac41d.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px
}

.focused .icon-mail {
	background-position: 0 -37px
}

input.text-field {
	width: 80%;
	height: 65px;
	border: 2px solid #cccccc;
	text-align: center;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-bottom: 20px
}

@media screen and (max-height: 480px) {
	input.text-field {
		height: 50px
	}
}

.rangeslider-holder {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: left
}

@media screen and (max-width: 670px) {
	.rangeslider-holder {
		width: 280px
	}
}

@media screen and (max-width: 320px) {
	.rangeslider-holder {
		margin-top: 20px
	}
}

.rangeslider-tooltip {
	font-size: 13px;
	font-weight: 700;
	background-color: #ffffff;
	color: #000;
	padding: 10px;
	border-radius: 12%;
	margin-bottom: 30px;
	display: inline-block
}

@media screen and (max-width: 767px) {
	.rangeslider-tooltip {
		margin-bottom: 20px
	}
}

.sliderLegend {
	margin: 0 auto;
	max-width: 600px;
	position: relative
}

@media screen and (max-width: 670px) {
	.sliderLegend {
		width: 280px
	}
}

p[class^='sliderLegendItem'],
p[class*=' sliderLegendItem'] {
	display: block;
	position: absolute;
	top: 15px;
	padding-top: 27px;
	font-weight: 700
}

p[class^='sliderLegendItem']:before,
p[class*=' sliderLegendItem']:before {
	content: "";
	display: block;
	height: 28px;
	width: 2px;
	background-color: #000;
	position: absolute;
	top: -5px
}

.sliderLegendItem--start {
	left: 0
}

.sliderLegendItem--end {
	right: 0
}

.sliderLegendItem--end:before {
	right: 0
}

.slide-nav-container {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 9999
}

.slide-nav-up {
	position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
	width: 30px;
	height: 30px;
	background-image: url(/assets/images/180131/slide_nav_sprite1-841d650b.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px 0px;
	cursor: pointer
}

.slide-nav-down {
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(/assets/images/180131/slide_nav_sprite-260a92a9.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	margin-left: 7px;
	cursor: pointer
}

.para-address {
	width: 70%;
	margin: 0 auto
}

@media screen and (max-width: 767px) {
	.para-address {
		width: 100%
	}
}

.address-map-copy {
	width: 100%;
	flex: .5
}

.address-map {
	margin: 0 auto;
	width: 80%;
	flex: 1;
	background-color: #fff;
	background-image: url(../images/map_bg_dark.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-top: 35px
}

@media screen and (max-width: 767px) {
	.address-map {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media screen and (max-width: 320px) {
	.address-map {
		width: 100%;
		margin-top: 20px;
		background-image: none;
		background-color: #203447
	}
}

@media screen and (max-height: 480px) {
	.address-map {
		margin-top: 0px
	}
}

.address-map input {
	border: 2px solid #203447;
	width: 80%;
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-bottom: 20px
}

@media screen and (max-height: 480px) {
	.address-map input {
		height: 50px
	}
}

.map-pin {
	width: 32px;
	height: 45px;
	margin: 0 auto;
	margin-bottom: 20px;
	background-image: url(../images/map_pin.png);
	background-repeat: no-repeat;
	background-size: cover
}

.focused .map-pin {
	background-position: 0 -47px
}

.para-helper {
	font-size: 15px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 50px
}

.icon-phone {
	width: 57px;
	height: 57px;
	margin: 0 auto;
	background-image: url(../images/icon_phone.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	margin-bottom: 20px
}

.icon-email {
	margin: 0 auto;
	width: 53px;
	height: 35px;
	background-image: url(../images/icon_email-1-49bac41d.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

@media screen and (max-height: 480px) {
	.icon-phone {
		margin-top: 20px
	}
}

.focused .icon-phone {
	background-position: 0 -61px
}

@media screen and (max-width: 767px) {
	.noMobile {
		display: none
	}
}

@media screen and (min-width: 767px) {
	.content_block--reducedWidth {
		width: 840px
	}	
	.icon-residential,
	.icon-commercial {
		display: inline-block
	}
	p[class^='sliderLegendItem'],
	p[class*=' sliderLegendItem'] {
		padding-top: 20px
	}
	p[class^='sliderLegendItem']:before,
	p[class*=' sliderLegendItem']:before {
		height: 20px
	}
	p.sliderLegendItem--start {
		text-indent: -23px
	}
	p.sliderLegendItem--end {
		right: -25px;
		text-indent: -33px
	}
	.sliderLegendItem--end:before {
		right: 100%
	}
	.address-map-copy {
		flex: .3
	}
	.address-map {
		flex: .7;
		padding-top: 50px;
		padding-bottom: 50px
	}
	.address-map input {
		width: 60%;
	}
	input.text-field {
		width: 60%
	}
}

.logo {
	font-family: 'Quicksand', sans-serif;
	font-size: 21px;
	text-align: center;
	margin-top: 25px;
	max-width: 1300px
}

.samlong {
	padding-right: 10px;
	border-right: 1px solid #cacaca
}

#sa_number {
	font-weight: 500;
	position: relative;
	display: inline-block;
	top: 14px;
	left: -15px;
	font-size: 15px;
	color: #616161;
	padding-right: 16px
}

#sunrun_owned {
	font-size: 15px;
	display: inline-block;
	top: 10px;
	position: relative;
	left: 10px;
	line-height: 17px;
	color: #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.bbb_right {
	top: 3px;
	position: relative
}

.glyphicon-earphone {
	color: #616161;
	left: -17px;
	top: 16px;
	font-size: 13px;
	font-weight: bold
}

.logo img {
	max-width: 250px;
	width: 100%
}

@media screen and (min-width: 767px) {
	.logo {
		font-size: 26px;
		text-align: left;
		text-indent: 70px
	}
}

.swiper-container {
	width: 100%;
	height: 100%
}

.swiper-slide {
	text-align: center;
	font-size: 18px
}

.rangeslider,
.rangeslider__fill {
	display: block;
	border-radius: 10px
}

.rangeslider {
	background: #c5c5c5;
	position: relative
}

.rangeslider--horizontal {
	height: 10px;
	width: 100%
}

.rangeslider--vertical {
	width: 20px;
	min-height: 150px;
	max-height: 100%
}

.rangeslider--disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4
}

.rangeslider__fill {
	background: #7dbc67;
	position: absolute
}

.rangeslider--horizontal .rangeslider__fill {
	top: 0;
	height: 100%
}

.rangeslider--vertical .rangeslider__fill {
	bottom: 0;
	width: 100%
}

.rangeslider__handle {
	background: #7dbc67;
	border: 1px solid #7dbc67;
	cursor: pointer;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	background-color: #7dbc67
}

.rangeslider__handle:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%
}

.rangeslider__handle:active {
	background-color: #7dbc67
}

.rangeslider--horizontal .rangeslider__handle {
	top: -11px;
	touch-action: pan-y;
	-ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
	left: -10px;
	touch-action: pan-x;
	-ms-touch-action: pan-x
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
	box-shadow: 0 0 8px rgba(255, 0, 255, 0.9)
}

@media screen and (min-width: 767px) {
	.rangeslider--horizontal .rangeslider__handle {
		top: -20px
	}
	.visible-mobile {
		display: none !important
	}
	.hidden-mobile {
		position: fixed;
		width: 100%;
		top: 0px;
		z-index: 999999999
	}
	.rangeslider__handle {
		width: 45px;
		height: 45px
	}
}

.privacy-terms-container {
	margin: 0 auto;
	width: 50%;
	display: none
}

@media screen and (max-width: 425px) {
	.privacy-terms-container {
		width: 100%
	}
}

.privacy-terms-header {
	width: 100%;
	margin-bottom: 25px
}

.privacy-terms-title {
	float: left;
	font-size: 17px;
	font-weight: 600;
	text-align: left
}

.privacy-terms-close {
	width: 17px;
	height: 17px;
	float: right;
	background-image: url(/assets/images/180131/icon_close_small-afe8ae31.png);
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer
}

.privacy-terms-content {
	text-align: left;
	height: 400px;
	overflow-y: scroll
}

.privacy-terms-content a {
	color: #ffffff
}

.privacy-terms-content p {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	margin-bottom: 15px
}

.privacy-terms-content li {
	font-size: 12px;
	line-height: 17px
}

@media (max-width: 767px) {	
    p[class^='sliderLegendItem']:before, 
    p[class*=' sliderLegendItem']:before {
        left: 50%;
        transform: translateX(-50%);
    }
	h1 {
		font-size: 26px;
		line-height: 37px
	}
	.position-vertical-center-noho {
		top: 47%
	}
	.logo {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		text-align: center
	}
	.callus-lp {
		display: block;
		font-size: 14px;
		line-height: 16px;
		z-index: 99;
		text-align: center;
		margin: 0px auto;
		padding: 5px 7px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 4px;
		position: inherit
	}
	a {
		text-decoration: none
	}
	.callus-lp span {
		font-size: 16px;
		font-weight: bold;
		display: inline
	}
	.hidden-mobile {
		display: none !important
	}
	visible-mobile {
		display: block !important
	}
	#glyphicon-earphone-front {
		color: #616161;
		left: 2px;
		top: -36px;
		font-size: 15px;
		font-weight: bold;
		float: right;
		border-radius: 5px;
		padding: 7px 7px;
		border: 1px solid #333
	}
	#sunrun_owned {
		font-size: 15px;
		display: block;
		top: 0px;
		position: relative;
		left: 0px;
		line-height: 17px;
		text-align: center
	}
	#protected_txt {
		margin-left: 0px;
		position: relative;
		font-size: 12px;
		text-align: center;
		margin-top: 10px;
		line-height: 0px
	}
	.lock-image {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 9px;
		margin-right: 10px;
		height: 20px
	}
	.header_mobile {
		height: 55px;
		background-color: white;
		width: auto;
		padding: 0px 10px;
		border-bottom: 1px solid #d0d0d0;
		text-align: center
	}
	#mobile-logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		margin-bottom: 2px
	}
	.email-slide {
		margin-top: 20px
	}
	h2 {
		font-size: 20px
	}
	#disclaimertext {
		margin: 10px auto 0px
	}
	input.text-field {
		font-size: 18px
	}
	.icon-phone {
		margin-top: 0px
	}
	.fineprint {
		font-size: 11px;
		line-height: 13px
	}
	.fineprint a {
		color: #337ab7;
		text-decoration: none;
		font-size: 11px;
		margin-top: 50px;
		margin-bottom: 50px;
		font-size: 11px;
		line-height: 13px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
	}
	.btn-large {
		padding: 10px
	}
	input.text-field {
		height: 50px
	}
	.position-vertical-center {
		top: 42%
	}
	.icon-residential {
		margin-bottom: 50px
	}
	.address-map input {
		border: 2px solid #203447;
		width: 80%;
		height: 65px !important;
		line-height: 65px;
		text-align: center;
		font-size: 15px !important;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		margin-bottom: 20px
	}
	#submit-slide {
		top: 47%
	}
}

.icon-commercial a {
	display: table;
}

html {
	scroll-behavior: smooth;
}

.range-wrap {
	position: relative;
	margin: 60px auto 1rem;
}

.range {
	width: 100%;
}

.bubble {
	background: red;
	color: white;
	padding: 4px 12px;
	position: absolute;
	border-radius: 4px;
	left: 50%;
	transform: translateX(-50%);
}

.bubble::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background: red;
	top: -1px;
	left: 50%;
}

.slider-container.theme-green {
	margin-top: 30px;
}

.section {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding-top: 50px;*/
	color: #000;
}

@media screen and (min-width: 767px) {
	.theme-green .back-bar .pointer {
		width: 45px;
		height: 45px;
	}
}
.la-solar-top {
	position: fixed;
    width: 100%;
    background: #fff;
}
@media(max-width:767px) {
    .la-solar-top {
    	position: relative;
    }
	.section {
		height: 50vh;
		padding-top: 30px;
		align-items: flex-start;
	}
	.progress-number {
		font-size: 18px;
		width: 30px;
	    height: 30px;
	    line-height: 25px;
	}
}
@media only screen 
and (min-device-width : 320px) 
/*and (max-device-width : 667px)*/
and (max-device-width : 920px)
and (orientation : landscape) {
	h2 {
	    font-size: 18px;
	}
	.section {
	    padding-top: 60px;
	    align-items: inherit;
	}
	.section.section-7,
	.section.section-6,
	.section.section-5,
	.section.section-4,
	.section.section-3,
	.section.section-2 {
		padding-top: 20px;
	}
	.address-map {
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	#protected_txt {
		font-size: 14px;
	}
	.progress-holder>p {
	    font-size: 16px;
	}
	.icon-residential img, .icon-commercial img {
		width: 90px;
	}
	.range-wrap {
		margin: 25px auto 1rem;
	}
	a.logo img {
		max-width: 100px;
	}
	.btn-small {
		font-size: 12px;
		margin-top: 0px;
		padding: 8px;
	}
	.fineprint_all a {
		font-size: 12px;
	}
	.range-wrap {
		margin: 20px auto 0rem;
	}
	.progress-number {
		font-size: 13px;
	    width: 20px;
	    height: 20px;
	    line-height: 16px;
	}
	.range-value span {
		top: 10px!important;
		font-size: 12px!important;
		padding: 5px!important;
    	padding-left: 5px!important;
	}
	.progress-number:before, .progress-number:after {
		top: 50%;
    	transform: translateY(-50%);
	}
	.icon-residential {
		display: inline-block;
	    margin-bottom: 0px;
	}
	.map-pin {
	    width: 15px;
	    height: 22px;
	    margin-bottom: 5px;
	}
	.address-map input {
		height: 35px !important;
    	line-height: 35px;
		margin-bottom: 10px;
	}
	input.text-field {
	    height: 35px;
	}
	input.text-field {
		margin-bottom: 10px;
	}
	.icon-phone {
		width: 30px;
    	height: 30px;
        margin-bottom: 15px;
	}
	.icon-mail {
		width: 15px;
	    height: 10px;
	    margin-bottom: 5px;
	}
	.fineprint_all {
	    margin-top: 0px;
	}
	input.text-field {
	    font-size: 14px;
	}
	.fineprint {
	    font-size: 10px;
	    line-height: 12px;
	}
	.btn-large {
		padding: 5px;
    	max-width: 120px;
	}
	.address-map-copy p {
		font-size: 20px;
	}
	#protected_txt {
		margin-top: 0;
	}
	.lock-image {
		margin-bottom: 8px;
    	margin-right: 10px;
	}
}