@import "bootstrap.css";

@import "aos.css";

@import "bootstrap-slider.css";

@font-face {
	font-family:'proxima_nova';src:url(../fonts/proximanova-regular-webfont.eot);src:url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url(../fonts/proximanova-regular-webfont.woff) format('woff'), url(../fonts/proximanova-regular-webfont.ttf) format('truetype'), url('../fonts/proximanova-regular-webfont.svg#proxima_nova') format('svg');font-weight:400;font-style:normal
}

@font-face {
	font-family:'proxima_nova_bold';src:url(../fonts/proximanova-bold-webfont.eot);src:url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url(../fonts/proximanova-bold-webfont.woff) format('woff'), url(../fonts/proximanova-bold-webfont.ttf) format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_bold') format('svg');font-weight:400;font-style:normal
}

@font-face {
	font-family:'gotham-book';src:url(../fonts/GothamRounded-Book.eot);src:url('../fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url(../fonts/gotham-rounded-book.woff) format('woff');font-weight:400;font-style:normal
}

@font-face {
	font-family:'gotham-bold';src:url(../fonts/GothamRounded-Bold.eot);src:url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url(../fonts/gotham-rounded-bold.otf) format('truetype');font-weight:400;font-style:normal
}
@font-face {
	font-family:'gotham-medium';src:url(../fonts/GothamRounded-Medium.eot);src:url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url(../fonts/gotham-rounded-medium.otf) format('truetype');font-weight:400;font-style:normal
}
.differenceDes2 + a[data-target="#register-modal"]{
    width: 200px;
    height: 60px;
    font-size: 20px;
    line-height: 46px;
}
#pick-your-event .modal-content{
	width: 60%;
	margin: 50px auto;
}
.landing-link{
	padding: 15px 40px;
    line-height: 27px;
    color: #424242;
    font-size: 14px;
    float: left;
}
#contact-us-info .modal-header{
    padding: 33px 86px 10px;
}
.slider-brokerage{
	top: 130px;
	left: 22%;
	position: absolute;
	z-index: 2000;
}
.pac-container.pac-logo{
	z-index: 2000;
	/*top: 490px!important;*/
}
.norounded {
	font-family: 'proxima_nova' !important
}

.centercol {
	text-align: center
}

#top-bar {
	font-family: 'gotham-book';
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	background-color: #FFF;
	border-bottom: 1px solid #eee;
	border-radius: 0
}

#top-bar .navbar-nav>li.nologin>a {
	padding: 15px 25px;
	line-height: 27px;
	color: #40B2E6;
	font-size: 14px
}

.dropdown button {
	color: #000 !important
}

.sizer {
	padding-bottom: 85px;
	padding-top: 30px;
	width:1000px;
	margin: 0 auto;
	margin-top: 50px;
}

.animatelogin {
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease
}

.error {
	color: #FF0000 !important
}

.page-cover {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	color: #FFF;
	/**margin-top: 57px;**/
	text-align: center
}

.pleaseselect,.pleaseselectradio {
	display: none
}

.date-time-step .header {
	display: none
}

.home-cover {
	background-image: url(../img/home-banner.jpg);
	min-height: 641px
}

.home-cover h1 img {
	width: 88%
}

.home-cover h1 {
	font-size: 90px;
	margin: 180px 0 0;
	font-family: 'gotham-bold'
}

.banner-form .form-group .form-control {
	width: 100%;
	border: solid 1px #EEE;
	height: 50px;
	font-size: 20px
}

.banner-form .form-group .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	font-size: 20px
}

.join-community-img-block {
	width: 145%;
	margin: 0 auto auto;
	text-align: center
}

.imgcombox {
	width: 130px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px
}

.imgcombox img {
	width: 100%
}

.homesliderthumb {
	width: 65%;
	margin: 0 auto auto;
	position: relative;
	height: 420px;
	overflow: hidden
}

.homeslide1 {
	position: absolute;
	left: 0;
	width: 38%;
	bottom: -100px
}

.homeslide2 {
	position: absolute;
	right: 0;
	width: 38%;
	bottom: -100px
}

.homeslide3 {
	position: absolute;
	width: 50%;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -100px;
	margin: 0 auto auto;
	text-align: center
}

.homeslide1 img,.homeslide2 img {
	width: 530px
}

.homeslide3 img {
	width: 705px
}

h2.newsletterfooter span,h2.newsletterfooter {
	font-family: 'gotham-bold' !important
}

.post .author {
	font-size: 12px;
	display: block;
	margin: 0 0 36px
}

.custom-radio span,.custom-checkbox span {
	display: block
}

#qualifymodal-result {
	padding-right: 22px
}

.remember input {
	border: 0;
	height: auto;
	width: auto;
	display: inline-block;
	box-shadow: none;
	vertical-align: top
}

.remember span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-left: 6px
}

.remember {
	display: inline-block
}

.blockdisplay {
	width: 100%;
	display: none
}

.forgotpassword {
	display: inline-block
}

.forgotpasswordbox {
	display: none
}

#funnel-steps .custom-checkbox span,#funnel-steps .custom-radio span {
	font-family: 'proxima_nova'
}

.custom-radio strong {
	color: #9A9A9A;
	display: block;
	font-size: 14px
}

.modal-body .numbered-label {
	margin-left: -55px
}

.slider .tooltip-inner {
	background: none;
	color: #424242;
	font-size: 16px;
	font-family: 'proxima_nova'
}

.slider.slider-horizontal .slider-tick-label-container {
	margin-top: -27px
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
	position: relative;
	right: 27px
}

.slider-tick-container {
	display: none
}

.about-cover {
	background-image: url(../img/about-banner.jpg);
	padding: 68px 0
}

.about-cover h1 {
	margin: 0;
	font-size: 48px;
	font-family: 'gotham-bold'
}

.about-banner1 {
	background: url(../img/about-banner2.jpg) 0 0 no-repeat;
	background-size: cover;
	color: #FFF;
	padding: 130px 0
}

.about-banner2 {
	background: url(../img/about-banner3.jpg) 0 0 no-repeat;
	background-size: cover;
	color: #686868
}

.about-banner1 h3,.about-banner2 h3,.gray-section h3,.content-section h3 {
	font-family: 'gotham-bold'
}

.responsive-img img {
	max-width: 100%
}

.funnel {
	background: url(../img/funnel-page-bg.jpg) center top no-repeat #EEE;
	background-size: 100% auto;
	padding: 28px 0 60px
}

.installation {
	margin-top: 59px;
	background: url(../img/installation-page-bg.jpg) center top no-repeat #EEE;
	background-size: 100% auto;
	padding: 28px 0 60px
}

.installation h1 {
	font-family: 'gotham-bold';
	font-size: 48px;
	margin: 0 0 5px
}

.funnel-summary strong {
	font-family: 'proxima_nova_bold'
}

.funnel-summary strong span {
	font-family: 'proxima_nova' !important
}

.funnel h1 {
	font-size: 36px;
	color: #424242;
	margin: 15px 25px 10px;
	text-align: center;
	font-family: 'gotham-bold'
}

.installation h1 {
	font-size: 36px;
	color: #FFF;
	margin: 15px 25px 10px;
	text-align: center;
	font-family: 'gotham-bold'
}

.funnel h2 {
	font-size: 24px;
	color: #424242;
	text-align: center;
	margin: 0 0 30px;
	font-family: 'gotham-bold'
}

.funnel h3 {
	font-size: 20px;
	text-align: center;
	color: #D6D6D6;
	margin: 0 0 24px
}

.installation h3 {
	font-size: 20px;
	text-align: center;
	color: #FFF;
	margin: 0 0 24
}

.funnel fieldset {
	margin: 0 0 30px;
	padding: 0
}

.funnel fieldset label {
	display: block;
	font-size: 16px;
	color: #424242;
	margin: 0 0 4px 8px;
	font-weight: 400
}

.funnel fieldset:last-child {
	margin: 0
}

.funnel fieldset .form-group label {
	margin: 0 0 5px;
	color: #6E6674
}

.enter-details {
	display: none
}

.wizard>.steps li.done.tempback a span {
	background: none !important;
	border-color: #DDDDDD !important
}

.wizard>.steps li a span.number,.dashboard-sidebar li a span.number {
	display: none
}

.installation-filter span.iconcheck {
	background: #CCC url(../img/check-icon.png) 50% 50% no-repeat;
	border-color: #CCC;
	height: 28px;
	border-radius: 50%;
	width: 28px
}

.installation-filter.completed span.iconcheck {
	background: #B4D246 url(../img/check-icon.png) 50% 50% no-repeat;
	border-color: #B4D246
}

span.phoneinputcheck {
	background: #B4D246 url(../img/check-icon.png) 50% 50% no-repeat;
	border-color: #B4D246;
	height: 28px;
	border-radius: 50%;
	width: 28px
}

.wizard>.actions>ul {
	display: inline-block;
	text-align: right;
	width: 100%
}

.wizard>.actions>ul>li {
	margin: 0 .5em
}

.wizard.vertical>.actions>ul>li {
	margin: 0 0 0 0em
}

.wizard.vertical>.actions>ul>li:first-child {
	float: left
}

.wizard.vertical>.actions>ul>li.disabled:first-child {
	display: none !important
}

.wizard.vertical>.actions>ul>li:first-child a {
	background: #eee;
	color: #FFF
}

.alert-icon img {
	position: absolute;
	top: 32%;
	left: 30%
}

.invite .facebook {
	background: #3B5998;
	float: left
}

.invite .twitter {
	background: #00ACED;
	float: right
}

.invite a .icon {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	background: url(../img/social-icons.png) no-repeat;
	margin-right: 12px
}

.invite .facebook .icon {
	background-position: 0 0
}

.invite .twitter .icon {
	background-position: 0 -63px
}

.modal-header .close {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	border: solid 2px #FFF;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: -30px;
	right: -34px;
	opacity: 1;
	background: url(../img/close-icon.png) 50% 50% no-repeat;
	font-size: 0
}

.modal-dialog {
	margin: 60px auto
}

.installation-spacing {
	margin-bottom: 45px;
	margin-top: 32px
}

.sidebar-installation h4 {
	margin-bottom: 20px !important
}

.sidebar-installation p {
	text-align: center;
	color: #555
}

.sidebar-installation article {
	text-align: center
}

.sidebar-installation article figure {
	text-align: center;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	overflow: hidden;
	display: inline-block
}

.sidebar-installation article figure img {
	width: 100%;
	height: 100%
}

.sidebar-installation article h3 {
	margin: 0;
	font-size: 14px;
	color: #333;
	margin-bottom: 20px
}

.solar-icon{
	width:50px;
	height:50px;
	margin-right:20px;

}
.installer-info{
	margin-bottom: 31px;

}
.company-info{
	margin-left:21px;
	font-size:13px;
	width:100px;
}
.company-info p{
	font-size:14px;
	margin-bottom:0;
	line-height:18px;
	color:#333333!important;
	text-align:left;
}
.company-info img:nth-of-type(1){
	margin-left:2px;
	float:left;
}
.company-info span:nth-of-type(1){
	font-size:12px;
	color:#555555!important;
	line-height:18px;
	margin-left:5px;
	float:left;
	display:block;
	width:80px;
}
.company-info span:nth-of-type(2){
	font-size:12px;
	color:#555555!important;
	line-height:18px;
	margin-left:5px
}
.payment-info{
	margin-left:14px;
}
.payment-amount-whole{

	margin-right: 10px;
	font-size:16px!important;
	margin-bottom:0;
	color:#333!important;
	margin-top:12px;
}
.payment-amount-week{
	margin-top: 12px;
	font-size:16px!important;
	color:#333!important;
	margin-bottom:0;

}



.content-steps-installation article.laststep {
	text-align: center;
	margin-top: 40px
}

.content-steps-installation article.laststep figure {
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	overflow: hidden;
	display: inline-block
}

.content-steps-installation article.laststep figure img {
	width: 100%;
	height: 100%
}

.content-steps-installation article.laststep h3 {
	margin: 0;
	font-size: 14px;
	color: #333;
	margin-top: 15px
}

.download-finance {
	font-size: 14px;
	margin-right: 25px;
	margin-top: 5px
}

.box-content-install p {
	margin-left: 10px;
	margin-top: 5px;
	color: #333333 !important
}

.upload-box {
	border: 1px solid #EEE;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 25px;
	float: left
}

.upload-box .link {
	margin-top: 8px
}

.upload-box .upload-inline {
	width: 100%;
	display: block;
	float: left;
	padding: 15px 15px 0;
	border-bottom: 1px solid #EEE
}

.upload-box .upload-inline:last-child {
	border-bottom: 0 solid #EEE
}

.upload-box .link span {
	border-bottom: 1px dashed #555
}

.upload-inline p {
	float: left
}

.zindex1 {
	z-index: 4 !important
}

.zindex2 {
	z-index: 999 !important
}

.zindex3 {
	z-index: 1 !important
}

.upload-inline figure {
	float: left;
	margin-left: 5px;
	cursor: pointer;
	font-size: 14px;
	color: #555
}

.bank-details-box figure {
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
	font-size: 14px;
	color: #555
}

.upload-inline .tooltip,.bank-details-box .tooltip {
	margin-top: 6px;
	text-align: left;
	z-index: 10;
	position: absolute
}

.upload-inline .tooltip.fade.in,.bank-details-box .tooltip.fade.in {
	opacity: 1;
	box-shadow: 10px 15px 50px #888;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 5px
}

.upload-inline .tooltip .tooltip-inner,.bank-details-box .tooltip .tooltip-inner {
	background: #FFF;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	border: solid 1px #ededed;
	padding: 15px;
	padding-bottom: 0;
	max-width: 300px
}

.upload-inline .tooltip .tooltip-arrow,.bank-details-box .tooltip .tooltip-arrow {
	border-bottom-color: rgba(0, 0, 0, .1) !important;
	border-width: 0 13px 11px !important;
	margin-left: -13px !important;
	z-index: 2;
	margin-top: -5px;
	text-align: left
}

.upload-inline .tooltip .tooltip-arrow:before,.bank-details-box .tooltip .tooltip-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #FFF;
	border-width: 0 12px 12px;
	margin-left: -12px;
	display: block;
	z-index: -1
}

.upload-inline .tooltip h5,.bank-details-box .tooltip h5 {
	text-transform: uppercase;
	color: #424242;
	font-size: 15px;
	margin: 0 0 14px;
	text-align: left
}

.upload-inline .tooltip p,.bank-details-box .tooltip p {
	text-align: justify
}

.upload-inline .tooltip img,.bank-details-box .tooltip img {
	text-align: left;
	width: 100%;
	border-radius: 5px;
	cursor: pointer
}

.upload-inline .tooltip img.arrow_l,.upload-inline .tooltip img.arrow_r {
	position: absolute;
	width: 3%;
	cursor: pointer
}

.upload-inline .tooltip img.close_icon {
	position: absolute;
	top: 6px;
	right: 2%;
	width: 6%;
	cursor: pointer
}

.upload-inline .tooltip img.arrow_l {
	left: 40%;
	display: none
}

.upload-inline .tooltip img.arrow_r {
	right: 40%
}

.upload-inline .tooltip span.imgSeq {
	color: #555
}

.installation-filter .top-header {
	padding: 0 22px 0 22px;
	float: left;
	width: 100%;
	cursor: pointer
}

.content-steps-installation {
	display: none;
	width: 100%;
	float: left;
	border-top: 1px solid #EEE;
	margin-top: 25px;
	padding: 24px 22px
}

.content-steps-installation p {
	font-size: 14px;
	color: #555
}

.content-steps-installation h5 {
	font-size: 16px;
	color: #333
}

/** Adrian (Issue - 49) **/
@media (max-width: 421px) {
	.content-steps-installation {
		display: none;
		min-width: 320px !important;
		float: left;
		border-top: 1px solid #EEE;
		margin-top: 25px;
		padding: 10px;
		width: auto;
	}

	.calendly-inline-widget {
		min-width: 315px !important;
		top: -10px !important;
	}
}

.panel.installation-filter {
	padding: 24px 0px !important
}

.progress-bar-container {
	margin-top: 45px
}

.greyed-box {
	background-color: #F5F5F5;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px
}

.greyed-box .alert p {
	color: #D96012;
	font-size: 16px;
	font-weight: 700
}

.greyed-box.payment-box {
	display: inline-block;
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 5px
}

.greyed-box.payment-box p {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.paddingimg {
	padding-top: 10px;
	padding-right: 5px
}

.nogreyed-box {
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 25px
}

.nogreyed-box .alert p {
	color: #D96012;
	font-size: 16px;
	font-weight: 700
}

.bank-details-box p {
	line-height: 20px;
	margin-bottom: 10px
}

.bank-details-box .infotip {
	line-height: 20px;
	font-size: 14px;
	color: #555;
	margin-bottom: 10px
}

.bank-details-box .infotip span {
	width: auto
}

.bank-details-box strong {
	width: 30%;
	display: inline-block;
	text-align: right
}

.bank-details-box span {
	margin-left: 15px;
	text-align: left;
	display: inline-block
}

.bank-details-box span.bold {
	font-weight: 700
}

.bank-details-box span img {
	margin-left: 10px;
	margin-top: -1px
}

.calendar-box {
	border: 1px solid #EEE;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 25px;
	float: left
}

.calendar-box .calendar-inline {
	width: 100%;
	display: block;
	float: left;
	padding: 15px 15px 0;
	border-bottom: 1px solid #EEE
}

.calendar .calendar-inline:last-child {
	border-bottom: 0 solid #EEE
}

.select-date-installation .calendly-inline-widget .header {
	display: none !important
}

.installation-form .top-header {
	cursor: pointer
}

.panel .table>tbody>tr>td:first-child,.panel .table>tbody>tr>td:nth-child(2),.panel .table>tbody>tr>td:nth-child(3),.panel .table>tbody>tr>td:nth-child(4),.panel .table>tbody>tr>td:nth-child(5) {
	width: 33.3%;
	padding-top: 10px !important;
	padding-bottom: 0px !important
}

.progress-bar-container .progressbar {
	counter-reset: step
}

.progress-bar-container .progressbar li {
	list-style-type: none;
	width: 25%;
	float: left;
	font-size: 14px;
	position: relative;
	text-align: center;
	color: #333
}

.progress-bar-container .progressbar li:before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 28px;
	border: 2px solid #EEE;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white
}

.progress-bar-container .progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #EEE;
	top: 15px;
	left: -50%;
	z-index: -1
}

.progress-bar-container .progressbar li:first-child:after {
	content: none
}

.progress-bar-container .progressbar li.active:before {
	border-color: #27AAAA;
	background-color: #55C4CA;
	color: #FFF
}

.progress-bar-container .progressbar li.activenumber:before {
	border-color: #27AAAA
}

.progress-bar-container .progressbar li.active+li:after {
	background-color: #27AAAA
}

.articles-cover {
	background-image: url(../img/articles-cover.jpg);
	padding: 68px 0
}

.articles-cover h1 {
	font-size: 48px;
	margin: 0 0 5px;
	font-family: 'gotham-bold'
}

.articles-cover h3 {
	font-size: 20px;
	margin: 0
}

.article li {
	margin-left: 10px !important;
	list-style-type: disc !important
}

.secondary-nav {
	background: #FFF;
	text-align: center
}

.secondary-nav ul li {
	display: inline-block;
	vertical-align: middle;
	border-right: solid 1px #ededed
}

.secondary-nav ul li:first-child {
	border-left: solid 1px #ededed
}

.secondary-nav ul li a {
	display: block;
	padding: 15px 38px;
	font-size: 14px;
	line-height: 20px;
	color: #424242
}

.main-content {
	background: #ededed;
	padding: 25px 0 50px
}

.article {
	background: #FFF;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.article h2 {
	font-size: 36px;
	color: #424242;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: 'gotham-bold';
	margin-bottom: 15px
}

.article header {
	margin-bottom: 12px
}

.article header span,.article header a {
	margin-right: 10px;
	color: #686868;
	font-size: 14px
}

.article header span.date {
	padding-left: 23px;
	background: url(../img/calendar-icon-teal.png) 0 50% no-repeat;
	background-size: 15px auto
}

.article header .comments-number {
	padding-left: 23px;
	background: url(../img/comments-icon.png) 0 50% no-repeat;
	background-size: 15px auto
}

.article header figure {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	overflow: hidden
}

.article header figure img {
	display: block;
	width: 100%;
	height: 100%
}

.article .responsive-img {
	margin-bottom: 22px
}

.article .responsive-img img {
	width: 100%
}

.article p {
	color: #686868;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 16px
}

.article p.large {
	font-size: 20px;
	color: #D6D6D6;
	line-height: 25px;
	margin-bottom: 50px
}

.right-sidebar nav {
	background: #FFF;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 28px 23px 2px
}

.right-sidebar h4 {
	color: #424242;
	font-size: 20px;
	margin: 0 0 12px
}

.right-sidebar .archive li {
	margin-bottom: 26px
}

.right-sidebar .archive li a {
	display: block;
	color: #4CC0EB;
	font-size: 12px;
	font-weight: 700
}

.right-sidebar .archive li a figure {
	float: left;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	margin-right: 10px
}

.right-sidebar .archive li a figure img {
	width: 100%;
	height: 100%;
	display: block
}

.right-sidebar .archive li a span {
	display: inline-block;
	width: 80%
}

.right-sidebar .follow li {
	margin-bottom: 12px
}

.right-sidebar .follow li a {
	color: #424242;
	font-size: 14px;
	display: block
}

.right-sidebar .follow li a span {
	color: #9A9A9A
}

.right-sidebar .follow li a img {
	display: inline-block;
	verticla-align: middle;
	margin-right: 5px
}

.get-started {
	background: #27AAAA;
	padding: 55px 0 66px
}

.get-started h3 {
	color: #FFF;
	font-family: 'gotham-bold';
	font-size: 36px;
	text-align: center;
	line-height: 45px;
	margin: 0 40px 25px
}

.get-started form {
	margin: 0 5px;
	overflow: hidden
}

.get-started form .form-control {
	width: 400px;
	float: left;
	height: 60px;
	font-size: 20px
}

.get-started form .btn {
	width: 200px;
	height: 60px;
	float: right;
	font-size: 20px;
	cursor: pointer
}

.author-info {
	background: #FFF;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.author-info h3 {
	font-size: 20px;
	color: #424242;
	margin: 0 0 10px
}

.reply-form {
	background: #F9F9F9;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.article-small h4 {
	font-size: 14px;
	font-family: 'gotham-bold';
	margin: 0 0 10px
}

.article-small h4 a {
	color: #4CC0EB;
	font-family: 'gotham-bold';
	text-decoration: underline
}

.article-small a {
	color: #4CC0EB
}

.article-small p {
	font-size: 12px;
	line-height: 16px;
	margin: 0
}

.article-next {
	font-size: 14px
}

.article-next h4 {
	font-size: 14px;
	margin: 0 0 10px
}

.article-next h4 a {
	color: #4CC0EB;
	text-decoration: underline
}

.article-next a {
	color: #4CC0EB
}

.article-next p {
	font-size: 14px;
	line-height: 22px;
	margin: 0
}

.nextarttitle {
	float: left
}

.next-article-page {
	float: right;
	display: inline-block
}

.next-article-page a:first-child {
	margin-right: 10px
}

.questions-cover {
	background-image: url(../img/questions-cover.jpg);
	padding: 68px 0
}

.questions-cover h1 {
	font-size: 48px;
	margin: 0 0 5px;
	font-family: 'gotham-bold'
}

.questions-cover h3 {
	font-size: 20px;
	margin: 0
}

.search-questions {
	width: 35%
}


.group {
	background: #FFF;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 24px 22px;
	position: relative;
}

.panel {
	background: #FFF;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 24px 22px;
	position: relative;
	z-index: 3
}

.panel.highlighted {
	border: solid 2px #00ACED
}

.questions-filter header {
	border-bottom: solid 2px #B4B4B4;
	padding-bottom: 4px;
	margin-bottom: 15px
}

.questions-filter header h2 {
	color: #424242;
	font-size: 24px;
	margin: 0;
	font-family: 'gotham-bold'
}

.dropdown .btn {
	border: solid 1px #EEE;
	border-radius: 5px;
	padding: 10px 40px 10px 14px;
	line-height: 18px
}

.dropdown .caret {
	width: 12px;
	height: 7px;
	background: url(../img/dropdown-arrow.svg) 50% 50% no-repeat;
	position: absolute;
	z-index: 99;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	display: block;
	font-size: 0;
	border: none
}

.questions-filter .form-control {
	height: 40px;
	border-color: #eee
}

.questionslabel label {
	color: #555
}

td.center {
	text-align: center
}

.table>thead>tr>th {
	color: #686868;
	border-bottom: solid 2px #B4B4B4;
	padding: 10px
}

.table>tbody>tr>td {
	border: none;
	padding: 9px;
	font-size: 14px
}

.table>tbody>tr>td:first-child,.table>thead>tr>th:first-child {
	padding-left: 0
}

.questions-list {
	font-size: 14px;
	z-index: 2
}

.questions-list .large-tn {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	overflow: hidden;
	display: inline-block
}

.questions-list .large-tn img {
	width: 100%;
	height: 100%
}

.questions-list h3 {
	font-size: 20px;
	margin: 0 0 5px;
	color: #424242
}

.questions-list p {
	color: #686868
}

.responsive-img2 img {
	width: 100%
}

.login-face {
	margin-bottom: 18px
}

.login-face img {
	width: 83px
}

.modal-body .connect-options {
	width: 85%;
	margin: 0 auto 50px
}

.modal-body .connect-options a {
	margin-bottom: 10px;
	text-align: left;
	padding-left: 27%
}

.group-about-img {
	position: relative;
	width: 100%;
	height: 300px
}

.group-about-img img {
	width: 250px !important
}

.imggroup1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important
}

.imggroup2 {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 250px !important
}

#footer {
	background: #223030;
	color: #FFF;
	padding: 48px 0;
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-family: 'gotham-book'
}

.footer-bottom {
	margin-top: 40px;
	padding-top: 40px;
	text-align: center;
	font-size: 14px;
	border-top: solid 1px #3D5252
}

#footer p {
	font-size: 14px !important
}

#footer img {
	max-width: 100%
}

#footer h5 {
	margin-bottom: 30px
}

#footer.white {
	background: #FFF;
	color: #9A9A9A;
	text-align: center;
	border-top: solid 1px #CCC;
	padding: 20px 0
}

#footer .form-control {
	margin-bottom: 10px
}

#footer .col-sm-4:first-child {
	width: 36%
}

#footer .col-sm-4:first-child+.col-sm-4 {
	width: 30%
}

#footer .social {
	text-align: center;
	margin-top: 30px
}

#footer .social a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/footer-social-icons.png) no-repeat;
	margin: 0 12px
}

#footer .social a.twitter {
	background-position: 0 -20px
}

#footer .social a.facebook {
	background-position: 0 0
}

.joinaction a {
	font-size: 14px;
	color: #FFF;
	background: #47B8ED;
	border-radius: 4px;
	float: right;
	margin-bottom: 20px;
	line-height: 20px;
	padding: 7px 25px;
	display: inline-block
}

.modal-content {
	overflow: hidden
}

@media (min-width: 2250px) {
	.homesliderthumb {
		width: 65%;
		height: 420px
	}
}

@media (max-width: 1941px) {
	.homesliderthumb {
		width: 65%;
		height: 315px
	}
}

@media (max-width: 1900px) {
	.community-img {
		max-width: 120%;
		margin-left: -20%
	}

	.homesliderthumb {
		width: 98%;
		height: 360px
	}
}

@media (max-width: 1600px) {
	.community-img {
		max-width: 120%;
		margin-left: -20%
	}
	.slider-brokerage {
		/*left: 32%;*/
	}
}

@media (max-width: 1435px) {
	.join-community-img-block {
		width: 145%
	}
	.slider-brokerage{
		/*left: 30%;*/
	}
}
@media (max-width: 1300px) {
	.widerContainer {
		display: inline;
	}
	.join-community-img-block > .imgcombox:last-child{
		display: none;
	}
	.join-community-img-block {
		width: 135%
	}

	.homesliderthumb {
		width: 98%;
		height: 320px
	}
}

@media (min-width: 1200px) {
	.funnel .container,.dashboard .container,.questions-cover .container {
		width: 1030px !important
	}
}

@media screen and (max-width: 1200px) {
	.banner-form .form-group .form-control{
		width: 360px;
	}
	#brokerage-solarPlan .bottom .interestItems .item .des{
		width: 105% !important;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(1),
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(2){
		margin-right: 10px!important;
	}

	#top-bar .btn {
		padding: 8px 11px
	}

	#top-bar .navbar-nav>li>a {
		padding: 15px 10px
	}

	#top-bar .navbar-nav>li>a.notifications,#top-bar .navbar-nav>li.dropdown>a {
		padding-left: 10px;
		padding-right: 10px
	}

	.wizard.vertical>.steps,.dashboard-sidebar,.invite {
		width: 280px
	}

	.wizard.vertical>.content,.wizard.vertical>.actions,.dashboard-content {
		width: 627px
	}

	.dashboard:after {
		margin-left: 173px
	}
	#qualify-button-bottom {
    margin-top: 40px!important;
}
}

@media (max-width: 1151px) {
	.join-community-img-block {
		width: 120%
	}

	.homesliderthumb {
		width: 98%;
		height: 220px
	}

}

@media screen and (max-width: 992px) {
/*			.landing-link{
		display: none!important;
	}*/
	.join-community-img-block > .imgcombox:nth-last-child(-n+3) {
		display: none;
	}

	.post {
		margin-bottom: 30px
	}

	.installation {
		background-size: inherit
	}

	.system-list .typeone {
		width: 100% !important;
		margin-top: 10px
	}

	.system-list .typetwo {
		margin-top: 10px;
		width: 100% !important
	}

	.installation-filter header h2 {
		font-size: 20px !important
	}

	.bank-details-box strong {
		width: 30% !important
	}

	.bank-details-box span {
		width: 50% !important
	}

	.homeslide1,.homeslide2,.homeslide3 {
		bottom: -45px
	}

	.wizard {
		padding-top: 50px;
		position: relative
	}

	.wizard.vertical>.steps,.dashboard-sidebar {
		position: absolute;
		top: 0;
		left: 0
	}

	.dashboard-sidebar,.wizard.vertical>.steps,.wizard.vertical>.content,.wizard.vertical>.actions,.dashboard-content {
		width: 100%
	}

	.wizard.vertical>.steps h3,.dashboard-sidebar h3,.wizard.vertical>.steps .funnel-summary,.dashboard-sidebar .funnel-summary {
		display: none
	}

	.wizard.vertical>.steps,.dashboard-sidebar {
		padding: 15px;
		background: #F9F9F9;
		box-shadow: 0 4px 8px rgba(0, 0, 0, .1) inset
	}

	.wizard>.steps li,.dashboard-sidebar li {
		float: left;
		width: 33.33%;
		margin: 0
	}

	.wizard>.steps li:before,.wizard>.steps li:after {
		background: transparent
	}

	.steps ul li:nth-child(4) {
		display: none
	}

	.wizard>.steps {
		border-radius: 0
	}

	.dashboard-sidebar li:first-child+li+li+li,.dashboard-sidebar li:first-child+li+li+li+li,.dashboard-sidebar li:first-child+li+li+li+li+li {
		display: none
	}

	.dashboard:after {
		display: none
	}

	.community-img {
		max-width: 100%;
		margin-left: 0%
	}

	.get-started {
		padding: 30px 0
	}

	.get-started h3 {
		margin: 0 0 30px;
		fomt-size: 31px
	}

	.get-started form .form-control {
		width: 297px
	}

	.get-started form .btn {
		width: 163px
	}

	.questions-list .user span,.questions-list .user strong {
		white-space: normal
	}

	.questions-list .large-tn {
		width: 40px;
		height: 40px
	}

	.questions-list .user {
		padding-left: 30px
	}

	.questions-list .user figure {
		width: 25px;
		height: 25px
	}

	.answer header h3,.answer header .date {
		float: none !important
	}

	.product-top h1 {
		display: block;
		margin-top: 70px
	}

	.product-top .btn {
		padding: 10px 12px
	}

	.product-top .rating {
		margin-top: 5px
	}

	.product .product-info {
		padding: 25px
	}

	.products-filter label {
		display: none
	}
}

