/*
Master Key
#f9a720 - Orange
#333d46 - Blue Grey
#326667 - Dark Teal
#66999a - Medium Teal
#99cccd - Light Teal

*/
/*Page Articles Mobile*/
/*Page Articles */

.margin25 {
  margin-top:2%;
}



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


p {font-size: 20px;
}

p.two {
  border-style: solid;
  border-color: #66999a;
   border-radius: 12px;
    padding: 25px 25px 25px 25px;
      font-size: 17px;
    line-height: 1.6;
    margin-bottom: 1%;
    color: #555;

} 

 p.three {
  border-style: solid;
  border-color: #99cccd;
   background-color: #99cccd;
   border-radius: 12px;
    padding: 25px 25px 25px 25px;
      font-size: 17px;
    line-height: 1.6;
    margin-bottom: 1%;
    color: #555;

} 




.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143; vertical-align: top;border-top: none !important;border-left: none !important;}

iframe {justify-content: space-between; align-items: center; display: grid; overflow: hidden;max-width: 500px;margin: 0 auto;width: 100%}

/*Start Nav */
*{box-sizing:border-box}
#wrapper>.inner{max-width:100%;margin:0 auto}
#wrapper>.inner>section>.inner,#wrapper>.inner>nav>.inner{max-width:1200px;margin:0 auto;padding:0 5px}
#wrapper>.inner>section>.inner .inner{padding:0}
#nav{background:#ffffff;margin-bottom:1px}
#nav .inner .search{display:none}
.logo{padding-top:1pxpx;padding-bottom:1px}
@media (max-width: 768px) {
.logo{padding-top:1px;padding-bottom:0px}}
ul.nav{background:#fff;text-align:center;margin:0;padding:0}
ul.nav>li{display:inline-block;padding:0 8px 7.5px}
ul.nav>li:last-child{padding-right:0}
ul.nav>li:first-child{padding-left:0}
ul.nav>li>a{border:1px solid #000;padding:4px 20px;text-transform:uppercase;color:#000}
ul.nav>li>a:hover{background:#99cccd;color:#fff}
ul.nav>li.active>a{background:#326667;color:#fff}
#row2 .search{display:none}
#block1,#custom1{text-align:right}
a.anchorTel{color:#000;font-size:25px;display:block;line-height:norma;padding:1px 0;text-decoration:none}
.boxCont{padding:0 7.5px;float:left;width:100%}





hr.style13 {
		border-top: 5px dotted #8c8b8b;

}

hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}




/***************************
== Start Why solar 2017
****************************/
.buy-solar {padding: 40px 0;}
.buy-solar h2 {color: #555;padding: 15px 0;font-size: 55px;}
.buy-solar p {color: #777;line-height: 1.6;margin-bottom: 30px;}
.buy-solar row {padding: 20px 0}
.buy-solar h3 {color: #555;padding: 20px 0}
.buy-solar ul li {color: #777;line-height: 1.6;}
/***************************
== End Why solar 2017
****************************/


/*END Page Articles*/
/*Login Form*/
.loginForm input{height:auto}
.loginForm{max-width:480px;width:100%;margin:0 auto}
.loginForm .checkbox label{padding-left:20px}
.loginForm #form-login-remember #modlgn-remember{margin:4px 0px 0 -20px}
.loginForm #form-login-remember{padding:0;margin:0 0 15px 0}
.loginForm .input-group{margin-bottom:15px;width:100%;text-align:left}
.loginForm .input-group input[type="text"],.loginForm .input-group input[type="password"]{height:44px;line-height:44px}
#form-login-submit .btn-primary{margin:0;width:100%}
#fav-base6>.moduletable>h3{max-width:480px;width:100%;margin:0px auto 10px auto;line-height:normal;text-align:center}
#login-form{max-width:480px;width:100%;margin:0px auto;text-align:center}
/*Message Blocks*/
.artContent{width:100%;float:left;margin:0;padding:0}
.artContent>ul{display:table;width:100%;height:auto;margin:0;padding:0;list-style:none;border-bottom:10px solid #fff}
.artContent>ul>li{display:table-cell;vertical-align:middle;text-align:center;line-height:normal;margin:0}
.artContent>ul>li>p{font-size:16px;margin:0;font-family:'Questrial', sans-serif;text-align:left}
.artContent>ul>li>ul>li{text-align:left;line-height:normal;margin-bottom:10px;font-size:15px;margin-top:0}
.artContent>ul>li>ul>li:last-child{margin-bottom:0}
.artContent>ul>li:first-child{width:60%}
.artContent>ul>li:last-child{width:40%}
.artContent>ul.whiteBgUl>li:first-child{width:40%}
.artContent>ul.whiteBgUl>li:last-child{width:60%}
ul.blueBgUl>li:last-child{padding:15px}
ul.whiteBgUl{background:#fff; border: 2px solid #0072ce;}
ul.whiteBgUl>li:first-child{padding:15px}
.artContent>ul.orangeBgUl>li:first-child{width:40%}
.artContent>ul.orangeBgUl>li:last-child{width:60%}
ul.blueBgUl{background:#F0F8FF;}
ul.blueBgUl>li:last-child{padding:15px}
ul.orangeBgUl{background:#f4eed7}
ul.orangeBgUl>li:first-child{padding:15px}
li.whiteBgLI {background:#FFFFFF}
/*HomePage calculator*/
.rsform h2.rq-intro-heading{font-size:36px;margin:40px 0 0 0;color :#555}
#rsform_5_page_0{text-align:center;padding:35px 0}
#rsform_5_page_0 .formBody{text-align:center;margin:0 auto;width:100%;margin:5px 0}
#rsform_5_page_0 .rsform-block{margin:0!important}
#rsform_5_page_0 .rsform-block-what-you-will-pay, #rsform_5_page_0 .rsform-block-what-you-will-save{padding:35px;text-align:center}
#rsform_5_page_0 .rsform-block-what-you-will-save .formControls{margin:25px 0 0 0} 
#rsform_5_page_0 .rsform-input-box{height:40px!important;min-width:280px!important;font-size:28px!important;	padding-left:25px}
.rq-rsform-symb{display:inline}
#rsform_5_page_0 .rq-rsform-symb::before{content:'$';position:absolute;margin-left:10px;color:#555;line-height:48px;font-weight:600;font-size:26px}
.formContainer .rsform-block .formControlLabel {
	font-size: 19px;
    color: #777;
}
.control-group .formControls input {
    width: 40%;
    padding: 10px; 
}
#rsform_5_page_0 .formBody button {
	padding: 10px 25px;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 40px;
    transition: all .5s linear;
}
#rsform_5_page_0 .formBody button:hover {color: #eb5926; background-color: transparent;border: 1px solid #eb5926}

/***************************************************** Start Contact form *************/
.rq-contact h3 {text-align: center;padding: 20px 0;color: #555;}
.rq-contact .rsform-block-title {color: #777;margin-bottom: 4%;} 
.formControls {position: relative}
.formControls span.asterisk {
    color: #f00;
    font-size: 22px;
    position: absolute;
    height: 0;
    float: right;
    left: 68%;
}
.form-horizontal .controls {margin-left: 0px !important}
.formContainer {text-align: center}
.formControls checkbox {
	margin-right: 28px;
    font-size: 18px;
    padding: 5px;
}
.rsform-block-type-letter-below {
	font-size: 20px;
    padding: 12px 0;
    line-height: 1.6;
}
.rsform-block-captcha .formControls input.rsform-captcha-box {
	width: 150px !important;
}
.rsform-block-captcha .formControls a.rsform-captcha-refresh-button {
	padding: 10px 12px;
	transition: all .5s ease-in-out;
}
.rsform-block-captcha .formControls a.rsform-captcha-refresh-button:hover {
	background-color: transparent;
	border: 1px solid #eb5926;
	color: #eb5926;
}
.formControls .rsform-submit-button {
	padding: 10px 12px;
	width: 25%;
	line-height: 1.6;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.formControls .rsform-submit-button {width: 20%;}
}
/********************************
== Start Contact page
******************************/
.contact-page {padding:  10px 0; }
.contact-page h2 {padding: 10px 0; color: #555}
.contact-page p {color: #777;line-height: 1.6}
.contact-page span {color: #ffab40;display: block}

/********************************
== End Contact page
******************************/
/*===========================
== Start Paul segan page 
===========================*/
.content  {padding: 15px 0;}
.content .row ,
.solar-saving .row {margin: 8% 0;}
.content h2 {
    font-weight: bolder;
    margin-bottom: 2%;
  margin-top: 2%;
}
.content .images-paul {padding-top: 2%}
.content .customer-head {
    color: #222;
    margin-bottom: 10%;
    font-weight: bold;
    text-align: left !important;
}
.content .carousel  {margin-top: 5%}
.content .customer-paragraph {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
.content .customer-div {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 14px;
}
@media (max-width: 768px) {
    .content .customer-div {
        margin-top: 35px;
    }
}
.top-marg{margin-top:40px}
/*Online only*/
.carousel-control{bottom:10px!important;width:10%!important}
.left{left:4px!important}
.carousel-control.right{right:4px!important}
/*Start panel for clickable images*/
.panel-default{border:none!important}
.panel-thumbnail{overflow:hidden}
.solar-saving h2{margin:3% 0}
/*===========================
== End Paul segan page 
===========================*/

/*===========================
== Start Marily Miller 
===========================*/
.customer-marilyn {padding: 8% 0;}
.customer-marilyn .row {margin-bottom: 5%}
.customer-marilyn h2 {padding: 3% 0 8% 0;}
.customer-marilyn .marilyn-image img {margin-bottom: 4%}
.customer-marilyn .carousel-control {
    bottom: 21px !important;
    width: 10% !important;
}
.customer-marilyn .left {left : 4px !important}
.customer-marilyn .carousel-control.right {right: 4px !important}
.customer-marilyn .marilyn-para {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 30px;
    margin-top: 60px;
}
.customer-marilyn .marilyn-para  p {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
@media (max-width: 768px) {
    .customer-marilyn .marilyn-para {margin-top: 5%}
}
.solar-saving img {margin-bottom: 40px;}
/*===========================
== End Marily Miller 
===========================*/

/*===========================
== Start jhon and dawn 
===========================*/
.customer-jhon-dawn {padding: 8% 0;}
.customer-jhon-dawn .row {margin-bottom: 5%}
.customer-jhon-dawn h2 {padding: 3% 0 8% 0;}
.customer-jhon-dawn .jhon-dawn-image img {margin-top: 10%}
.customer-jhon-dawn .carousel-control {
    bottom: 21px !important;
    width: 10% !important;
	top: 13%;
}
.customer-jhon-dawn .left {left : 4px !important}
.customer-jhon-dawn .carousel-control.right {right: 4px !important}
.customer-jhon-dawn .jhon-dawn-para {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 30px;
}
.customer-jhon-dawn .jhon-dawn-para  p {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
@media (max-width: 768px) {
    .customer-jhon-dawn .jhon-dawn-para {margin-top: 5%}
}
.solar-saving img {margin-bottom: 40px;}
/*===========================
== End jhon and dawn
===========================*/

/*===========================
== Start joshua-lipsman 
===========================*/
.customer-joshua-lipsman {padding: 8% 0;}
.customer-joshua-lipsman .row {margin-bottom: 5%}
.customer-joshua-lipsman h2 {padding: 3% 0 8% 0;}
.customer-joshua-lipsman .joshua-lipsman-image img {margin-bottom: 4%}
.customer-joshua-lipsman .carousel-control {
    bottom: 21px !important;
    width: 10% !important;
}
.customer-joshua-lipsman .left {left : 4px !important}
.customer-joshua-lipsman .carousel-control.right {right: 4px !important}
.customer-joshua-lipsman .joshua-lipsman-para {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 30px;
	margin-top: 20%;
}
.customer-joshua-lipsman .joshua-lipsman-para  p {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
@media (max-width: 768px) {
    .customer-joshua-lipsman .joshua-lipsman-para {margin-top: 5%}
}
.solar-saving img {margin-bottom: 40px;}
/*===========================
== End jhon and dawn
===========================*/


/*==========================
=== Start Ed-roberts page
============================*/
.customer-ed-roberts {padding: 8% 0;}
.customer-ed-roberts .row {margin-bottom: 5%}
.customer-ed-roberts h2 {padding: 3% 0 8% 0;}
.customer-ed-roberts .ed-roberts-image img {margin-bottom: 4%}
.customer-ed-roberts .carousel-control {
    bottom: 21px !important;
    width: 10% !important;
}
.customer-ed-roberts .left {left : 4px !important}
.customer-ed-roberts .carousel-control.right {right: 4px !important}
.customer-ed-roberts .ed-roberts-para {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 30px;
	margin-top: 20%;
}
.customer-ed-roberts .ed-roberts-para  p {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
@media (max-width: 768px) {
    .customer-ed-roberts .ed-roberts-para {margin-top: 5%}
}
.solar-saving img {margin-bottom: 40px;}
/*==========================
=== Start Ed-roberts page
============================*/

/*==========================
=== Start bill-jurgens page
============================*/
.customer-bill-jurgens {padding: 8% 0;}
.customer-bill-jurgens .row {margin-bottom: 5%}
.customer-bill-jurgens h2 {padding: 3% 0 8% 0;}
.customer-bill-jurgens .bill-jurgens-image img {margin-bottom: 4%}
.customer-bill-jurgens .carousel-control {
    bottom: 21px !important;
    width: 10% !important;
}
.customer-bill-jurgens .left {left : 4px !important}
.customer-bill-jurgens .carousel-control.right {right: 4px !important}
.customer-bill-jurgens .bill-jurgens-para {
    box-shadow: 5px 5px 5px 5px #ddd;
    padding: 30px;
}
.customer-bill-jurgens .bill-jurgens-para  p {
    line-height: 1.6;
    color: #555;
    text-align: left !important;
}
@media (max-width: 768px) {
    .customer-bill-jurgens .bill-jurgens-para {margin-top: 5%}
}
.solar-saving img {margin-bottom: 40px;}
/*==========================
=== Start Ed-roberts page
============================*/


/*===========================
== Start Sunpower  page
===========================*/
/*Start framWork*/
.main-padding {padding: 25px 0;}
/*End framWork*/

/*Start Sunpower header*/
.sunpower-header .row > div {
	background-color: rgba(59, 121, 198, .9);
	margin: auto;
	width: 80%;
	color: #fff;
	padding: 10px;
}
.sunpower-header > div p:first-of-type {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5%;
}
.sunpower-header > div p strong {color: #f9a522}
/*End Sunpower header*/

/* Start Sunpower parts*/
.sunpower-content .sunpower-parts li {
    cursor: pointer;
    display: inline-block;
    width: 15%;
    margin-left: -2px;
    padding: 10px;
    background-color: #3b79c6;
    color: #fff;
    line-height: 1.6;
    border: 1px solid #3b79c6;
    position: relative;
}
@media (max-width: 767px) {
	.sunpower-content .sunpower-parts li {
		display: block;
		width: 80%;
		margin-left: 8%;
		margin-bottom: 1px;
	}
}
.sunpower-content .sunpower-parts li.selected {
    background-color: #f9a522;
    border: 1px solid #f9a522;
}
.sunpower-content .sunpower-parts li.selected:after {
    content: "";
    display: block;
    position: absolute;
    right: 40%;
    width: 29px;
    height: 0;
    border-top: 24px solid transparent;
    border-right: 14px solid;
    border-left: 14px solid;
    top: 100%;
    background-color: #f9a522
}
@media (max-width: 767px) {
	.sunpower-content .sunpower-parts li.selected:after {border: none;}
}
.sunpower-content .sunpower-info > div:not(.technology) {
	display: none;
}
.sunpower-content .sunpower-info > div {
	margin: .3% 0;
	box-shadow: 5px 5px 5px #ddd;
    padding: 1px 5px;
}
.sunpower-content .sunpower-info > div h3 {color: #555;margin-bottom: 25px;line-height: 1.6;font-weight: bold;margin-bottom: 45px;}
.sunpower-content .sunpower-info > div ul li {
	color: #555
}
/* End Sunpower parts*/
/*===========================
== End Sunpower  page
===========================*/

/*===========================
== Start solar  page
===========================*/
/*Start framWork*/
.main-padding {padding: 1px 0;}
.font-bold {font-weight: bold}
/*End framWork*/
.solar-header .h1 {
	font-size: 50px;
}

/* Start Solar parts*/
.solar-content .solar-parts li {
    cursor: pointer;
    display: inline-block;
    width: 20%;
    margin-left: -2px;
    padding: 10px;
    background-color: #3b79c6;
    color: #fff;
    line-height: 1.6;
    border: 1px solid #3b79c6;
    position: relative;
}
@media (max-width: 767px) {
	.solar-content .solar-parts li {
		display: block;
		width: 80%;
		margin-left: 8%;
		margin-bottom: 1px;
	}
}
.solar-content .solar-parts li.selected {
    background-color: #f9a522;
    border: 1px solid #f9a522;
}
.solar-content .solar-parts li.selected:after {
    content: "";
    display: block;
    position: absolute;
    right: 40%;
    width: 29px;
    height: 0;
    border-top: 24px solid transparent;
    border-right: 14px solid;
    border-left: 14px solid;
    top: 100%;
    background-color: #f9a522
}
@media (max-width: 767px) {
	.solar-content .solar-parts li.selected:after {border: none;}
}
.solar-content .solar-info > div:not(.money) {
	display: none;
}
.solar-content .solar-info .part {
	margin: 3% 0;
    padding: 10px 5px;
}
.solar-content .solar-info > div h3 {color: #333;margin-bottom: 25px;}
.solar-content .solar-info .reason-heading {margin-bottom: 4%;font-size: 28px;}
.solar-content .solar-info > div ul li {
	color: #555
}
/*On line Carsoul*/
.item .carousel .carousel-control {bottom: 25px !important;top: 25px !important}
/*===========================
== End solar  page
===========================*/



/***************************
== Start Night magic
****************************/
.night-magic {padding: 40px 0;}
.night-magic h2 {color: #555;padding: 15px 0}
.night-magic .row {padding: 20px 0;margin-bottom: 30px;}
.night-magic .row:nth-child(2n) {background-color: #f5f5f5;}
.night-magic .row p {
	float: left !important;
	color: #777;
	line-height: 1.6;
}
/***************************
== End Night magic
****************************/


/*===========================
== Start Home page (index)
===========================*/
.why-us {padding: 10px 0 10px}
.why-us .container {width: 80%}
.why-us .why-part {
	padding: 30px 12px;
	padding-top: 12px;
	border-radius: 12px;
	box-shadow: 3px 3px rgba(200, 200, 200, 0.3);
	margin-bottom: 25px;
}
.why-us .why-part h3 {
	color: #666;
	padding: 0px 0 15px 0;
	line-height: 1.6;
}
@media (max-width: 768px) {
	.why-us .why-part img {max-width: 80%}
}
@media (min-width: 768px) and (max-width: 991px) {
	.why-us .why-part img {max-width: 80%}
}
.why-us .why-part p {
	color: #888;
	padding: 10px 0;
	line-height: 1.6;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.why-us .why-part p.sp-md{margin-bottom: 47px;}
}
.why-us .why-part button {
	line-height: 1.6;
	border : 1px solid #337ab7;
	padding: 10px 16px;
	background-color: transparent;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}
.why-us .why-part button a {color: #326667;text-decoration: none}
.why-us .why-part button:hover {border-color: #326667;background-color:#326667 }
.why-us .why-part button:hover a {color: #fff}
/*===========================
== End Home page (index)
===========================*/



.fcSec{text-align:center;margin-bottom:30px}
.fcSec .fcBtn{position:relative;color:#fff;max-width:450px;height:50px;line-height:50px;transition:all 0.3s;font-size:24px;background:#66999a;border-radius:4px;margin:0 auto;font-weight:bold;display:block;text-decoration:none}

.fcSec .fcBtn  span{transition:all 0.3s;tranform:scale(1, 1)}
@keyframes rotatecw{from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes rotateccw{from {transform: rotate(0deg);}to {transform: rotate(-360deg);}}
.fcSec .fcBtn:before, .fcBtn:after{content:'';position:absolute;transition:all 0.3s;bottom:0;left:0;width:100%;height:100%;z-index:1}
.fcSec .btn-four:hover span{transform: scale(1.2, 1.2)}
.fcSec .btn-four:before{opacity:0;background:rgba(255, 255, 255, 0.1);transform:scale(0.1, 0.1)}
.fcSec .btn-four:hover:before{opacity:1;transform:scale(1, 1)}
.fcSec .btn-four:after{transition:all 0.3s;border:1px solid rgba(255, 255, 255, 0.5)}
.fcSec .btn-four:hover:after{transform:scale(0, 0);opacity:0}


.fcBtn .btn-four:hover span{transform: scale(1.2, 1.2)}
.fcBtn .btn-four:before{opacity:0;background:rgba(200, 60, 60, 0.1);transform:scale(0.1, 0.1)}
.fcBtn .btn-four:hover:before{opacity:1;transform:scale(1, 1)}
.fcBtn .btn-four:after{transition:all 0.3s;border:1px solid rgba(200, 60, 60, 0.5)}
.fcBtn .btn-four:hover:after{transform:scale(0, 0);opacity:0}


#row4 .inner{background:#4d4d4d;padding:15px!important}
#row6 ul.nav,#row4 ul.nav{background:none}
#row6 ul.nav>li,#row4 ul.nav>li{display:block;padding:0}
#row6 ul.nav>li>a,#row4 ul.nav>li>a{display:block;padding:0;border:none;text-transform:none;color:#fff;line-height:normal;font-size:20px;text-align:left}
#row6 ul.nav>li>a:hover,#row4 ul.nav>li>a:hover{background:none;color:#000}
ul.addUl{list-style:none;margin:0;padding:0}
ul.addUl>li{display:block;color:#999999;font-size:20px;line-height:normal;text-align:center}
ul.addUl>li>a{color:#99cccd;text-decoration:none}
ul.addUl>li:last-child>a{color:#999;text-decoration:none}
.annv{background:#fff;border-radius:6px;padding:15px;text-align:center}
.taSection{background:#f4eed7;max-width:1200px;margin:15px auto 0 auto;padding:15px;overflow:hidden}
#footer > div.inner{padding:0}
.taSection h1{color:#000;margin:0;padding:0 0 15px;line-height:normal;text-align:center;font-weight:500;font-size:28px}
.taSection ul{list-style:none;margin:0;padding:0}
.taSection ul>li{width:20%;display:inline-block;color:#000;font-size:16px;line-height:normal;float:left}
ul.copyrightUl{display:table;list-style:none;max-width:1200px;margin:0 auto;padding:15px 0;width:100%}
ul.copyrightUl>li{display:table-cell;width:50%;vertical-align:middle;text-align:left;font-size:14px;color:#000}
ul.copyrightUl>li:last-child{text-align:right}
ul.copyrightUl>li>img{display:inline-block}
#slideshow1{padding:15px}
section#row1>.inner{display:flex;align-items:center}
.slideshowck.camera_wrap{margin-bottom:0!important}
#bannermodule{text-align:right}
.btmBg{background:#333d46;padding-top:15px;padding-bottom:15px}
.articleBody{max-width:auto;padding:0 15px;margin:0 auto}
nav#nav>div.inner{width:100%;overflow-y:hidden;overflow-x:auto}
nav#nav>div.inner>ul.nav{padding:0 15px;display:flex;margin:0 auto;flex-wrap:wrap;justify-content:center}
nav#nav>div.inner>ul.nav>li{display:table-cell}
.btmNav{list-style:none;margin:0;padding:0}
.btmNav>li{display:block;font-size:20px;text-align:center}
.btmNav>li>a{color:#fff}
.search form label{display:none}
.view-first .mask,.view-first a.info{opacity:1}
.view-first h2,.view p{opacity:1;transform:none}
.smAnchor{position:absolute;bottom:15px;left:0;right:0}
@media (max-width:1210px){
ul.copyrightUl{padding-left:15px;padding-right:15px}	
}
@media (max-width: 767px){
.taSection ul>li{width:25%}
section#row3>.inner{display:block}
.slideshowck.camera_wrap{margin-bottom:30px!important}
.search{margin-bottom:15px}
section .search{margin-top:15px!important}
#modulestopmod1{margin-bottom:20px}
.view-first .mask{background-color:rgba(249,168,35, 0.7)}
.view .mask,.view p{background-color:rgba(249,168,35, 0.7);color:#fff}
.view h2,.view a.info{background:rgba(0,0,0, 0.7);color:#fff}
}
@media (max-width: 575px){
.taSection ul>li{width:33.33%}
}
@media (max-width:479px){
.taSection ul>li{width:50%}
.view p{font-size:14px;padding:5px}
}
@media (min-width: 768px){
#modulestop>.inner{display:flex;align-items:center}
#modulestop>.inner>div{display:block}	
}
@media (min-width:1700px){
.artContent>ul>li>p{font-size:20px}
.artContent>ul>li>ul>li{font-size:20px}
h5.rq-article-section-title{font-size:36px}
}
@media (min-width:1920px){
.artContent>ul>li>p{font-size:22px}
.artContent>ul>li>ul>li{font-size:22px}
h5.rq-article-section-title{font-size:30px}
}
@media (min-width:2500px){
.artContent>ul>li>p{font-size:24px}
.artContent>ul>li>ul>li{font-size:24px}
h5.rq-article-section-title{font-size:40px}
}
@media only screen and (max-width:992px){
.ftUl>li{width:16.66%}	
.rq-client-main{margin-bottom:30px}
.artContent>ul>li{display:block;width:100%!important}
.artContent>ul.blueBgUl{display:flex;flex-flow:column}
.artContent>ul.orangeBgUl{display:flex;flex-flow:column}
.artContent>ul.orangeBgUl>li:first-child{order:2}
.artContent>ul.orangeBgUl>li:last-child{order:1}
}
@media screen and (min-width:1500px){
section h1.adtitle {font-size:34.5px;line-height:1.9em}
section h2.headertext {font-size:48.5px}
section h2.text {font-size:34.5px}
section h2.textwhite{font-size:34.5px}
section ul.centered{font-size:28px;line-height:1.9em}
section ul.left{font-size:28px;line-height:1.9em}
section ul.right{font-size:28px;line-height:1.9em}
section li {line-height:1.9em}
section h2.bulletheaderwhite{font-size:34.5px}
section h2.bulletheader{font-size:34.5px}
}
@media (min-width: 768px) and (max-width: 991px){
.sm-mb-30{margin-bottom:30px}
}

/*===========================
== Start product page
===========================*/
/*Start framework*/
.styled-header {position: relative;font-weight: bold}
.styled-header:after {
    content: "";
    border: 1px solid #f9a522;
    position: absolute;
    width: 20%;
    top: 20px;
}
.styled-header:before {
    content: "";
    border: 1px solid #f9a522;
    position: absolute;
    width: 20%;
    top: 20px;
    left: -5px;
}
@media (max-width: 767px) {
	.styled-header:after {border: none}
	.styled-header:before {border: none}
}
.scroll-top {
	position: fixed;
	right: 30px;
	bottom: 100px;
	cursor: pointer;
	color: #3b79c6;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.scroll-top:hover {color: #66999a;}
/*End framework*/

/*Start header*/
.product-header {padding-top: 0px;}
.product-header .lotus-bref {
    padding: 1px 0;
    margin-top: .1%;
	margin-bottom: .1%;
    min-height: 60%;
    text-align: center;
}
.product-header .lotus-bref p {
	color: #666;
    display: inline-block;
    letter-spacing: 1px;
    border: 3px solid #66999a;
    padding: 15px 15px;
    line-height: 1.6;
    width: 100%;
}
@media (max-width: 767px) {
	.product-header .lotus-bref p {font-weight: bold}
}
/*End header*/

/*Start product-parts */
.product-parts {padding: 10px 0;}
@media (max-width: 767px) {
	.product-parts {padding-bottom: 15px;}
}
.product-parts .product-parts li {
    cursor: pointer;
    display: inline-block;
    width: 15%;
    margin-left: -2px;
    padding: 10px;
    background-color: #333d46;
    color: #fff;
    line-height: 1.6;
    border: 1px solid #333d46;
    position: relative;
}
@media (max-width: 767px) {
	.product-parts .product-parts li {
		display: block;
		width: 80%;
		margin-left: 8%;
		margin-bottom: 1px;
	}
}

/*
Master Key
#f9a720 - Orange
#333d46 - Blue Grey
#326667 - Dark Teal
#66999a - Medium Teal
#99cccd - Light Teal

*/
.product-parts .product-parts li.selected {
    background-color: #326667;
    border: 1px solid #326667;
}
.product-parts .product-parts li.selected:after {
    content: "";
    display: block;
    position: absolute;
    right: 40%;
    width: 29px;
    height: 0;
    border-top: 24px solid transparent;
    border-right: 14px solid;
    border-left: 14px solid;
    top: 100%;
    background-color: #326667
}
@media (max-width: 767px) {
	.product-parts .product-parts li.selected:after {
		border: none;
	}
}
.product-parts .content-all-products .item {
    box-shadow: 5px 5px 5px #ddd;
    padding: 10px 5px;
}
.product-parts .content-all-products .head-pl {
	color: #333;
	margin-top: -10px;
}
.product-parts .content-all-products .item:not(.roof) {
    display: none;
}
.product-parts .item-info li {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 1%;
	color: #555
}
/*End product-parts */

/*Start Why us*/
.why-us {padding: 10px 0;}
.why-us .why-img  {
    position: relative;
    overflow: hidden;
	margin-right: -15px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.why-us .why-img {margin-left: 0px;width: 92%}
}
.why-us .why-img .img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
	.why-us .why-img .img-overlay {
		width: 92%;
	}
	.why-us .why-img img {
		margin-left: 0px;
	}
}
@media (max-width: 767px) {
	.why-us .why-img {margin-right: 0px;}
	.why-us .why-img img {width: 100%}
}
.why-us .why-txt {
    background-color: #3b79c6;
    color: #fff;
    padding: 9px;
    margin-left: -15px;
}
.why-us .why-txt p {
    line-height: 1.5
}
@media (min-width: 768px) and (max-width: 991px) {
	.why-us .why-txt {margin-left: 0px;width: 93.5%}
}
@media (max-width: 767px) {
	.why-us .why-txt {margin-left: 0px;}
}
/*end Why us*/

/*Start our team*/
.our-team {padding: 10px 0;background-color: #f5f5f5}
.our-team h1 {margin-bottom: 5%}
.our-team h1:after {width: 29%;right: 80px}
.our-team h1:before {width: 30%;left: 65px}
@media (min-width: 768px) and (max-width: 991px) {
	.our-team h1:before {width: 25%;left: 0px;}
	.our-team h1:after {width: 25%;right: 15px;}
}
@media (max-width: 767px) {
	.our-team h1:before {width: 25%;left: 7px;}
	.our-team h1:after {width: 24%;right: 15px;}
}
.our-team .member {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 25px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
@media (max-width: 767px) {
	.our-team .member {
		width: 75%;
		margin: 20px auto;
	}
}
.our-team .member img {
    max-width: 80%;
    margin-top: -10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
	.our-team .member img {margin-top: 0px;}
}
.our-team .member h3 {color: #f9a522}
.our-team .member span {
    display: block;
    padding: 5px 0;
    color: #666;
}
.our-team .member button {
    padding : 10px 16px;
    margin-top: 4%;
    background-color: transparent;
    color: #f9a522;
    border : 1px solid  #337AC1;
    width : 55%;
    font-weight : normal !important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.our-team .member a {text-decoration: none;color: #3b79c6}
.our-team .member button:hover {
    background-color: #f9a522;
    border : 1px solid  #f9a522;
}
.our-team .member button:hover a {color: #fff}
.our-team .member:hover {
    box-shadow: 5px 5px 5px #999;
}
.our-team .member:hover img {
    transform: scale(1.1,1.1);
}
/*End our team*/

/*Start who-louts*/
.who-louts {padding: 20px 0;}
.who-louts .row {margin: 40px 0}
.who-louts h1 {margin: 8% 0;}
.who-louts h1:after {width: 28%;right: 80px}
.who-louts h1:before {width: 29%;left: 65px;}
@media (min-width: 768px) and (max-width: 991px) {
	.who-louts h1:before {width: 25%;left: 0px;}
	.who-louts h1:after {width: 25%;right: 5px;}
}
@media (max-width: 768px) {
	.who-louts h1:before {width: 22%;left: 9px;}
	.who-louts h1:after {width: 19%;right: 29px;}
}
.who-louts .who-solar {
    margin-left: -30px;
    background-color: #f9a522;
    color: #fff;
    padding: 1px 15px;;
}
@media (min-width: 768px) and (max-width: 991px) {
	.who-louts .who-solar {margin-left: 0px;}
}
@media (max-width: 768px) {
	.who-louts .who-solar {margin-left: 0px;}
}
.who-louts .who-solar p{
    line-height: 1.5
}
.who-louts .sunpower-info {
     background-color: #3b79c6;
    padding: 1px 15px;
    color: #fff;
    margin-right: -30px
}
.who-louts .sunpower-info p {
    line-height: 1.6
}
.who-louts .sunpower-img {
    background-color: rgba(59, 121, 198, .6);
    position: absolute;
    overflow: hidden;   
}
@media (min-width: 768px) and (max-width: 991px) {
	.who-louts .sunpower-img {position: relative}
	.who-louts .sunpower-info {margin-right: 0px;}
}
@media (max-width: 768px) {
	.who-louts .sunpower-img {position: relative}
	.who-louts .sunpower-info {margin-right: 0px;}
}
.who-louts .sunpower-overlay {
    background: rgba(59, 121, 198, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/*End who-louts*/

/*Start feedback section*/
.feedback {padding: 10px 0;background-color: #f5f4f4}
.feedback h1 {margin-bottom: 5%}
.feedback h1:before {width: 23%}
.feedback h1:after {width: 20%}
@media (min-width: 768px) and (max-width: 991px) {
	.feedback h1:before {width: 12%}
	.feedback h1:after {width: 13%;right: -10px}
}
@media (max-width: 768px) {
	.feedback h1:before {width: 10%}
	.feedback h1:after {width: 10%;right: -2px}
}
.feedback .client {
	position: relative;
	overflow: hidden
}

.feedback .client .description {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;
	height: 100%;
	font-weight : normal !important;
    padding: 10px 16px !important;
	transform: rotateX(90deg);
	-webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.feedback .client:hover .description {transform: rotateX(0deg);}
.feedback .client .description p{
	line-height: 1.6;
    font-size: 19px;
	text-align: center;
    color : #fff;
}
.feedback .client .description p.sp {
	font-size: 17px;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.feedback .client .description p {
		padding: 5px;
	}
}
.feedback .client img {
	height: 321px;
	width: 100%;
	height: 100%;
	transition: all 1s ease-in-out;
}
.feedback .client:hover img {
	transform: scale(1.2,1.2);
}
@media (min-width: 768px) and (max-width: 991px) {
	.feedback .client img {max-width: 75%}
}
@media (max-width: 768px) {
	.feedback .client img {max-width: 75%}
}
.feedback .client .description button {
	display: block;
	margin: auto;
	background-color: #999;
	border-color: #3b79c6;
    text-shadow: none;
    padding : 10px 16px !important;
    font-weight : normal !important;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
	.feedback .client .description p {margin-top: 5%;padding: 25px;}
	.feedback .client .description button {margin-top: 8%;}
}
.feedback .client .description button:hover {border-color: #000}
.feedback .client .description button a {
	text-decoration: none;
    text-shadow: none;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.feedback .client .description button:hover a {color: #f9a522}
.feedback  h3 {
	color: #f9a522;
	margin-bottom: 5%
}
/*End feedback section*/

/*===========================
== End product page
===========================*/


/***************************
== Start battery page
****************************/
.battery {padding: 40px 0;}
.battery h2 {
	color: #555;
}
.battery q {
	color: #888;
	display: block;
	font-size: 17px;
	text-align: center;
	margin-bottom: 5%;
	margin-top: 20px;
	letter-spacing: 1px;
}
.battery .row p {
	line-height: 1.6;
	color: #777;
    text-align: left;
}
.battery .row-one p strong {color: #666}
.battery .row-one p:last-child {
	margin-bottom: 40px;
}
.choose-carefully {padding: 20px 0;background-color: #f5f5f5}
.choose-carefully h2:first-child {color: #555;margin-bottom: 5%;}
.choose-carefully > div p {color: #888;}
.choose-carefully h2:last-child {padding: 45px 0;font-size: 46px;color: #3e78c5}
/***************************
== End battery page
****************************/

/***************************
== Start Warranty
****************************/
.warranty {padding: 40px 0;}
.warranty h2:first-of-type {
	color: 555;
}
.warranty ul li {color: #777;line-height: 1.6;text-align: left;}
.warranty .h1 {padding: 45px 0;font-size: 44px;color: #3e78c5}
/***************************
== End Warranty
****************************/

/*****************************
== Start Great Return On Investment
*****************************/
.investment {padding: 40px 0;}
.investment h2 {padding: 45px 0;color: #555}
.investment p {color: #777;line-height: 1.6;text-align: left;}
.investment img {margin-top: 0px 30px;}
/*****************************
== End Great Return On Investment
*****************************/

/*****************************
== Start american success Story
*****************************/
.success-story {padding: 40px 0;}
.success-story h2 {padding: 15px 0;color: #555}
.success-story q {
	color: #888;
	display: block;
	font-size: 17px;
	text-align: center;
	margin-bottom: 5%;
	letter-spacing: 1px;
}
.success-story ul li {
	color: #777;
	margin-bottom: 15px;
	line-height: 1.6;
    text-align: left;
}
/*****************************
== End american success Story
*****************************/

/*****************************
== Start most-beautifu
*****************************/
.most-beautiful {padding: 40px 0;}
.most-beautiful h2 {padding: 30px 0;color: #555}
.most-beautiful .row:last-child {background-color: #f5f5f5}
.most-beautiful .row h3 {color: #666;padding: 20px 0;}
.most-beautiful ul li {color: #777;margin-bottom: 15px;line-height: 1.6;text-align: left;}
.most-beautiful ul li:last-child {margin-bottom: 30px;}
/*****************************
== End most-beautifu
*****************************/

/***************************
== Start Beware wires
****************************/
.beware {padding: 40px 0;}
.beware h2 {color: #555;padding: 15px 0}
.beware q {display: block;text-align: center;color: #888;margin-bottom: 5%;}
.beware .row {padding: 30px 0;}
.beware .row:nth-child(2n) {background-color: #f5f5f5}
.beware .row p {color: #777;text-align: left;}
.beware .row strong {display: block;padding: 10px 0;font-size: 18px;}
/*Start lotus-history*/
.lotus-history {padding: 40px 0;}
.lotus-history .proof,
.lotus-history .history {padding: 20px 0;}
.lotus-history .proof h2,
.lotus-history .history  h2{color: #555;padding: 15px 0}
.lotus-history .proof p ,
.lotus-history .history p {color: #777;line-height: 1.6;text-align: left;}
.lotus-history .history p strong {color: #ffab40}
/*End lotus-history*/
/***************************
== End Beware wires
****************************/

/*****************************
== Start Most Advanced Technology
*****************************/
.most-advanced {padding: 40px 0;}
.most-advanced h2 {padding: 40px 0;color: #555}
.most-advanced ul li {color: #777;margin-bottom: 15px;line-height: 1.6;text-align: left}
.most-beautiful ul li:last-child {margin-bottom: 30px;}

/*****************************
== End Most Advanced Technology
*****************************/

/***************************
== Start solar shopper
****************************/
.solar-shopper {padding: 40px 0;}
.solar-shopper q {display: block;color: #888;text-align: center}
.solar-shopper .row {padding: 20px 0;margin-top: 30px;}
.solar-shopper .row:first-of-type {background-color: #f5f5f5}
.solar-shopper .row h3 {font-weight: normal;padding: 25px 0;}
.solar-shopper .row ul li {color: #777;line-height: 1.6}
.solar-shopper p {padding: 30px 0;color: #444;text-align: center;font-size: 25px;}
/***************************
== End solar shopper
****************************/