@media (max-width: 767px) {
	.profile-main-content {
		background-color: white !important
	}

	.homeAppliances.white-bg,.photosVideos.white-bg,.projects.white-bg {
		border: 1px solid #eee
	}

	.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:last-of-type .custom-checkbox {
		width: 160px;
		height: 110px
	}

	.profile-main-content .container .col-sm-8 .projectsImg {
		height: 450px
	}

	.dropdown {
		padding-left: 15px
	}

	.finalfunnel {
		width: 80%;
		display: block;
		float: right;
		font-size: 14px !important
	}

	.nologin {
		padding-left: 15px
	}

	.nologin a {
		color: #FFF !important
	}

	.dropdown-menu li {
		background: none
	}

	.dropdown-menu li a {
		color: #FFF
	}

	.navbar-header .logo {
		margin: 10px auto;
		float: none;
		background-image: url(../img/logo@2x.png);
		background-size: 100% auto
	}

	.dropdown-menu {
		width: 100%
	}

	.secondary-nav ul li {
		display: block;
		vertical-align: middle;
		border-right: solid 0 #ededed
	}

	.group-about-img {
		left: 10%
	}

	.secondary-nav ul li a {
		padding: 15px 15px
	}

	#toggle {
		float: left;
		display: block;
		position: relative;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px
	}

	#toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #27AAAA;
		margin: 4px auto
	}

	.navbar-header .dropdown {
		float: right;
		margin: 10px 0
	}

	.navbar-header .dropdown a {
		padding: 10px 30px 11px 20px !important
	}

	.navbar-header .dropdown .dropdown-menu {
		left: auto;
		right: 0
	}

	#top-bar .navbar-nav>li {
		border-bottom: solid 1px #EEE;
		border-left: none
	}

	#top-bar .navbar-nav>li>a {
		padding: 10px 20px
	}

	#collapse-nav {
		border-top: solid 1px #EEE
	}

	.navbar-nav {
		margin: 0 -15px
	}

	.home-cover {
		height: auto;
		padding: 40px 0 34px
	}

	.home-cover h1 {
		font-size: 28px;
		margin: 0 0 10px
	}

	.home-cover p {
		font-size: 16px;
		line-height: 30px;
		margin: 0 0 20px
	}

	.banner-form {
		position: static;
		background: none;
		padding: 0
	}

	.banner-form .form-group,.join-form .form-group {
		padding: 0
	}

	.banner-form .form-group .form-control,.join-form .form-group .form-control {
		font-size: 16px
	}

	.banner-form .form-group .btn,.join-form .form-group .btn {
		position: static;
		width: 100%;
		margin-top: 5px;
		font-size: 16px
	}

	.content-section {
		padding: 40px 0;
		z-index: 2;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden
	}

	.installation h1 {
		font-size: 20px;
		margin: 12px 30px
	}

	.get-started form .form-control,.get-started form .btn,#footer .form-control,#footer button {
		width: 100%;
		height: 47px;
		margin-bottom: 10px
	}

	.article p.large {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 18px
	}

	#main-nav {
		position: fixed;
		left: -86%;
		width: 88%;
		height: 100%;
		background: #27aaaa;
		top: 0;
		z-index: 1
	}

	#top-bar .navbar-nav>li>a {
		color: #FFF;
		padding: 10px 40px
	}

	html {
		background: #27aaaa
	}

	.products-list.system-list {
		margin-left: 3px
	}
}

@media (max-width: 681px) {
	.homesliderthumb {
		width: 98%;
		height: 150px
	}

	.modal-header .close {
		top: -40px;
		right: 0
	}
}

@media (max-width: 421px) {
	#not-in-sa .modal-dialog{
		width: 80%!important;
	}
	#not-in-sa .modal-header h5,#not-in-sa .modal-header h4{
		width: 100%!important;
	}
	.homesliderthumb {
		width: 98%;
		height: 98px
	}

	.installation-filter header h2 {
		font-size: 15px !important
	}

	.homeslide1,.homeslide2,.homeslide3 {
		bottom: -25px
	}

	.responsive-img2 img {
		width: 100%
	}

	.secondary-nav ul li a {
		padding: 15px 12px
	}

	.secondary-nav ul li a {
		font-size: 12px
	}

	.upload-box .link {
		width: 100%
	}

	.upload-inline a {
		margin-bottom: 10px
	}

	.progress-bar-container .progressbar li {
		font-size: 8px
	}

	.fr-fil,.fr-fin,.fr-fir {
		width: 100%
	}
}

html,body {
	margin: 0;
	padding: 0
}

html {
	height: 100%
}

body {
	width: 100%;
	font-size: 16px;
	font-family: 'proxima_nova';
	color: #9A9A9A;
	position: relative
}

body.modal-open {
	height: 100%
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none
}

.text-center {
	text-align: center
}

a {
	transition: all ease .4s;
	cursor: pointer;
	color: #4CC0EB
}

a:hover {
	text-decoration: none
}

a:hover {
	color: #07A3A3
}

P {
	line-height: 21px;
	margin-bottom: 20px
}

p.large {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 32px
}

.btn-primary {
	background: #47B8ED;
	border-color: #47B8ED;
	box-shadow: 0 -2px #40a4d5 inset;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s
}

.btn-primary:hover {
	background: #2CA2D1;
	border-color: #2CA2D1
}

.btn-success {
	background: #B4D246;
	border-color: #B4D246;
	box-shadow: 0 -2px #a2bd3e inset
}

.btn-success:hover {
	background: #9FBC28;
	border-color: #9FBC28
}

.btn-default {
	background: #FFF;
	color: #4CC0EB
}

.text-center {
	text-align: center
}
.col-sm-8.col-sm-offset-2.text-center{
	color: #555;

}
.col-sm-8.col-sm-offset-2.text-center p,.differenceContent{
	width: 660px;
	margin: 0 auto;
	text-align: center;
	color: #555;
}
.container.video{
	width: 100%;
	background-color: #FDFDFD;
	margin-top: 80px;
	padding-top: 80px;
	border-top:1px solid #eee;
}
.alt-color {
	color: #2AB7B9
}

#top-bar .container-fluid {
	max-width: 1500px
}

.logo {
	width: 131px;
	height: 30px;
	background: url(../img/logo.png) 0 0 no-repeat;
	display: block;
	margin: 12px auto 0
}

.navbar-header .logo {
	margin: 12px 17px 0 0
}

#top-bar .btn {
	position: relative;
	left: 20px;
	margin-top: 8px;
	line-height: 19px;
	padding: 8px 18px
}

#top-bar .navbar-form {
	padding: 8px 17px;
	margin: 0
}

#top-bar .form-control {
	border: solid 1px #EEE;
	border-radius: 6px;
	height: 40px;
	margin: 0
}

#top-bar .navbar-nav>li {
	/*border-left: solid 1px #EEE*/
}

#top-bar .navbar-nav>li>a {
	padding: 15px 25px;
	line-height: 27px;
	color: #424242;
	font-size: 14px
}

#top-bar .navbar-nav>li>a:hover,#top-bar .navbar-nav>li.open>a {
	background: none;
	color: #2CA2D1
}

#top-bar .navbar-nav>li>a.notifications {
	padding: 10px 20px 11px
}

#top-bar .navbar-nav>li>a.notifications span {
	display: block;
	width: 35px;
	height: 35px;
	background: #B4B4B4 url(../img/notification-icon.png) 0 0 no-repeat;
	border-radius: 18px;
	position: relative
}

#top-bar .navbar-nav>li>a.notifications span em {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: solid 2px #FFF;
	background: #FFA818;
	position: absolute;
	top: 0;
	right: 0
}

#top-bar .navbar-nav>li.dropdown>a {
	padding: 10px 30px 11px 20px !important
}

#top-bar .user-tn {
	width: 35px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

#top-bar .user-tn img {
	width: 100%;
	display: block
}

.home-cover {
	background-image: url(../img/home-banner.jpg);
	min-height: 641px
}

.home-cover h1 {
	font-size: 72px;
	margin: 180px 0 0
}

.home-cover p {
	font-size: 32px;
	line-height: 36px;
	max-width: 640px;
	margin: 0 auto
}

.banner-form {
	background: rgba(66, 177, 229, .9);
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	padding: 20px 0
}

.banner-form .form-group {
	margin: 0;
	position: relative;
	padding-right: 205px;
	display: block
}

.banner-form .form-group .form-control {
	margin-left: 40px;
	width: 400px;
	border: solid 1px #EEE;
	height: 50px;
	font-size: 20px;
}

.banner-form .form-group .btn {
	position: absolute;
	top: 0;
	right: 10px;
	width: 200px;
	height: 50px;
	font-size: 20px;
}

.content-section {
	padding: 96px 0 0;
	overflow: hidden;
}

.content-section.small-pad-b {
	padding-bottom: 40px
}

.content-section.blue-bg {
	background: #55C5CA;
	color: #FFF;
	padding: 80px 0
}

.content-section.dark-blue-bg {
	background: #27AAAA;
	color: #FFF;
	padding: 80px 0
}

.content-section.gray-section {
	background: #fcfcfc
}

.section-title {
	font-family: 'gotham-bold';
	font-size: 36px;
	margin: 0 0 10px;
	color: #424242
}

.section-title.small-margin-b {
	margin-bottom: 25px
}

.section-title:last-child {
	margin-bottom: 0
}

.section-subtitle {
	font-size: 20px;
	color: #63CED4;
	margin: 0 0 40px
}

.section-title+.section-subtitle {
	margin-top: 0px
}

.blue-bg .section-title,.blue-bg .section-subtitle,.dark-blue-bg .section-title,.dark-blue-bg .section-subtitle {
	color: #FFF
}

.blue-bg .section-title+.section-subtitle {
	margin-top: 0px
}

.content-section.dark-blue-bg .section-title {
	margin-bottom: 35px
}

.how-it-works {
	text-align: center
}

.how-it-works h3 {
	color: #424242;
	font-size: 16px;
	margin: 0 0 10px
}

.how-it-works p {
	color: #555;
	font-size: 14px;
	line-height: 22px;
	margin: 0 20px
}

.how-icon {
	width: 105px;
	height: 105px;
	display: block;
	background: url(../img/how-icons.png) 0 0 no-repeat #FFF;
	margin: 0 auto 10px
}

.how-icon:before {
	display: none;
	content: '';
	position: absolute;
	top: 51px;
	border-top: dashed 1px #DDD;
	width: 50%;
	left: 0;
	z-index: -1
}

.how-icon:after {
	display: none;
	content: '';
	position: absolute;
	top: 51px;
	border-top: dashed 1px #DDD;
	width: 50%;
	right: 0;
	z-index: -1
}

.how-icon.icon-register {
	background-position: 50% 0
}

.how-icon.icon-register:before {
	display: none
}

.how-icon.icon-design {
	background-position: 50% -105px
}

.how-icon.icon-choose {
	background-position: 50% -210px;
	width: 135px
}

.how-icon.icon-choose:after {
	display: none
}
.how-icon.icon-best-deal{
	background: url(../img/sa/fixed-rate-free-acces-icon.png) 50% 0 no-repeat #fff;
}
.how-icon.icon-choose-system{
	left: 20px;
	background: url(../img/chooseSystem.png) 0 0 no-repeat #fff;
	position: relative;
}
.how-icon.icon-trackprocess{
	background: url(../img/trackProcess.png) 0 0 no-repeat #fff;
	position: relative;
	left: 20px;
}
hr {
	position: relative;
	border-top: solid 1px #eee;
	height: 1px;
	/* margin: 0 100px; */
	top: 40px;
}
.widerContainer{
	width: 105%;
}
.full-img {
	width: 100%;
	margin: 20px 0 60px;
	text-align: center
}

.full-img img {
	max-width: 100%
}

.community {
	margin-bottom: 50px
}

.community li {
	/*padding-left: 88px;*/
	position: relative;
	margin-bottom: 22px
}

.community li h5 {
	color: #424242;
	font-size: 16px;
	margin: 0 0 6px
}

.community li p {
	color: #686868;
	font-size: 16px;
	line-height: 22px;
	margin: 0
}

.community-icon {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/community-icons.png);
	position: absolute;
	top: -4px;
	left: 0
}

.community-icon.icon-advice {
	background-position: 0 0
}

.community-icon.icon-time {
	background-position: 0 -60px
}

.community-icon.icon-notes {
	background-position: 0 -120px
}

.post {
	height: 315px;
	background: #FFF;
	color: #9A9A9A;
	border-radius: 6px;
	overflow: hidden;
	float: left; /*** Adrian (Issue - 54) **/
}

.post-cover img {
	display: block;
	width: 100%
}

.post-content {
	padding: 25px 20px
}

.post h2 {
	color: #424242;
	font-size: 16px;
	margin: 0 0 10px
}

.post .author {
	font-size: 12px;
	display: block;
	margin: 0 0 20px
}

.post p {
	font-size: 14px;
	line-height: 16px;
	margin: 0
}

.join-form .form-group {
	margin: 0;
	position: relative;
	/* padding-right: 205px; */
	display: block;
}

.join-form .form-group .form-control {
	width: 100%;
	border: solid 1px #EEE;
	height: 50px;
	font-size: 20px
}

.join-form .form-group .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	font-size: 20px
}

#qualify-modal .modal-dialog {
	width: 661px
}

.modal-header {
	border: none;
	text-align: center;
	padding: 33px 106px 10px
}

.modal-body {
	padding: 10px 28px
}

#qualify-modal .modal-body {
	padding: 10px 48px 10px 75px
}

#qualify-modal .form-group {
	margin-bottom: 40px
}

#qualify-modal .form-group:last-of-type {
	margin: 0
}

.modal-footer {
	padding: 25px 35px 25px 35px
}

.modal-header h4 {
	color: #424242;
	font-size: 24px;
	line-height: 30px;
	margin: 0 40px 10px;
	font-family: 'gotham-bold'
}

.modal-header h5 {
	color: #D6D6D6;
	font-size: 20px;
	margin: 0
}

.numbered-label {
	font-size: 16px;
	color: #424242;
	font-weight: 400;
	margin-bottom: 10px
}

.numbered-label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: #27AAAA;
	margin: 0 15px 0 0;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	text-align: center
}

.custom-radio,.custom-checkbox {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	font-weight: 400;
	color: #424242;
	font-size: 18px;
	text-align: center;
	padding: 20px;
	border-radius: 5px;
}

.custom-radio input,.custom-checkbox input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: -10px;
	left: -10px
}

.custom-radio em,.custom-checkbox em {
	z-index: 2;
	display: block;
	width: 17px;
	height: 17px;
	border-radius: 8px;
	border: solid 2px #CCC;
	margin: 0 auto 18px
}

.custom-checkbox em {
	border-radius: 3px
}

.custom-radio input:checked~em,.custom-checkbox input:checked~em {
	background: #27AAAA;
	border-color: #27AAAA
}

.custom-radio span,.custom-checkbox span {
	display: block;
	padding: 1px
}

.custom-radio strong {
	color: #9A9A9A;
	display: block;
	font-size: 14px
}

.update-profile .custom-radio input:checked~em {
	background: #FFF;
	position: relative
}

.update-profile .custom-radio input:checked~em:before {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 7px;
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	background: #27AAAA
}

.update-profile .custom-radio.highlighted,.update-profile .custom-radio.highlighted span:before {
	border-color: #ffa718
}

.update-profile .custom-radio.highlighted input~em {
	border-color: #ffa718
}

.modal-body .numbered-label {
	margin-left: -55px
}

.modal-backdrop.in {
	opacity: .8
}

.slider.slider-horizontal {
	width: 100%;
	height: 28px;
	/*margin-top: 30px*/
	margin-left: -80px;
}

.slider.slider-horizontal .slider-track {
	height: 8px;
	margin-top: -4px;
	background: #FFF;
	border: solid 1px #ddd;
	box-shadow: none
}

.slider-handle {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background: #DDD;
	border: solid 1px #CCC;
	box-shadow: none
}

.slider-selection.tick-slider-selection {
	background: none;
	box-shadow: none
}

.slider .tooltip.top {
	margin-top: 28px;
	padding: 0;
	margin-left: -25px !important;
	width: 50px;
	text-align: center
}

.slider .tooltip.top .tooltip-arrow {
	display: none
}

.slider .tooltip-inner {
	background: none;
	color: #424242;
	font-size: 16px
}

.slider.slider-horizontal .slider-tick-label-container {
	margin-top: -27px
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
	position: relative;
	right: 27px
}

.slider-tick-container {
	display: none
}

.about-cover {
	background-image: url(../img/about-banner.jpg);
	padding: 68px 0
}

.about-cover h1 {
	margin: 0;
	font-size: 48px
}

.about-banner1 {
	background: url(../img/about-banner2.jpg) 0 0 no-repeat;
	background-size: cover;
	color: #FFF;
	padding: 130px 0
}

.about-banner2 {
	background: url(../img/about-banner3.jpg) 0 0 no-repeat;
	background-size: cover;
	color: #686868
}

.responsive-img img {
	max-width: 100%
}

.funnel {
	background: url(../img/funnel-page-bg.jpg) center top no-repeat #EEE;
	background-size: 100% auto;
	padding: 28px 0 60px
}

.circle {
	width: 28px;
	height: 28px;
	top: -4px;
	left: -4px;
	position: relative;
	display: block;
	opacity: 0
}

.active .circle {
	opacity: 1
}

.halfclip {
	width: 50%;
	height: 100%;
	right: 0;
	position: absolute;
	overflow: hidden;
	transform-origin: left center
}

.active .halfclip {
	animation: cliprotate 1s 1;
	transform: rotate(180deg)
}

@keyframes "cliprotate" {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(0deg);
	}

	50.01% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(180deg);
	}
}

.halfcircle {
	box-sizing: border-box;
	height: 100%;
	right: 0;
	position: absolute;
	border: solid 4px transparent;
	border-top-color: #40B2E6;
	border-left-color: #40B2E6;
	border-radius: 50%
}

.clipped {
	width: 200%;
	transform: rotate(-45deg)
}

.active .clipped {
	transform: rotate(135deg);
	animation: rotate .5s linear 2
}

@keyframes "rotate" {
	0% {
		transform: rotate(-45deg);
	}

	100% {
		transform: rotate(135deg);
	}
}

.fixed {
	width: 100%;
	transform: rotate(135deg);
	opacity: 0
}

.active .fixed {
	opacity: 1;
	animation: showfixed 1s 1
}

@keyframes "showfixed" {
	0% {
		opacity: 0;
	}

	49.99% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

#funnel-wizard .bwizard-steps li.completed a span {
	background: #B4D246;
	border-color: #B4D246
}

.funnel h1 {
	font-size: 36px;
	color: #424242;
	margin: 15px 60px 10px;
	text-align: center
}

.funnel h2 {
	font-size: 24px;
	color: #424242;
	text-align: center;
	margin: 0 0 30px
}

.funnel h3 {
	font-size: 20px;
	text-align: center;
	color: #D6D6D6;
	margin: 0 0 24px
}

.funnel fieldset {
	margin: 0 0 30px;
	padding: 0
}

.funnel fieldset label {
	display: block;
	font-size: 16px;
	color: #424242;
	margin: 0 0 4px 8px;
	font-weight: 400
}

.funnel fieldset:last-child {
	margin: 0
}

.funnel fieldset .form-group label {
	margin: 0 0 5px;
	color: #6E6674
}

.connect-options a {
	display: block;
	border-radius: 4px;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	padding: 14px 10px;
	text-align: center
}

.connect-options a.facebook {
	background: #3B5998
}

.connect-options a.google {
	background: #DD4B39
}

.connect-options a.email {
	background: #EEE;
	color: #686868
}

.connect-options .icon {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	background: url(../img/social-icons.png) no-repeat;
	margin-right: 12px
}

.connect-options .facebook .icon {
	background-position: 0 0
}

.connect-options .google .icon {
	background-position: 0 -21px
}

.connect-options .email .icon {
	background-position: 0 -42px
}

.connect-options a.disabled {
	opacity: .5;
	cursor: default
}

.custom-checkbox,.funnel .custom-radio {
	margin-bottom: 21px;
	padding: 26px 10px 18px;
	border: none
}

.custom-checkbox em {
	position: absolute;
	top: 1px;
	left: 1px
}

.funnel .custom-radio em {
	position: absolute;
	top: 8px;
	left: 8px
}

.custom-checkbox span:before,.funnel .custom-radio span:before {
	border: 1px solid #eee;
	border-radius: 5px;
	content: '';
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 1px;
	width: 99%;
	height: 100%
}

.custom-checkbox input:checked~span:before,.funnel .custom-radio input:checked~span:before {
	border-width: 2px;
	border-color: #27AAAA
}

.custom-checkbox em {
	border-color: #FFF;
	outline: solid 2px #CCC;
	top: 2px;
	left: 3px
}

.funnel .custom-radio em {
	border-color: #FFF;
	top: 4px;
	left: 4px
}

.custom-checkbox input:checked~em {
	outline-color: #27AAAA;
	border-color: #FFF
}

.funnel .custom-radio em:before {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: solid 2px #CCC;
	content: '';
	display: block
}

.funnel .custom-radio input:checked~em {
	border-color: #FFF
}

.funnel .custom-radio input:checked~em:before {
	border-color: #27AAAA
}

.appliances-icon {
	display: block;
	width: 63px;
	height: 35px;
	background: url(../img/appliances-icons.png) no-repeat;
	margin: 0 auto 15px
}

.appliances-icon.icon-aircon {
	background-position: 0 0
}

.homeContent .col-sm-4:nth-of-type(1)::before {
	color: #333;
	text-align: center;
	position: absolute;
	/* content: "Efficient"; */
	height: 24px;
	display: block;
	width: 172px;
	background-color: #ECF4D1;
	font-size: 14px;
	line-height: 24px
}

.homeContent .col-sm-4:nth-of-type(2)::before {
	color: #fff;
	text-align: center;
	position: absolute;
	/* content: "1 Deal available"; */
	height: 24px;
	display: block;
	width: 172px;
	background-color: #FFA818;
	font-size: 14px;
	line-height: 24px
}

.appliances-icon.icon-fridge {
	background-position: 0 -35px
}

.appliances-icon.icon-pool {
	background-position: 0 -70px
}

.appliances-icon.icon-dishwasher {
	background-position: 0 -105px
}

.appliances-icon.icon-washer {
	background-position: 0 -140px
}

.appliances-icon.icon-dryer {
	background-position: 0 -175px
}

.appliances-icon.icon-tv {
	background-position: 0 -210px
}

.appliances-icon.icon-light {
	background-position: 0 -245px
}

.appliances-icon.icon-wifi {
	background-position: 0 -280px
}

.appliances-icon.icon-heater {
	background-position: 0 -315px
}

.appliances-icon.icon-hot {
	background-position: 0 -350px;
	height: 34px !important;
	margin-bottom: 11px !important
}

.appliances-icon.icon-cooking {
	background-position: 0 -385px
}

.time-icon {
	display: block;
	width: 35px;
	height: 36px;
	background: url(../img/time-icons.png) no-repeat;
	margin: 0 auto 15px
}

.time-icon.icon-day {
	background-position: 0 -36px
}

.time-icon.icon-night {
	background-position: 0 0
}

.time-icon.icon-day-night {
	background-position: 0 -72px;
	width: 74px
}
.mintime {
	display: inline-block !important;
	color: #b4b4b4 !important;
}
.funnel header {
	overflow: hidden;
	margin-bottom: 40px
}

.funnel figure.pull-left {
	margin: 0 54px 0 0
}

.funnel header h2,.funnel header h3 {
	text-align: left
}

.funnel header h2 {
	margin: 15px 0 6px
}

.funnel .schedule {
	margin: 20px -40px -10px;
	padding: 24px 40px;
	background: rgba(64, 178, 230, .1)
}

.funnel .schedule .form-group {
	width: 45%;
	float: left
}

.funnel .schedule .form-group~label {
	width: 10%;
	float: left;
	text-align: center;
	line-height: 40px
}

.funnel .schedule .form-control {
	height: 40px
}

.funnel .schedule .form-control.date {
	background: url(../img/calendar-icon.png) 95% 50% no-repeat #FFF
}

.funnel .check {
	padding-left: 28px;
	background: url(../img/check-icon-green.png) 0 3px no-repeat
}

.wizard {
	display: block;
	width: 100%;
	overflow: hidden
}

.wizard ul>li {
	display: block;
	padding: 0
}

.wizard>.steps .current-info,.wizard>.content>.title {
	position: absolute;
	left: -999em
}

.wizard>.steps,.dashboard-sidebar,.invite {
	position: relative;
	display: block;
	width: 100%;
	background: #FFF;
	border: solid 1px #ddd;
	border-radius: 6px;
	overflow: hidden;
	transition: all ease .3s
}

.dashboard-sidebar {
	margin-bottom: 20px
}

.wizard.vertical>.steps,.dashboard-sidebar,.invite {
	float: right;
	width: 323px;
	padding-top: 30px
}

.wizard.vertical>.steps h3,.dashboard-sidebar h3 {
	color: #424242;
	font-size: 20px;
	margin: 0 30px 22px;
	text-align: left
}

.wizard .steps .funnel-summary,.dashboard-sidebar .funnel-summary {
	margin: 30px 0 0;
	padding: 30px 30px 20px 0;
	background: url(../img/funnel-summary-bg.png) 50% 50% no-repeat;
	background-size: cover;
	text-align: center
}

.wizard .steps .funnel-summary strong,.dashboard-sidebar .funnel-summary strong {
	display: inline-block;
	background: url(../img/funnel-summary-icon.png) 0 0 no-repeat;
	padding-left: 65px;
	font-weight: 700;
	font-size: 18px;
	color: #424242;
	line-height: 24px
}

.wizard .steps .funnel-summary strong span,.dashboard-sidebar .funnel-summary strong span {
	display: block;
	color: #9A9A9A;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px
}

.wizard>.steps li,.dashboard-sidebar li {
	margin: 20px 30px;
	position: relative
}

.wizard>.steps li a,.dashboard-sidebar li a {
	outline: none;
	text-decoration: none
}

.wizard>.steps li a em,.dashboard-sidebar a em {
	font-style: normal
}

.wizard>.steps li:before,.wizard>.steps li:after,.dashboard-sidebar li:before,.dashboard-sidebar li:after {
	height: 10px;
	width: 1px;
	position: absolute;
	left: 13px;
	background: #DDD;
	content: ''
}

.wizard>.steps li:before,.dashboard-sidebar li:before {
	top: -10px
}

.wizard>.steps li:after,.dashboard-sidebar li:after {
	bottom: -10px
}

.wizard>.steps li:first-child:before,.dashboard-sidebar li:first-child:before {
	display: none
}

.wizard>.steps li.last:after,.dashboard-sidebar li.last:after {
	display: none
}

.wizard>.steps li a,.dashboard-sidebar li a {
	color: #686868;
	font-size: 14px
}

.wizard>.steps li a span,.dashboard-sidebar li a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 13px;
	width: 28px;
	height: 28px;
	background: #FFF;
	border-radius: 14px;
	 border: solid 4px #DDD;
	transition: all ease .4s;
}

.wizard>.steps li.done a span,.dashboard-sidebar li a span {
	background: #B4D246 url(../img/check-icon.png) 50% 50% no-repeat;
	border-color: #B4D246
}

.wizard>.steps li a span.number,.dashboard-sidebar li a span.number {
	display: none
}

.circle {
	width: 28px;
	height: 28px;
	top: -4px;
	left: -4px;
	position: relative;
	display: block;
	opacity: 0
}

.current .circle {
	opacity: 1
}

.done.current .circle {
	opacity: 0
}

.halfclip {
	width: 50%;
	height: 100%;
	right: 0;
	position: absolute;
	overflow: hidden;
	transform-origin: left center
}

.current .halfclip {
	animation: cliprotate 1s 1;
	transform: rotate(180deg)
}

@keyframes "cliprotate" {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(0deg);
	}

	50.01% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(180deg);
	}
}

.halfcircle {
	box-sizing: border-box;
	height: 100%;
	right: 0;
	position: absolute;
	border: solid 4px transparent;
	border-top-color: #40B2E6;
	border-left-color: #40B2E6;
	border-radius: 50%
}

.clipped {
	width: 200%;
	transform: rotate(-45deg)
}

.current .clipped {
	transform: rotate(135deg);
	animation: rotate .5s linear 2
}

@keyframes "rotate" {
	0% {
		transform: rotate(-45deg);
	}

	100% {
		transform: rotate(135deg);
	}
}

.fixed {
	width: 100%;
	transform: rotate(135deg);
	opacity: 0
}

.current .fixed {
	opacity: 1;
	animation: showfixed 1s 1
}

@keyframes "showfixed" {
	0% {
		opacity: 0;
	}

	49.99% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.wizard>.content,.dashboard-content {
	display: block;
	overflow: hidden;
	position: relative;
	transition: all ease .4s
}

.wizard.vertical>.content,.dashboard-content {
	float: left;
	width: 657px;
	background: #FFF;
	border: solid 1px #ddd;
	border-radius: 6px 6px 0 0;
	border-bottom: none
}

.dashboard-content {
	border: none;
	border-radius: 0;
	width: 638px
}

.wizard>.content>.body {
	float: left;
	position: absolute;
	width: 100%;
	background: #FFF;
	padding: 42px 40px 20px
}

.wizard>.actions {
	position: relative;
	display: block;
	text-align: right;
	width: 100%
}

.wizard.vertical>.actions {
	float: left;
	background: #FFF;
	border: solid 1px #ddd;
	border-radius: 0 0 6px 6px;
	border-top: none;
	width: 657px;
	padding: 10px 40px 20px
}

.wizard>.actions>ul {
	display: inline-block;
	text-align: right
}

.wizard>.actions>ul>li {
	margin: 0 .5em
}

.wizard.vertical>.actions>ul>li {
	margin: 0 0 0 1em
}

.wizard.vertical>.actions>ul>li:first-child {
	display: none;
}

.wizard>.actions a {
	font-size: 14px;
	color: #FFF;
	background: #47B8ED;
	border-radius: 4px;
	line-height: 20px;
	padding: 7px 25px;
	display: inline-block
}

.wizard>.actions a:hover,.wizard>.actions a:active {
	background: #2CA2D1
}

.wizard>.actions span {
	display: block;
	text-align: center;
	color: #9A9A9A;
	font-size: 14px;
	width: 170px;
	margin: 8px 0 0 auto
}

.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active {
	background: #eee;
	color: #aaa
}

.funnel-summary-wrapper {
	display: none
}

#top-bar.shadow {
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.dashboard {
	padding: 40px 0;
	overflow: hidden;
	position: relative
}

.dashboard .container {
	position: relative;
	z-index: 2
}

.dashboard:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	left: 50%;
	background: #ededed;
	display: block;
	z-index: 1;
	margin-left: 157px
}

.alert {
	border: solid 2px;
	border-radius: 4px;
	position: relative;
	padding: 10px
}

.alert p {
	margin: 0
}

.alert-with-icon {
	padding-left: 72px
}

.alert-warning {
	background: #ffe1ac;
	border-color: #ffa718;
	color: #a67920
}

.alert-icon {
	position: absolute;
	width: 55px;
	height: 100%;
	top: 0;
	left: 0
}

.alert-warning .alert-icon {
	background: #ffa718
}

.btn-warning {
	background: #ffa718;
	border-color: #ffa718;
	box-shadow: 0 -2px #e89816 inset
}

.alert .btn {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -17px
}

.alert.alert-danger {
	background-color: #ffb7b7;
	border-color: #c41a1a;
	color: #d12f21
}

.alert-danger .alert-icon {
	background-color: #c41a1a
}

.btn-danger {
	background-color: #c41a1a;
	border-color: #c41a1a;
	box-shadow: 0 -2px #b01717 inset
}

.dashboard .alert {
	margin-bottom: 36px
}

.dashboard h1 {
	font-family: 'gotham-bold';
	font-size: 22px;
	color: #424242;
	margin: 0 0 8px
}

.dashboard h2 {
	font-size: 20px;
	color: #d6d6d6;
	margin: 0 0 24px 20px
}

.dashboard h3 {
	font-size: 18px;
	color: #424242;
	margin: 0 0 8pxpx
}

.dashboard-actions li {
	border-bottom: solid 1px #ededed;
	padding: 28px 0 28px 60px;
	position: relative;
	min-height: 48px
}

.dashboard-actions li p {
	margin: 0
}

.dashboard-actions li .btn {
	height: 35px;
	width: 136px;
	padding: 8px 15px
}

.dashboard-actions li .dashboard-icon {
	position: absolute;
	top: 50%;
	margin-top: -24px;
	left: 0
}

.dashboard-actions li .dashboard-icon em {
	width: 27px;
	height: 27px;
	border-radius: 14px;
	border: solid 4px #FFF;
	background: #f4a523;
	color: #FFF;
	text-align: center;
	line-height: 18px;
	display: block;
	position: absolute;
	top: -10px;
	right: -8px;
	font-style: normal;
	font-size: 14px
}

.dashboard-icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(../img/dashboard-icons.png) 0 0 no-repeat
}

.dashboard-icon.phone-icon {
	background-position: 0 0;
	margin: 6px auto;
	display: block
}

.dashboard-icon.icon-profile {
	background-position: 0 -48px
}

.dashboard-icon.icon-learn {
	background-position: 0 -96px
}

.dashboard-icon.icon-question {
	background-position: 0 -144px
}

.dashboard-icon.icon-profile.icon-active {
	background-position: -48px -48px
}

.dashboard-icon.icon-learn.icon-active {
	background-position: -48px -96px
}

.dashboard-icon.icon-question.icon-active {
	background-position: -48px -144px
}

.invite {
	padding: 18px 25px;
	overflow: hidden
}

.invite h4 {
	color: #424242;
	font-size: 20px;
	margin: 0 0 10px 10px
}

.invite p {
	color: #686868;
	font-size: 14px;
	margin: 0
}

.invite a {
	width: 48%;
	line-height: 21px;
	padding: 13px 5px;
	text-align: center;
	border-radius: 6px;
	color: #FFF;
	font-size: 14px;
	display: block;
	margin-top: 5px
}

.invite .facebook {
	background: #3B5998;
	float: left;
	margin-top: 5px !important;
	color: #FFF !important;
	padding: 10px 15px !important
}

.invite .twitter {
	margin-top: 5px !important;
	color: #FFF !important;
	padding: 10.5px 26px !important;
	background: #00ACED;
	float: right
}

.joinegroupsocial .facebook {
	background: #3B5998;
	float: left;
	margin-top: 5px !important;
	color: #FFF !important;
	padding: 10px 10px !important;
	border-radius: 5px
}

.joinegroupsocial .twitter {
	margin-top: 5px !important;
	color: #FFF !important;
	padding: 10.5px 15px !important;
	background: #00ACED;
	float: right;
	border-radius: 5px
}

.invite a .icon,.joinegroupsocial a .icon {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	background: url(../img/social-icons.png) no-repeat;
	margin-right: 12px
}

.invite .facebook .icon,.joinegroupsocial .facebook .icon {
	background-position: 0 0
}

.invite .twitter .icon,.joinegroupsocial .twitter .icon {
	background-position: 0 -63px
}

footer.joinegroupsocial {
	padding: 40px 25px 65px !important
}

a.leavegroup,a.joineddropdown {
	color: #00ACED !important
}

.modal-header .close {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	border: solid 2px #FFF;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: -30px;
	right: -34px;
	opacity: 1;
	background: url(../img/close-icon.png) 50% 50% no-repeat;
	font-size: 0
}

.modal-dialog {
	margin: 20px auto
}

.articles-cover {
	background-image: url(../img/articles-cover.jpg);
	padding: 68px 0
}

.articles-cover h1 {
	font-size: 48px;
	margin: 0 0 5px
}

.articles-cover h3 {
	font-size: 20px;
	margin: 0
}

.secondary-nav {
	background: #FFF;
	text-align: center
}

.secondary-nav ul li {
	display: inline-block;
	vertical-align: middle;
	border-right: solid 1px #ededed
}

.secondary-nav ul li:first-child {
	border-left: solid 1px #ededed
}

.secondary-nav ul li a {
	display: block;
	padding: 15px 38px;
	font-size: 14px;
	line-height: 20px;
	color: #424242
}

.main-content {
	background: #ededed;
	padding: 25px 0 50px
}

.main-content.no-pad-b {
	padding-bottom: 0
}

.article {
	background: #FFF;
	border-radius: 5px;
	margin-bottom: 26px;
	padding: 25px 22px
}

.article h2 {
	font-size: 36px;
	color: #424242;
	font-weight: 400;
	margin-bottom: 50px;
	padding-top: 33px
}

.article .articleHeader {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 9px
}

.article header {
	margin-bottom: 14px
}

.article header .btn-sm {
	position: relative;
	width: 118px;
	height: 25px
}

.article header .btn-sm .smBtn {
	position: absolute;
	color: white;
	font-size: 13px;
	top: -2px;
	left: 39px
}

.article header span,.article header a {
	margin-right: 10px;
	color: #686868;
	font-size: 14px
}
.article header span.date {
	padding-left: 23px;
	background: url(../img/calendar-icon-teal.png) 0 50% no-repeat;
	background-size: 15px auto
}
.article .articleHeader a{
	font-size: 36px;
	color: #424242;
	font-weight: 400;
	margin-bottom: 50px;
	padding-top: 33px;
}
.article header .comments-number {
	padding-left: 23px;
	background: url(../img/comments-icon.png) 0 50% no-repeat;
	background-size: 15px auto
}

.article header figure {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	overflow: hidden
}

.article header figure img {
	display: block;
	width: 100%;
	height: 100%
}

.article .responsive-img {
	margin-bottom: 17px
}

.article .responsive-img img {
	width: 100%
}

.article p {
	color: #686868;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 17px
}

.article p.large {
	font-size: 20px;
	color: #D6D6D6;
	line-height: 25px;
	margin-bottom: 35px
}

.pagination {
	margin: 0;
	border-radius: 5px;
	padding: 0;
	background: #FFF;
	width: auto;
	float: none;
	display: block;
	text-align: center;
	padding: 0 50px;
	position: relative
}

.line-trough:before {
	content: '';
	display: block;
	width: 4px;
	background: #B4B4B4;
	display: block;
	left: 50%;
	bottom: 30px;
	top: 0;
	margin-left: -2px;
	position: Absolute;
	z-index: 1;
	opacity: .3
}

.line-trough>* {
	position: relative;
	z-index: 1
}

.pagination li {
	padding: 8px 0;
	margin: 0 3px;
	display: inline-block;
	vertical-align: middle
}

.pagination li a {
	border: solid 2px #eaeaea;
	border-radius: 6px;
	min-width: 30px;
	line-height: 16px;
	padding: 7px 5px;
	font-size: 14px;
	color: #9A9A9A;
	text-align: center
}

.pagination li span {
	background: none;
	color: #C1C1C1;
	font-size: 14px;
	border: none
}

.pagination li.prev span {
	display: block;
	background: url(../img/pagination-left-arrow.png) 50% 50% no-repeat;
	width: 13px;
	height: 26px;
	background-size: 100% 100%;
	margin: 5px auto;
	font-size: 0
}

.pagination li.next span {
	display: block;
	background: url(../img/pagination-right-arrow.png) 50% 50% no-repeat;
	width: 13px;
	height: 26px;
	background-size: 100% 100%;
	margin: 5px auto;
	font-size: 0
}

.pagination .next,.pagination .prev {
	position: Absolute;
	top: 0;
	padding: 0;
	margin: 0
}

.pagination .next {
	left: 0
}

.pagination .prev {
	right: 0
}

.pagination .next a,.pagination .prev a {
	border: none;
	background: #f9f9f9;
	width: 50px;
	height: 50px
}

.right-sidebar nav {
	background: #FFF;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 25px 23px
}

.right-sidebar .follow {
	padding: 25px 23px 13px 23px
}

.right-sidebar h4 {
	font-weight: 700;
	color: #424242;
	font-size: 20px;
	margin: 0 0 25px
}

.right-sidebar h5 {
	color: #424242
}

.right-sidebar .archive li {
	margin-bottom: 26px
}

.right-sidebar .archive li:last-child {
	margin-bottom: 0
}

.right-sidebar .archive li a {
	display: block;
	color: #4CC0EB;
	font-size: 14px;
	font-weight: 700
}

.right-sidebar .archive li a figure {
	float: left;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	margin-right: 10px
}

.right-sidebar .archive li a figure img {
	width: 100%;
	height: 100%;
	display: block
}

.right-sidebar .follow li {
	margin-bottom: 0
}

.right-sidebar .follow li a {
	color: #424242;
	font-size: 14px;
	display: block
}

.right-sidebar .follow li a span {
	color: #9A9A9A
}

.right-sidebar .follow li a img {
	display: inline-block;
	verticla-align: middle;
	margin-right: 5px
}

.get-started {
	background: #27AAAA;
	padding: 55px 0 66px
}

.get-started h3 {
	color: #FFF;
	font-size: 36px;
	text-align: center;
	line-height: 45px;
	margin: 0 40px 25px
}

.get-started form {
	margin: 0 5px;
	overflow: hidden
}

.get-started form .form-control {
	width: 400px;
	float: left;
	height: 60px;
	font-size: 20px
}

.get-started form .btn {
	width: 200px;
	height: 60px;
	float: right;
	font-size: 20px;
	cursor: pointer
}

.author-info {
	background: #FFF;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.author-info h3 {
	font-weight: 700;
	font-size: 20px;
	color: #424242;
	margin: 0 0 10px
}

.author-info figure {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	overflow: hidden
}

.author-info figure img {
	width: 100%;
	height: 100%;
	display: block
}

.author-info strong {
	font-size: 14px;
	color: #424242;
	font-wieght: 400;
	display: inline-block;
	vertical-align: middle
}

.author-info span {
	font-size: 14px;
	color: #9A9A9A;
	font-wieght: 400;
	display: inline-block;
	vertical-align: middle
}

.author-info p {
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0
}

.reply-form {
	background: #F9F9F9;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.reply-form.no-mar-b {
	margin-bottom: 30px;
	border-radius: 5px 5px 0 0
}

.reply-form h3 {
	font-size: 20px;
	color: #424242;
	margin: 0 0 10px
}

.reply-form h3 img {
	width: 35px;
	margin-right: 10px
}

.reply-form input[type="text"] {
	height: 40px
}

.style-checkbox {
	position: relative
}

.style-checkbox input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0
}

.style-checkbox span {
	padding-left: 23px;
	position: relative
}

.style-checkbox span:before {
	position: absolute;
	width: 18px;
	height: 18px;
	border: solid 1px #40B2E6;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: url(../img/check-mark.png) 50% 50% no-repeat;
	background: #FFF;
	content: '';
	cursor: pointer
}

.style-checkbox input:checked+span:before {
	background: url(../img/check-mark.png) 50% 50% no-repeat
}

.reply-form textarea {
	height: 118px
}

.reply-form .btn {
	width: 205px;
	height: 35px
}

.other-articles {
	background: #FFF;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 24px 22px
}

.other-articles h3 {
	font-size: 20px;
	color: #424242;
	margin: 0 0 20px
}

.article-small {
	font-size: 12px
}

.article-small figure {
	margin-bottom: 12px
}

.article-small figure img {
	display: block;
	width: 100%
}

.article-small h4 {
	font-size: 14px;
	margin: 0 0 10px
}

.article-small h4 a {
	color: #4CC0EB;
	text-decoration: undrrline
}

.article-small a {
	color: #4CC0EB
}

.article-small p {
	font-size: 14px;
	line-height: 16px;
	margin: 0
}

.questions-cover {
	background-image: url(../img/questions-cover.jpg);
	padding: 68px 0
}

.questions-cover h1 {
	font-size: 48px;
	margin: 0 0 5px
}

.questions-cover h3 {
	font-size: 20px;
	margin: 0
}

.panel {
	background: #FFF;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 20px 20px;
}

.panel.highlighted {
	border: solid 2px #00ACED
}

.questions-filter header {
	border-bottom: solid 2px #B4B4B4;
	padding-bottom: 4px;
	margin-bottom: 15px
}

.questions-filter header h2 {
	color: #424242;
	font-size: 24px;
	margin: 0
}

.installation-filter header h2 {
	color: #424242;
	font-size: 24px;
	margin: 0;
	font-family: 'gotham-bold'
}
.members .dropdown .btn {
	border: solid 1px #EEE;
	border-radius: 5px;
	padding: 10px 40px 10px 14px;
	line-height: 18px;
	background: #FFF;
	display: block
}
.dropdown .btn {
	border: solid 1px #EEE;
	border-radius: 5px;
	padding: 6px 40px 6px 14px;
	line-height: 18px;
	background: #FFF;
	display: block
}

.dropdown .caret {
	width: 12px;
	height: 7px;
	background: url(../img/dropdown-arrow.svg) 50% 50% no-repeat;
	position: absolute;
	z-index: 99;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	display: block;
	font-size: 0;
	border: none
}

.questions-filter .form-control {
	height: 40px;
	border-color: #eee
}

.table>thead>tr>th {
	color: #686868;
	border-bottom: solid 2px #B4B4B4;
	padding: 10px
}

.table>tbody>tr>td {
	border: none;
	padding: 8px;
	color: #555;
	font-size: 14px
}

.table>tbody>tr>td:first-child,.table>thead>tr>th:first-child {
	padding-left: 0
}

.table>tbody>tr>td:first-child,.table>tbody>tr>td:nth-child(2),.table>tbody>tr>td:nth-child(3),.table>tbody>tr>td:nth-child(4),.table>tbody>tr>td:nth-child(5) {
	padding-top: 20px !important;
	padding-bottom: 0px !important
}

.docs-list .table>tbody>tr {
	border-bottom: 1px solid #EEE;
	height: 80px
}

.docs-list .table>tbody>tr:last-child {
	border-bottom: 0 solid #EEE;
	height: 80px
}

.dropdown a {
	color: #000
}

.dropdown#create-docs a.create {
	color: #4CC0EB
}

.questions-list {
	font-size:14px;
	z-index:2;
	padding-top: 7px;
}
.questions-list .large-tn{
	width:60px;
	height:60px;
	border-radius:30px;
	overflow:hidden;
	display:inline-block;
}

.questions-list .large-tn img {
	width:100%;
	height:100%;
}

.panel.docs-list {
	z-index: 0 !important;
}

.questions-list h3 {
	font-family: 'gotham-book';
	font-weight: 700;
	font-size:16px;
	margin:0 0 5px;
	color:#424242;
}

.questions-list p {
	color:#686868;
	margin-bottom: 0px;
}

.questions-list .user {
	padding-left:45px;
	position:relative;
}

.questions-list .user figure{
	width:35px;
	height:35px;
	border-radius:20px;
	overflow:hidden;
	float:left;
	position:Absolute;
	top:0;
	left:0;
}

.questions-list .user figure img {
	width:100%;
	height:100%;
}
.questions-list .user span,
.questions-list .user  strong, .questions-list div {
	display:block;
	font-size:14px;
	white-space:nowrap;
	color: #b4b4b4 !important;
}
.questions-list .tooltip div{
	white-space:  normal !important;
}
.questions-list .tooltip {
	margin-top:6px;
	text-align:left;
}

.questions-list .tooltip.fade.in {
	opacity:1;
}

.questions-list .tooltip .tooltip-inner {
	background:#FFF;
	box-shadow:0 10px 10px rgba(0,0,0,.1);
	border: solid 1px #ededed;
	padding:15px;
	max-width:410px;
}

.questions-list .tooltip .tooltip-arrow {
	border-bottom-color: rgba(0,0,0,.1);
	border-width: 0 13px 11px;
	margin-left: -13px;
	z-index: 2;
	margin-top: -5px;
	text-align:left;
}

.questions-list .tooltip .tooltip-arrow:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #FFF;
	border-width: 0 12px 12px;
	margin-left: -12px;
	display: block;
	z-index: -1;
}

.questions-list .tooltip h5 {
	text-transform: uppercase;
	color:#c1c1c1;
	fonmt-size:15px;
	margin:0 0 14px;
	text-align:left;
}

.questions-list .tooltip-reply {
	padding-left:76px;
	position:relative;
	text-align:left;
}

.questions-list .tooltip-reply figure {
	width:60px;
	height:60px;
	border-radius:30px;
	position:absolute;
	top:0;
	left:0;
}

.questions-list .tooltip-reply strong {
	display:block;
	color:#424242;
	font-weight:400;
	margin-bottom:5px;
}

.questions-list .tooltip-reply p {
	color:#676767;
	margin:0 0 10px;
	text-align:left;
}

.questions-list .tooltip-reply span {
	display:block;
	color:#999;
}

.questions-list .table >tbody > tr > td:nth-child(2) {
	width: 43%;
}
.questions-list .table >tbody > tr > td:nth-child(3) {
	text-align: center;
}
.question-header {
	color:#686868;
	font-size:14px;
}

.question-header h2 {
	font-size:24px;
	color:#424242;
	margin:0 0 5px;
	font-weight:400
}

.questions-filter .form-control {
	height:40px;
	border-color:#eeeeee;
}
.table > thead > tr > th {
	color:#686868;
	border-bottom:solid 2px #CCC;
	padding:10px;
	font-size: 16px;
}
.table >tbody > tr > td {
	border:none;
	padding:8px;
	color: #555555;
	font-size: 14px;
}
.table >tbody > tr > td:first-child,
.table > thead > tr > th:first-child{
	padding-left:0
}
.table >tbody > tr > td:first-child, .table >tbody > tr > td:nth-child(2), .table >tbody > tr > td:nth-child(3), .table >tbody > tr > td:nth-child(4), .table >tbody > tr > td:nth-child(5)
{
	padding-top: 20px !important;
	padding-bottom: 0px !important;
}
.docs-list .table >tbody > tr {
	border-bottom: 1px solid #EEEEEE;
	height: 80px;
}
.docs-list .table >tbody > tr:last-child {
	border-bottom: 0px solid #EEEEEE;
	height: 80px;
}
.group-navigation {
	margin-bottom: 22px !important;
}
.answer {
	position:relative;
	padding-left:77px;
}

.answer figure {
	width:60px;
	height:60px;
	border-radius:30px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

.answer figure img {
	width:100%;
	height:100%;
}

.answer header {
	margin-bottom:5px;
}

.answer header h3 {
	margin:0;
	font-size:18px;
	color: #424242;
}

.answer header h3 .label {
	border:solid 2px #C0D757;
	background: none;
	color:#C0D757;
	font-size:12px;
	padding:2px 10px;
}

.answer header .date {
	color:#9A9A9A;
	font-size:14px;
}

.answer p {
	color:#686868;
	font-size:14px;
	margin-bottom:5px;
}

.answer a {
	font-size: 14px;
}

.answer.reply {
	padding-top:18px;
	margin-top:18px;
	border-top:solid 1px #f6f6f6;
	padding-left:96px;
}
.answer.reply figure{
	left:24px;
}

.answer.reply:before {
	content:'';
	width:5px;
	background:#ededed;
	top:18px;
	bottom:0;
	position:absolute;
	left:0;
}

.answer.reply2 {
	padding-left:105px;
}

.answer.reply2 figure {
	left:30px;
}

.answer.reply2:after {
	content:'';
	width:5px;
	background:#ededed;
	top:18px;
	bottom:0;
	position:absolute;
	left:12px;
}

.panel.category {
	padding-right: 200px;
	position: relative
}

.panel.category .btn {
	position: absolute;
	right: 20px;
	top: 100px;
	padding: 11px 15px
}

.category h2 {
	color: #424242;
	font-size: 24px;
	margin: 0
}

article.category h2 {
	font-family: 'gotham-bold' !important
}

.category h3 {
	color: #9A9A9A;
	font-size: 19px;
	margin: 0 0 18px
}

.category .product-icons img {
	max-width: 30px;
	max-height: 30px;
	margin-right: 15px
}

.category .product-icons img.disabled {
	opacity: .2
}

.products-cover {
	background-image: url(../img/products-cover.jpg);
	padding: 68px 0
}

.products-cover h1 {
	font-family: 'gotham-bold';
	font-size: 48px;
	margin: 0 0 5px
}

.products-cover h3 {
	font-size: 20px;
	margin: 0
}

.white-bg {
	background-color: #fff !important
}

.profile-cover {
	background-image: url(../img/profile/profile-cover.png);
	padding: 68px 0;
	height: 286px
}

.profile-cover img {
	position: relative;
	top: 30px;
	height: 24px;
	width: 24px
}

.profile-cover h4 {
	font-size: 24px;
	font-family: 'gotham-bold';
	line-height: 24px;
	margin: 0;
	position: relative;
	top: 45px
}

.profile-main-content {
	background-color: #ededed;
	height: auto
}

.profile-main-content .container .profile-data {
	border-radius: 4px;
	margin-top: -19px;
	position: relative
}

.profile-main-content .container .profile-data .headPortrait {
	height: 126px;
	width: 126px;
	border-radius: 50%;
	background: url(../img/profile/head_portrait.png) center center;
	border: 5px solid white;
	position: absolute;
	top: -65px;
	left: 100px
}

.profile-main-content .container .profile-data .personalDetail {
	padding-top: 81px;
	padding-left: 22px
}

.profile-main-content .container .profile-data .personalDetail p {
	font-family: 'gotham-bold';
	color: black;
	text-indent: 1em;
	font-size: 24px
}

.profile-main-content .container .profile-data .personalDetail p:nth-of-type(2) {
	font-size: 16px;
	text-indent: 1em
}

.profile-main-content .container .profile-data .personalDetail button {
	height: 35px;
	width: 93%;
	margin-bottom: 27px
}

.profile-main-content .container .profile-data .solarDetailsPrew .solarDetailsDes {
	padding-bottom: 22px;
	text-indent: 0;
	font-size: 14px;
	color: black;
	display: inline
}

.profile-main-content .container .profile-data .solarDetailsPrew street,.profile-main-content .container .profile-data .solarDetailsPrew state,.profile-main-content .container .profile-data .solarDetailsPrew postcode {
	display: block;
	font-size: 14px;
	color: black
}

street {
	margin-top: 20px;
	margin-bottom: 0
}

.profile-main-content .container .profile-data .solarDetailsPrew {
	padding-left: 22px;
	padding-bottom: 35px;
	width: 290px
}

.profile-main-content .container .profile-data .solarDetailsPrew p:nth-of-type(2) {
	line-height: 27px;
	margin-bottom: 0;
	margin-top: 52px;
	font-size: 14px
}
.secondSolarTitle {
	line-height: 27px;
	margin-bottom: 15px;
	margin-top: 14px;
	font-size: 14px
}


.profile-main-content .container .profile-data .solarDetailsPrew p:nth-child(4) {
	margin-top: 0
}

.profile-main-content .container .profile-data .solarDetailsPrew p.solarContent {
	font-family: "proxima_nova";
	margin-bottom: 0px;
	font-size: 18px;
	color: black;
	padding-left: 6px;
	line-height: 27px
}

.profile-main-content .container .profile-data .solarDetailsPrew p.solarContent span {
	line-height: 28px
}

.profile-main-content .container .profile-data .solarDetailsEdit p.solarContent {
	font-family: "proxima_nova";
	margin-bottom: 0px;
	font-size: 18px;
	color: black;
	padding-left: 6px;
	line-height: 27px
}
.profile-main-content .container .iconcheck {
	margin-left: 14px;
	float: left;
	display: block;
	height: 24px;
	width: 24px;
	background: #B4D246 url(../img/profile/check-icon.png) 50% 50% no-repeat;
	border-color: #B4D246;
	border-radius: 50%
}

.profile-main-content .container .col-sm-8 {
	margin-top: -19px;
	margin-bottom: 43px
}

.profile-main-content .container .col-sm-8 div.white-bg {
	padding-bottom: 27px;
	margin-bottom: 20px;
	border-radius: 4px
}

.profile-main-content .container .col-sm-8 div.white-bg:nth-child(2),.profile-main-content .container .col-sm-8 div.white-bg:nth-child(3) {
	padding-bottom: 0
}

#myModal .modal-footer button {
	border: 0;
	width: 80px;
	margin-top: 0
}

.homeHeader,.projectsHeader,.photovideosHeader {
	display: block;
	border-bottom: 1px solid #eee;
	height: 60px
}

.profile-main-content .container .col-sm-8 .homeHeader p,.profile-main-content .container .col-sm-8 .projectsHeader p,.profile-main-content .container .col-sm-8 .photosVideos p {
	font-family: 'gotham-bold';
	line-height: 60px;
	font-size: 20px;
	color: black;
	margin-bottom: 0;
	padding-left: 20px
}

.profile-main-content .container .col-sm-8 .projectsImg {
	text-align: center
}

.profile-main-content .container .col-sm-8 .projectsImg img {
	padding: 20px 0 15px
}

.profile-main-content .container .col-sm-8 .photosVideos .photosImg {
	text-align: center;
	color: #40B2E6
}

.homeAppliances .homeHeader .modal-dialog .modal-body .custom-checkbox {
	height: 117px;
	line-height: 22px;
	font-size: 15px
}

.profile-main-content .container .col-sm-8 .homeHeader button,.profile-main-content .container .col-sm-8 .projectsHeader button,.profile-main-content .container .col-sm-8 .photosVideos button {
	margin-top: -45px;
	margin-right: 13px
}

.profile-main-content .container .col-sm-8 .homeAppliances .homeContent {
	overflow: hidden;
	padding-left: 40px;
	padding-right: 40px
}

.profile-main-content .container .col-sm-8 .homeAppliances .homeContent span {
	top: 20px;
	display: block;
	line-height: 27.6px
}

.profile-main-content .container .col-sm-8 .homeContent .custom-checkbox {
	border-radius: 3px;
	font-size: 16px;
	line-height: 22px;
	margin: 0 auto;
	padding: 35px 10px 18px
}

.profile-main-content .container .col-sm-8 .homeContent .silderWrap.secondWrap .forSlide .custom-checkbox {
	width: 130px
}

.profile-main-content .container .col-sm-8 .homeContent .col-sm-4 {
	margin: 20px auto 20px
}

.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:nth-of-type(-n+12) {
	display: none;
	margin: 20px auto 0
}

.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:last-of-type {
	display: block;
	height: 127px;
	width: 202px
}

.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:last-of-type .custom-checkbox {
	padding: 45px 15px 50px;
	border: 1px dashed #ccc;
	margin: 0 auto 0
}

.profile-main-content .container .col-sm-8 .homeAppliances .homeContent i {
	width: 64px;
	height: 35px;
	margin: 0 auto 10px
}

.profile-main-content .container .col-sm-8 .homeAppliances .empty+p {
	top: 45px;
	position: relative;
	font-size: 24px
}

.showAllPhotos {
	margin: 0 auto 25px
}

.photosVideos .photosImg {
	padding: 20px 20px 0 20px
}

.photosVideos .photosImg .col-sm-3 {
	padding-bottom: 25px
}

.right-sidebar .panel h4 {
	color: #424242;
	font-size: 20px;
	margin: 0 0 10px
}

.right-sidebar .panel .responsive-img {
	margin-bottom: 20px
}

.right-sidebar .panel .responsive-img img {
	width: 100%
}

.right-sidebar .panel p {
	font-size: 14px;
	color: #686868
}

.solarDetailsEdit {
	padding: 27px 22px
}

.solarDetailsEdit textarea.form-control {
	max-width: 278px;
	width: 278px;
	border-color: #FFA818;
	border-style: dashed;
	height: 131px;
	max-height: 180px;
	overflow: hidden;
	margin-bottom: 30px
}

.solarDetailsEdit input {
	height: 40px;
	width: 100%;
	margin: 10px 0;
	border-radius: 4px;
	border-color: #DDD;
	font-size: 14px;
	font-family: "proxima_nova";
	color: #555
}

p.solarTitle:nth-of-type(1) {
	margin-top: 30px;
	margin-bottom: 13px;
}

.dropdown.firstDropdown {
	margin-bottom: 20px
}

.solarDetailsEdit .dropdown ul.dropdown-menu {
	width: 100%
}

.solarDetailsEdit .dropdown button {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border-color: #DADADA;
	font-size: 14px;
	color: #fff;
	text-align: left;
	margin-bottom: 10px
}

.solarDetailsEdit .dropdown button span {
	background: url(../img/profile/edit-caret-grey.png) 50% 50% no-repeat
}

.solarDetailsEdit .dropdown .dropdown-menu li {
	color: black;
	font-size: 14px;
	padding: 10px;
	font-family: 'proxima_nova'
}

.products-list li {
	border-top: solid 1px #EEE;
	padding-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	color: #686868;
	font-size: 14px
}

.products-list figure {
	float: left;
	width: 60px;
	border: solid 1px #EEE;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 15px
}

.products-list figure img {
	width: 100%
}

.products-list li:first-child {
	padding: 0;
	border: none
}

.products-list li strong {
	display: block;
	font-size: 14px
}

.products-list.system-list figure {
	float: left;
	width: 23px;
	border: 0;
	overflow: initial;
	border-radius: 0;
	margin-right: 25px
}

.system-list .typeone {
	float: left;
	text-align: left;
	width: 30%;
	margin-right: 25px
}

.system-list .typetwo {
	float: left;
	text-align: left;
	width: 30%
}

.rating {
	margin: 0
}

.rating em {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../img/star.png) 0 0 no-repeat;
	background-size: 100%
}

.rating span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.breadcrumb {
	background: #FFF;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 15px 22px;
	font-size: 14px
}

.breadcrumb>li+li:before {
	content: '';
	width: 11px;
	height: 6px;
	background: url(../img/breadcrumb-arrow.png) 0 0 no-repeat;
	background-size: 100% 100%;
	padding: 0;
	display: inline-block;
	margin: 0 8px
}

.products-filter {
	padding-top: 10px;
	padding-bottom: 10px
}

.products-filter h2 {
	color: #424242;
	font-size: 24px;
	margin: 5px 0 0;
	font-family: 'gotham-bold' !important
}

.products-filter .dropdown {
	display: inline-block;
	margin-left: 10px
}

.products-filter .dropdown .btn {
	padding-right: 73px
}

.product {
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden
}

.product figure img {
	width: 100%
}

.product .product-info {
	background: #FFF;
	padding: 40px;
	text-align: center;
	font-size: 14px;
	color: #424242
}

.product .product-info h2 {
	height: 52px;
	font-size: 24px;
	font-family: 'gotham-bold' !important;
	margin: 0;
	color: #424242
}

.product .product-info p {
	margin: 0
}

.product .product-info .rating {
	margin-bottom: 10px
}
.product .product-info .rating + p{
	height: 84px;
}
.product-top {
	margin: -80px 0 27px;
	color: #424242;
	font-size: 14px
}

.product-top figure {
	background: #FFF;
	border-radius: 6px;
	padding: 5px
}

.product-top figure img {
	display: block;
	width: 100%;
	border-radius: 6px
}

.subheadprod {
	font-family: 'gotham-bold' !important;
	color: #000;
	font-size: 24px
}

.product-top h1 {
	margin: 90px 10px 0 0;
	display: inline-block;
	vertical-align: middle;
	font-family: 'gotham-bold' !important
}

.product-top .rating {
	display: inline-block;
	vertical-align: middle;
	margin-top: 92px
}

.product-top .btn {
	margin-right: 10px
}

.features {
	border-radius: 6px;
	overflow: hidden
}

.features .panel {
	padding: 0;
	margin: 0;
	border-radius: 0;
	border: none
}

.features .panel-body {
	padding: 20px;
	background: #f4f4f4
}

.features .panel-heading {
	border-bottom: solid 1px #dcdcdc !important;
	background: #FFF;
	border-radius: 0;
	padding: 15px;
	line-height: 20px;
	position: relative
}

.features .panel-heading a:after {
	display: block;
	width: 10px;
	height: 6px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	background: url(../img/dropdown-arrow.svg) 50% 50% no-repeat;
	background-size: 100% 100%;
	content: '';
	transform: rotate(180deg);
	transition: all ease .4s
}

.features .panel-heading a.collapsed:after {
	transform: rotate(0)
}

.review {
	border-bottom: solid 1px #ededed;
	padding-bottom: 30px;
	margin-bottom: 30px;
	padding-left: 90px;
	color: #424242;
	font-size: 14px;
	position: relative
}

.review:last-child {
	border: none;
	padding-bottom: 0;
	margin: 0
}

.review figure {
	width: 71px;
	height: 71px;
	border-radius: 40px;
	border: solid 1px #929396;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.review figure img {
	width: 100%
}

.review h3 {
	margin: 0;
	font-size: 20px
}

.review h3 .label-success {
	background: none;
	color: #C0D757;
	border: solid 2px #C0D757;
	border-radius: 6px;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 6px;
	margin-left: 8px
}

.review p {
	margin: 0
}

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

.add-review .rating em {
	width: 28px;
	height: 26px;
	background-size: 100% 100%
}

.progress-panel {
	text-align: center
}

.progress-panel h4 {
	text-align: left
}

.progress-panel img {
	width: 30px;
	margin: 0 5px
}

.progress-panel img.disabled {
	opacity: .3
}

.progress-panel .progress-icons {
	margin: 15px 0
}

.right-sidebar .panel.progress-panel p {
	margin: 0;
	font-size: 12px;
	line-height: 18px
}

.progress-panel p strong {
	display: Block;
	margin-bottom: 4px
}

.downloads {
	position: relative;
	padding: 0;
	overflow: hidden;
	border: none
}

.downloads li {
	position: relative;
	padding: 9px 15px;
	border-top: solid 1px #ddd;
	overflow: hidden
}

.downloads li:first-child {
	border: none
}

.downloads li span {
	float: left;
	display: block;
	font-size: 16px;
	color: #424242;
	line-height: 36px;
	padding-left: 40px;
	background: url(../img/brochure-icon.png) 0 50% no-repeat;
	background-size: auto 20px
}

.downloads li .btn {
	float: right;
	height: 36px
}

.downloads .overlay {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	color: #FFF;
	text-align: center;
	top: 0;
	left: 0;
	padding-top: 22px
}

.downloads .overlay p {
	margin-bottom: 6px
}

.downloads .overlay .btn {
	height: 35px;
	width: 138px;
	text-align: center;
	margin: 0 22px;
	vertical-align: middle
}

.community-cover {
	background-image: url(../img/community-cover.jpg);
	padding: 68px 0
}

.community-cover h1 {
	font-size: 48px;
	margin: 0 0 5px
}

.community-cover h3 {
	font-size: 20px;
	margin: 0
}

.community-cover .last-joined {
	display: inline-block;
	background: #FFF;
	padding: 5px 45px;
	border-radius: 5px;
	margin: 27px 0 0;
	color: #686868
}

.community-cover .last-joined figure {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px
}

.community-cover .last-joined figure img {
	width: 100%;
	height: 100%
}

.community-content {
	background: #f1f1f1;
	padding: 30px 0 50px
}

.community-content .section-title {
	margin-bottom: 10px
}

.community-box {
	background: #FFF;
	border-radius: 4px;
	padding: 0 25px 25px;
	text-align: center;
	overflow: hidden
}

.community-box header {
	margin: 0 -30px 25px;
	height: 138px
}

.community-box header.questions {
	background: #b4d246 url(../img/community-questions-icon.png) 50% 50% no-repeat
}

.community-box header.groups {
	background: #40b2e6 url(../img/community-groups-icon.png) 50% 50% no-repeat
}

.community-box header.articles {
	background: #ffa818 url(../img/community-articles-icon.png) 50% 50% no-repeat
}

.community-box h3 {
	font-size: 24px;
	color: #424242;
	margin: 0
}

.community-box h4 {
	font-size: 18px;
	color: #9A9A9A;
	margin: 0 0 10px
}

.community-box p {
	mmargin: 0;
	color: #9A9A9A
}

.community-trusted {
	padding: 50px 0;
	text-align: center
}

.community-trusted h4,.community-trusted img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 22px
}

.community-trusted img {
	max-height: 70px
}

.community-trusted h4 {
	font-size: 20px;
	line-height: 24px;
	color: #424242;
	max-width: 140px
}

.group-cover {
	background-image: url(../img/groups-cover.jpg);
	padding: 68px 0;
	height: 215px
}

.group-cover h1 {
	font-family: 'gotham-bold';
	font-size: 48px;
	margin: 0 0 5px
}

.group-cover h3 {
	font-size: 20px;
	margin: 0
}

.group-filter {
	z-index: 9
}

.group-filter .create {
	line-height: 20px;
	display: inline-block;
	margin-top: 7px
}

.group-filter #create-docs>a {
	background: url(../img/cog-icon.svg) right 0 no-repeat;
	padding-right: 30px;
	line-height: 20px;
	display: inline-block;
	margin-top: 7px
}

.group-filter #create-docs .dropdown-menu {
	border: none;
	padding: 10px 0;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .175)
}

.group-filter .nav-tabs {
	border-bottom: solid 2px #dadada;
	margin-bottom: 17px
}

.group-filter .nav-tabs:last-child {
	margin-bottom: 0
}

.group-filter .nav-tabs>li {
	position: relative;
	top: 2px
}

.group-filter .nav-tabs>li>a {
	border: none;
	border-bottom: solid 4px transparent;
	color: #C1C1C1;
	font-family: 'gotham-bold';
	font-size: 24px;
	padding: 0 16px 5px
}

.group-filter .nav-tabs>li.active>a,.group-filter .nav-tabs>li>a:hover,.group-filter .nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: solid 4px #333;
	color: #424242
}

.group-filter .nav-tabs>li>a:hover,.group-filter .nav-tabs>li>a:focus,.group-filter .nav-tabs>li>a:active {
	background: none
}

.group-item h2 {
	font-family: 'gotham-bold';
	font-size: 24px;
	color: #424242;
	margin: 0 0 14px 0
}

.group-item h2 span {
	font-family: 'gotham-book';
	display: inline-block;
	color: #C1C1C1;
	margin-left: 15px
}

.group-item .created {
	color: #9A9A9A;
	font-size: 14px;
	margin-bottom: 15px
}

.group-item .created figure {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	width: 35px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden
}

.group-item .created figure img {
	width: 100%;
	height: 100%
}

.group-item p {
	font-size: 14px;
	line-height: 17px;
	color: #424242;
	margin: 0 175px 10px 0
}

.group-item .btn {
	width: 150px;
	margin-left: 25px
}

.group-item .progress {
	margin: 20px 0
}

.progress {
	background: #e6e6e6;
	border-radius: 4px;
	height: 13px;
	box-shadow: none
}

.progress-bar {
	box-shadow: none
}

.progress-bar.progress-bar-success {
	background: #b4d245
}

.progress-bar.progress-bar-primary {
	background: #40b1e6
}

.group-item .members figure,.group-item .members span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px 0 0;
	width: 35px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden
}

.group-item .members figure img {
	width: 100%;
	height: 100%
}

.group-item .members span {
	background: #d7d7d7;
	color: #686868;
	font-size: 14px;
	text-align: Center;
	line-height: 35px
}

.recent-comments {
	margin-bottom: 15px
}

.recent-comments strong {
	display: block;
	font-family: 'gotham-bold';
	font-size: 14px;
	color: #4CC0EB;
	font-weight: 400;
	margin-bottom: 4px;
	text-decoration: underline
}

.recent-comments p {
	color: #686868;
	font-size: 14px;
	margin-bottom: 8px
}

.recent-comments figure {
	display: block;
	width: 35px;
	height: 35px;
	margin-right: 6px;
	border-radius: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.right-sidebar .archive li.recent-comments p a {
	display: inline;
	font-size: 14px
}

.recent-comments figure img {
	display: block;
	width: 100%
}

.recent-comments span {
	font-size: 14px;
	color: #9A9A9A
}

.right-sidebar .invite {
	width: auto;
	float: none
}

.right-sidebar .invite .form-control {
	margin: 5px 0
}

.right-sidebar .invite a {
	display: block;
	padding: 0;
	color: #00ACED;
	margin: 0;
	width: auto;
	text-align: left
}

.group-cover.group-header {
	padding: 145px 0 0;
	text-align: left
}

.group-cover.group-header h1 {
	font-size: 36px;
	line-height: 36px;
	margin: 0
}

.group-cover.group-header h3 {
	font-size: 14px
}

.group-cover.group-header .members {
	text-align: right;
	margin-top: 10px
}

.group-cover.group-header .members span,.group-cover.group-header .members figure {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	width: 35px;
	height: 35px;
	border-radius: 18px;
	overflow: hidden
}

.group-cover.group-header .members figure img {
	width: 100%;
	height: 100%
}

.group-cover.group-header .members span {
	background: #d7d7d7;
	color: #686868;
	font-size: 14px;
	text-align: Center;
	line-height: 35px
}

.group-cover.group-header .members .btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width : 125px;
	margin-left: 10px;
}

.group-cover.group-header .members .dropdown {
	display: inline-block;
	margin-left: 10px
}

.group-cover.group-header .members .dropdown .dropdown-menu {
	right: 0;
	left: auto;
	margin-top: 1px;
	text-align: right;
	border: none;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

.group-cover.group-header .members .dropdown .dropdown-menu li a:hover {
	color: #00ACED;
	background: none
}

.docs-list th {
	white-space: nowrap
}

.goal {
	border: solid 2px #B4D246;
	border-radius: 6px
}

.goal h4 {
	font-size: 20px;
	color: #424242;
	margin: 0 0 4px
}

.goal p {
	margin: 0 0 10px
}

.goal .goal-progrss span {
	text-align: right;
	font-size: 14px;
	color: #686868;
	display: block;
	margin-bottom: 4px
}

.goal .tooltip {
	z-index: 100;
	position: relative;
	width: auto;
	opacity: 1;
	top: 0;
	left: 0;
	padding-top: 17px
}

.goal .tooltip .tooltip-inner {
	background: #FFF;
	max-width: 100%;
	border: solid 2px #B4D246;
	color: #686868;
	padding: 12px
}

.goal .tooltip .tooltip-inner span {
	display: Block;
	font-size: 16px
}

.goal .tooltip .tooltip-inner a {
	font-size: 14px;
	color: #4CC0EB
}

.goal .tooltip .tooltip-arrow {
	top: 0;
	border-width: 0 18px 18px;
	border-bottom-color: #B4D246;
	margin-left: -18px;
	z-index: 2
}

.goal .tooltip .tooltip-arrow:before {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 0 17px 18px;
	border-bottom-color: #FFF;
	margin-left: -17px;
	top: 2px;
	left: 50%;
	content: '';
	z-index: 1
}

.goal footer {
	background: #ECF4D1;
	margin: -40px -22px -24px;
	padding: 40px 52px 24px;
	text-align: center
}

.goal footer h5 {
	font-size: 20px;
	color: #424242;
	margin: 10px 20px
}

.goal .btn {
	display: block;
	margin-bottom: 10px
}

.admins li {
	margin-bottom: 10px
}

.admins li figure {
	width: 35px;
	height: 35px;
	border-radius: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.admins li figure img {
	width: 100%;
	height: 100%
}

.right-sidebar .members {
	padding: 24px 10px
}

.right-sidebar .members figure {
	width: 35px;
	height: 35px;
	border-radius: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 8px
}

.right-sidebar .members figure img {
	width: 100%;
	height: 100%
}

#complete-profile .modal-dialog {
	width: 836px;
	height: 100%;
	margin: 0 auto;
	padding: 60px 0
}

#complete-profile .progress,#complete-profile .mobile-progress {
	display: none
}

#complete-profile .up_arrow {
	display: none
}

#complete-profile.affix .progress {
	display: block
}

#complete-profile .modal-dialog .modal-content {
	height: 100%;
	position: relative;
	padding: 171px 0 76px
}

#complete-profile .modal-dialog .modal-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

#complete-profile .modal-header .close {
	width: 32px;
	height: 32px;
	top: -43px;
	right: -31px;
	background: url(../img/close-icon.png) 7px 7px no-repeat
}

.update-profile {
	margin: 0 60px
}

.update-profile label.label-item {
	font-family: 'gotham-bold';
	position: relative;
	display: block;
	font-size: 18px;
	color: #424242;
	line-height: 20px;
	padding: 10px 0;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 20px
}

.update-profile label.label-item a {
	margin-left: 30px;
	font-size: 16px;
	text-decoration: underline;
	color: #9A9A9A
}

.update-profile label.label-item:first-of-type {
	margin-top: 0
}

.update-profile label.label-item span {
	position: Absolute;
	width: 40px;
	height: 40px;
	left: -50px;
	top: 0;
	border-radius: 20px;
	background: #B4D246;
	color: #FFF;
	text-align: center;
	line-height: 40px;
	font-size: 16px
}

.update-profile .custom-radio,.update-profile .custom-checkbox {
	font-size: 16px;
	padding: 20px 2px;
	margin-bottom: 20px
}

.update-profile .custom-radio span,.update-profile .custom-checkbox span,.question-panel a {
	font-family: 'proxima_nova' !important
}

.update-profile .custom-checkbox {
	height: 129px
}

.update-profile .custom-checkbox em {
	position: absolute;
	top: 1px;
	left: 1px
}

.update-profile .custom-checkbox span:before,.update-profile .custom-radio span:before {
	border: solid 2px #ddd;
	border-radius: 5px;
	content: '';
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.update-profile .custom-checkbox input:checked~span:before,.update-profile .custom-radio input:checked~span:before,.update-profile .custom-radio.highlighted input:checked~em {
	border: 2px solid #27aaaa
}

.update-profile .custom-checkbox em {
	border-color: #FFF;
	outline: solid 1px #CCC;
	top: 2px;
	left: 2px
}

.update-profile .custom-checkbox input:checked~em {
	outline-color: #27AAAA;
	border-color: #FFF
}

.update-profile .custom-radio i,.update-profile .custom-checkbox i {
	display: Block;
	font-size: 14px;
	font-style: normal;
	color: #9A9A9A
}

#complete-profile {
	height: 100%;
	overflow: hidden
}

#complete-profile .modal-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 100px;
	border-top: solid 12px #ffa718;
	border-radius: 6px 6px 0 0
}

#complete-profile.affix .modal-content {
	padding-top: 75px
}

#complete-profile.affix .modal-header {
	height: 100px;
	padding: 0
}

#complete-profile .modal-body {
	height: 100%;
	overflow: auto
}

#complete-profile .modal-header img {
	width: 75px;
	display: block;
	margin: -65px auto 30px
}

#complete-profile .modal-header .scroll-header {
	display: inline
}

#complete-profile.affix .modal-header .scroll-header img {
	margin: -46px 20px 10px 30px;
	display: inline-block;
	width: 63px
}

#complete-profile .modal-header h6 {
	display: none
}

#complete-profile .modal-header .affix h6 {
	display: inline-block
}

#complete-profile .modal-header h4 {
	color: #424242;
	font-size: 36px;
	margin: 0 0 6px
}

#complete-profile .modal-header h5 {
	color: #9A9A9A;
	font-size: 18px;
	margin: 0
}

#complete-profile.affix .modal-header h4,#complete-profile.affix .modal-header h5 {
	display: none
}

#complete-profile.affix .modal-header {
	text-align: left
}

#complete-profile.affix .modal-header h6 {
	display: inline-block;
	text-align: left;
	font-size: 24px;
	margin: 0;
	color: #424242
}

#myModalLabel span {
	display: none
}

#myModalLabel span#completeprofiletext {
	display: block
}

#footer {
	background: #223030;
	color: #FFF;
	padding: 48px 0;
	position: relative;
	z-index: 1;
	font-size: 12px
}

.footer-bottom {
	margin-top: 40px;
	padding-top: 40px;
	text-align: center;
	font-size: 14px;
	border-top: solid 1px #3D5252
}

#footer img {
	max-width: 100%
}

#footer h5 {
	margin-bottom: 30px
}

#footer.white {
	height: 211px;
	background: #FFF;
	color: #9A9A9A;
	text-align: center;
	border-top: solid 1px #CCC;
	padding: 20px 0
}

#footer .form-control {
	margin-bottom: 10px
}

#footer .col-sm-4:first-child {
	width: 36%
}

#footer .col-sm-4:first-child+.col-sm-4 {
	width: 30%
}

#footer .social {
	text-align: center;
	margin-top: 30px
}

#footer .social a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/footer-social-icons.png) no-repeat;
	margin: 0 12px
}

#footer .social a.twitter {
	background-position: 0 -20px
}

#footer .social a.facebook {
	background-position: 0 0
}

@media (max-width: 1600px) {
	.community-img {
		max-width: 120%;
		margin-left: -20%
	}

	.profile-main-content .container .profile-data .personalDetail p:nth-of-type(2) {
		text-indent: 1em
	}
}

@media (min-width: 1200px) {
	.funnel .container,.dashboard .container {
		width: 1030px
	}
}

@media screen and (max-width: 1200px) {
	.banner-form .form-group .form-control{
		width: 350px;
	}
	.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:last-of-type {
		display: block;
		height: 127px;
		width: 188px
	}

	.profile-main-content .container .profile-data .personalDetail p:nth-of-type(2) {
		text-indent: -5em
	}

	.profile-main-content .container .profile-data .headPortrait {
		left: 82px
	}

	.profile-main-content .container .profile-data .personalDetail {
		padding-right: 22px;
		text-align: center
	}

	.profile-main-content .container .profile-data .personalDetail p {
		text-indent: -2em
	}

	.profile-main-content .container .profile-data .solarDetailsPrew {
		padding-right: 22px
	}

	.homeContent .col-sm-4::before {
		width: 84% !important;
		font-size: 14px !important
	}

	#top-bar .btn {
		padding: 8px 11px
	}

	#top-bar .navbar-nav>li>a {
		padding: 15px 10px
	}

	#top-bar .navbar-nav>li>a.notifications,#top-bar .navbar-nav>li.dropdown>a {
		padding-left: 10px;
		padding-right: 10px
	}

	.wizard.vertical>.steps,.dashboard-sidebar,.invite {
		width: 280px
	}

	.wizard.vertical>.content,.wizard.vertical>.actions,.dashboard-content {
		width: 627px
	}

	.dashboard:after {
		margin-left: 173px
	}
}

@media screen and (max-width: 992px) {
	.profile-main-content .container .profile-data .headPortrait {
		left: 46px
	}

	.profile-main-content .container .col-sm-8 .projectsImg img {
		width: 129px
	}

	.profile-main-content .container .col-sm-8 .photosVideos .photosImg {
		padding-bottom: 50px;
		margin-left: -15px
	}

	.photosVideos.white-bg .photosImg img.photosImg-image {
		width: 100px
	}

	.profile-main-content .container .col-sm-8 .homeAppliances .homeContent span {
		font-size: 13px
	}

	.profile-main-content .container .col-sm-8 .homeAppliances .homeContent .col-sm-4:nth-last-of-type(3) span {
		font-size: 10px
	}

	.homeContent .col-sm-4::before {
		width: 78% !important;
		font-size: 13px !important
	}

	.post {
		margin-bottom: 30px
	}

	.home-cover h1 {
		font-size: 72px;
		margin: 140px 0 0
	}

	.wizard {
		padding-top: 50px;
		position: relative
	}

	.banner-form .form-group .form-control {
		width: 78%;
		border: solid 1px #EEE;
		height: 50px;
		font-size: 20px
	}

	.banner-form .form-group .btn {
		position: absolute;
		top: 0;
		right: -50px;
		width: 260px;
		height: 50px;
		font-size: 20px
	}

	.wizard.vertical>.steps,.dashboard-sidebar {
		position: absolute;
		top: 0;
		left: 0
	}

	.dashboard-sidebar,.wizard.vertical>.steps,.wizard.vertical>.content,.wizard.vertical>.actions,.dashboard-content {
		width: 100%
	}

	.wizard.vertical>.steps h3,.dashboard-sidebar h3,.wizard.vertical>.steps .funnel-summary,.dashboard-sidebar .funnel-summary {
		display: none
	}

	.wizard.vertical>.steps,.dashboard-sidebar {
		padding: 15px;
		background: #F9F9F9;
		box-shadow: 0 4px 8px rgba(0, 0, 0, .1) inset
	}

	.wizard>.steps li,.dashboard-sidebar li {
		float: left;
		width: 33.33%;
		margin: 0
	}

	.dashboard-sidebar li:first-child+li+li+li,.dashboard-sidebar li:first-child+li+li+li+li,.dashboard-sidebar li:first-child+li+li+li+li+li {
		display: none
	}

	.dashboard:after {
		display: none
	}

	.community-img {
		max-width: 100%;
		margin-left: 0%
	}

	.article p {
		line-height: 20px;
		/*font-family: 'Gotham Rounded'*/
	}

	.get-started {
		padding: 30px 0
	}

	.get-started h3 {
		margin: 0 0 30px;
		fomt-size: 31px
	}

	.get-started form .form-control {
		width: 297px
	}

	.get-started form .btn {
		width: 163px
	}

	.questions-list .user span,.questions-list .user strong {
		white-space: normal
	}

	.questions-list .large-tn {
		width: 40px;
		height: 40px
	}

	.questions-list .user {
		padding-left: 30px
	}

	.questions-list .user figure {
		width: 25px;
		height: 25px
	}

	.answer header h3,.answer header .date {
		float: none !important
	}

	.product-top h1 {
		display: block;
		margin-top: 70px
	}

	.product-top .btn {
		padding: 10px 12px
	}

	.product-top .rating {
		margin-top: 5px
	}

	.product .product-info {
		padding: 25px
	}

	.products-filter label {
		display: none
	}

	.community-box {
		padding: 0 20px 20px
	}

	.community-box header {
		margin: 0 -20px 20px
	}

	.community-trusted h4,.community-trusted img {
		margin: 0 5px
	}

	.group-item p {
		margin-right: 0
	}
}

@media (min-width: 768px) and (max-width:900px) {
	#barChart{
		zoom: 0.6 !important;
	}
	#pieChart{
		zoom: 0.6 !important;
	}
	#savingCalculator .modal-content{
		height: 1033px!important;
	}
	#savingCalculator .saving-content{
		width: 454px!important;
	}
	#savingCalculator .saving-select{
		height: 247px!important;
	}
	#savingCalculator .modal-content{
		margin-left: 150px!important;
		width: 708px!important;
	}
	#priceCalculator #modal-address {
		width: 550px!important;
	}
	#priceCalculator .titleDes {
		margin-left: 170px!important;
		width: 280px!important;
	}
	#priceCalculator .title {
		margin-left: 170px!important;
	}
	.questionslabel{
		padding-left: 40px!important;
	}
	.reasonContent {
		width: 200px!important;
	}
	.calculate{
		padding: 15px 5px 0px 25px!important;
		width: 189px!important;
		margin: 18px 15px 12px!important;
	}
	#select{
		width: 210px!important;
	}
	.brokerage-select .col-sm-4{
		width: 30.333333%!important;
		margin-left: 15px!important;
	}
	.recomTag{
		left: 40%!important;
	}
	section.funnel.brokerage-select .row{
		margin-top: 60px!important;
	}
	#brokerage-login .modal-content{
		margin-left: -20px!important;
	}
	.modal-backdrop.in{
		opacity: 0.8!important;
	}
	.profile-main-content .container .col-sm-8 .homeContent .col-sm-4:last-of-type {
		height: 110px;
		width: 140px
	}

	.profile-main-content .container .col-sm-8 .photosVideos .photosImg {
		padding-bottom: 0
	}

	.profile-main-content .container .profile-data .solarDetailsPrew {
		width: 230px
	}

	.custom-checkbox {
		height: 110px !important
	}

	#complete-profile .modal-dialog {
		width: 90%
	}

	.profile-main-content .container .profile-data .personalDetail p {
		text-indent: 0
	}

	.profile-main-content .container .profile-data .personalDetail p:nth-of-type(2) {
		text-indent: -2em !important
	}

	.solarDetailsEdit .dropdown button {
		font-size: 13px
	}
}

@media screen and (min-width: 768px) {
	.update-profile .custom-radio,.update-profile .custom-checkbox {
		min-height: 125px
	}
	.content-section.about-banner2{
		padding: 50px 0 50px;
	}
	.content-section.gray-section{
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	#contact-us-info .modal-dialog{
		width: 90%;
    	margin: 80px auto;
	}
	#contact-us-info .modal-header{
		padding:10px;
	}
	#contact-us-info .disapear-email h4{
		font-size: 20px;
	}
	#contact-us-info .disapear-email h5{
		font-size: 16px;
		width: 350px!important;
	}

	.profile-main-content .container .profile-data .solarDetailsPrew {
		width: 360px
	}

	.showAllPhotos {
		margin-top: 13px
	}

	.showAllAppliances.visible-xs {
		margin-top: 13px;
		margin-bottom: 20px
	}

	.profile-main-content .container .col-sm-8 div.white-bg:nth-child(3) {
		padding-bottom: 60px
	}

	#progressDes {
		position: relative;
		top: -37px
	}

	#myModal .modal-footer .btn.btn-default {
		left: 180px
	}

	#myModal .modal-footer .btn.btn-primary {
		left: 280px
	}

	.homeContent .col-sm-4::before {
		width: 136px !important
	}

	.profile-main-content .container .col-sm-8 div.white-bg {
		position: relative
	}

	.profile-main-content .container .col-sm-8 .homeHeader button {
		position: absolute;
		width: 85%;
		right: 0;
		bottom: 19px
	}

	.profile-main-content .container .col-sm-8 .homeHeader button:nth-of-type(1) {
		left: 30px
	}

	.profile-main-content .container .col-sm-8 .homeHeader .modal-footer button:nth-of-type(1) {
		left: 200px;
		bottom: 10px
	}

	.profile-main-content .container .col-sm-8 .homeHeader .modal-footer button:nth-of-type(2) {
		left: 300px;
		bottom: 10px
	}

	.profile-main-content .container .col-sm-8 .projectsHeader button {
		position: absolute;
		left: 30px;
		bottom: 19px;
		width: 85%;
		height: 35px
	}

	.profile-main-content .container .col-sm-8 .photosVideos button {
		left: 30px;
		bottom: 19px;
		position: absolute;
		width: 85%
	}

	.photosVideos.white-bg .photosImg img.photosImg-image {
		width: 119px;
		height: 119px;
		margin-left: 19px
	}

	.silderWrap {
		white-space: nowrap;
		overflow-x: scroll;
		text-decoration: none
	}

	.silderWrap::-webkit-scrollbar {
		width: 0;
		background: transparent
	}

	.silderWrap>div {
		display: inline-block;
		float: none;
		text-decoration: none
	}

	.solarDetailsEdit textarea.form-control {
		max-width: 340px;
		width: 340px
	}

	.solarDetailsEdit .dropdown ul.dropdown-menu {
		width: 95%;
		left: 15px
	}

	.profile-main-content .container .profile-data .personalDetail p {
		text-indent: 0
	}

	.profile-main-content .container .profile-data .headPortrait {
		left: 120px
	}

	.profile-main-content .container .profile-data .personalDetail p:nth-of-type(2) {
		text-indent: 1em
	}

	.profile-main-content .container .iconcheck {
		position: absolute;
		left: 100px
	}

	.alert a.btn {
		margin-top: 0
	}

	.navbar-header .logo {
		margin: 10px auto;
		float: none;
		background-image: url(../img/logo@2x.png);
		background-size: 100% auto
	}

	#toggle {
		float: left;
		display: block;
		position: relative;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px
	}

	#toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #27AAAA;
		margin: 4px auto
	}

	.navbar-header .dropdown {
		float: right;
		margin: 10px 0
	}

	.navbar-header .dropdown a {
		padding: 10px 30px 11px 20px !important
	}

	.navbar-header .dropdown .dropdown-menu {
		left: auto;
		right: 0
	}

	#top-bar .navbar-nav>li {
		border-bottom: solid 1px #EEE;
		border-left: none
	}

	#top-bar .navbar-nav>li>a {
		padding: 10px 20px
	}

	#collapse-nav {
		border-top: solid 1px #EEE
	}

	.navbar-nav {
		margin: 0 -15px
	}

	.home-cover {
		height: auto;
		padding: 40px 0 34px
	}

	.home-cover h1 {
		font-size: 28px;
		margin: 0 0 10px
	}

	.home-cover p {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 20px;
	}

	.banner-form {
		position: static;
		background: none;
		padding: 0
	}

	.banner-form .form-group .form-control {
		width: 100%;
		border: solid 1px #EEE;
		height: 50px;
		font-size: 20px
	}

	.banner-form .form-group,.join-form .form-group {
		padding: 0
	}

	.banner-form .form-group .form-control,.join-form .form-group .form-control {
		font-size: 16px
	}

	.banner-form .form-group .btn,.join-form .form-group .btn {
		position: static;
		width: 100%;
		margin-top: 5px;
		font-size: 16px
	}

	.content-section {
		padding: 40px 0;
		z-index: 2;
		position: relative;
		overflow-x: hidden;
		overflow-y: visible
	}

	.section-title {
		/* margin-top: 70px; */
		text-align: center;
		margin-bottom: 15px;
	}

	hr {
		display: none
	}

	.how-icon:before,.how-icon:after {
		display: none
	}

	.how-it-works p {
		margin-bottom: 30px
	}

	.content-section+hr+.content-section {
		background: #F9F9F9;
		padding-bottom: 0
	}

	.section-subtitle {
		margin: 0 0 20px
	}

	.section-title+.section-subtitle {
		margin: 0px 0 20px;
		text-align: center;
	}

	.community {
		margin-bottom: 30px
	}

	.community li {
		padding: 0;
		margin-bottom: 38px;
		text-align: center
	}

	.community li h5 {
		margin-bottom: 12px
	}

	.community-icon {
		display: block;
		margin: 0 auto 20px;
		position: static
	}

	.community+.btn {
		width: 70%;
		display: block;
		margin: 0 auto
	}

	.content-section.blue-bg,.content-section.dark-blue-bg {
		padding: 40px 0
	}

	.blue-bg .section-title+.section-subtitle {
		margin-top: -10px
	}

	.blue-bg .row {
		overflow: auto;
		white-space: nowrap;
		margin: 0
	}

	.blue-bg .row .col-md-3 {
		display: inline-block;
		width: 85%;
		white-space: normal
	}

	.post {
		margin: 0
	}

	.full-img {
		margin-bottom: 0
	}

	.full-img+.container {
		background: #FFF;
		padding: 40px 15px;
		text-align: center
	}

	#footer {
		padding: 5px 0 30px
	}

	.footer-nav {
		margin: 0 -15px
	}

	.footer-nav li {
		border-bottom: solid 1px #3C5555
	}

	.footer-nav li a {
		padding: 22px 20px;
		color: #FFF;
		font-size: 14px;
		display: block
	}

	.footer-bottom {
		margin: 0;
		border: none
	}

	#qualify-modal .modal-dialog {
		width: auto
	}

	.modal-header {
		padding: 20px
	}

	.modal-header h4 {
		margin: 0
	}

	#qualify-modal .modal-body {
		padding: 10px 20px
	}

	.modal-body .numbered-label {
		margin-left: 0;
		position: relative
	}

	.numbered-label {
		padding-left: 46px
	}

	.numbered-label span {
		position: absolute;
		left: 0;
		top: 2px;
		width: 36px;
		height: 36px;
		line-height: 36px
	}

	.custom-radio {
		text-align: left;
		margin-bottom: 10px
	}

	.custom-radio em {
		display: inline-block;
		vertical-align: middle;
		margin: 0 15px 0 0
	}

	.custom-radio span,.custom-radio strong {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 0 0
	}

	.responsive-img.enlarge-xs {
		margin: 0 -50px 20px
	}

	.responsive-img.overlap-xs {
		margin-top: -80px
	}

	.about-banner1 {
		background-image: url(../img/about-banner2-mobile.jpg);
		z-index: 1
	}

	.funnel {
		padding: 0;
		background: none
	}

	.funnel .container {
		padding: 0
	}

	.dashboard-sidebar .wizard.vertical>.steps,.wizard.vertical>.content,.dashboard-content,.wizard.vertical>.actions {
		border-radius: 0;
		border: none
	}

	.wizard.vertical>.steps,.dashboard-sidebar {
		border-bottom: solid 1px #ddd;
		padding: 10px 0 6px 0
	}

	.wizard>.steps li a em:not(.circle),.dashboard-sidebar li a em:not(.circle) {
		display: none
	}

	.wizard>.steps li a,.dashboard-sidebar li a {
		padding-bottom: 22px;
		position: relative;
		text-align: center;
		display: block
	}

	.wizard>.steps li a span,.dashboard-sidebar li a span {
		position: absolute;
		bottom: 0;
		margin: 0 0 0 -14px;
		left: 50%;
		transform: scale(.7)
	}

	.wizard>.content>.body {
		padding: 20px 10px 10px
	}

	.funnel h1 {
		font-size: 20px;
		margin: 12px 30px
	}

	.funnel fieldset label {
		margin-bottom: 5px
	}

	.connect-options a {
		margin-bottom: 10px
	}

	.wizard.vertical>.actions {
		padding: 10px
		border-top:none !important
	}

	.wizard.vertical>.actions>ul {
		display: block
	}

	.wizard.vertical>.actions>ul>li {
		display: block;
		margin: 0;
		float: none
	}

	.wizard.vertical>.actions>ul>li>a {
		display: block;
		text-align: Center
	}

	.funnel fieldset {
		margin-bottom: 10px
	}

	.custom-radio,.custom-checkbox {
		font-size: 14px !important;
		height: 137px
	}

	.custom-radio,.custom-radio {
		text-align: center
	}

	.funnel .col-xs-6:nth-child(odd) {
		padding-right: 8px
	}

	.funnel .col-xs-6:nth-child(even) {
		padding-left: 8px
	}

	.funnel header {
		margin-bottom: 10px
	}

	.funnel figure img {
		width: 50px
	}

	.funnel figure.pull-left {
		margin: 0
	}

	.funnel .check {
		margin: 0 0 4px
	}

	.funnel h2 {
		font-size: 20px;
		margin: 0 55px 30px
	}

	.funnel header h2 {
		text-align: center;
		font-size: 20px;
		margin: 15px 30px
	}

	.funnel .schedule input.form-control {
		margin-bottom: 10px
	}

	.funnel .schedule .form-group {
		margin: 0
	}

	.funnel .schedule label {
		text-align: center;
		display: block
	}

	.dashboard {
		padding-top: 80px
	}

	.dashboard h1,.dashboard h2 {
		text-align: center;
		margin-left: 0
	}

	.dashboard .alert {
		text-align: center
	}

	.alert-with-icon {
		padding-left: 10px
	}

	.alert .btn {
		position: static
	}

	.dashboard .container {
		position: static
	}

	.alert .alert-icon {
		display: none
	}

	.dashboard-content {
		overflow: visible
	}

	.dashboard-actions {
		margin: 0 -15px
	}

	.dashboard-actions li {
		padding-top: 16px;
		padding-bottom: 16px;
		padding: 16px 20px 16px 55px;
		position: relative
	}

	.dashboard-actions li:after {
		background: url(../img/icon-angle-right.png) 0 0 no-repeat;
		content: '';
		display: block;
		width: 10px;
		height: 17px;
		position: Absolute;
		top: 50%;
		right: 10px;
		margin-top: -8px
	}

	.dashboard-actions li a.visible-xs {
		content: '';
		display: block;
		width: 10px;
		height: 17px;
		position: Absolute;
		top: 50%;
		right: 10px;
		margin-top: -8px;
		z-index: 99
	}

	.dashboard-actions li .dashboard-icon {
		transform: scale(.65)
	}

	.wizard>.actions span {
		position: absolute;
		top: -15px;
		left: 0;
		width: 100%;
		margin: 0;
		font-size: 14px;
		color: #686868
	}

	.funnel .schedule {
		margin-bottom: 30px
	}

	.questions-list .table,.questions-list .table>tbody,.questions-list .table>tbody>tr {
		display: block
	}

	.questions-list .table>tbody>tr>td {
		display: block;
		padding: 0
	}

	.questions-list .table>thead {
		display: none
	}

	.questions-cover h3 {
		display: none
	}

	.questions-cover,.products-cover,.articles-cover {
		padding: 36px 0
	}

	.questions-cover h1,.products-cover h1,.articles-cover h1 {
		font-size: 22px;
		text-align: center;
		margin: 0
	}

	.products-cover h3,.articles-cover h3 {
		font-size: 13px;
		margin-top: 6px
	}

	.profile-cover {
		height: 155px;
		background-image: url(../img/profile/profile-cover-sm.png)
	}

	.main-content {
		padding: 15px 0
	}

	.panel {
		padding: 15px
	}

	.questions-list {
		font-size:14px;
		z-index:2;
		padding-top: 7px;
	}
	.questions-list .large-tn{
		width:60px;
		height:60px;
		border-radius:30px;
		overflow:hidden;
		display:inline-block;
	}
	.questions-list .large-tn img {
		width:100%;
		height:100%;
	}
	.panel.docs-list {
		z-index: 0 !important;
	}

	.questions-list h3 {
		font-family: 'gotham-book';
		font-weight: 700;
		font-size:16px;
		margin:0 0 5px;
		color:#424242;
	}

	.questions-list p {
		margin-bottom: 5px
	}

	.questions-list .more {
		color: #9A9A9A
	}

	.questions-list .more a {
		color: #4CC0EB
	}

	.questions-list .user {
		background: #f9f9f9;
		margin: 15px -15px 0;
		padding: 15px
	}

	.questions-list .user figure {
		position: static;
		float: left;
		margin-right: 10px
	}

	.questions-list .user h5 {
		font-size: 14px;
		font-weight: 700;
		color: #686868;
		margin: 0 0 6px
	}

	.questions-list .user p {
		margin: 6px 0 0
	}

	.reply-form .btn {
		width: 100%
	}

	.question-header {
		margin-bottom: 40px
	}

	.question-header .date {
		float: none !important;
		margin-top: 3px;
		display: block
	}

	.question-header .pull-left {
		float: none !important
	}

	.question-header h2 {
		font-size: 18px
	}

	.answer {
		padding: 0
	}

	.answer:not(.reply) figure {
		margin: -40px auto 10px;
		width: 50px;
		height: 50px;
		position: static
	}

	.answer header .date {
		float: none !important
	}

	.answer header h3 {
		float: none !important;
		font-size: 18px
	}

	.answer.reply figure {
		width: 34px;
		height: 34px;
		position: static;
		float: left;
		margin: 0 10px 0
	}

	.answer.reply {
		padding-left: 24px
	}

	.answer.reply2 {
		padding-left: 34px
	}

	.answer.reply header h3 {
		margin-top: 8px
	}

	.panel.category {
		padding-right: 50px
	}

	.panel.category .btn {
		background: url(../img/angle-right-arrow.png) 50% 50% no-repeat;
		background-size: 11px auto;
		width: 34px;
		height: 34px;
		padding: 0;
		border: none;
		box-shadow: none;
		top: 50%;
		margin-top: -17px;
		font-size: 0
	}

	.category .product-icons img:not(.disabled) {
		position: Absolute;
		top: 14px;
		left: 15px;
		width: 45px;
		max-width: 45px
	}

	.category .product-icons img.disabled {
		display: none
	}

	.category h2,.category h3 {
		margin-left: 56px
	}

	.category h2 {
		font-size: 18px
	}

	.category h3 {
		font-size: 14px;
		margin-bottom: 5px
	}

	.category p {
		height: 42px;
		overflow: hidden;
		margin: 0
	}

	.products-filter .pull-right {
		float: none !important
	}

	.products-filter .dropdown {
		width: 50%;
		margin: 0;
		float: left;
		padding: 0 5px
	}

	.products-filter .dropdown .btn {
		width: 100%;
		text-align: left
	}

	.product .product-info {
		padding: 25px
	}

	.product-top h1 {
		margin-top: 10px;
		display: block
	}

	.product-top .rating {
		margin-top: 0;
		display: block
	}

	.reviews.panel {
		background: none;
		padding: 0
	}

	.review {
		background: #FFF;
		padding: 15px;
		margin-top: 45px;
		border-radius: 5px
	}

	.review figure {
		position: static;
		margin: -40px auto 10px;
		width: 50px;
		height: 50px
	}

	.add-review {
		padding: 15px;
		background: #FFF;
		border-radius: 5px
	}

	.secondary-nav .dropdown .dropdown-toggle {
		padding: 15px;
		line-height: 20px;
		font-size: 14px;
		color: #424242;
		display: block;
		text-align: left
	}

	.article {
		padding: 15px
	}

	.article h2 {
		font-size: 22px
	}

	.article header a.user,.article header span {
		display: block
	}

	.article .responsive-img {
		margin: 15px -15px
	}

	.article p {
		font-size: 14px;
		line-height: 18px
	}

	.get-started {
		padding: 20px 0
	}

	.get-started h3 {
		font-size: 22px;
		line-height: 26px;
		margin: 0 20px 10px
	}

	.get-started form .form-control,.get-started form .btn {
		width: 100%;
		height: 47px;
		margin-bottom: 10px
	}

	.article p.large {
		font-family: 'Gotham Rounded';
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 18px
	}

	#main-nav {
		position: fixed;
		left: -85%;
		width: 87%;
		height: 200%;
		background: #27aaaa;
		top: 0;
		z-index: 1
	}

	#top-bar .navbar-nav>li>a {
		color: #FFF;
		padding: 10px 40px
	}

	body {
		transition: all ease .5s;
		overflow-x: hidden
	}

	body.navbar-open {
		transform: translateX(85%);
		overflow-x: auto
	}

	#footer .col-sm-4:first-child+.col-sm-4 {
		width: auto
	}

	#footer h5 {
		margin: 30px 0 20px
	}

	#footer form {
		margin-bottom: 37px
	}

	#footer label {
		margin-bottom: 10px;
		font-weight: 400
	}

	#footer iframe {
		margin: 0 auto
	}

	.popular-question {
		margin-bottom: 15px
	}

	.popular-question strong {
		display: block;
		font-size: 14px;
		color: #4CC0EB;
		font-weight: 400;
		margin-bottom: 4px
	}

	.popular-question p {
		color: #686868;
		font-size: 14px;
		margin-bottom: 8px
	}

	.popular-question figure {
		display: block;
		width: 35px;
		height: 35px;
		margin-right: 6px;
		border-radius: 20px;
		overflow: hidden;
		display: inline-block;
		vertical-align: middle
	}

	.right-sidebar .archive li.popular-question p a {
		display: inline;
		font-size: 14px
	}

	.popular-question figure img {
		display: block;
		width: 100%
	}

	.popular-question span {
		font-size: 14px;
		color: #9A9A9A
	}

	.community-cover {
		padding: 28px 20px 20px
	}

	.community-cover h1 {
		font-size: 22px;
		line-height: 26px
	}

	.community-cover h3 {
		font-size: 14px
	}

	.community-content {
		padding: 24px 0
	}

	.community-content .section-title {
		text-align: left;
		font-size: 20px
	}

	.community-box {
		margin-bottom: 10px;
		position: relative;
		padding: 20px 20px 12px 110px;
		text-align: left
	}

	.community-box header {
		background-color: #FFF;
		border-left: solid 6px;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		margin: 0;
		width: 110px
	}

	.community-box header.questions,.community-box header.groups,.community-box header.articles {
		background-color: #FFF;
		background-size: auto 52px
	}

	.community-box header.questions {
		border-color: #b4d246
	}

	.community-box header.groups {
		border-color: #40b2e6
	}

	.community-box header.articles {
		border-color: #ffa818
	}

	.community-box h3 {
		font-size: 18px;
		margin-bottom: 4px
	}

	.community-box h4 {
		font-size: 14px
	}

	.community-box:after {
		content: '';
		background: url(../img/angle-right-arrow.png) 50% 50% no-repeat;
		background-size: 11px auto;
		width: 34px;
		height: 34px;
		padding: 0;
		border: none;
		box-shadow: none;
		top: 50%;
		right: 10px;
		margin-top: -17px;
		font-size: 0;
		position: absolute
	}

	.community-trusted.content-section {
		padding: 15px 0
	}

	.community-trusted img,.community-trusted h4 {
		display: block;
		margin: 0 auto 10px
	}

	.community-trusted h4 {
		max-width: 100%;
		font-size: 18px
	}

	.group-item .btn {
		float: none !important;
		margin-left: 0;
		display: block;
		width: 100%
	}

	.group-item .members figure,.group-item .members span {
		margin: 0 4px 0 0
	}

	.group-cover.group-header .members {
		text-align: center;
	}

	.group-cover.group-header .members span,.group-cover.group-header .members figure {
		margin: 0 0 0 2px
	}

	.group-cover.group-header .members .btn,.group-cover.group-header .members .dropdown {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 10px;
		margin-left: 0
	}

	.goal .tooltip .tooltip-inner {
		background: #ECF4D1;
		border: none
	}

	.goal .tooltip .tooltip-arrow {
		display: none
	}

	.goal .tooltip {
		padding-top: 0
	}

	.right-sidebar .group h4.collapse-control {
		margin-bottom:0;

		position: relative;
	}
	.right-sidebar .group .collapse {
		margin-top:10px;
	}
	.right-sidebar .group h4.collapse-control:after {
		display:block;
		width:15px;
		height:9px;
		background-size:100% 100%;
		position:absolute;
		right:15px;
		top:50%;
		margin-top:-4px;
		background:url('../img/dropdown-arrow2.svg') 50% 50% no-repeat;
		background-size:100% 100%;
		content:'';
		transform: rotate(180deg);
		transition: all ease .4s;
	}
	.right-sidebar .group h4.collapse-control.collapsed:after {
		transform: rotate(0deg);
	}

	.right-sidebar .panel h4.collapse-control {
		margin-bottom: 0;
		position: relative
	}

	.right-sidebar .panel .collapse {
		margin-top: 10px
	}

	.right-sidebar .panel h4.collapse-control:after {
		display: block;
		width: 15px;
		height: 9px;
		background-size: 100% 100%;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -4px;
		background: url(../img/dropdown-arrow2.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
		content: '';
		transform: rotate(180deg);
		transition: all ease .4s
	}

	.right-sidebar .panel h4.collapse-control.collapsed:after {
		transform: rotate(0deg)
	}

	.group{
		padding : 15px;
	}
	.group-cover {
		height: 186px
	}

	.group-cover.group-header {
		padding: 56px 0 0;
		height:203px;
		margin-top:35px;
	}

	.group-cover.group-header h1 {
		text-align: Center;
		font-size: 24px;
		margin-bottom: 10px;
		line-height: 24px
	}

	.group-filter .nav-tabs>li>a {
		font-size: 18px;
		padding: 0 1px 5px;
		margin-right: 20px
	}

	.breadcrumb>.active {
		max-width: 60%;
		vertical-align: top;
		padding-left: 20px
	}

	.breadcrumb>li+li {
		position: relative
	}

	.breadcrumb>li+li:before {
		position: absolute;
		left: -5px;
		top: 5px;
		top: 7px
	}

	.no-pull-xs {
		float: none !important
	}

	.group-item h2 {
		margin-left: 0;
		font-size: 20px;
		padding-right: 60px;
		position: relative
	}

	.group-item h2 span {
		position: absolute;
		top: 0;
		right: 0
	}

	.group-filter .form-control {
		width: 100px;
		border: solid 1px #EEE;
		box-shadow: none;
		height: 39px
	}

	.col-sm-4.pull-right {
		float: none !important
	}

	#complete-profile .modal-dialog {
		width: 100%;
		padding: 0
	}

	#complete-profile .modal-header {
		border: none;
		padding: 10px 20px 2px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		min-height: 74px
	}

	#complete-profile.affix .modal-header {
		height: 84px;
		padding: 10px 20px
	}

	#complete-profile.affix .progress {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		height: 7px;
		borde-radius: 0
	}

	#complete-profile .progress .progress-bar.progress-bar-success {
		background: #27aaaa;
		borde-radius: 0
	}

	#complete-profile .modal-header .scroll-header {
		float: left
	}

	#complete-profile .modal-header img,#complete-profile.affix .modal-header .scroll-header img {
		width: 40px;
		margin: 0 10px 0 0;
		display: inline-block
	}

	#complete-profile.affix .modal-header .scroll-header img {
		float: left
	}

	#complete-profile .modal-header h4,#complete-profile.affix .modal-header h6 {
		font-size: 21px;
		margin: 10px 30px 6px 0;
		line-height: 28px
	}

	#complete-profile.affix .modal-header h6 {
		margin: 0 64px 6px;
		float: none;
		clear: right;
		display: block;
		text-align: center
	}

	#complete-profile.affix .modal-header .scroll-header {
		float: none
	}

	#complete-profile .modal-header h5 {
		display: none
	}

	#complete-profile .modal-dialog .modal-content {
		padding: 74px 0 49px;
		border-radius: 0;
		border: none
	}

	#complete-profile.affix .modal-dialog .modal-content {
		padding-top: 90px
	}

	#complete-profile .modal-dialog .modal-footer {
		padding: 0;
		z-index: 1
	}

	.update-profile {
		margin: 0;
		height: 100%;
		margin-bottom: 34px
	}

	.question-panel {
		height: 100%;
		display: none
	}

	.question-panel:first-child {
		display: block
	}

	.update-profile label.label-item {
		text-align: center;
		margin-top: 0
	}

	.update-profile label.label-item span {
		display: none
	}

	.update-profile label.label-item a {
		display: block;
		margin: 0
	}

	#complete-profile .custom-radio em {
		top: 4px;
		left: 4px;
		position: absolute
	}

	#complete-profile .modal-header .close {
		top: 23px;
		right: 12px;
		border-color: #888;
		background-image: url(../img/close-icon-dark.png)
	}

	#complete-profile .mobile-progress {
		background: #e6e6e6;
		border-radius: 0;
		height: 13px;
		box-shadow: none;
		display: block
	}

	#complete-profile .up_arrow {
		background: url(../img/up_arrow.png) no-repeat center #f7f7f7;
		padding: 20px;
		cursor: pointer
	}
}

@media (max-width: 380px) {
	.content-section.dark-blue-bg p {
	    width: 340px!important;
	}
	#contact-us-info .disapear-email h5{
		width: 320px!important;
	}
	.custom-radio,.custom-checkbox {
		font-size: 12px
	}

	#addMoreAppBtn {
		margin-left: 70px !important
	}

	.custom-checkbox {
		height: 117px
	}

	#myModal .modal-footer .btn.btn-default {
		left: 150px
	}

	#myModal .modal-footer .btn.btn-primary {
		left: 240px
	}

	.homeContent .col-sm-4::before {
		width: 117px !important
	}

	.profile-main-content .container .iconcheck {
		left: 80px
	}

	.profile-main-content .container .profile-data .personalDetail p {
		text-indent: 0
	}

	.profile-main-content .container .profile-data .headPortrait {
		left: 100px
	}
}

@media (max-width: 372px) {
		.content-section.dark-blue-bg p {
	    width: 300px!important;
	}
	.wizard.vertical>.actions>ul>li:nth-child(2) a{
		width: 250px!important;
	}
	#contact-us-info .disapear-email h5{
		width: 270px!important;
	}
	.profile-main-content .container .profile-data .solarDetailsPrew {
		width: 300px
	}

	#addMoreAppBtn {
		margin-left: 45px !important
	}

	#progressDes {
		font-size: 20px !important
	}

	.custom-checkbox {
		height: 90px
	}

	#myModal .modal-footer .btn.btn-default {
		left: 100px
	}

	#myModal .modal-footer .btn.btn-primary {
		left: 190px
	}

	.homeContent .col-sm-4::before {
		width: 90px !important
	}

	.profile-main-content .container .profile-data .personalDetail p {
		text-indent: 0
	}

	.profile-main-content .container .profile-data .headPortrait {
		left: 80px
	}

	.profile-main-content .container .iconcheck {
		left: 50px
	}

	#complete-profile .modal-header {
		padding: 10px 20px 5px
	}
}

#loader,#loader:before,#loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out
}

#loader {
	zoom: .5;
	color: #fcad2c;
	font-size: 10px;
	margin: 80px auto;
	position: absolute;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s
}

#loader:before,#loader:after {
	content: '';
	position: absolute;
	top: 0
}

#loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s
}

#loader:after {
	left: 3.5em
}

@-webkit-keyframes "load7" {
	0%,80%,100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}

	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

@keyframes "load7" {
	0%,80%,100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}

	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

.bg {
	position: relative;
	background-color: #EDEDED;
	height: 137px;
	width: 4px;
	margin: auto;
	margin-bottom: -28px;
	margin-top: -29px;
	top: 3px
}
.groupLoadMore{
	width: auto!important;
}
.groupLoader{
	color: #50b6e7!important;
	margin: 0px 1500px!important;
}
.col-sm-8.line-trough.pull-left.nopaddingright .group ul{
	padding-left: 30px;
}
header.group.question-header ~ .group>ul, .col-sm-8.line-trough.pull-left.nopaddingright > .group-filter.group > ul{
	padding-left: 0!important;
}




.funnel.brokerage{
	background: url(../img/brokerage-bg.png) center top no-repeat #EEE;
	background-size: 100% auto;
	padding: 48px 0 91px;
}
.icon-brokerage-light{
	height: 50px;
	background: url(../img/profile/lights.png) no-repeat;
	background-position: 15px 0px!important;
	margin: 0 auto;

}
.icon-brokerage-wifi{
	height: 50px;
	background: url(../img/profile/wifi.png) no-repeat;
	background-position: 15px 0px!important;
	margin: 0 auto;
}
.icon-brokerage-heater{

	height: 50px;
	background: url(../img/profile/spaceHeater.png) no-repeat;
	background-position: 15px 0px!important;
	margin: 0 auto;
}
.icon-brokerage-cooking{

	height: 50px;
	background: url(../img/profile/electricCooking.png) no-repeat;
	background-position: 11px 5px!important;
	margin: 0 auto;

}
.icon-brokerage-hotwater{
	height: 50px;
	background: url(../img/profile/hotWater.png) no-repeat;
	background-position: 15px 0px!important;
	margin: 0 auto;


}
.phase-icon{
	display: block;
	width: 50px;
	height: 36px;
	margin: 0 auto 0 60px;
}
.phase-icon.icon-singlePhase{
	background: url(../img/profile/singlePhase.png) no-repeat;
	height: 50px;
	background-position: 3px 10px!important;


}
.phase-icon.icon-threePhase{
	background: url(../img/profile/threePhase.png) no-repeat;
	height: 50px;
	background-position: 6px -2px!important;

}
.phase-icon.icon-notSure{
	background: url(../img/profile/notSure.png) no-repeat;
	height: 50px;
	background-position: 5px 7px!important;
	position: relative;
	left: -5px;
}

.phase-icon.icon-lot{
	background: url(../img/profile/lot.png) no-repeat;
	height: 50px;
	background-position: 0px 9px!important;
	position: relative;
	left: -5px;
}
.phase-icon.icon-few{
	left: -5px;
	background: url(../img/profile/few.png) no-repeat;
	height: 50px;
	background-position: 8px 14px!important;
	position: relative;
}
.phase-icon.icon-none{
	position: relative;
	background: url(../img/profile/none.png) no-repeat;
	height: 50px;
	background-position: 12px 13px!important;
	left: -5px;
}
.phase-icon.icon-blackout{
	background: url(../img/profile/blackout.png) no-repeat;
	height: 50px;
	background-position: 0px 0px!important;

}
.phase-icon.icon-offgrid{
	background: url(../img/profile/offgrid.png) no-repeat;
	height: 50px;
	background-position: 0px 0px!important;

}
.phase-icon.icon-community{
	background: url(../img/profile/community.png) no-repeat;
	height: 44px;
	background-position: 5px 0px!important;

}
.brokerageSection{
	text-align: center;
}
.brokerageSection h2{
	width: 469px;
	display: inline-block;
}
.brokerageSection .featureDes{
	margin-bottom: 45px;
	width: 420px;
	color: #555;
	font-size: 14px;
	display: inline-block;
}
.wizard.vertical>.actions>ul>li:first-child a{
	height: 35px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
	color: #555;
	width: 116px;
	text-align: center;
	line-height: 26px;
}
.wizard.vertical>.actions>ul>li:nth-child(2) a{
	width: 116px;
	text-align: center;
}
.funnel.brokerage section{
	text-align: center;
}
@media screen and (max-width: 992px) {

	.wizard>.steps li:after, .dashboard-sidebar li:before, .dashboard-sidebar li:after{
		height:0;
	}
	#funnel-steps .steps>ul>li:before{
		height: 1px;
		width: 105px;
		position: absolute;
		left: -52px;
		background: #DDD;
		content: '';
		top: 67%;
	}
	.funnel.brokerage{
		padding:0;
	}
	#funnel-steps .row.first .custom-checkbox{
		font-size:16px;
	}
	.actions{
		padding-bottom:60px!important;
	}
	.actions>ul{
		text-align:center!important;
	}
	.actions>ul>li:nth-child(2){
		display:inline-block!important;
	}

}
@media screen and (max-width: 992px) {
	.brokerage-checkbox{

		margin-bottom: 10px!important;
	}

	.brokerage-checkbox-round{
		margin-bottom: 10px;
		height: 114px;
		font-size: 16px!important;
	}
	.brokerage-checkbox-round:before{
		border-radius: 50%;
		border: 2px solid #ccc;
		height: 15px;
		position: absolute;
		left: 4px;
		content: '';
		top: 4px;
		width: 15px;
	}
	.brokerage-checkbox-round input:checked~em{
		border-radius: 50%;
	}
	.brokerage-checkbox-round em {
		border-color: transparent;
		outline:0;
	}
	#funnel-steps .steps>ul>li:before {
		height: 1px;
		width: 200px;
		position: absolute;
		left: -201px;
		background: #DDD;
		content: '';
		top: 60%;
	}
	#shinehubLogo{
		margin-top: -320px;
	}
	#funnel-steps .brokerage-title{
		width: 290px;
		margin:13px auto 23px;
	}
	.featureDes{
		width: 290px!important;
		margin-bottom: 25px!important;
	}
}
@media screen and (max-width: 681px) {
	#shinehubLogo{
		margin-top: -140px;
	}
	#funnel-steps .steps>ul>li:before {
		height: 1px;
		width: 117px;
		position: absolute;
		left: -58px;
		background: #DDD;
		content: '';
		top: 66%;
	}
}
@media screen and (max-width: 413px) {
	#shinehubLogo{
		margin-top: -140px;
	}
	#funnel-steps .steps>ul>li:before {
		height: 1px;
		width: 117px;
		position: absolute;
		left: -53px;
		background: #DDD;
		content: '';
		top: 66%;
	}
}
@media screen and (max-width: 372px) {
	#shinehubLogo{
		margin-top: -170px;
	}
	#funnel-steps .steps>ul>li:before {
		height: 1px;
		width: 95px;
		position: absolute;
		left: -43px;
		background: #DDD;
		content: '';
		top: 66%;
	}
	.brokerage-checkbox-square {
		height: 100px;
	}
	.brokerage-checkbox{

		font-size: 14px!important;
	}

}
li.done #funnel-steps-t-5 span{
	background:none;
	border-color:#40B2E6;
}
li.current #funnel-steps-t-6 span .halfcircle{
	border-top-color: #eee;
	border-left-color: #eee;
}

/*for the brokerage select page*/
#priceCalculator .modal-content{
	margin-top: 23px;
	margin-bottom: 25px;
}
#priceCalculator .modal-dialog{
	width: 700px;
	height: 940px;
}
#priceCalculator ul li{
	display: inline-block;
	position: relative;
	width: 166px;
	margin-right: 10px;
	color:#333;

}

#priceCalculator ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
}

#priceCalculator ul li label{
	text-align: center;
	height: 70px;
	width: 153px;
	display: block;
	position: relative;
	font-size: 14px;
	padding: 30px 0px 28px 0px;
	margin: 15px 5px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}


#priceCalculator ul li .check{
	border-radius:4px;
	display: block;
	position: absolute;
	border: 2px solid #DDDDDD;
	height: 70px;
	width: 166px;
	top: 18px;
	left: 0px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

#priceCalculator input[type=radio]:checked ~ .check {
	border: 2px solid #55C4CA;
}
#priceCalculator .questionslabel{
	padding-left: 48px;
}
#priceCalculator .title{
	margin-top: 46px;
	font-family: 'gotham-bold';
	font-size: 36px;
	color: #333;
	width: 609px;
	text-align: center;
	line-height: 36px;

}
#priceCalculator .titleDes{
	font-family:'gotham-book';
	font-size: 16px;
	line-height: 23px;
	width: 618px;
	color: #B4B4B4;
	text-align: center;
	margin-bottom: 25px;
}
#priceCalculator #modal-address{
	width: 600px;
	margin-top: 16px;
	margin-bottom: 28px;
	padding: 0;
}
.questionslabel label{
	font-family: 'gotham-book';
}
#modal_topic{
	height: 46px;
	width: 600px;
	margin-top: 18px;
	margin-bottom: 42px;
}
#savingCalculator .modal-content{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 1008px;
	height: 722px;
	left: -34%;
	overflow: hidden;
}
#savingCalculator .saving-title{
	height: 80px;
	font-size: 36px;
	font-family: 'gotham-bold';
	padding: 22px;
	color: #333;
}
#savingCalculator .saving-title .title{
	line-height: 36px;

}

#savingCalculator .saving-select{
	height: 167px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-top: 16px;
	padding-left: 23px;

}
#savingCalculator .saving-pre{
	height: 684px;
	width: 252px;
	float: left;
	border-right: 1px solid #eee;

}
#savingCalculator .saving-content{
	float: left;
	width: 754px;
	height: 727px;
	padding-left: 20px;

}

#savingCalculator .panelSelectItem{
	background: none;
	width: 245px;
	height: 72px;
	float: left;
	padding-left: 0;
	margin: 0;
}
#savingCalculator .saving-dropdown{
	height: 33px;
	width: 210px;
	border: solid 1px #EEE;
	border-radius: 5px;
	background: #FFF;
	text-align: left;
}
#savingCalculator .caret{
	right: 50px;
}
.slider-selection{
	background-image: linear-gradient(to bottom, #FFA818 0%, #FFA818 100%)!important;

}
.slider-track-low, .slider-track-high{
	background-color: #EBEBEB!important;}
.slider-handle{
	border: 4px solid #f9f9f9!important;
	background-image: linear-gradient(to bottom, #55C4CA 0%, #55C4CA 100%)!important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0px 4px 2px rgba(0,0,0,.08)!important;
}
.tooltip.tooltip-main.top{
	display: none!important;
}
#savingCalculator .panel-default{
	border-radius: 0px;
	padding:0;
	background-color: #55C4CA;
	border: 0.5px solid rgba(0, 0, 0, 0.07);
	width: 250px;
}
#savingCalculator .panel-default>.panel-heading{
	color: #fff;
	background-color: #55C4CA;
	padding: 15px;
}
#savingCalculator .panel-group .panel+.panel{
	margin-top: 0px;
}
#savingCalculator input{
	height: 30px;
	width: 105px;
	display: inline;
}
#savingCalculator .panel-body{
	border-top:0;
	color: #fff;
	padding-top: 0;
}
#savingCalculator .glyphicon{
	position: absolute;
	top: 22px;
	right: 22px;
	zoom: 0.8;
}
#savingCalculator .quarter{
	font-size: 20px;
	color: #333;
	margin-top: 20px;
}
#savingCalculator .slider{
	margin-top: 0px;
	margin-left: 0px;
}
#savingCalculator .set{
	margin-bottom: 7px;
}
#savingCalculator .avg{
	color: #333;
	margin-bottom: 7px;

}
#savingCalculator .saving-pre-top{
	padding: 21px;
}
#barChart:before,#pieChart:before,#barChartDisabled:before,#pieChartDisabled:before{
	height: 10px;
	left: 25.2%;
	content: '';
	position: absolute;
	top: 176px;
	width: 93px;
	background-color: #fff;
	z-index: 1;
}
#pieChart:after,#pieChartDisabled:after{
	font-size: 14px;
	height: 10px;
	left: 130px;
	content: '80%';
	position: absolute;
	top: 100px;
	width: 117px;
	z-index: 1;
	color: #fff;
}
#pieChart,#barChart,#pieChartDisabled,#barChartDisabled{
	position: relative;
	display: inline-block;
	margin-top: 33px;
	margin-bottom: 45px;
}
#pieChart,#pieChartDisabled{
	margin-left: 400px;
}
#barChart,#barChartDisabled{
}
.list-title{
	font-family: "gotham-bold";
	font-size: 20px;
	color: #333;
	text-align: left;
}
#list{
	margin-top: 150px;
	color: #333;
	font-size: 16px;
	text-align: center;
}
#list input{
	border-radius: 4px;
}
#list td{
	padding-top: 10px;
	border:1px solid #eee;
}
.row1{
	background-color: #fff;
}
.row1>td{
	height: 54px;
	width: 178px;
}
.row2,.row3{
	background-color: #f9f9f9;
}
.row2>td,.row3>td{
	width: 178px;
	height: 70px;
}
.row4{
	background-color: #ECF4D1;
}
.row4>td{
	height: 105px;
	width: 178px;
	border:1px solid #D9E7A5!important;
}

.tip{
	padding-left: 10px;
	text-align: left;
	max-width: 250px;
	background-color: #fff;
	color: #555;
	border: 1px solid #ddd;
	font-size: 14px;
	height: 74px;
	width: 350px;
	border-radius: 3px;
	padding-top: 5px;
	box-shadow: 0px 3px 7px 0px #eee;

}
.tip:before{
	border-style: solid;
	border-width: 9px;
	height: 0;
	left: 38.7%;
	content: '';
	position: absolute;
	top: 73px;
	width: 0;
	z-index: 2;
	border-color: #fff transparent transparent transparent;
}
.tip:after{
	border-style: solid;
	border-width: 11px;
	height: 0;
	left: 37.8%;
	content: '';
	position: absolute;
	top: 73px;
	width: 0;
	z-index: 1;
	border-color: #ddd transparent transparent transparent;
}
.tipContainer{
	position: absolute;
	top: 394px;
	display: none;
	right: 100px;

}
.tipConainer:nth-of-type(1){
	right:-83px!important;
}
.btn-saving-continue{
	height: 35px;
	width: 116px;
	float: right;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 25px;

}
.btn-save-for-later{
	height: 35px;
	width: 116px;
	background-color: #eee;
	float: right;
	margin-top: 40px;
}
.brokerage-select .col-sm-4{
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 10px;
}
.configLogo{
	position: absolute;
	right: 24px;
	top: 14px;
}
.funnel.brokerage-select .container{
	margin-top: 86px;
}
section.funnel.brokerage-select{
	background: url(../img/profile/brokerage_select_bg.png) center top no-repeat #EEE;
	background-size: 100% 286px;
	height: 1086px;
	padding:0;
	position: relative;
}
.funnel.brokerage-select .title{
	margin-top: 20px;
	margin-bottom: 20px;
	color: white;
}
.funnel.brokerage-select .title .mainTitle{
	font-size: 36px;
	color: white;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 13px;
}
.funnel.brokerage-select .title .subTitle{
	font-size: 20px;
	color: white;
	opacity: 0.7;
	text-align: center;
	/* padding-bottom: 63px; */
}
.funnel.brokerage-select .select{
	background-color: #fff;
	border-radius: 4px;
}
.funnel.brokerage-select .select-panel{
	height: 623px;
}
.funnel.brokerage-select .container .mainTitle{
	color: #333;
	font-size: 24px;
	padding-top: 28px;
	padding-bottom: 7px;
	text-align: center;
}
.funnel.brokerage-select .container .subTitle{
	color: #888;
	font-size: 18px;
	margin-left: 65px;
}
.funnel.brokerage-select .subTitle .percentage{
	color:#55C4CA;
}
.funnel.brokerage-select .select-panel-battery{
	box-shadow: 0 0 0 2px #B4D246;
	height: 729px;
	overflow: hidden;
}
/*	.funnel.brokerage-select .select-panel-battery:before{
	    padding-top: 5px;
	    font-size: 14px;
	    border-radius: 15px;
	    height: 30px;
	    left: 31%;
	    content: 'Recommended!';
	    position: absolute;
	    top: -16px;
	    width: 148px;
	    background-color: #B4D246;
	    text-align: center;
	    color: white;
	}*/
.funnel.brokerage-select .select-offgrid{
	height: 729px;
}
.panelSelectItem{
	margin-left: 20px;
	padding-left: 34px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.panelSelectItem-panel{
	background: url(../img/profile/panel_logo.png) left top no-repeat;
}
.panelSelectItem-inverter{
	background: url(../img/profile/inverter_logo.png) left top no-repeat;
}
.panelSelectItem-battery{
	background: url(../img/profile/battery_logo.png) left top no-repeat;
}
.panelSelectItem-generator{
	background: url(../img/profile/generator_logo.png) left top no-repeat;
}
.panelSelectItem-title{
	color: #B4B4B4;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 0;
}
.panelSelectItem-content{
	color: #000000;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 0;
	text-indent: 5px;
}
.save{
	font-size: 14px;
	color: #40B2E6;
	text-align: center;
	margin-top: 90px;
}
.second-save{
	margin-top: 144px;
}
.calculate{
	font-size: 14px;
	margin:18px 17px 12px;
	background-color: #F5F5F5;
	padding:15px 22px 0px 25px;
	width: calc(100% - 36px);
	height:50px;
	border-radius: 4px;
	color:#333;
}
.calculateAfter{
	width: 289px;
	height: 83px;
	padding:15px 22px 0px 15px;

}
.calculateAfterAmount{
	color: #27AAAA;
	font-size: 20px;
	font-family: 'gotham-book';
	display: inline-block;
	margin-top: 8px;
}
#select{
	height: 35px;
	width: calc(100% - 40px)!important;
	margin:0 auto 17px auto;
	display: block;
}
.reason{
	border-radius: 0px 0px 4px 4px;
	padding-bottom: 14px;
	padding-top: 14px;
	padding-left: 18px;
	background-color: #f4f4f4;
	line-height: 22px;
	font-size: 14px;
}
.reasonTitle{
	color: #333;
}
.reasonContent{
	color: #888;
	padding-top: 9px;
	padding-bottom: 26px;
}
.bottom-des{
	position: absolute;
	bottom: 36px;
	width: 855px;
	left: 50%;
	margin-left: -350px;
	background-color: #eee;
}
.roundTip{
	position: absolute;
	right: 25px;
	bottom: 25px;
	height: 49px;
	width: 49px;
	border-radius: 50%;
	background-color: #55C4CA;
}
.squareTip{
	position: absolute;
	right: 25px;
	bottom: 90px;
	width: 204px;
	height: 139px;
	border-radius: 10px;
	background-color: #fff;
	color: #333;
	padding-top: 17px;
	padding-left: 17px;
	font-size: 14px;
}
.squareTipDes{
	display: inline-block;
	margin-top: 20px;
}
.squareTip:before{
	height: 0px;
	border-top: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 0px solid transparent;
	right: 8%;
	content: '';
	position: absolute;
	bottom: -6%;
	width: 0px;
}
.funnel.brokerage-select .container .brokerage-dropdown{
    width: calc(100% - 30px);
	text-align: left;
}
.funnel.brokerage-select .container .caret{
	right: 35px;
}
.funnel.brokerage-select .container .dropdown ul{
	padding-left: 15px;
    width: calc(100% - 30px);

}

.brokerage-save-btn{
	width: 96px;
	height: 35px;
	position: absolute;
	right: 29px;
}
.calculateAfterDiscount{
	padding-left: 14px;
	height: 118px;
	padding-top: 15px;
}
.discountDes{
	margin-top: 14px;
	width: 289px;
	line-height: 18px;
	background-color: #B4D246;
	height: 64px;
	padding: 14px;
	border-radius: 4px 4px 0 0;
	color: #fff;
	margin:14px 17px -18px;
	font-size: 14px;
}
.discountDes .calculateAfterAmount{
	margin-top: 5px;
}

.prevPrice{
	text-decoration: line-through;
	color: #d3d3d3;
}
#brokerage-login .modal-content{
	padding-top: 33px;
	padding-left: 36px;
	padding-right: 25px;
	height: 445px;
	width: 662px;
	text-align: center;
	margin-top: 185px;
}
#brokerage-login h1{
	margin-top: 36px;
	margin-bottom: 16px;
	font-size: 36px;
	line-height: 36px;
	color: #333;
	font-family:'gotham-bold';
}
#brokerage-login h3{
	margin-top: 16px;
	margin-bottom: 24px;
	font-size: 20px;
	color: #ccc;
}
#brokerage-login label{
	color: #333;
	margin-left: -84%;
}
.getStartedTip{
	background-color: #fff;
	position: absolute;
	left: 258px;
	top: 292px;
	width: 247px;
	height: 88px;
	border-radius: 3px;
	border: 3px solid #FFA818;
	z-index: 1000;
	padding-top: 8px;
	padding-left: 10px;
}
.getStartedTip:before{
	border-style: solid;
	border-width: 11px 20px;
	height: 0;
	left: -17.5%;
	content: '';
	position: absolute;
	top: 28px;
	width: 0;
	z-index: 1001;
	border-color: transparent #FFA818 transparent transparent;
}
.getStartedTip:after{
	border-style: solid;
	border-width: 8px 17px;
	height: 0;
	left: -13.9%;
	content: '';
	position: absolute;
	top: 31px;
	width: 0;
	z-index: 1002;
	border-color: transparent #fff transparent transparent;
}

.brokerage-installer .busName:hover {
	cursor: pointer;
	background-color: #f4f4f4;
}
.brokerage-installer .busName{
	border-right: 1px solid #eee;
}
.brokerage-installer .busName:nth-child(1){
	height: 170px;
	border-right: 1px solid #fff;
}

#example-basic,
.tabcontrol
{
	display: block;
	width: 100%;
	overflow: hidden;
}

#example-basic a,
.tabcontrol a
{
	outline: 0;
}

#example-basic ul,
.tabcontrol ul
{
	list-style: none !important;
	padding: 0;
	margin: 0;
}

#example-basic ul > li,
.tabcontrol ul > li
{
	display: block;
	padding: 0;
}

/* Accessibility */
#example-basic > .steps .current-info,
.tabcontrol > .steps .current-info
{
	position: absolute;
	left: -999em;
}

#example-basic > .content > .title,
.tabcontrol > .content > .title
{
	position: absolute;
	left: -999em;
}



/*
    Wizard
*/

#example-basic > .steps
{
	position: relative;
	display: block;
	width: 100%;
}

#example-basic.vertical > .steps
{
	display: inline;
	float: left;
	width: 30%;
}

#example-basic > .steps .number
{
	font-size: 1.429em;
}



#example-basic > .steps > ul > li,
#example-basic > .actions > ul > li
{
	float: left;
}

#example-basic.vertical > .steps > ul > li
{
	float: none;
	width: 100%;
}

#example-basic > .steps a,
#example-basic > .steps a:hover,
#example-basic > .steps a:active
{
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#example-basic > .steps .disabled a,
#example-basic > .steps .disabled a:hover,
#example-basic > .steps .disabled a:active
{
	background: #fff;
	color: #000;
	cursor: default;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	padding-left: 7px;
	padding-top: 1px;
	border:1px solid #eee;
}

#example-basic > .steps .current a,
#example-basic > .steps .current a:hover,
#example-basic > .steps .current a:active
{
	background: #55C4CA;
	color: #fff;
	cursor: default;
	height: 24px;
	width: 24px;
	border-radius: 50%;
}



#example-basic > .steps .error a,
#example-basic > .steps .error a:hover,
#example-basic > .steps .error a:active
{
	background: #ff3111;
	color: #fff;
}

#example-basic > .content
{
	background: #eee;
	display: block;
	margin: 0.5em;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	width: auto;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#example-basic.vertical > .content
{
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em 2.5%;
	width: 65%;
}

#example-basic > .content > .body
{
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

#example-basic > .content > .body ul
{
	list-style: disc !important;
}

#example-basic > .content > .body ul > li
{
	display: list-item;
}

#example-basic > .content > .body > iframe
{
	border: 0 none;
	width: 100%;
	height: 100%;
}

#example-basic > .content > .body input
{
	display: block;
	border: 1px solid #ccc;
}

#example-basic > .content > .body input[type="checkbox"]
{
	display: inline-block;
}

#example-basic > .content > .body input.error
{
	background: rgb(251, 227, 228);
	border: 1px solid #fbc2c4;
	color: #8a1f11;
}

#example-basic > .content > .body label
{
	display: inline-block;
	margin-bottom: 0.5em;
}

#example-basic > .content > .body label.error
{
	color: #8a1f11;
	display: inline-block;
	margin-left: 1.5em;
}

#example-basic > .actions
{
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
}

#example-basic.vertical > .actions
{
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%;
}

#example-basic > .actions > ul
{
	display: inline-block;
	text-align: right;
}

#example-basic > .actions > ul > li
{
	margin: 0 0.5em;
}

#example-basic.vertical > .actions > ul > li
{
	margin: 0 0 0 1em;
}

#example-basic > .actions a,
#example-basic > .actions a:hover,
#example-basic > .actions a:active
{
	background: #2184be;
	color: #fff;
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#example-basic > .actions .disabled a,
#example-basic > .actions .disabled a:hover,
#example-basic > .actions .disabled a:active
{
	background: #eee;
	color: #aaa;
}

#example-basic > .loading
{
}

#example-basic > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
	position: relative;
	display: block;
	width: 100%;
}

.tabcontrol > .steps > ul
{
	position: relative;
	margin: 6px 0 0 0;
	top: 1px;
	z-index: 1;
}

.tabcontrol > .steps > ul > li
{
	float: left;
	margin: 5px 2px 0 0;
	padding: 1px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
	background: #edecec;
	border: 1px solid #bbb;
	padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
	background: #fff;
	border: 1px solid #bbb;
	border-bottom: 0 none;
	padding: 0 0 1px 0;
	margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
	color: #5f5f5f;
	display: inline-block;
	border: 0 none;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
	text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
	padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35em;
	overflow: hidden;
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

.tabcontrol > .content > .body
{
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
	list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
	display: list-item;
}


#example-basic,
.tabcontrol
{
	display: block;
	width: 100%;
	overflow: hidden;
}

#example-basic a,
.tabcontrol a
{
	outline: 0;
}

#example-basic ul,
.tabcontrol ul
{
	list-style: none !important;
	padding: 0;
	margin: 0;
}

#example-basic ul > li,
.tabcontrol ul > li
{
	display: block;
	padding: 0;
}

/* Accessibility */
#example-basic > .steps .current-info,
.tabcontrol > .steps .current-info
{
	position: absolute;
	left: -999em;
}

#example-basic > .content > .title,
.tabcontrol > .content > .title
{
	position: absolute;
	left: -999em;
}



/*
    Wizard
*/

#example-basic > .steps
{
	padding-left: 26%;
	position: relative;
	display: block;
	width: 100%;
	margin-top:18px;
	height:80px;
}

#example-basic.vertical > .steps
{
	display: inline;
	float: left;
	width: 30%;
}

#example-basic > .steps .number
{
	font-size: 1.429em;
}

#example-basic > .steps > ul > li
{
	width: 12.2%;
}

#example-basic > .steps > ul > li,
#example-basic > .actions > ul > li
{
	float: left;
}

#example-basic.vertical > .steps > ul > li
{
	float: none;
	width: 100%;
}

#example-basic > .steps a,
#example-basic > .steps a:hover,
#example-basic > .steps a:active
{
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




#example-basic > .steps .current a,
#example-basic > .steps .current a:hover,
#example-basic > .steps .current a:active
{
	background: #55C4CA;
	color: #fff;
	cursor: default;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	padding-left: 8px;
	padding-top: 3px;
}

#example-basic > .steps .done a,
#example-basic > .steps .done a:hover,
#example-basic > .steps .done a:active
{
	background: #55C4CA;
	color: #fff;
	cursor: default;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	padding-left: 8px;
	padding-top: 3px;
}

#example-basic > .steps .error a,
#example-basic > .steps .error a:hover,
#example-basic > .steps .error a:active
{
	background: #ff3111;
	color: #fff;
}

#example-basic > .content
{
	background: #eee;
	display: block;
	margin: 0.5em;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	width: auto;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#example-basic.vertical > .content
{
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em 2.5%;
	width: 65%;
}

#example-basic > .content > .body
{
	background: url(../img/installation-page-bg.jpg) center top no-repeat #EEE;
	background-size: 100% auto;
	float: left;
	position: absolute;
	width: 101%;
	height: 2000px;
	padding: 2.5%;
}

#example-basic > .content > .body ul
{
	list-style: disc !important;
	width: 90%;
    padding: 10px;
}

#example-basic > .content > .body ul > li
{
	display: list-item;
}

#example-basic > .content > .body > iframe
{
	border: 0 none;
	width: 100%;
	height: 100%;
}

#example-basic > .content > .body input
{
	display: block;
	border: 1px solid #ccc;
}

#example-basic > .content > .body input[type="checkbox"]
{
	display: inline-block;
}

#example-basic > .content > .body input.error
{
	background: rgb(251, 227, 228);
	border: 1px solid #fbc2c4;
	color: #8a1f11;
}

#example-basic > .content > .body label
{
	display: inline-block;
	margin-bottom: 0.5em;
}

#example-basic > .content > .body label.error
{
	color: #8a1f11;
	display: inline-block;
	margin-left: 1.5em;
}

#example-basic > .actions
{
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
}

#example-basic.vertical > .actions
{
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%;
}

#example-basic > .actions > ul
{
	display: inline-block;
	text-align: right;
}

#example-basic > .actions > ul > li
{
	margin: 0 0.5em;
}

#example-basic.vertical > .actions > ul > li
{
	margin: 0 0 0 1em;
}

#example-basic > .actions a,
#example-basic > .actions a:hover,
#example-basic > .actions a:active
{
	background: #2184be;
	color: #fff;
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#example-basic > .actions .disabled a,
#example-basic > .actions .disabled a:hover,
#example-basic > .actions .disabled a:active
{
	background: #eee;
	color: #aaa;
}

#example-basic > .loading
{
}

#example-basic > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
	position: relative;
	display: block;
	width: 100%;
}

.tabcontrol > .steps > ul
{
	position: relative;
	margin: 6px 0 0 0;
	top: 1px;
	z-index: 1;
}

.tabcontrol > .steps > ul > li
{
	float: left;
	margin: 5px 2px 0 0;
	padding: 1px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
	background: #edecec;
	border: 1px solid #bbb;
	padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
	background: #fff;
	border: 1px solid #bbb;
	border-bottom: 0 none;
	padding: 0 0 1px 0;
	margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
	color: #5f5f5f;
	display: inline-block;
	border: 0 none;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
	text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
	padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35em;
	overflow: hidden;
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

.tabcontrol > .content > .body
{
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
	list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
	display: list-item;
}

@media (max-width: 600px)
{
	#example-basic > .steps > ul > li
	{
		width: 50%;
	}

	#example-basic > .steps a,
	#example-basic > .steps a:hover,
	#example-basic > .steps a:active
	{
		margin-top: 0.5em;
	}

	#example-basic.vertical > .steps,
	#example-basic.vertical > .actions
	{
		display: block;
		float: none;
		width: 100%;
	}

	#example-basic.vertical > .content
	{
		display: block;
		float: none;
		margin: 0 0.5em 0.5em;
		width: auto;
	}
}

@media (max-width: 480px)
{
	#example-basic > .steps > ul > li
	{
		width: 100%;
	}
}

#example-basic > .content
{
	width: 100%;
}

#example-basic > .content legend
{
	position: absolute;
	left: -9999em;
}

/* The following classes are to hide not active steps */


#example-basic > .steps li.current
{
	display: block;
}


#example-basic>.steps li:before, #example-basic>.steps li:after, .dashboard-sidebar li:before, .dashboard-sidebar li:after{
	content: '';
	width: 0;
}
#example-basic>.steps li:nth-child(n+1):before{
	content: "";
	width: 120%;
	height: 1px;
	border: 1px solid #eee;
	position: absolute;
	top: 12px;
	left: -117%;
}
#example-basic .steps li:nth-child(1):before{
	position: absolute;
	width: 100px;
	content: "Installation";
	font-size: 14px;
	background-color: #fff;
	left: -20px;
	color: #555;
}
#example-basic .steps li:nth-child(1):after{
	position: absolute;
	width: 100px;
	content: "Select Installer";
	font-size: 14px;
	background-color: #fff;
	left: -20px;
	color: #555;
}
#example-basic .steps li:nth-child(2):after{
	position: absolute;
	width: 100px;
	content: "Project Details";
	font-size: 14px;
	background-color: #fff;
	left: -20px;
	color: #555;

}
#example-basic .steps li:nth-child(3):after{
	position: absolute;
	width: 200px;
	content: "Application Review";
	font-size: 14px;
	background-color: #fff;
	left: -40px;
	color: #555;

}
#example-basic .steps li:nth-child(4):after{
	position: absolute;
	width: 200px;
	content: "Installation";
	font-size: 14px;
	background-color: #fff;
	left: -20px;
	color: #555;
}
#example-basic .steps li.last:after{
	content: "Installation";
	font-size: 14px;
	background-color: #fff;
	left: -20px;
	color: #555;
}

#example-basic>.steps li.current:before{
	border: 1px solid #27AAAA!important;

}
#example-basic>.steps li.done:before{
	border: 1px solid #27AAAA!important;

}
#titleInstallation{
	border-width: 0px;
	top: 97.6%;
	left: -5.5%;
	position: absolute;
	font-size: 14px;
	color: #333;
}





.brokerage-installer > .title{
	margin-left: 370px;
}
section.funnel.brokerage-installer {
	background: url(../img/profile/brokerage_select_bg.png) center top no-repeat #EEE;
	background-size: 100% 286px;
}
.brokerage-installer .left{
	height: 955px;
	width: 243px;
	background-color: #fff;
	float: left;
	border-radius: 4px 0 0 4px;

}
.brokerage-installer .left .busNameArea .title{
	font-size: 14px;
}
.brokerage-installer .left .busNameArea .company-info{
	width: 50px;
	display: inline-block;
	width: 140px;
}
.brokerage-installer .left .busNameArea .solar-icon{
	height: 50px;
	width: 50px;
}
.brokerage-installer .left .busNameArea .payment-info{
	width: 140px;
}
.brokerage-installer .left .busNameArea .weekly-pay-amount{
	display: inline;
}
.brokerage-installer .left .busNameArea .price{
	background-color: #f4f4f4;
	height: 38px;
	width: 192px;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	font-family: 'proxima_nova';
}


.brokerage-installer .right{
	background-color: #fff;
	width: 772px;
	height: 955px;
	float: left;
	border-radius: 0 4px 4px 0;
}
.brokerage-installer .sortBy{
	box-shadow: 0px 2px 3px #ccc;
	height: 80px;

}
.brokerage-installer .sortBy p{
	margin-bottom: 0;
	color: #333;
	font-size: 14px;
	margin-top: 20px;
	margin-left: 20px;
}
.brokerage-installer .busNameTop{
	height: 100px;
	box-shadow: 0px 2px 3px #ccc;
	padding: 16px 30px 16px 24px;
}
.brokerage-installer .busName{
	height: 162px;
	border-bottom: 1px solid #eee;
	padding-left: 20px;
	padding-top: 18px;
}
.brokerage-installer .solar-icon{
	height: 70px;
	width: 70px;
	margin-right: 16px;
}
.brokerage-installer .disabledPrice,.brokerage-installer .price{
	font-size: 24px;
	font-family: 'gotham-bold';
	line-height: 24px;
	color: #333;
	display: inline-block;

}
.brokerage-installer .disabledPrice{
	position: relative;
	top: -20px;
	text-decoration: line-through;
	color: #e4e4e4;
	display: inline-block;

}
.brokerage-installer .price{
	margin-left: 15px;
	margin-right: 15px;
}
.brokerage-installer .company-info{
	width: 258px;
	margin-left: 0;
}
.brokerage-installer .payment-info{
	margin-left: 0;
	margin-top: 5px;
}
.brokerage-installer .company-info span:nth-of-type(1){
	width: auto;
}
.brokerage-installer .company-info span:nth-of-type(3){
	font-size: 12px;
	color: #555;
}
.brokerage-installer .company-info p.title{
	margin-bottom: 6px;
	font-size: 18px;
	color: #333;
}
.brokerage-installer .select-installer{
	width: 144px;
	height: 35px;
	display: inline-block;
}
.brokerage-installer .brokerage-info{
	display: inline-block;
	padding-top: 10px;
}
.brokerage-installer .dropdown{
	margin-left: 20px;
}
.brokerage-installer .dropdown .btn {
	text-align: left;
	height: 40px;
	width: 203px;
}
.brokerage-installer .dropdown .caret{
	right: 30px;
}
.brokerage-installer .weekly-pay-amount{
	color: #b4b4b4;
	font-size: 14px;
	display: block;
}
#firstbusNameContent,#secondbusNameContent,#thirdbusNameContent{
	position: relative;
}
.brokerage-installer .offLabel{
	width: 218px;
	height: 38px;
	border-radius: 2px;
	background-color: #B4D246;
	color: #fff;
	line-height: 38px;
	font-size: 15px;
	font-family: 'gotham-bold';
	position: absolute;
	right: 225px;
	top: -21px;
	text-align: center;
}
.container{
	/*margin-top: 32px;*/
}
.differenceDes{
	font-size: 16px;
	width: 50%;
	color: #555;
    margin: 40px auto 80px;
	text-align: center;
}
.differenceDes2{
	width: 40%;
	color: #555;
    margin: 37px auto 86px;
	text-align: center;
}
body {
	margin-top:40px;
}
.stepwizard-step p {
	margin-top: 10px;
	width: 162px;
}
.stepwizard-row {
	display: table-row;
}
.stepwizard {
	display: table;
	width: 50%;
	position: relative;
}
.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #f4f4f4;
	z-order: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	color: #fff;
}
.btn-default1{
	background-color: #fff;
	border-color: #eee;
	color: #000;

}
/*.btn-default1:before{
      top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 10px;
    height: 1px;
    background-color: #27AAAA;
    z-order: 0;
}*/
.btn-primary1{
	background-color: #55C4CA;
	color: #fff;
}
.brokerage-installer .busNameContent .des{
	float: left;
	width: 446px;
	height: 384px;
}

.brokerage-installer .busNameContent .gallery{
	margin-left: 32px;
	margin-top: 39px;
	width:100%;
}
.brokerage-installer .busNameContent .gallery .galleryImg img{
	height: 146px;
	width: 146px;
	margin-right: 15px;
}
.brokerage-installer .busNameContent .reviews{
	margin-top:49px;
	margin-left:32px;
	height: 175px;
}
.brokerage-installer .busNameContent .reviews img{
	display: inline-block;
	vertical-align: inherit;
}
.brokerage-installer .busNameContent .reviews .reviewsCon{
	display: inline-block;
	color: #555;
	width: 600px;
	margin-left: 20px;
}
.brokerage-installer .busNameContent .reviews .authorName{
	margin-left: 80px;
	margin-top: 10px;
	color: #333;
}
.brokerage-installer .busNameContent .reviews .rating{
	margin-left: 80px;
	margin-top: -10px;
}
.brokerage-installer .busNameContent .title{
	color: #333;
	font-size: 20px;
	line-height: 20px;
	font-family: 'gotham-book';
	text-align: left;
}
.brokerage-installer .busNameContent .des{
	padding-top: 25px;
	padding-left: 32px;
}
.brokerage-installer .busNameContent .aboutUs{
	margin-top: 20px;
	color: #555;
}

.brokerage-installer .busNameContent .cer-content{
	display: inline-block;
	width: 290px;
	margin-left: 10px;
	color: #333;
	font-size: 14px;
}
.brokerage-installer .busNameContent .certifications img{
	vertical-align: bottom;
}
.brokerage-installer .busNameContent .certifications{
	margin-top: 18px;
}
.brokerage-installer .busNameContent .solar-con{
	width: 430px;
	margin-top: 10px;
}
.brokerage-installer .busNameContent .energy-con{
	margin-top: 10px;
}
.brokerage-installer .title{
	font-size: 36px;
	color: #fff;
}
#example-basic > .content.clearfix{
	height: 1660px;
	margin: 0;
}

@media screen and (max-width: 992px) {
	/*for the brokerage mobile site*/
	.brokerage-installer .dropdown .btn{
		width: 363px;
	}
	#example-basic>.steps li:before, #example-basic>.steps li:after, .dashboard-sidebar li:before, .dashboard-sidebar li:after{
		top: 0px;
	}
	#example-basic > .content.clearfix {
		height: 1910px;
	}
	.brokerage-installer .busNameContent .des{
		width: 160px;
		/* top: 690px; */
		/* position: absolute; */
	}
	.brokerage-installer .busNameContent .des .aboutUs{
		width: 340px;
	}
	.brokerage-installer .busNameContent .des .aboutUs .content{
		margin-top: 10px;
	}

	.brokerage-installer .busNameTop{
		box-shadow: none;
	}
	.brokerage-installer .busNameContent .cer-content{
		width: 230px;
	}
	#example-basic-p-0 > .title{
		width: 200px;
	}


	#example-basic > .steps{
		padding-top: 10px;
		padding-left: 30px;
		margin-top: -29px;
	}
	#example-basic > .steps > ul > li{
		padding-top: 20px;
		float: left;
		width: 33.33%;
		margin: 0;
	}
	#example-basic >.steps li:nth-child(n+1):before {
		content: "";
		width: 78%;
		height: 1px;
		border: 1px solid #eee;
		position: absolute;
		top: 38px;
		left: -94px;
	}
	#titleInstallation{
		left: 18.5%;
	}
	#example-basic .steps ul li:nth-child(4),#titleInstallation{
		display: none;
	}
	/*end the brokerage mobile site*/
	.modal-backdrop.in{
		opacity: 0;
	}
	.savingCalculator-close{
		position: absolute;
		right: 23px;
		top: 15px;
	}
	#savingCalculator .modal-content{
		border-width: 0;
		margin-top: 58px;
	}
	#accordion .panel.panel-default{
		padding-left: 26px;
	}
	#savingCalculator .modal-content .saving-title p.title{
		text-align: center;
		font-size: 22px;
	}
	#savingCalculator .dropdown{
		padding-left: 0;
	}
	#savingCalculator .saving-select{
		padding-left: 85px;
	}
	.priceCalculator-close{
		position: absolute;
		right: 0px;
		top: -40px;
	}

	section.funnel.brokerage-select {
		background: url(../img/brokerage/brokerage-bg-sm.png) center top no-repeat #fff;
		background-size: 100% 170px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.brokerage-select .col-sm-4 {
		overflow: hidden;
		border-radius: 4px;
		padding-left: 0px;
		padding-right: 0px;
		border: 2px solid #55C4CA;
	}
	.brokerage-select .col-sm-4:nth-child(2){
		border-radius: 4px;
		padding-left: 0px;
		padding-right: 0px;
		border: 2px solid #B4D246;
	}

	section.funnel.brokerage-select .row{
		padding-left: 12px;
		padding-right: 12px;
	}

	.funnel.brokerage-select .title .mainTitle{
		font-size: 22px;
		font-family: 'gotham-bold';
	}

	.funnel.brokerage-select .title .subTitle{
		font-size: 13px;
	}
	.navbar{
		line-height: 50px;
		width: 358px;
		position: relative;
		top: -4px;
		left: -1px;
		box-shadow: 0px 0px 8px #bbb;
	}


	.navbar .navbar-item:nth-child(1){
		height: 65px;
		width: 119px;
		border-top-left-radius: 3px;
		text-align: center;
		font-size: 16px;
		color: #3C4B53;
		background-color: #fff;
	}
	.navbar .navbar-item:nth-child(2){
		height: 65px;
		width: 119px;
		background-color: #55C4CA;
		color: #fff;
		text-align: center;
		font-size: 16px;
	}
	.navbar .navbar-item:nth-child(3){
		height: 65px;
		width: 118px;
		border-top-right-radius: 3px;
		text-align: center;
		font-size: 16px;
		color: #3C4B53;
		background-color: #fff;
	}
	.funnel.brokerage-select .select-panel-battery {

		overflow: inherit;
	}

	.funnel.brokerage-select .container {
		margin-top: 0px;
	}
	.calculate {
		/* margin: 18px 34px 12px; */
	}
	.bottom-des{
		text-align: center;
		width: 263px;
		background-color: #fff;
		line-height: 22px;
		font-size: 14px;
		color: #888;
		left: 107%;
		bottom: 0px;
		margin-top: 30px;
		position: inherit;
	}
	.reasonContent{
		width: 320px;
	}
	#brokerage-login h1 {
		margin-left: -25px;
		min-width: 320px;
		font-size: 21px;
	}
	#brokerage-login .modal-content{
		padding-top: 26px;
		overflow: inherit;
	}
	#brokerage-login label{
		margin-left: 0;
	}
	#brokerage-login .modal-content {
		margin-top: 62px;
		height: 544px;
	}
	#brokerage-login h3{
		font-size: 15px;
	}
	#priceCalculator .title{
		font-size: 22px;
	}
	#priceCalculator .modal-content{
		padding: 40px 15px 0px 15px;
		margin-top: 63px;
		overflow: inherit;
	}
	#priceCalculator .questionslabel{
		padding-left: 0;
	}
	#priceCalculator .titleDes{
		width: 260px;
	}
	#priceCalculator .title{
		margin-top: 0;
		width: 260px;
	}

	#priceCalculator ul li .check{
		height: 56px;
	}
	#priceCalculator ul li label{
		height: 0;
	}
	#address-error{
		color: red;
	}
	.btn-save-for-later{
		position: relative;
		left: -120px;
		float: left;
	}
	.btn-saving-continue{
		position: relative;
		left: 180px;
		float: left;
	}
}

/*for 6 plus*/
@media screen and (max-width: 767px) {
	.recomTag{
		left: 32.5% !important;
	}
	#barChart{
		position: absolute;
		top: 930px;
		left: 50px;
	}
	#pieChart{
		margin-left: 0;
		left: 60px;
	}
	#priceCalculator .title{
		width: 360px;
	}
	#priceCalculator .titleDes{
		width: 360px;
	}
	#priceCalculator #modal-address{
		width: 350px;
	}
	#priceCalculator ul li label{
		padding: 20px 0px 28px 30px;
	}
	section.funnel.brokerage-select .navbar{
		width: 396px;
	}
	.navbar .navbar-item:nth-child(1){
		width: 132px;
	}
	.navbar .navbar-item:nth-child(2){
		width: 132px;
	}
	.navbar .navbar-item:nth-child(3){
		width: 130px;
	}
	.calculate {
		margin: 18px 54px 12px;
	}
	.discountDes{
		margin: 14px 52px -18px;
	}
	#barChart{
		top: 960px;
	}
	#pieChart {
		top: 50px;
		left: 20px;
	}
	.list-title{
		text-align: center;
		width: 310px;
		margin-left: 10px;
		/* font-size: 19px; */
	}
	#list{
		margin-top: 246px;
	}
	#barChart:before, #pieChart:before, #barChartDisabled:before, #pieChartDisabled:before{
		height: 20px;
	}
	.slider.slider-horizontal {
		width: 370px;
	}
}

/*for 6 */
@media screen and (max-width: 380px) {
	.recomTag{
		left: 31% !important;
	}
	#example-basic >.steps li:nth-child(n+1):before{
		left: -82px;
	}
	#example-basic .steps li:nth-child(2):after{
		left: -26px;
	}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 320px;
	}
	.brokerage-installer .dropdown .btn{
		width: 325px;
	}
	section.funnel.brokerage-select .navbar{
		width: 356px;
	}
	.navbar .navbar-item:nth-child(1){
		width: 118px;
	}
	.navbar .navbar-item:nth-child(2){
		width: 118px;
	}
	.navbar .navbar-item:nth-child(3){
		width: 118px;
	}
	.calculate {
		margin: 18px 34px 12px;
	}
	.funnel.brokerage-select .select-panel-battery:before{
		left: 29%;
	}
	.slider.slider-horizontal {
		width: 330px;
	}
}

/*for 5 */
@media screen and (max-width: 372px) {
	.brokerage-deals-checkbox .phase-icon {
	    left: -80px!important;
	}
	#brokerage-login .modal-content {
		height: 584px;
	}
	#brokerage-login h1{
		min-width: 270px;
	}
	.recomTag {
		left: 28% !important;
	}
	#example-basic >.steps li:nth-child(n+1):before{
		left: -64px;
	}

	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 270px;
	}
	.brokerage-installer .dropdown .btn{
		width: 275px;
	}
	#example-basic>.steps li:before, #example-basic>.steps li:after, .dashboard-sidebar li:before, .dashboard-sidebar li:after{
		font-size: 12px!important;
	}
	.brokerage-installer .busNameContent .des .aboutUs .content{
		width: 285px;
	}
	.brokerage-installer .busNameTop .brokerage-info{
		left: -30px!important;
	}
	.brokerage-installer .busNameContent .gallery .title{
		margin-top: 130px;
	}
	.brokerage-installer .busNameContent .gallery .galleryImg{
		margin-left: -20px;
	}
	.brokerage-installer .busNameContent .reviews .authorName{
		bottom: 328px;
	}
	.brokerage-installer .busNameContent .reviews .rating{
		bottom: 328px;

	}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 280px;
	}
	section.funnel.brokerage-select .navbar{
		width: 301px;
	}
	.navbar .navbar-item:nth-child(1){
		width: 100px;
	}
	.navbar .navbar-item:nth-child(2){
		width: 100px;
	}
	.navbar .navbar-item:nth-child(3){
		width: 99px;
	}
	.calculate {
		margin: 18px 5px 12px;
	}
	.funnel.brokerage-select .select-panel-battery:before{
		left: 25%;
	}
	.bottom-des{
		left: 121%;
	}
	.slider.slider-horizontal {
		width: 270px;
	}
}

.recomTag{
	z-index: 1;
	padding-top: 5px;
	font-size: 14px;
	border-radius: 15px;
	height: 30px;
	left: 31%;
	position: absolute;
	top: -16px;
	width: 148px;
	background-color: #B4D246;
	text-align: center;
	color: white;
}
@media screen and (min-width: 992px) {
	.cardLocation{
		height: 44px!important;
	}
	.funnel.brokerage-select .title .mainTitle{
		padding-top: 80px;
		font-family: 'gotham-bold';
	}
	.funnel.brokerage-select .title .subTitle{
		font-family: 'gotham-bold';
	}
	.funnel.brokerage-select .container {
		margin-top: 40px;
	}
	.recomTag{
		left: 42.5%;
	}
}
section.funnel.brokerage-select .row{
	position: relative;
	top: -4px;
}
.brokerage-installer .select-installer.btn-mobile-select{
	z-index: 20000;
	position: absolute;
	width: 290px;
	height: 35px;
	display: block;
	left: 60px;
	bottom: 130px;
}

.calendly-inline-widget:before {
	height: 820px;
	width: 1610px;
	background-color: #eee;
	position: absolute;
}
#example-basic-p-2.body.current{
	align-items: center;
	flex-direction: column;
	display: flex;
	background: #eee;
}
.twitter .icon{
	background-position: 0 -63px;
}
.twitter{
	background-color:#00ACED;
}
.reviewing {
	z-index: 9;
	margin-top: 20px;
	width: 663px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.reviewing img{
	width: 136px;
	height: 185px;
}
.reviewing .title{
	text-align: center;
	margin-bottom: 18px;
	line-height: 36px;
	font-size: 36px;
	font-family: 'gotham-bold';
	color: #333;
	margin-top: 30px;
	width: 910px;
}
.reviewing .subTitle{
	margin-bottom: 30px;
	color: #ccc;
	line-height: 20px;
	font-size: 20px;
}
.reviewing .content{
	margin-bottom: 30px;
	text-align: center;
	width: 560px;
	color: #555;
}
.reviewing .question{
	margin-bottom: 54px;
	text-align: center;
	width: 560px;
	color: #555;
}
.reviewing .socialConnt{
	align-items: center;
	display: flex;
	/*background-color: #fff;*/
	width: 663px;
	height: 163px;
	flex-direction: column;
}
.reviewing .socialConnt .offtag{
	margin-top: 30px;
	font-size: 20px;
	line-height: 20px;
	color: #333;
}
.reviewing .socialConnt .offtagTitle{
	margin: 6px auto 16px;
	color: #555;
	font-size: 14px;
}
.reviewing .socialConnt a{
	height: 45px;
	width: 133px;
}
.reviewing .socialConnt .connect-options{
	width: 430px;
}
.calendly-inline-widget{
	/*top: -150px;   // issue-28 Ravi */
	position: relative;
	min-width: 1000px;
	height: 490px;
}
.question-bottom{
	position: relative;
	top: -110px;
}
@media screen and (max-width: 992px) {
	.bank-au {
	}
	.GTL {
	}
	.reviewing img{

		height: 113px;

		width: 83px;
	}
	.reviewing .title{
		margin-left: 0px;
		line-height: 26px;
		font-size: 22px;
		width: 280px;
		text-align: center;
	}
	.reviewing .subTitle{
		font-size: 14px;
	}
	.reviewing .content{
		width: 300px;
	}
	.calendly-inline-widget{
		height: 870px;
		min-width: 375px;
		top: -170px;
	}
	.question-bottom{
		text-align: center;
		width: 289px;
	}
	.calendly-inline-widget:before{
		height: 170px;
	}
	#example-basic-p-2.body.current{
		background-color: #fff;
	}
	.reviewing .socialConnt .connect-options{
		width: auto;
	}
	.reviewing .question{
		width: 290px;
	}
	.reviewing .socialConnt .offtag{
		margin-top: 0;
	}
	.reviewing .socialConnt .offtagTitle {
		margin: 6px auto 26px;
	}
	.connect-options a{
		margin-bottom: 20px;
	}


}

.brokerage-deals{
	background-color: #eee;
	height: 2000px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.brokerage-deals  .title{
	color: #333333;
	font-size: 36px;
	line-height: 36px;
	margin-top: 45px;
}
.brokerage-deals > .container{
	position: relative;
	padding: 0;
}
.brokerage-deals .subTitle{
	color: #ccc;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.brokerage-deals .selectItems {
	padding-left: 17px;
	padding-top: 16px;
	background-color: #fff;
	height: 133px;
	padding-right: 14px;
}
.brokerage-deals .btn-suggest {
	position: absolute;
	right: 120px;
	top: 90px;
}
.brokerage-deals .btn-add-product {
	position: absolute;
	right: -15px;
	top: 90px;
}
.brokerage-deals-checkbox{
	font-size: 14px;

}
.brokerage-deals-checkbox .icon-allDeals{
	background: url(../img/brokerage/all-deals.png) no-repeat;
}
.brokerage-deals-checkbox .icon-elec-bill{
	background: url(../img/brokerage/elec-bill.png) no-repeat;
}
.brokerage-deals-checkbox .icon-appli{
	background: url(../img/brokerage/appli.png) no-repeat;
}
.brokerage-deals-checkbox .icon-green{
	background: url(../img/brokerage/green.png) no-repeat;
}
.brokerage-deals-checkbox .icon-smart{
	background: url(../img/brokerage/smart.png) no-repeat;
}
.brokerage-deals-checkbox .icon-lifestyle{
	background: url(../img/brokerage/lifestyle.png) no-repeat;
}
.brokerage-deals .availItems .title{
	font-family: 'gotham-bold';
	font-size: 24px;
	line-height: 24px;
	margin-top: 60px;
	text-align: left;
	margin-bottom: 20px;
}
.brokerage-deals .availItems .item {
	height: 270px;
	padding-right: 0;
	margin-left: -15px;
	margin-right: 22px;
	border-radius: 5px;
	margin-bottom: 20px;
	position: relative;
}
.brokerage-deals .availItems .item img{
	width: 100%;
}
.brokerage-deals .availItems .item:nth-of-type(3n-2){
	margin-right: 0px;
}
.brokerage-deals .availItems .item .des{
	height: 76px;
	background-color: #fff;
	color: #333;
	padding: 17px;
}
.brokerage-deals .availItems .item .des .leftTitle{
	float: left;
	text-align: left;
}
.brokerage-deals .availItems .item .des .priceLabel{
	text-align: right;
}
.brokerage-deals .availItems .item .des .leftTitle p:nth-child(1){
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
}
.brokerage-deals .availItems .item .des .leftTitle p:nth-child(2){
	font-size: 14px;
	color: #b4b4b4;
}
.brokerage-deals .availItems .item.trusted:before{
	color: #f9f9f9;
	font-size: 14px;
	line-height: 40px;
	width: 139px;
	height: 40px;
	background-color: #B4D246;
	content: 'Trusted partner';
	position: absolute;
	right: 0;
	top: 163px;
	border-top-left-radius: 3px;
}
.brokerage-deals .upcoming .item .des .leftTitle {
	float: none;
}
.brokerage-deals #progress {
	width: 235px;
	height: 17px;
	border-radius: 25px;
	background: rgba(180, 180, 180, 0.15);

}

.brokerage-deals .bar {
	width: 0;
	height: 17px;
	background: rgba(180, 210, 70, 1);
	border-radius: 25px;

}
.brokerage-deals .upcoming .item .des{
	height: 187px;
}
.brokerage-deals .upcoming .item .interRate{
	text-align: right;
	color: #40B2E6;
	margin-bottom: 13px;
}
.brokerage-deals .upcoming .item #progress {
	margin-bottom: 20px;
	width: 305px;
}
.brokerage-deals .upcoming .item .btn-interest {
	width: 305px;
}
.brokerage-deals .upcoming .item .interRate{
	margin-bottom: 0;
}
.brokerage-deals .offpercent{
	color: #FFA818;
	display: block;
}
.brokerage-deals .prevprice{
	margin-right: 10px;
	text-decoration: line-through;
	color: #d1d1d1;
}
.brokerage-deals .finalprice{
	color: #40B2E6;
}
.brokerage-deals .priceLabel {
	color: #40B2E6;

}
#modal-addProduct{
	color: #555;
}
#modal-addProduct .modal-content{overflow:inherit;display: flex;width: 662px;margin-top: 157px;height: 434px;padding: 38px 60px 48px;flex-direction: column;align-items: center;}
#modal-addProduct h3.title{margin: 0;color: #333;text-align: center;font-size: 36px;font-family: 'gotham-bold';}
#modal-addProduct p.titleDes{margin-bottom: 42px;margin-top: 10px;text-align: center;width: 550px;line-height: 27px;color: #ccc;font-size: 20px;}
#modal-addProduct .form-productName{margin-bottom: 30px;width: 378px;}
#modal-addProduct .form-productWebLink{width: 378px;}
#modal-addProduct .btn-addproduct{width: 116px;align-self: left;position: relative;right: -80px;height: 35px;top: 5px;}



#brokerage-solarPlan{
	margin-top: 59px;
	background: url(../img/profile/profile-cover.png) center top no-repeat #EEE;
	background-size: 100% 286px;
	padding: 28px 0 60px;
}
#brokerage-solarPlan .col-sm-8.left{
	border-radius: 4px;
	padding: 0;
	background-color: #eee;
}

#brokerage-solarPlan .row > .mainTitle{margin-top: 35px;line-height: 36px;color: #fff;font-size: 36px;font-family: 'gotham-bold';}
#brokerage-solarPlan .row > .subTitle{opacity: 0.7;color: #fff;font-size: 20px;line-height: 20px;margin: 13px auto 58px;}
#brokerage-solarPlan .col-sm-8.left .aboutCompany{
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 4px;
	padding: 30px 33px 12px 31px;
}
#brokerage-solarPlan .col-sm-8.left .spec{
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
}

#brokerage-solarPlan .col-sm-8.left .aboutCompany .title{margin-bottom: 12px;font-family: 'gotham-bold';color: #333;font-size: 24px;line-height: 24px;}
#brokerage-solarPlan .col-sm-8.left .aboutCompany .content {margin-bottom: 40px;color: #333;line-height: 22px;font-size: 14px;}
#brokerage-solarPlan .col-sm-8.left .spec .specNav{
	border-bottom: 1px solid #eee;
	color: #333;
}
#brokerage-solarPlan .col-sm-8.left .spec .left{
	float: left;
	line-height: 57px;
	text-align: center;
	width: 50%;
	display: inline-block;
	cursor: pointer;
}
#brokerage-solarPlan .col-sm-8.left .spec .right{
	line-height: 57px;
	height: 57px;
	background-color: #f2f2f2;
	width: 50%;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#brokerage-solarPlan .col-sm-8.left .spec .leftContent {font-size: 14px;color: #333;padding: 10px 10px 10px 30px;line-height: 25px;}
#brokerage-solarPlan .col-sm-8.left .spec .leftContent .specTitle{display: block;font-size: 16px;}

#brokerage-solarPlan .col-sm-8.left .spec .rightContent {
	font-size: 14px;
	color: #333;
	padding: 10px 10px 10px 30px;
	line-height: 25px;
}
#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(1){margin-right: 30px;}
#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(2){margin-right: 30px;}

#brokerage-solarPlan .col-sm-4.right .panel > img{
	width: 100%;
}
#brokerage-solarPlan .col-sm-4.right h4{margin-top: 20px;margin-bottom: 7px!important;}
#brokerage-solarPlan .col-sm-4.right .content{color: #333;font-size: 14px;line-height: 22px;}
#brokerage-solarPlan .col-sm-4.right .priceArea{margin: 30px auto;font-size: 23px;color: #40B2E6;text-align: right;line-height: 23px;}
#brokerage-solarPlan .col-sm-4.right .afterSale{
}
#brokerage-solarPlan .col-sm-4.right .afterSale .refunds{margin-left: 10px;width: 46px;display: inline-block;}
#brokerage-solarPlan .col-sm-4.right .afterSale .img-refunds{position: relative;top: -12px;}
#brokerage-solarPlan .col-sm-4.right .afterSale .img-suppliers{position: relative;margin-left: 26px;top: -12px;}
#brokerage-solarPlan .col-sm-4.right .afterSale .suppliers{margin-left: 10px;display: inline-block;width: 90px;}
#brokerage-solarPlan .col-sm-4.right .btn-claimDeal{height: 35px;margin: 35px auto 12px;width: 100%;}
#brokerage-solarPlan .bottom .title{font-size: 24px;margin: 45px auto 20px;line-height: 24px;color: #333;font-family: 'gotham-bold';}
#brokerage-solarPlan .bottom .interestItems .item{
	padding-left: 0px;
	margin-right: 0px;
	position: relative;
	left: 0px;
}
#brokerage-solarPlan .bottom .interestItems .item .des{
	width: 98%;
	height: 76px;
	background-color: #fff;
	color: #333;
	padding: 11px;
}
#brokerage-solarPlan .bottom .interestItems .item .des .leftTitle{
	float: left;
	text-align: left;
}
#brokerage-solarPlan .bottom .interestItems .item .des .leftTitle p:nth-child(1){
	font-size: 16px;
	color: #333;
	margin-bottom: 0;
}
#brokerage-solarPlan .bottom .interestItems .item .des .leftTitle p:nth-child(2){
	font-size: 14px;
	color: #b4b4b4;
}
#brokerage-solarPlan .bottom .interestItems .item .des .priceLabel{
	text-align: right;
	color: #40B2E6;
}
#brokerage-solarPlan .offpercent {
	color: #FFA818;
	display: block;
}
#brokerage-solarPlan .prevprice {
	margin-right: 10px;
	text-decoration: line-through;
	color: #d1d1d1;
}
#brokerage-solarPlan .priceArea .prevprice{display: inline-block;margin-right: 10px;}
#brokerage-solarPlan .priceArea .offpercent{display: inline-block;margin-right: 86px;}
#modal-afterSale .modal-content{
	padding: 27px;
	height: 292px;
	width: 100%;
	margin-top: 200px;
}
#modal-afterSale .modal-content .title{
	color: #000;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 25px;
}
#modal-afterSale .modal-content .content{
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
}
#modal-addProduct .priceCalculator-close{
	top: -36px;
	right: -33px;
	position: absolute;
}
#modal-afterSale .priceCalculator-close{
	position: absolute;
	top: -35px;
	right: -34px;
}
@media (max-width: 681px) {
	.brokerage-deals  .title{
		font-size: 22px;
		margin-top: 35px;
		line-height: 22px;
	}
	.brokerage-deals .btn-suggest{
		display: none;
	}
	.brokerage-deals .btn-add-product{
		margin-bottom: 22px;
		position: inherit;
	}
	.brokerage-deals .subTitle{
		margin-bottom: 17px;
		font-size: 15px;
		line-height: 15px;
	}
	.brokerage-deals .selectItems{
		width: 413px;
		height: 333px;
	}
	.custom-checkbox.brokerage-deals-checkbox.brokerage-checkbox-round{
		text-align: left;
		height: 29px;
	}
	.custom-checkbox.brokerage-deals-checkbox.brokerage-checkbox-round:before{
		display: none;
	}
	.brokerage-deals-checkbox .phase-icon{
		left: -110px;
		zoom: 0.7;
		position: absolute;
		top: 11px;
	}
	.custom-checkbox.brokerage-deals-checkbox.brokerage-checkbox-round span{
		margin-left: 66px;
		line-height: 0px;
		font-size: 14px;
		margin-top: -10px;
	}
	.brokerage-deals .custom-checkbox span:before, .funnel .custom-radio span:before{
		height: 37px;
	}
	.brokerage-deals .availItems{
		padding-left: 15px;
	}
	.brokerage-deals .availItems .title{margin-top: 46px;}
	.brokerage-deals .availItems.upcoming .item{
		height: 380px;
		margin-right: 18px;
		margin-bottom: 30px;
	}
	.brokerage-deals .availItems .item img{
		height: 200px;
		width: 377px;
	}
	.brokerage-deals .availItems .item:nth-of-type(3n-2){
		margin-right: 15px;
	}
	.brokerage-deals{
		height: 3700px;
	}
	.brokerage-deals .availItems .item.trusted:before{
		right: 3px;
		top: 167px;
	}
/*	#brokerage-solarPlan{
		padding-top: 0px;
		margin-top: 0px;
		display: flex;
		background-image: url(../img/profile/profile-cover-sm.png);
		background-size: 100% 155px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#brokerage-solarPlan .row > .mainTitle{
		line-height: 22px;
		text-align: center;
		font-size: 22px;
		margin-top: 60px;
		margin-left: -15px;
	}
	#brokerage-solarPlan .row > .subTitle{
		font-size: 15px;
		margin-top: 10px;
		text-align: center;
		line-height: 16px;
		margin-left: -15px;
	}
	#brokerage-solarPlan .col-sm-4.right{
		padding-left: 0px;
	}
	#brokerage-solarPlan .col-sm-4.right .right-sidebar{
		margin-top: -13px;
	}
	#brokerage-solarPlan .col-sm-4.right .panel.sidebar-installation{
		border: 1px solid transparent;
		margin-bottom: 0px;
		padding-left: 18px;
		padding-right: 28px;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal{
		margin-top: 10px;
		width: 335px;
	}
	#brokerage-solarPlan .col-sm-8.left .aboutCompany{
		margin-top: -30px;
	}
	#brokerage-solarPlan .col-sm-8.left .aboutCompany .title{
		line-height: 18px;
		font-size: 18px;
	}
	#brokerage-solarPlan .col-sm-8.left .aboutCompany .content{
		margin-bottom: 33px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec .left{}
	#brokerage-solarPlan .col-sm-8.left .spec .right{
		width: 49.7%;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(1){
		margin-left: 10px;
		margin-right: 8px;
		width: 27%;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(2){
		margin-right: 12px;
		width: 27%;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(3){
		width: 27%;
	}
	#brokerage-solarPlan .bottom{
		padding-left: 10px;
	}
	#brokerage-solarPlan .bottom .title{
		font-size: 18px;
	}
	#brokerage-solarPlan .bottom .interestItems{
		margin-right: -15px;
		padding-right: 45px;
	}
	#brokerage-solarPlan .bottom .interestItems .item .des{
		margin-bottom: 20px;
	}
	#brokerage-solarPlan .priceArea .offpercent{
		position: relative;
		right: 70px;
	}
	#brokerage-solarPlan .col-sm-4.right .priceArea{
		margin: 20px auto;
		 right: 12px; 
		 position: relative; 
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .img-suppliers{
		margin-left: 80px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec{
		margin-left: 15px;
		margin-right: 30px;
	}*/

}
.slider-brokerage .slider.slider-horizontal{
	width: 340px!important;
}

.funnel.brokerage #example-form .quarter{
	font-size: 20px;
	color: #333;
	margin-top: 100px;
	margin-left: -90px;

}
.funnel.brokerage #example-form .title {
	font-size: 24px;
	color: #424242;
	text-align: center;
	margin: 0 0 30px;
	font-family: 'gotham-bold';
}
#not-in-sa{
	top: 30%!important;
}
/*for ipad  pro*/
@media (min-width: 992px) and (max-width:1200px) {
	.icon-brokerage-hotwater + span{
		font-size: 17px;
	}
	.phase-icon.icon-community{
		height: 50px;
	}
	#community-power{
		padding-bottom: 18px!important;
	}
	#brokerage-solarPlan .bottom .interestItems .item .des {
    	width: 94%!important;
    }
	.tipContainer {
    	position: absolute;
    	top: 460px;
    	display: none;
    	right: 100px;
	}
	.phase-icon {
    margin: 0 auto 0 50px;
	}
	#funnel-steps-p-2 .col-sm-4 span{
		font-size: 16px;
	}
	.join-community-img-block > .imgcombox:last-child{
		display: none;
	}
	.widerContainer {
		display: inline;
	}
	.banner-form .form-group .btn {
		right: -30px;
	}
	.sizer{
		width:950px;
	}
	.funnel.brokerage #example-form .quarter {
		margin-left: 40px;
		position: relative;
		top: -20px;
	}
	.slider-brokerage {
		top: 150px;
		left: 29%;
	}
	#brokerage-solarPlan .col-sm-4.right .panel > img {
		width: 255px;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal {
		width: 255px;

	}
	#brokerage-solarPlan .col-sm-8.left .spec .left {
		width: 49.9%;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(2){
		margin-right: 10px;

	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .suppliers {
		width: 65px;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(1){
		margin-right: 10px;

	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .img-refunds {
		position: relative;
		top: -32px;
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .img-suppliers {
		position: relative;
		margin-left: 26px;
		top: -32px;
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .refunds {

		position: relative;
		top: -20px;
	}
	#brokerage-solarPlan .bottom .interestItems .item img{
		width: 290px;
	}
	.brokerage-installer .right{
		width: 710px;
	}
	.brokerage-installer .payment-info{
		height: 80px;
		width: 570px;
	}
	.brokerage-installer .right .brokerage-info.pull-right{
		top: -60px;
		position: relative;
	}
	.brokerage-installer .busNameContent .map{
		overflow: hidden;
		float: right;
		width: 264px;
	}
	#example-basic > .steps {
		padding-left: 180px;
	}
	#example-basic>.steps li:nth-child(n+1):before{
		width: 140px;
		left: -131px;
	}

	.brokerage-installer .busNameContent .reviews{}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 500px;
	}
	.brokerage-installer .busNameContent .reviews img{
		vertical-align: top;
	}
	.brokerage-installer > .title {
		margin-left: 10px;
	}
}

/*for ipad */
@media (min-width: 768px) and (max-width:992px) {
	#priceCalculator ul li label{
		    padding: 23px 0px 28px 0px;
	}
	.icon.phase-icon.icon-community + span{
		font-size: 15px!important;
	}
	.phase-icon.icon-singlePhase,.phase-icon.icon-threePhase,.phase-icon.icon-notSure,
	.phase-icon.icon-lot,.phase-icon.icon-few,.phase-icon.icon-none,.phase-icon.icon-blackout,.phase-icon.icon-offgrid,.phase-icon.icon-community{
	    position: relative;
    	left: 20px;
	}
	.differenceDes2 {
    width: 70%;
    color: #555;
    margin: 37px auto 50px;
    text-align: center;
}
	.how-it-works p {
	    width: 100%;
	    color: #555;
	    font-size: 12px;
	    line-height: 22px;
	    margin: 0 0px;
	}
	.cardLocation{
		height: 40px;
	}
	#pick-your-event .row.how-it-works .col-xs-6 button {
	   	height: 25px!important;
	    margin: 0px auto 10px!important;
	    width: 138px!important;
	    display: block!important;
	    padding-top: 2px!important;
	}
	#contact-us-btn {
	    position: relative!important;
	    top: 0px!important;
	}
	#brokerage-solarPlan .bottom .interestItems .item .des {
	    width: 98%!important;
	}
	.brokerage-checkbox-round:before{
		display: none;
	}
	.row1 > td:last-child >img{display: none;}
	.join-community-img-block > .imgcombox:nth-last-child(-n+3) {
		display: none;
	}
	.widerContainer {
		display: inline;
	}
	.banner-form .form-group .btn {
		width: 200px;
	}
	.banner-form .form-group .form-control{
		width:98%;
	}
	.col-sm-8.col-sm-offset-2.text-center p,.differenceContent {
		width: 540px;
		margin: 0 auto;
	}
	.sizer{
		width:730px;
	}
	.slider-brokerage {
		top: 160px;
		left: 40%;
	}
	.funnel.brokerage #example-form .quarter{
		margin-left: 0;
	}
	.brokerage-deals .btn-suggest{
		right: 110px;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(2) {
		margin-right: 5px!important;
		width: 160px;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(1) {
		margin-right: 5px!important;
		width: 160px;
	}
	#brokerage-solarPlan .col-sm-8.left .gallery img:nth-child(3) {
		width: 160px;
	}
	#brokerage-solarPlan .prevprice {
		position: absolute;
		right: 70px;
	}
	#brokerage-solarPlan .bottom .interestItems .item img{
		width: 230px;
	}
	.panel.sidebar-installation{
		width: 230px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec .left {
		width: 49.7%;
	}
	.brokerage-installer .right{
		width: 485px;
	}
	#brokerage-solarPlan .col-sm-4.right .panel > img {
		width: 190px;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal{
		width: 190px;

	}
	#brokerage-solarPlan .priceArea .offpercent {
		position: absolute;
		left: 20px;
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .suppliers {
		margin-left: 50px;
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .img-suppliers {
		position: relative;
		margin-left: 26px;
		top: 38px;
		left: -127px;
	}
	.brokerage-installer .right .payment-info{
		width: 345px;
		position: relative;
	}
	.brokerage-installer .right .brokerage-info.pull-right{
		width: 130px;
		margin-top: -80px;
	}
	.brokerage-installer .busNameContent .map{
		float: right;
		width: 180px;
		overflow: hidden;
	}
	#example-basic > .steps {
		padding-left: 180px;
	}
	#example-basic>.steps li:nth-child(n+1):before{
		width: 110px;
		left: -105px;
		top: 32px;
	}

	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 500px;
	}
	.brokerage-installer .busNameContent .reviews img{
		vertical-align: top;
	}
	.brokerage-installer > .title {
		margin-bottom: 10px;
		width: 350px!important;
		margin-left: 10px;
		margin-top: 20px;
	}
	#example-basic .steps ul li:nth-child(4), #titleInstallation{
		display: block;
	}
	#titleInstallation{
		top: 32px;
		left: 580px;
	}
	.brokerage-installer .dropdown .btn{
		width: 200px;
	}
	.container {
		margin-top: 0px;
	}
	#example-basic > .steps > ul > li{
		width: 23.33%;
	}
	.brokerage-installer .busNameTop{
		box-shadow: 0px 2px 3px #ccc;
	}
	.brokerage-installer .disabledPrice{
		display: none;
	}
	.brokerage-installer .busNameContent .des .aboutUs .content{

		width: 270px;

	}
	.brokerage-installer .busNameContent .cer-content{

		width: 190px;

	}
	.brokerage-installer .busNameContent .energy-con{

		width: 400px;

	}
	.brokerage-installer .busNameContent .gallery{
		margin-top: 100px;
	}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 370px;
	}
	.brokerage-installer .left{
		height: 1200px;
	}
	.brokerage-installer .right{
		height: 1200px;
	}
	.brokerage-deals .availItems{
		zoom: 0.95;
		margin-left: 25px;
	}
	.brokerage-deals .prevprice {
		position: absolute;

		right: 60px;
	}
	.brokerage-deals .availItems .item.trusted:before{
		top: 123px;
	}
	.brokerage-deals .upcoming .item #progress{
		width: 205px;
	}
	.brokerage-deals .upcoming .item .btn-interest {
		width: 205px;
	}
	.phase-icon {
		margin: 0 auto 0 40px;
	}
}

/*for mobile*/
@media (max-width:767px) {
.differenceDes2 {
    width: 70%;
    color: #555;
    margin: 37px auto 50px;
    text-align: center;
}
	#modal-afterSale .modal-content{
	    padding: 27px;
	    height: 382px;
	    width: 90%;
	    margin-top: 200px;
	    margin-left: auto;
	    margin-right: auto;
	}
	#brokerage-solarPlan .bottom .interestItems .item .des {
	    width: 100% !important;
	}
	#savingCalculator .saving-pre-top {
    padding-left: 90px!important;
	}
	.phase-icon {
    margin: 0px auto 0;
	}
	.funnel.brokerage #example-form .quarter{
		margin-left: 0;
	}
	.col-sm-8.col-sm-offset-2.text-center p,.differenceContent {
		width: 360px;
	}
	.how-icon.icon-choose-system {
		position: relative;
		left: 10px;
	}
	.how-icon.icon-trackprocess{
	    top: -5px;
	    background-position: center;
	    position: relative;
	    left: 0px;
	}
	.banner-form .form-group .form-control{
		margin-left: 0px;
	}
	.differenceDes{
		width:330px;
	}
	.funnel.brokerage #example-form .title{
		font-size: 20px;
		margin-top: 20px;
	}
	.slider-brokerage {
		top: 190px;
		left: 35%;
	}
	.sizer{
		width:370px;
	}
	.brokerage-installer .busName{
		height: 170px;
		display: inline-block;
		margin-top: 5px;
	}
	.brokerage-installer .busNameContent .map{
		overflow: hidden;
		position: absolute;
		top: -110px;
		height: 134px;
	}
	.busNameArea {
		white-space: nowrap;
		overflow-x: scroll;
		height: 230px;
		overflow-y: hidden;
	}
	.brokerage-installer .busNameContent .map{
		/* overflow: hidden; */
		/* position: absolute; */
		/* top: 560px; */
		/* height: 134px; */
	}

	.brokerage-installer .busNameContent .gallery{
		margin-top: 140px;
	}
	.brokerage-installer .busNameContent .gallery .title{
		width: inherit;
		margin-bottom: 10px;
	}
	.brokerage-installer .busNameContent .gallery .galleryImg{
		width: 360px;
	}
	.brokerage-installer .busNameContent .gallery .galleryImg img{
		margin-bottom: 10px;
	}
	.brokerage-installer .busNameContent .reviews{}
	.brokerage-installer .busNameContent .reviews .title{
		width: inherit;
		/* margin-bottom: 20px; */
	}
	.brokerage-installer .busNameContent .reviews .authorName{
		position: absolute;
		bottom: 78px;
	}
	.brokerage-installer .busNameContent .reviews .rating{
		position: absolute;
		bottom: 76px;
	}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		display: block;
		width: 350px;
		height: 150px;
		margin-left: 0;
		margin-top: 20px;

	}
	.brokerage-installer .offLabel{
		margin-top: 20px;
		left: 80px;
		top: -275px;
	}
	.brokerage-installer .busNameTop .brokerage-info{
		position: absolute;
		top: 505px;
		left: 10px;
	}
	.brokerage-installer.disabledPrice{

		top: -50px;

		left: 70px;
	}
	.brokerage-installer .busNameTop .price{

		top: 10px;

		position: relative;

		left: -30px;
	}
	button.select-installer{

bottom: -105px!important;

}
	.busNameArea{
		/* white-space: nowrap; */
		/* overflow-x: scroll; */
		/* height: 170px; */
		/* overflow-y: hidden; */
	}
	.brokerage-installer .busName{
		height: 170px;
		/* display: inline-block; */
		/* margin-top: 5px; */
	}
	#example-basic > .content > .body{
		background: url(../img/brokerage/brokerage-bg-sm-saving.png) center top no-repeat #EEE;
		background-size: 100% 100px;
	}
	.brokerage-installer .left {

		height: 500px;

	}
	.brokerage-installer .right{
		height: 2130px;
	}
	.brokerage-installer .title{
		text-align: center;
		font-size: 20px;
		line-height: 23px;
		margin: 0 auto;
		/* width: 200px; */
		margin-top: 32px;
		padding-bottom: 25px;
	}
	.brokerage-installer .busNameContent .energy-con {
		width: 430px;
	}
	#brokerage-solarPlan .bottom .interestItems .item img{
		width: 357px;
	}
	#brokerage-solarPlan .bottom{
		margin-left: 20px;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal{
		margin-left: 20px;
	}
	.funnel.brokerage-select .container .brokerage-dropdown {
		width: 310px;
	}
	.content-section.dark-blue-bg .section-title{
		font-size: 30px!important;
	}
}
@media (max-width:376px) {
	.row.how-it-works .col-sm-4 {
	    padding: 10px!important;
	    height: auto!important;
	    width: 92%!important;
	}
	#brokerage-solarPlan .row > .mainTitle {
	    line-height: 22px;
	    text-align: center;
	    font-size: 22px;
	    margin-top: 60px;
	}
	.phase-icon {
    display: block;
    width: 50px;
    height: 36px;
    margin: 0px auto 0 140px;
	}
	.col-sm-8.col-sm-offset-2.text-center p,.differenceContent{
		width: 340px;
	}
	.sizer{
		width:320px;
	}
	.funnel.brokerage #example-form .quarter{
		margin-left: 0;
	}
	.slider-brokerage .slider.slider-horizontal {
		width: 300px!important;
	}
	.funnel.brokerage-select .container .brokerage-dropdown {
		width: 270px;
	}
	.brokerage-deals .selectItems{
		width: 375px;
	}
	.brokerage-deals .availItems .item img {
		width: 337px;
	}
	#savingCalculator .saving-pre-top{
		padding-left: 90px!important;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal {
		width: 300px;
	}
	#brokerage-solarPlan .col-sm-8.left .aboutCompany .content {
		width: 340px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec{
		width: 345px;
	}
	#brokerage-solarPlan .bottom .interestItems .item{
		width: 345px;
	}
	#brokerage-solarPlan .bottom .interestItems .item img{
		width: 323px;
	}
}
@media (max-width:370px) {
	#brokerage-solarPlan .row > .mainTitle {
	    line-height: 22px;
	    text-align: center;
	    font-size: 22px;
	    margin-top: 60px;
	}
	#modal-afterSale .modal-content{
	    height: 422px;
	}
	.phase-icon {
    	margin: 0 auto 0 110px;
	}
	.brokerage-installer .busNameContent .gallery {
    	margin-top: 180px;
	}
	.slider-brokerage {
		left: 35%;
	}
	.col-sm-8.col-sm-offset-2.text-center p,.differenceContent{
		width: 280px;
	}
	.differenceDes{
		width:290px;
	}
	.sizer{
		width:290px;
	}
	.slider-brokerage .slider.slider-horizontal {
		width: 260px!important;
	}
	.funnel.brokerage #example-form .quarter {
		font-size: 20px;
		color: #333;
		margin-top: 70px;
		margin-left: -10px;
	}
	.funnel.brokerage-select .container .brokerage-dropdown {
		width: 220px;
	}
	.brokerage-installer .offLabel{
		left: 50px;
	}
	.brokerage-installer .busNameContent .cer-content{
		width: 180px;
	}
	.brokerage-installer .busNameContent .reviews .reviewsCon{
		width: 270px;
	}
	.brokerage-installer .select-installer.btn-mobile-select{
		left: 30px;
		width: 260px;
		bottom: -170px!important;
	}
	.brokerage-deals .selectItems {
		width: 320px;
	}
	.brokerage-deals .availItems .item img {
		width: 283px;
	}
	.brokerage-deals .upcoming .item #progress {
		width: 255px;
	}
	.brokerage-deals .upcoming .item .btn-interest{
		width: 255px;

	}
	#savingCalculator .saving-title{
		padding: 12px;
	}
	#savingCalculator .saving-select {
		padding-left: 55px;
	}
	#savingCalculator .saving-pre-top {
		padding-left: 54px!important;
	}
	#barChart {
		left: 20px;
	}
	#pieChart {
		left: 0px;
	}
	.list-title{
		margin-left: -10px;
	}
	#brokerage-solarPlan .row > .mainTitle{
		margin-left: -40px;
	}
	#brokerage-solarPlan .row > .subTitle{
		margin-left: -70px;
	}
	#brokerage-solarPlan .priceArea .offpercent {
		right: 20px;
	}
	#brokerage-solarPlan .col-sm-4.right .afterSale .img-suppliers {
		margin-left: 28px;
	}
	#brokerage-solarPlan .col-sm-4.right .btn-claimDeal {
		width: 250px;
	}
	#brokerage-solarPlan .col-sm-8.left .aboutCompany .content {
		width: 290px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec {
		width: 285px;
	}
	#brokerage-solarPlan .col-sm-8.left .spec .left {
		width: 49.8%;
	}
	#brokerage-solarPlan .bottom .interestItems .item img {
		width: 263px;
	}
	#brokerage-solarPlan .bottom .interestItems .item {
		width: 285px;
	}
}



    #pick-your-event .section-title{
        margin:20px;
    }
    #pick-your-event .differenceDes{
        margin: 0 auto 0px;
    }
    #pick-your-event .content-section{
        padding:20px 0 0;
    }
    #pick-your-event .row.how-it-works .col-sm-4{
            padding: 26px 20px 0px;
            margin-right: 20px;
            border-radius: 4px;
            background-color: #fdfdfd;
            height: 294px;
            width: calc(33.3% - 40px);
            margin-bottom: 20px;
            margin-left: 20px;
            border: 1px solid #eee;
            margin-top: 10px;
    }
    @media (max-width: 1025px) {
    .join-form .form-group .btn{
                right: 380px;
            }
    #see-if-i-qualify .content-section.dark-blue-bg{
        margin-left: -110px;
        zoom: 0.8;
    }
    #pick-your-event .modal-content {
    width: 90%!important;
    }
    #pick-your-event .row.how-it-works .col-sm-4{
        /* width: 238px!important; */
    }

    }
    @media (max-width: 769px) {
    	#contact-us-btn {
		    position: relative;
		    top: 0px;
		}
        .banner-form .row .col-sm-3 img{
            zoom:0.8;
        }
        .join-form .form-group .btn {
        right: 260px;
        }
        #see-if-i-qualify .content-section.dark-blue-bg .section-title {
    width: 770px;
    margin-bottom: 35px;
    font-size: 30px;
}
#pick-your-event .row.how-it-works .col-sm-4 {
    /* width: 163px!important; */
    height: 184px;
}
.content-section > .row{
    padding-bottom: 30px!important;
}
#pick-your-event .differenceDes{
    width: 500px;
}

    }
    @media (max-width: 415px) {
    	#example-basic > .content > .body ul {

    	position: absolute;
    left: 20px;
}
    	#priceCalculator ul li label {
		    text-align: center;
			padding: 20px 2px 28px 136px;
		}
    	section.funnel.brokerage-select .row {
    position: relative;
    top: -23px;
}
.calculate {
    margin: 18px 17px 12px;
}
.funnel.brokerage-select .container .dropdown ul {
    position: relative;
    padding-left: 15px;
    width: calc(100% - 20px);
}
    	.carouselDes {
    margin: -185px auto 25px!important;
    width: 90%!important;
    color: #555!important;
    text-align: center!important;
}
    	#pick-your-event .content-section {
    padding: 40px 10px 0;
}
        #see-if-i-qualify .modal-content {
            width: 90%;
            margin: 100px auto;
        }
        #see-if-i-qualify .content-section.dark-blue-bg .section-title {
    width: 650px;
    margin-bottom: 35px;
    font-size: 30px;
}
#see-if-i-qualify .join-form .form-group .form-control:nth-child(-n+5) {
    margin-left: 130px;
}
#see-if-i-qualify .join-form .form-group .btn {
    right: 10px;
}
#pick-your-event .section-title {
    width: 100%;
    margin:0px;
    margin-bottom: 20px;
}
#pick-your-event .differenceDes {
    width: 100%;
}
#pick-your-event{
    overflow: auto;
}
#see-if-i-qualify #sa-checkbox {
    margin-left: 130px;
}
#pick-your-event .row.how-it-works .col-sm-4 {
    height: 231px;
    width: 90%!important;
}

        .join-form .form-group .form-control:nth-child(-n+5){
                margin-left: 50px;
        }
        .join-form .form-group .btn {
            right: 100px;
            width: 75%;
        }
        #sa-checkbox{
            margin-left: 50px;
        }
        .page-cover.home-cover{
        min-height: 444px;
        }
        .content-section {
        padding: 120px 0 50px;
        }
        .banner-form{
        position: relative;
        top: 38px;
        }
        .banner-form > .container > .row{
            margin-left: 0px;
        }
        .container.video{
            margin-top: 40px;
            padding-top: 40px;
        }
        .content-section+hr+.content-section{
            padding-top: 50px;
        }
        .home-cover h1 {
            position: relative;
            top: 30px;
        }
        .home-cover p{
            position: relative;
            top:30px;
        }
        .brokerage-checkbox-round input:checked~em{
            left: 45%;
        }
        .title-content{
            width: 300px;
            display: inline-block;
        }
        .title-span {
            vertical-align: top;
        }
        .see-if-i-qualify-select .custom-checkbox em{
            left: 45%;
        }
        .final-price {
            position: absolute;
            left: 320px;
        }
        .slider-price {
            top: 527px;
        }

    }
    @media (max-width: 376px){
    	#priceCalculator ul li label {
    text-align: center;
    padding: 20px 2px 28px 119px;
}
        #see-if-i-qualify .content-section.dark-blue-bg .section-title {
    width: 620px;
    margin-bottom: 35px;
    font-size: 30px;
}
        #see-if-i-qualify .join-form .form-group .form-control:nth-child(-n+5) {
            width: 73%;
}
        .join-form .form-group .btn {
            right: 90px;
        }
        .final-price {
            position: absolute;
            left: 290px;
        }
        .title-content{
            width: 260px;
        }
    }

    @media (max-width: 321px){
    	#priceCalculator ul li label {
    text-align: center;
    padding: 20px 2px 28px 99px;
}
    	.phase-icon.icon-lot,.phase-icon.icon-few,.phase-icon.icon-none,.phase-icon.icon-notSure{
    		left: 5px;
    	}
        #see-if-i-qualify .content-section.dark-blue-bg .section-title {
    width: 560px;
    margin-bottom: 35px;
    font-size: 30px;
}
#see-if-i-qualify .join-form .form-group .btn {
    right: 10px;
    width: 70%;
}
        .join-form .form-group .btn {
            right: 60px;
            width: 75%;
        }
        .title-content{
            width: 200px;
        }
        .final-price {
            position: absolute;
            left: 240px;
        }
        .slider-price {
            top: 527px;
        }
        #see-if-i-qualify .join-form .form-group .form-control:nth-child(-n+5) {
    width: 69%;
}
    }
    @media (max-width: 769px){
        .banner-form .row .col-sm-3 img {
            zoom: 0.7;
        }

    }

#contact-us-btn {
    width: 220px;
    height: 60px;
    font-size: 17px;
    margin-bottom: 20px;
    position: relative;
    top: 30px;
    line-height: 50px;
}
.carsousel.roundabout-holder{
	overflow: hidden;
}
#carsouselIframe{
	overflow: hidden;
    border: 0px;
    height: 400px;
    width: 100%;
}
.carouselDes{
    margin: -45px auto 85px;
    width: 34%;
    color: #555;
    text-align: center;
}
.page-cover.home-cover .shade{

    height: 650px;
    width: 100%;
    background-color: #000;
    opacity: 0.48;
    position: absolute;
}
#pick-your-event .row.how-it-works .col-sm-4.col-xs-6 button{
    margin: 20px auto;
    width: 138px;
    display: block;
}
#pick-your-event .differenceDes {
    color: #555;
    font-size: 16px;
}
.differenceContent{
	margin-bottom: 20px;
}
.carouselTitle{
	text-align: center;
	margin: 0 0 35px;
    margin-top: -15px;

}
		.nav.navbar-nav.navbar-right .nav-sa{display: none;}

    @media (max-width: 1055px){


		.nav.navbar-nav.navbar-right .nav-about{display: none;}
		.nav.navbar-nav.navbar-right .nav-products{display: block;}
		.nav.navbar-nav.navbar-right .nav-articles{display: block;}
		.nav.navbar-nav.navbar-right .nav-installation{display: block;}
    }
    @media (max-width: 980px){

.nav.navbar-nav.navbar-right .nav-about{display: none;}
		.nav.navbar-nav.navbar-right .nav-products{display: none;}
		.nav.navbar-nav.navbar-right .nav-articles{display: block;}
		.nav.navbar-nav.navbar-right .nav-installation{display: block;}
    }
    @media (max-width: 904px){

.nav.navbar-nav.navbar-right .nav-about{display: none;}
		.nav.navbar-nav.navbar-right .nav-products{display: none;}
		.nav.navbar-nav.navbar-right .nav-articles{display: none;}
		.nav.navbar-nav.navbar-right .nav-installation{display: block;}
    }
    @media (max-width: 825px){

.nav.navbar-nav.navbar-right .nav-about{display: none;}
		.nav.navbar-nav.navbar-right .nav-products{display: none;}
		.nav.navbar-nav.navbar-right .nav-articles{display: none;}
		.nav.navbar-nav.navbar-right .nav-installation{display: none;}
    }
        @media (max-width: 767px){
		.nav.navbar-nav.navbar-right .nav-sa{display: block;}
.landing-link{display: none!important;}
.nav.navbar-nav.navbar-right .nav-about{display: block;}
		.nav.navbar-nav.navbar-right .nav-products{display: block;}
		.nav.navbar-nav.navbar-right .nav-articles{display: block;}
		.nav.navbar-nav.navbar-right .nav-installation{display: block;}
    }
        @media (max-width: 992px) and (min-width: 900px){
			.recomTag{
				left: 40%;
			}
			section.funnel.brokerage-select .row {
    position: relative;
    top: 6px;
}
        }
        @media (max-width: 900px) and (min-width: 768px){
        	section.funnel.brokerage-select .row {
			    position: relative;
			    top: -54px;
			}
        }

#savingCalculator .saving-select .dropdown-menu > li{
	width: 210px;
	padding: 5px;
	border-bottom:1px solid #eee;
	cursor: pointer;
}
#savingCalculator .saving-select .dropdown-menu > li:last-child{
	border-bottom:0px;
}
    #shade-for-pick-your-event{
        display: none;
        height: 100%;
    z-index: 10000;
    width: 100%;
    background-color: #000;
    position: absolute;
    opacity: 0.5;
    display: flex;
        flex-direction: column;

    }
            #shade-for-landing{
        display: none;
        position: fixed;
        height: 100%;
    z-index: 10000;
    width: 100%;
    background-color: #000;
    position: absolute;
    opacity: 0.5;
    display: flex;
        flex-direction: column;

    }
    .shadeTitle{
    color: #fff;
    font-size: 40px;
    margin: 60px auto;
    }
.sk-cube-grid {
  width: 130px;
  height: 130px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
@media (max-width: 900px) and (min-width: 768px){
	.tipContainer+img{
			display: none;
	}
        	section.funnel.brokerage-select .row {
			    position: relative;
			    top: -54px;
			}
        }
@media (max-width: 992px) and (min-width: 900px){
	#savingCalculator .saving-select{
		height: 180px!important;
	}
}
@media (max-width: 992px) and (min-width: 768px){
		section.imgContainer .col-sm-3.col-xs-6:nth-child(2){
			zoom:0.6!important;


		}
}

#success-book-modal h5{
	width: 100%;
	font-size: 19px;
}
#success-book-modal #success-book-confirm{
    margin: 10px 20px;
}
#success-book-modal .disapear-email h4{
	margin-left: auto!important;
	margin-right: auto!important;
}
#success-book-modal .disapear-email h5{
	margin-top: 20px;
	width: 100%!important;
}
.brokerage-installer .company-info em{
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../img/star.png) 0 0 no-repeat;
	    background-size: auto auto;
	background-size: 100%;
}


#pick-your-event-btn{
    height: 50px;
    width: 50px;
}
#pick-your-event .modal-content{
    display: flex;
    flex-direction: column;
    align-items: center;
        font-family: 'proxima_nova';
        padding-top: 40px;
        padding-bottom: 40px;

}
#pick-your-event .shadeTitle{
    font-size: 45px;
    color: #000;
    margin: 0;
    font-family: 'gotham-bold';
    margin-bottom: 30px;
    text-align: center;
}
#pick-your-event .shadeSubTitle{
    font-size: 17px;
    color: rgb(0, 0, 53);
    text-align: center;
}
    #pick-your-event .roundBox{
        display: flex;
        flex-direction: row;
        width: 70%;
    justify-content: space-around;
    margin-top: 90px;
    margin-bottom: 30px;
    }
    #pick-your-event .desBox{
        display: flex;
        flex-direction: row;
    }
    #pick-your-event .roundBox .box{
        height: 57px;
        width: 57px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0px 0px 7px 1px rgb(140, 140, 140);
        text-align: center;
        line-height: 57px;
        font-size: 24px;
        color:#0a5efc;
        z-index: 2;
        margin:auto;
        margin-bottom: 50px;
    }
    #pick-your-event .roundBox .box2{
        background-color: #0a5efc;
        color:#fff;
    }
    #pick-your-event .roundBox:after{
   top: 277px;
    position: absolute;
    content: '';
    left: 29%;
    width: 42%;
    border-bottom: 2px solid #c6d7f6;
    height: 2px;
    z-index: 1;
    }
    
    #pick-your-event .desBox{
        color:rgb(190, 190, 190);
        font-size: 22px;
        display: flex;
        flex-direction: row;
        width: 70%;
    justify-content: space-around;
    font-weight: bolder;
    }
    #pick-your-event .desBox div{
        text-align: center;
        width: 100%;
        z-index: 2;
    }
    #pick-your-event .desBox .desbox2Link{
        color:#0a5efc; 
        display: block;
    }
    #pick-your-event .desBox .desbox2Link:hover{
        text-decoration: underline;
    }
            #pick-your-event .shadeSubTitle {
    width: 80%;
}

    @media screen and (max-width: 992px){
        #pick-your-event .shadeTitle{
            margin-top: 0;
        }
        #pick-your-event .roundBox {
            display: flex;
            width: 70%;
            justify-content: space-evenly;
            margin-top: 0px;
            margin-bottom: 30px;
            flex-direction: column;
            align-items: center;
        }
         #pick-your-event .desBox {
            display: flex;
            width: 50%;
            margin-top: 0px;
            margin-bottom: 30px;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            margin-top: 30px;
        }

        #pick-your-event .roundBox:after{
            display: none;
        }
        #pick-your-event .desbox1,#pick-your-event .desbox2,#pick-your-event .desbox3{
            margin: auto;
        
    width: 60%;
    position: relative;
    top: -30px;
    }
}
   
    @media screen and (max-width: 540px){
       
        #pick-your-event .shadeTitle{
            font-size: 32px;
        }

        #pick-your-event .modal-content{
            padding-bottom: 0;
        }

    }

    @media (max-width: 1500px){
        #pick-your-event .modal-content{
            width: 920px!important;
        }
    }



#overlay{
	background: rgba(44, 162, 209, 0.8);
    height: 60px;
    width: 100%;
    text-align: center;
    z-index: 1;
    position: absolute;
}
#overlay .content{
	color: white;
    font-size: 18px;
    font-family: 'gotham-medium';
    display: inline-block;
    max-width: 100%;	
    padding: 17px;
    height: 100%;
    width: 100%;
}
#overlay img{
	position: absolute;
	right: 10px;
	top: 20px;
	float: right;
    opacity: 0.8;
    cursor: pointer;
}
@media (max-width: 992px){
	#overlay .content {
    	width: 80%;
	}
	#overlay{
		height: auto;
	}
	#overlay img {
    	right: 10px;
    	position: absolute;
    	top: 10px;
	}
}
@media (max-width: 767px){
	#overlay{
		top: 0;
	}
}




/* the brokerage header*/
	.brokerageHeader{
		display: flex;
		flex-direction: row;
		height: 58px;
		align-items: center;
		box-shadow: -1px 3px 8px 0px #eee;
	}
	.brokerageHeader__logo{
		height: 40px;
		position: absolute;
		left: 20px;
	}
	.brokerageHeader__helpDesk{
		align-items: center;
		display: flex;
		flex-direction: row;
		position: absolute;
    	right: 170px;
	}
	.brokerageHeader__helpDesk--question{
		color: #fff;
	    height: 35px ;
	    width: 35px ;
	    background-color: #B4D246;
	    border-radius: 50%;
	    display: block;
	    text-align: center;
	    line-height: 35px ;
	    font-size: 22px;
	}
	.brokerageHeader__helpDesk:after{
		position: absolute;
	    content: '';
	    height: 57px;
	    width: 1px;
	    top: -8px;
	    background: #eee;
	    right: -20px;
	}
	.brokerageHeader__helpDesk--text{
    	line-height: 40px;
	    color: #424242;
	    font-size: 14px;
    	font-family: 'gotham-medium';
    	margin-left: 10px;

	}
	.brokerageHeader__saveBtn{
    	font-family: 'gotham-medium';
    	height: 40px;
    	font-size: 14px;
    	position: absolute;
    	right: 20px;

	}
	.quarter--start{
		left: 20%;
	    position: absolute;
	    top: 66%;
	    color: #B4B4B4;
	    font-size: 14px;
	    line-height: 23px;
	}
	.quarter--end{
		top: 66%;
	    position: absolute;
	    left: 63%;
	 	color: #B4B4B4;
	    font-size: 14px;
	    line-height: 23px;
	}
@media (max-width: 1200px) and (min-width: 992px){
	.quarter--start {
    	left: 29%;
    }
    .quarter--end {
    	left: 76%;
	}
}
@media (max-width: 992px) and (min-width: 768px){
	.quarter--start {
	    left: 28%;
	    top: 60%;
	}
	.quarter--end {
	    top: 60%;
	    left: 69%;
	}
}
@media (max-width: 767px){
	.brokerageHeader__helpDesk,.brokerageHeader__saveBtn{
		display: none;
	}
	.brokerageHeader__logo {
	    left: 50%;
	    transform: translate(-50%);
	}
	.quarter--end {
	    top: 76%;
	    left: 66%;
	}
	.quarter--start {
	    left: 23%;
	    top: 74%;
	}
}
@media (max-width: 415px){
	.quarter--start {
	    left: 15%;
	    top: 70%;
	}
	.quarter--end {
	    top: 70%;
	    left: 85%;
	}
}
@media (max-width: 376px){

}
@media (max-width: 321px){
	.quarter--start {
	    left: 10%;
	    top: 78%;
	}
	.quarter--end {
	    top: 77%;
	    left: 83%;
	}
}

@media (max-width: 415px) {
    .blog-internal-image {
	    width: 300px !important;
	}
}

@media (max-width: 415px) {
    .article .inner-image  img {
	    width: 300px !important;
	}
}

.main-content .container .row .product-top h1.prodtit{
	display: block;
}
.main-content .container .row .product-top .rating{
    margin-top: 20px;
}
.main-content .container .row .product-top .popprod{
    margin-top: 20px;
}
.product .product-info .rating {
    min-height: 21px;
}
.zindex2{
	z-index: 1!important;
}

.event-list-date, .event-list-address {
	margin-bottom: 10px !important;
}

.type-form-embed {
	min-height: 550px;
}

.download_brochure {
	width: 200px;
    height: 60px;
    font-size: 20px;
    line-height: 47px;
}