@import url("generic.css");
@import url("font-awesome.css");
@import url("hover.css");
@import url("fonts.css");
@import url("account.css");

@import 'https://fonts.googleapis.com/css?family=Yellowtail';

.textShadow {
    text-shadow: 1px 1px 1px #666;
}

.transparent {
	color:#000;
}

#HomeHeader .flexslider .slides > li *,#HomeHeader .flexslider * { -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}

.ScrollProject {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: rgba(0,0,0,.4);
    border: 3px solid rgba(0,0,0,.4);
	padding: 1px;
	margin: 0 1px;
}

.EnrollmentPageBG, .LoginPageBG, .LandingPageBG {
	background-repeat:no-repeat;
	background-size: 100% auto;
    background-position: 0 82px;
    background-attachment: fixed;
}
.top_inner_wraper {
	max-height: 450px;
}
.EnrollmentPageBG {background-image:url(../images/background.jpg);}

.LoginPageBG {background-image:url(../images/background_login.jpg);}

.LandingPageBG {background-image:url(../images/bg_landing_page.jpg);}

#Footer li {
	list-style: none;
}

.ContentsWrapp .PlanColl ul {
	margin: 0 0 20px;
}

.solar .PlanInnerWrapp h2 {
	padding-top: 55px;
}

.ContentsWrapp .PlanColl .PlanInnerWrapp {
	padding: 0 10px 30px;
}
.show_480 {
	display: none;
}
/****************************************
	Layout
****************************************/
	.MainWrapper {
		display:block;
		margin:0px 60px;
		padding:0px;
		position:relative;
	}
	
	.SideBarWrapp ul, .SideBarWrapp li{
		margin: 0;
		padding:0;
	}
	.SideBarWrapp ul {
		padding-left: 20px;
	}
	
	/**===== TOP-BAR INCLUDE ==**/
	#TopHead {
		width:100%;
		background:#fff;
		z-index:10001 !important;
		position:relative;
		zoom:1;
	}
	
	#Logo, #LogoCypressSolar {
		float:left;
		margin:16px 0;
	}
	
	
	/*= Navigation =*/
	#TopNav {width:100%;}
	#TopNav .rd-navbar-outer { background:none;}
	#TopNav .rd-navbar-static{background:none;}
	
	#TopNav .rd-navbar-static .rd-navbar-nav > li > a {
		font-size:.7em;
		line-height:1em;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		padding:18px 15px;
		color:#000;
		text-decoration:none;
	}
	#TopNav .rd-navbar-static .rd-navbar-nav > li > a .fa {
		font-size:22px;
		color:#fbce07;
		float:left;
		margin:-4px 6px 0 0;
	}
	#TopNav .rd-navbar-dropdown a .fa {
		float:left;
		font-size:15px;
		color:rgba(75,188,246,.6);
		margin-right:10px;
		margin-top:4px;
	}
													                                                                                                     
	#TopNav .rd-navbar-static .rd-navbar-nav > li.active > a,
	#TopNav .rd-navbar-static .rd-navbar-nav > li.opened > a,
	#TopNav .rd-navbar-static .rd-navbar-nav > li.focus > a,
	#TopNav .rd-navbar-static .rd-navbar-nav > li > a:hover {color: #fbce07; text-decoration:none;}
	
	#TopNav .rd-navbar-static .rd-navbar-inner {
		max-width:100%;
		text-align:right;
		float:right;
		margin-top:20px;
		margin-bottom:19px;
		padding:0;
	}
	#TopNav .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
	#TopNav .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {left: 0;margin:21px 0 0 0; padding:15px 10px; border-bottom:4px solid #fbce07;}
	
	#TopNav .rd-navbar-static .rd-navbar-dropdown,
	#TopNav .rd-navbar-static .rd-navbar-megamenu {background:#231f20;}
	
	#TopNav .rd-navbar-static .rd-navbar-dropdown li > a,
	#TopNav .rd-navbar-static .rd-navbar-megamenu li > a,
	#TopNav .rd-navbar-fixed .rd-navbar-submenu li > a {
		font-size:17px;
		line-height:20px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		text-transform:capitalize;
		color:#fff;
		padding:8px 15px;
	}
	#TopNav .rd-navbar-static .rd-navbar-dropdown li.focus > a,
	#TopNav .rd-navbar-static .rd-navbar-dropdown li.opened > a,
	#TopNav .rd-navbar-static .rd-navbar-dropdown a:hover,
	#TopNav .rd-navbar-static .rd-navbar-megamenu li.focus > a,
	#TopNav .rd-navbar-static .rd-navbar-megamenu li.opened > a,
	#TopNav .rd-navbar-static .rd-navbar-megamenu a:hover {background: rgb(0, 92, 185); text-decoration:none;}
	
	#TopNav .rd-navbar-fixed .rd-navbar-toggle {
		background:#231f20;
		color:#fff;
		border:none;
		top:2px;
		left:2px;
		height:66px;
		width:66px;
		line-height:34px;
		z-index:1000;
	}
	#TopNav .rd-navbar-fixed .rd-navbar-toggle span:after,
	#TopNav .rd-navbar-fixed .rd-navbar-toggle span:before,
	#TopNav .rd-navbar-fixed .rd-navbar-toggle span {background-color:#fff;}
	
	#TopNav .rd-navbar-fixed .rd-navbar-nav-wrap {
		width: 280px;
		color: #fff;
		background: rgba(0,0,0,.85);
		top:-50px;
	}
	#TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		border-bottom:1px solid rgba(255,255,255,.2);
		color:#fff;
		font-size:16px;
		line-height:18px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		text-transform:uppercase;
		padding: 16px 0 16px 20px;
		text-decoration:none;
	}
	#TopNav .rd-navbar-fixed .rd-navbar-nav > li > a .fa {
		font-size:18px;
		color:#fbce07;
		float:left;
		margin:0px 10px 0 0;
	}
	
	#TopNav .rd-navbar-fixed .rd-navbar-nav li.opened > a,
	#TopNav .rd-navbar-fixed .rd-navbar-nav li a:hover,
	#TopNav .rd-navbar-fixed .rd-navbar-nav li.active > a { background:rgba(255,255,255,.1); text-decoration:none;}
	
	#TopNav .rd-navbar-fixed .rd-navbar-submenu li > a { padding-left:30px;}

	#TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle {
		height:50px;
		color:#4bbcf6;
	}
	#TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle:hover { color:#fff;}
	
	.LocationNav {
		background:#0064a8 !important;
		color:#fff !important;
		padding-right:30px !important;
	}
	.LocationNav:hover{
		background: #fbce07 !important;
		color:#000 !important;
	}
	.LocationNav:hover span{ color:#000 !important; }
	
	.LocationNav:after {
		font-family: 'FontAwesome';
		content:'\f107';
		display:block;
		color:rgba(255,255,255,.6);
		position:absolute;
		top:17px;
		right:0;
		height:20px;
		width:20px;
	}
	
	
	/**== Top Offer =*/
	#TopOffer {
		width:100%;
		background:#fbce07;
		color:#000;
		position:relative;
	}
	#TopOffer h1, #TopOffer .title {
		float:left;
		background:#0064a8;
		margin:0;
		padding:18px 25px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.9em;
		text-transform:uppercase;
		color:#fff;
	}
	#TopOffer p {
		float:left;
		margin:16px 0 0 50px;
	}
	
	#TopOffer .OfferMoreDetail a {
		font-family:'latoheavy', Arial, Helvetica, sans-serif;
		font-size:.7em;
		line-height:1em;
		float:right;
		text-transform:uppercase;
		padding:8px 10px;
		display:block;
		margin-top:15px;
		background:#0064a8;
		color:#fff;
	}
	
	
	/**===== BODY CONTENTS ==**/
	#HomeHeader .slides li {
		background-repeat:no-repeat;
		background-position:center center;
			-moz-background-size:cover;
			-ms-background-size:cover;
			-o-background-size:cover;
			-webkit-background-size:cover;
		background-size:cover;
		color:#fff;
	}
	/*#HomeHeader .MainWrapper { padding:50px 0; background:none;min-height:450px;}*/
	
	#HomeHeader h1, #HomeHeader .heading1 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		/*font-size:3.15em;*/
		font-size:3.5vw;
		line-height:1.1em;
		color:#fbce07;
		text-transform:uppercase;
	}
	#HomeHeader h2, #HomeHeader .heading2 {
		font-family:'latoheavy', Arial, Helvetica, sans-serif;
		/*font-size:1.7em;*/
		font-size:1.8vw;
		line-height:1.1em;
		color:#fff;
		text-transform:uppercase;
		margin-bottom: 15px;
	}
	#HomeHeader h3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.1em;
		line-height:1em;
		color:#fff;
		text-transform:uppercase;
	}
	
	.HeadSecTL {
		width:30%;
		margin-right:5%;
		margin-top:40px;
	}
	.HeadSecTL h1, .HeadSecTL .title { margin-bottom:10px;}
	.HeadSecTL h2 { margin-bottom:15px;}
	
	.HeadSecPrice {width:65%;}
	#HomeHeader .HeadSecPrice h1, #HomeHeader .HeadSecPrice .heading1  {
		color:#fff;
		/*font-size:12em;*/
		font-size:14vw;
		line-height:1em;
		/*margin-bottom:25px;*/
		margin-bottom:0px;
	}
	
	#HomeHeader .show_shadow_chk .MainWrapper {text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);}
	
	#HomeHeader .show_shadow_chk .HeadSecPrice h1, #HomeHeader .show_shadow_chk .HeadSecPrice .title  {
		text-shadow:0 8px 0 rgba(0,0,0,.5);
	}
	
	#HomeHeader .HeadSecPrice h2, #HomeHeader .HeadSecPrice .heading2 {
		font-family:'latomedium', Arial, Helvetica, sans-serif;
		color:#fff;
		/*font-size:2.5em;*/
		font-size:2.6vw;
		line-height:1em;
		text-transform:none;
		float:left;
		margin:20px 0 20px 30%;
	}
	
	.HeadSecBL {
		width:30%;
		font-size:.8em;
		line-height:1.3em;
	}
	
	.HeadSecCall {width:40%;}
	.HeadSecCall h2 { margin-bottom:5px;}
	
	
	#HomeHeader .flexslider .slides > li { height:auto !important;}
  
	#HomeHeader .flex-control-nav {
		display:none !important;
		bottom:-40px !important;
		background:none !important;
	}
	#HomeHeader .flex-control-paging li a { margin:0 2px !important;}
	#HomeHeader .flex-control-paging li a:hover, 
	#HomeHeader .flex-control-paging li a.flex-active { background:#fbce07;}
	
	#HomeHeader .flexslider li { margin:0 !important; padding: 0;}

	#HomeHeader .flex-direction-nav .flex-prev { left:50px;}
	#HomeHeader .flex-direction-nav .flex-next { right:50px; }
	
	
	#HomeFindPlan {
		width:100%;
		position:relative;
		background:#0064a8;
		border-top:1px solid #2783df;
		border-bottom:1px solid #2783df;
		color:#fff;
		padding:50px 0;
		text-align:center;
	}
	#HomeFindPlan .MainWrapper {
		width:75%;
		margin:0 auto;
	}
	
	#HomeFindPlan h1, #HomeFindPlan .heading1 {
		font-family:'latosemibold', Arial, Helvetica, sans-serif;
		font-size:1.1em;
		line-height:1.1em;
		color:#fff;
		margin-bottom:25px;
		text-transform:uppercase;
	}
	
	.FpField {
		width:31%;
		margin:0 1%;
		float:left;
		text-align:left;
	}
	
	.BtnFullWidth .button { width:100%;}
	
	
	/**===== FORM STYLING ==*/
	
	/**-- JqTransForm ~ Field + Slect -**/
	form.jqtransformdone div.rowElem { padding:0 !important;}
	.jqTransformInputWrapper {background:none !important;margin:0 !important;}
	.jqTransformInputInner {  background:none !important;}
	.jqTransformInputInner div { margin:0 !important;}
	
	.SelectStyle .jqTransformSelectWrapper,
	.TextFieldStyle .jqTransformInputWrapper {width:100% !important;height:60px;background:#fff;margin:0;padding:0;}
	.TextFieldStyle .TextFieldWrapp1{ margin-left:0; margin-right:0;}
	
	.SelectStyle .jqTransformSelectWrapper div span,
	.TextFieldStyle .jqTransformInputInner div input {
		border:none;
		background:#fff;
		font-family:'latoheavy', Arial, Helvetica, sans-serif;
		color:#999;
		font-size:17px;
		line-height:60px;
		text-indent:20px;
		margin:0;
		padding:0;
		width:100% !important;
		height: 60px;
	}
	
	.TextFieldStyle.FieldWrapper .jqTransformInputInner div input { text-indent:66px;}
	
	.SelectStyle .jqTransformSelectWrapper  a.jqTransformSelectOpen {
		display: block;
		position: absolute;
		right: 10px;
		top:22px;
		width: 30px;
		height: 18px;
		background:url(../js/jqtransformplugin/img/select_right.png) no-repeat center center;
	}
	.SelectStyle .jqTransformSelectWrapper ul {
		position: absolute;
		width: 100% !important;
		top: 60px;
		background-color: #FFF;
		border:none;
		overflow: auto;
		max-height:350px;
	}
	.SelectStyle .jqTransformSelectWrapper ul li {margin:0px;padding:0px;background:none;}
	.SelectStyle .jqTransformSelectWrapper ul a {padding: 10px 20px;color:#333;font-size: 16px;}
	.SelectStyle .jqTransformSelectWrapper ul a.selected {background: #fbce07;color: #000;}
	.SelectStyle .jqTransformSelectWrapper ul a:hover, 
	.SelectStyle .jqTransformSelectWrapper ul a.selected:hover {background:#3582c4;color: #fff;}
	.SelectStyle .jqTransformSelectWrapper ul a:hover, 
	.jqTransformSelectWrapper ul a.selected:hover {background: #ccc !important;color: #000 !important;}

	.TextFieldStyle .jqTransformInputInner div input:focus {
		color:#000;
			-moz-box-shadow:0 0 8px rgba(0,0,0,.2);
			-ms-box-shadow:0 0 8px rgba(0,0,0,.2);
			-o-box-shadow:0 0 8px rgba(0,0,0,.2);
			-webkit-box-shadow:0 0 8px rgba(0,0,0,.2);
		box-shadow:0 0 8px rgba(0,0,0,.2);
	}
	
	/**-- JqTransForm ~ Radio + CheckBox -**/
	form.jqtransformdone label {
		margin:0 !important;
		float:none !important;
		font-weight:normal;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		/*font-size:17px;*/
		display:inline-block !important;
	}
	.red2 {
		color: #e20613 !important;
	}
	.SideBarWrapp  form.jqtransformdone label { color:#fff;}
	
	.RadioStyle .jqTransformRadioWrapper {
		float:none !important;
		margin:0 !important;
		display:inline-block !important;
	}
	.RadioStyle .jqTransformRadio {
		background:url(../js/jqtransformplugin/img/radio.png) no-repeat center top;
		height: 24px;
		width: 24px;
		margin-bottom: -5px;
    	margin-right: 5px
	}
	.SideBarWrapp .RadioStyle .jqTransformRadio {background:url(../js/jqtransformplugin/img/radio2.png);}

	span.jqTransformCheckboxWrapper{
		display:inline-block !important;
		float:none !important;
		margin:0 0 -5px 0 !important;
	}
	.CheckboxStyle a.jqTransformCheckbox {
		background: transparent url(../js/jqtransformplugin/img/checkbox.png) no-repeat center top;
		height: 26px;
		width: 26px;
		margin:5px 0 0 0 !important;
	}
	
	a.jqTransformChecked { background-position: center bottom !important;}
	
	.field_error, .field_success {position: relative;}
	.field_error .alert_text,.field_success .alert_text { color: #e20613; font-size:70%; line-height: normal; position: absolute;}
	
	#StartEnrollment .field_error .alert_text, #HomeFindPlan .field_error .alert_text {color: #fbce07;}
	
	.field_error .field_alert:after,
	.field_success .field_alert:after {
		position: absolute;
		color:#000;
		font-family: FontAwesome;
		right:12px;
		top:16px;
		font-size:30px;
	}
	.field_error .field_alert:after{
		content:'\f00d';
		color:#ac0d0d;
	}
	.field_success .field_alert:after {
		content:'\f00c';
		color:#49ac0d;
	}


	/*== FOOTER = url(../images/footer_bg.png) no-repeat bottom right  */
	#Footer {
		width:100%;
		padding:50px 0 30px 0;
		background:#f6f6f6;
		/*background:#231f20;*/
		font-size:.8em;
		line-height:1.4em;
	}
	#Footer, #Footer a{
		color:#707070;
	}
	#Footer a:hover
	{
		color:#000;
	}
	
	.FotColLarg {
		width:25%;
		margin:0 1.5%
	}
	.FotColSml {
		width:14%;
		margin:0 1%;
	}
	
	#Footer h2, #Footer .heading2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-weight: 500;
	    font-style: normal;
		font-size: 1.1em;
		line-height: 1em;
		margin-bottom:20px;
	}
	#Footer ul {
		margin:-7px 0 0 0;
		padding:0px;
	}
	#Footer ul li {
		margin:0px;
		padding:5px 0;
		border:none;
		background:none;
	}
	#Footer ul li a {
		font-size:.95em;
	}
	
	ul.SocialLinks {
		margin:0px;
		padding:0px;
	}
	#Footer ul.SocialLinks { margin-bottom:30px;}
	ul.SocialLinks li {
		margin:0px 2px 5px 0 !important;
		padding:0px;
		display:inline-block;
	}
	ul.SocialLinks li a {
		font-size:34px !important;
		color:#0064a8 !important;
		line-height:30px !important;
	}
	ul.SocialLinks li a:hover { color:#fbce07 !important;}
	
	#CopyRight {font-size:.9em;}
	
	#FootContact h1, #FootContact .heading1 {
		font-family: 'Futura PT', 'Roboto', sans-serif;
		font-size: 2.5em;
		line-height: 1.3em;
		margin: 0px 0 20px 0;
	}
	#FootContact h3 {
		font-size:1.1em;
		line-height:1em;
		color:#fff;
		margin: 35px 0 10px 0;
		text-transform:uppercase;
	}
	
	#FootLegalInfo {
		background:#f6f6f6;
		padding:35px 0;
		font-size:.8em;
		line-height:1.4em;
		color:#a7a5a6;
		text-align:center;
	}
	
	#BankAccount, #VisaCard, #TopHead-sticky-wrapper.is-sticky
	{
		-webkit-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.16);
		-o-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.16);
		-ms-box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.16);
	}
	
	#HomeFindPlan .button.hvr-sweep-to-left:before, #HomeFindPlan .button.hvr-rectangle-out:before
	{
		background: #000;
	}
	#HomeFindPlan .button.hvr-sweep-to-left, #HomeFindPlan .button.hvr-rectangle-out
	{
		background: #fbce07;
		color:#000;
	}
	#HomeFindPlan .button.hvr-sweep-to-left:hover, #HomeFindPlan .button.hvr-rectangle-out:hover
	{
		color:#fff!important;
	}
	

	/*===== SUBPAGE CONTENTS =====*/
	.SubPageWrapp { padding:40px 0;}
	
	.ContentsWrapp {width:65%;}
	.SideBarWrapp {width:30%;}
	
	.SubPageWrapp a {color:#0064a8;}
	.SubPageWrapp a:hover { color:#000;}
	
	.SubPageWrapp a.moreInfo {color:#0064a8;}
	.SubPageWrapp a.moreInfo span {border-bottom: 1px solid #0064a8;}
	
	.BlackBlock a.moreInfo, .BlackBlock a:hover.moreInfo {color:#fbce07;}
	.BlackBlock a.moreInfo span {border-bottom-color:#fbce07;}
	
	.col-xs-3 { width:20% !important;}
	
	/*Form Wizard*/
	.StepByStepForm .row {margin:0; background:#f6f6f6;}
	
	
	.StepByStepForm .progress {
		background-image: -webkit-linear-gradient(top, #f6f6f6 1000%, #f6f6f6 100%);
		background-image: linear-gradient(to bottom, #f6f6f6 1000%, #f6f6f6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0);
	}
	
	.StepByStepForm { margin:30px 0 60px 0;}
	.StepByStepForm a, .StepByStepForm a:hover, .StepByStepForm a:visited { text-decoration:none;}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
	.StepByStepForm .bs-wizard > .bs-wizard-step + .bs-wizard-step {}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
		position:absolute;
		left:0;
		top:-40px;
		font-size:100%; /*20px;*/
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		width:100%;
	}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step.disabled .bs-wizard-stepnum { color:rgba(255,255,255,.4);}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
		position: absolute;
		width: 50px;
		height: 50px;
		display: block;
		background: #fbce07;
		top: 8px;
		left: 44%;
		margin-top: -15px;
		margin-left: -15px;
		line-height:49px;
		font-size:30px;
		color:#e20613;
		text-align:center;
		font-family:'Futura PT', 'Roboto', sans-serif;;
	}
	.bs-wizard-step a:hover{ background-color:#e20613 !important; color:#fbce07 !important; }
	
	/*.CypresSolarSteps*/.StepByStepForm .bs-wizard > .bs-wizard-step > .bs-wizard-dot {line-height:18px; font-size:26px;}
	/*.CypresSolarSteps*/.StepByStepForm .bs-wizard > .bs-wizard-step > .bs-wizard-dot span {font-size:12px;}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 10px; box-shadow: none; margin: 12px 0;}
	.StepByStepForm .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbce07;}
	.StepByStepForm .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:50%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f6f6f6; color:#4f4c4d;}
	.StepByStepForm .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
	.StepByStepForm .bs-wizard > .bs-wizard-step:first-child  > .progress {left: 0; width: 100%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step:last-child  > .progress {width: 100%;}
	.StepByStepForm .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
	
	
	.StepByStepForm .ActiveArrow { position:relative;}
	.StepByStepForm .ActiveArrow:after {
		content:'';
		display:block;
		background:url(../images/arrow_down.png) no-repeat top center;
		width:50px;
		height:12px;
		position:absolute;
		bottom:-12px;
	}
	
	
	/*== Heading Styles =*/
	h1.Heading1 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.2em;
		line-height:1.1em;
		color:#fff;
		background:#0064a8;
		text-transform:uppercase;
		padding:20px 25px 21px 25px;
	}
	h1.Heading1 *  {
		color:#FFF;
	}
	h2.Heading2 {
		font-size:1.1em;
		line-height:1.1em;
		color:#0064a8;
		margin-bottom:20px;
	}
	h3.Heading3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1em;
		line-height:1.1em;
		color:#000;
		margin-bottom:10px;
	}
	h4.Heading4 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.8em;
		line-height:1.5em;
		color:#000;
		margin-bottom:10px;
	}
	h5.Heading5 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.8em;
		line-height:1.2em;
		color:#000;
		margin-bottom:10px;
	}
	h2.HeadingTitle {
		background:#0064a8;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		color:#fff;
		font-size:.9em;
		line-height:1.1em;
		text-transform:uppercase;
		padding:16px 20px;
		display: inline-block;
		width: 100%;
	}
	h2.HeadingTitle span {
		display: inline-block;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:15px;
		color:#fbce07;
	}
	
	h2.HeadTitleOrng, .HeadTitleOrng, #sidebar_wrap h1, #sidebar_wrap .title {
		background:#fbce07;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		color:#000;
		font-size:1.1em;
		line-height:1.1em;
		text-transform:uppercase;
		padding:12px 20px;
		margin-bottom:20px;
	}
	
	#sidebar_wrap a {
		color: #fbce07;
	}
	
	.HeadTtlMrgn { margin-bottom:25px;}
	
	.ContentsWrappInner { background:#f6f6f6;}
	
	.CallUsBanner {
		background: rgba(255,217,25,1);
		background: -moz-radial-gradient(center, ellipse cover, rgba(255,217,25,1) 0%, rgba(255,180,0,1) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,217,25,1)), color-stop(100%, rgba(255,180,0,1)));
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,217,25,1) 0%, rgba(255,180,0,1) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(255,217,25,1) 0%, rgba(255,180,0,1) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(255,217,25,1) 0%, rgba(255,180,0,1) 100%);
		background: radial-gradient(ellipse at center, rgba(255,217,25,1) 0%, rgba(255,180,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd919', endColorstr='#fbce07', GradientType=1 );
		
		text-align:center;
		/*font-size:1.2em;*/
		font-size:1.4vw;
		line-height:1.1em;
		color:#8e6504;
	}
	.CallUsBanner img { width:100%;}
	.CallUsBanner h1, .CallUsBanner .title {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		/*font-size:4.3em;
		line-height:1.1em;*/
		font-size: 5.5vw;
		line-height:1.1em;
		color:#fff;
	}
	.CallUsBanner h2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		/*font-size:1.65em;*/
		font-size: 2vw;
		line-height:1em;
		color:rgba(0,0,0,.9);
		text-transform:uppercase;
	}
	.CallUsBanner h3 {
		/*font-size:2.2em;*/
		font-size:2.8vw;
		line-height:1.1em;
		color:#000;
		margin-bottom:40px;
	}
	
	.TextFieldWrapp1 {
		position:relative;
		margin:0 1% 20px 1%;
		width:98%;
	}
	
	.TextFieldWrapp2 {
		position:relative;
		width:48%;
		margin:20px 1% 0 1%;
		float:left;
	}
	.TextFieldWrapp3, .Coll3 {
		position:relative;
		width:31.31%;
		margin:20px 1% 0 1%;
		float:left;
	}
	
	.InfoIconWrapp {
		display:inline-block;
		position:relative;
		margin-right:30px;
	}
	.InfoIconWrapp .InfoIcon { top:-23px; right:-20px;}
	
	.InfoIcon {
		position:absolute;
		top:-16px;
		/*top:10px;*/
		right:-10px;
		cursor:pointer;
		z-index: 10;
		
	}
	.InfoIcon .fa {
		font-size:33px;
		color:#0064a8;
		line-height:33px;
	}
	.InfoIcon a {
		position:absolute;
		top:14px;
		right:16px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:15px;
		color:#fbce07;
	}
	.InfoIcon a:hover { color:#000;}
	
	.FieldInformation {
		display:none;
		position:absolute;
		top:32px;
		right:0;
		background:#0064a8;
		color:#fff;
		font-size:15px;
		line-height:20px;
		padding:10px 15px;
		z-index:10;
		width:280px;
		margin-right:-128px;
	}
	.FieldInformationForImg {
		background:none;
		padding:0;
		width:350px;
		margin-right:0;
	}
	
	.InfoIcon .FieldInformation
	{
		background:#e20613;
	}
	
	.fa-question-circle:before
	{
		color:#e20613;
	}
	
	.InfoIcon:hover { z-index:15;}
	.InfoIcon:hover .FieldInformation { display:block;}
	
	.Coll2 { width:47.5%;}
	
	.BgBlueTrsperent {
		background:rgba(0, 92, 185, 0.01);
		border-bottom:5px solid #0064a8;
		-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
	}
	
	/*== Live Chat =*/
	.LiveChat {
		position:fixed;
		bottom:0;
		right:30px;
		background:#4ab156;
		padding:10px 20px 10px 120px;
		text-transform:uppercase;
		z-index:1000;
	}
	.LiveChat a { display:block;}
	.LiveChat .fa {
		position:absolute;
		top:-40px;
		left:15px;
		height:100px;
		width:100px;
		line-height:90px;
		text-align:center;
		font-size:55px;
		color:#045db5;
		background:#fff;
		border:5px solid #045db5;
		border-radius:100%;
	}
	.LiveChat h2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.4em;
		line-height:1.1em;
		color:#fff;
		margin-bottom:4px;
	}
	.LiveChat h3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.8em;
		line-height:1.1em;
		color:#000;
	}
	
	#LiveChatBox {
		display:none;
		position:fixed;
		right:30px;
		bottom:74px;
		background:#045db5;
		width:402px;
		color:#fff;
		font-size:16px;
		line-height:18px;
		z-index:10;
	}
	#ChatBoxInner { padding:30px 30px 40px 30px;}
	
	#LiveChatBox h1, #LiveChatBox .title  {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:19px;
		line-height:28px;
		text-transform:uppercase;
		background:rgba(0,0,0,.3);
		border-top:3px solid rgba(0,0,0,.4);
		color:#fff;
		padding:13px 15px;
	}
	#LiveChatBox h1 .fa {
		font-size:26px;
		float:left;
		margin:1px 10px 0 0;
		color:#f1b400;
	}
	
	#ChatBoxClose {
		position:absolute;
		top:3px;
		right:0px;
	}
	#ChatBoxClose .fa {
		background:rgba(0,0,0,.4);
		height:54px;
		width:54px;
		line-height:54px;
		color:rgba(255,255,255,.5);
		font-size:25px;
		text-align:center;
		cursor:pointer;
	}
	
	#LiveChatBox .TextFieldStyle .jqTransformInputWrapper {height:40px;}
	#LiveChatBox .TextFieldStyle .jqTransformInputInner div input {
		line-height:40px;
		height:40px;
		text-indent:12px;
	}
	
	#LiveChatBox .field_error .field_alert:after,
	#LiveChatBox .field_success .field_alert:after {
		font-size:25px;
		top:11px;
		right:7px;
	}
	
	#LiveChatBox .button {
		font-size:16px;
		line-height:20px;
		height:auto;
		padding:10px 20px;
		color:#000;
	}
	#LiveChatBox .button:hover { color:#fff !important;}
	#LiveChatBox .button:after { display:none;}
	#LiveChatBox .button.hvr-rectangle-out { background:#fbce07;}
	#LiveChatBox .button.hvr-rectangle-out:before { background:#231f20;}
	
	
	
	
	/*== Sidebar Info =*/
	.BlackBlock {
		background:rgba(0,0,0,.4);
		border:3px solid rgba(0,0,0,.4);
		color:#fff;
		font-size:17px;
		line-height:21px;
	}
	.BlackBlock h2.HeadTitleOrng { text-align:center;}
	
	.BtnChngAddr .button {
		font-size:17px;
		color:#000 !important;
		height:40px;
		padding:10px 50px 0 15px;
	}
	.BtnChngAddr .button:after {
		width:40px;
		height:40px;
		line-height:40px;
		font-size:20px;
		padding:1px 0 0 5px;
	}
	.BtnChngAddr .button.hvr-sweep-to-left {background:#fff;}
	
	.BlackBlock hr {
		 border-bottom: 1px dashed rgba(255,255,255,.2);
		 border-top:none;
		 margin:15px 0;
	}
	.BlackBlock p { margin-bottom:15px;}
	
	.BlackBlock ul.PlanPrivcyLinks { margin-bottom:0;}
	.BlackBlock ul.PlanPrivcyLinks li {
		font-size:15px;
		line-height:18px;
	}
	.BlackBlock ul.PlanPrivcyLinks li a { color:rgba(255,255,255,.6);}
	.BlackBlock ul.PlanPrivcyLinks li a:hover { color:#fff;}
	.BlackBlock ul.PlanPrivcyLinks li:after { color:#fff;}
	
	.BlackBlock h3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:18px;
		line-height:22px;
		text-transform:uppercase;
		color:#fbce07;
		margin-bottom:5px;
	}

	.ListItems {
		display:flex;
		flex-direction: column;
		counter-reset: done-items undone-items;
	}
	.ListItems input {
		display: block;
		height: 48px;
		margin: 0 0 -53px -9999px;
		order: 4;
		outline: none;
		counter-increment: undone-items;
	}
	.ListItems input:checked {
		order: 2;
		counter-increment: done-items;  
	}
	.ListItems label {
		display: block;
		position: relative;
		padding: 15px 0 15px 50px;
		border-bottom: 1px dashed rgba(255,255,255,.2);
		order: 4;
		cursor: pointer;
		animation: undone .5s;
		font-weight:normal
	}
	.ListItems label::before {
		content: '\f10c'; /* circle outline */
		display: block;
		position: absolute;
		top: 11px;
		left: 10px;
		font: 1.5em 'FontAwesome';
		color:#fbce07;
	}
	.ListItems label:hover, input:focus + label {background-color: rgba(0, 0, 0, .3);}
	.ListItems input:checked + label {
		order: 2;
		animation: done .5s;
	}
	.ListItems input:checked + label::before {content: '\f058'; /* circle checkmark */}
	
	@keyframes done {
		0% {
			opacity: 0;
			background-color: rgba(0, 0, 0, .3);
			transform: translateY(20px);
		}
		50% {
			opacity: 1;
			background-color: rgba(0, 0, 0, .3);
		}
	}
	
	@keyframes undone {
		0% {
			opacity: 0;
			background-color: rgba(0, 0, 0, .3);
			transform: translateY(-20px);
		}
		50% {
			opacity:1;
			background-color: rgba(0, 0, 0, .3);
		}
	}
	
	#CA_InnerWrapp.PopupInner {
		width:70%;
		margin:0 auto;
	}
	
	/*== Plan Styling =*/
	.PlanColl {
		width:30%;
		margin:70px 1.2% 30px 1.2%;
		background:url(../images/logo_small.png) no-repeat 10px 10px #fff;
		display:inline-block;
		font-size:17px;
		line-height:20px;
		position:relative;
		text-align:center;
		vertical-align:top;
	}
	.PlanColl.fix_50 {
		width:47%;
	}
	.PlanColl2 { width:47% !important;}
	.solar .PlanColl:hover {
		border-bottom-color: #fbce07;
	}
	.PlanColl:hover {
		-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-o-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		-ms-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
		z-index:1;
	}
	.PlanInnerWrapp { padding:0 30px 30px 30px;}
	
	.PlanPrice {
		background:#0064a8;
		border:6px solid #d8e1ec;
			-moz-border-radius:100%;
			-ms-border-radius:100%;
			-o-border-radius:100%;
			-webkit-border-radius:100%;
		border-radius:100%;
		height:140px;
		width:140px;
		margin:-70px auto 0 auto;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.8em;
		line-height:.8em;
		color:#fff;
		padding-top:40px;
	}
	.PlanPrice span {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.6em;
		color:#fbce07;
	}
	.PlanColl:hover .PlanPrice {
		background:#fbce07;
		color:#000;
	}
	.PlanColl:hover .PlanPrice span { color:#000;}
	
	.PlanNotifi {
		width:48%;
		margin:20px 5px;
		border:1px solid #adc9e5;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.75vw;
		line-height:1em;
		text-transform:uppercase;
		color:#000;
		padding:8px 0;
	}
	.PlanNotifi span { color:#fbce07;}
	
	.PlanColl h2 {
		font-size:1.2vw;
		line-height:1.1em;
		color:#0064a8;
		margin-bottom:15px;
		min-height: 50px;
	}
	
	.PlanSmlDesc {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.82vw;
		line-height:1.2em;
		color:#888;
		margin-bottom:10px;
		min-height: 72px;
	}
	
	ul.PlanPrivcyLinks {
		margin:0px 0 25px 0;
		padding:0px;
	}
	ul.PlanPrivcyLinks li {
		margin:0px;
		padding:2px 0 2px 25px;
		background:none;
		border:none;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.75vw;
		line-height:1.2em;
		position:relative;
		text-align:left;
		list-style: none;
	}
	ul.PlanPrivcyLinks li a { color:#0064a8; text-decoration: underline;}
	ul.PlanPrivcyLinks li a:hover { color:#ff0000;}
	ul.PlanPrivcyLinks li:after {
		font-family: FontAwesome;
		content:'\f058';
		display:block;
		position:absolute;
		top:3px;
		left:0;
		font-size:.9em;
		line-height:1.1em;
		color:#0064a8;
	}
	
	.PlanMoreInfo {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.7vw;
		text-transform:uppercase;
		position:relative;
	}
	.PlanMoreInfo a {
		float:left;
		width:50%;
		background:#0064a8;
		color:#fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		padding:10px 0;
	}
	a.PlanMoreDetail { background:#fbce07; color:#e20613;}
	a.PlanMoreDetail:hover { color:#fff;}
	a.PlanSignUp { background:#231f20;}
	
	.PlanMoreInfo a:hover {background:#0064a8 !important;}
	
	.LinkOr {
		background:#e20613;
		color:#FFF;
		position:absolute;
		top:5px;
		left:50%;
		margin-left:-15px;
		border-radius:100%;
		height:30px;
		width:30px;
		font-size:13px;
		text-align:center;
		line-height:30px;
	}
	.PlanDetailMore {
		text-align:left;
		display:none;
		/*position:absolute;
		left:0;
		top:100%;*/
		/*width:100%;
		z-index:2;
		background:#fff;
		border-bottom:5px solid #0064a8;
			-moz-box-shadow:0 12px 12px rgba(0,92,185,.5);
			-ms-box-shadow:0 12px 12px rgba(0,92,185,.5);
			-o-box-shadow:0 12px 12px rgba(0,92,185,.5);
			-webkit-box-shadow:0 12px 12px rgba(0,92,185,.5);
		box-shadow:0 12px 12px rgba(0,92,185,.5);*/
	}

	.PlanDetailMore h2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1vw;
		line-height:1.1em;
		color:#000;
		margin-bottom:15px;
	}
	.PlanDetailMore h3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:.9vw;
		line-height:1.1em;
		color:#0064a8;
		margin-bottom:10px;
	}
	
	.SelectRadioServices {
		color:#000;
		font-size:17px;
		line-height:20px;
	}
	.SelectRadioServices span {
		color:#555;
		font-size:15px;
		line-height:15px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
	}
	
	#FindAddresesList { margin-top:40px;max-height: 500px;overflow-y: auto;}
	
	.HighlightRibbon {
		position:absolute;
		right:-21px;
		/*color:#fff !important;
		background: #feb301;*/
	}
	.HighlightRibbon .after
	{
		display: block;
		position: absolute;
		top: 100%;
		right: 0;
		-safari-margin-end:1px;
		border: solid #feb301 8px;
		border-bottom: 8px solid transparent!important;
		border-right: 8px solid transparent!important;
		width: 16px;
		height: 16px;
	}
	.HighlightRibbon .after:after
	{
		content:'';
		position: absolute;
		top: -8px;
		left: -8px;
		border: solid #000 8px;
		border-color: rgba(0,0,0,0.5);
		border-bottom: 8px solid transparent; 
		border-right: 8px solid transparent; 
		width: 16px;
		height: 16px;
	}
	.HighlightRibbon.PlanNotifi { border:none; padding:9px 0;}
	
	.RibbonBlue {background:#0064a8;}
	.RibbonBlue:after { background:url(../images/rib_blue.png) no-repeat;}
	
	.RibbonRed {background:#ac0d0d;}
	.RibbonRed:after { background:url(../images/rib_red.png) no-repeat;}
	
	.RibbonYellow {background:#fff600; color:#000 !important;}
	.RibbonYellow:after { background:url(../images/rib_yellow.png) no-repeat;}
	
	.RibbonOrange {background:#fbce07;}
	.RibbonOrange:after { background:url(../images/rib_orange.png) no-repeat;}
	
	.RibbonGreen {background:#4ab156;}
	.RibbonGreen:after { background:url(../images/rib_green.png) no-repeat;}
	
	.RibbonBlue:after,
	.RibbonRed:after,
	.RibbonYellow:after,
	.RibbonOrange:after,
	.RibbonGreen:after {
		content:'';
		display:block;
		position:absolute;
		bottom:-15px;
		right:0px;
		width:15px;
		height:15px;
	}
	
	.TableSelctBtn a {
		background:#0064a8;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:14px;
		color:#fff;
		padding:2px 8px 4px 6px;
		display:block;
	}
	.TableSelctBtn a:hover {
		background:#0064a8;
		color:#fff;
	}
	
	#DepositInformation .button:after { display:none;}
	#DepositInformation .button {
		padding:10px 20px;
		height:auto;
		font-size:15px;
	}
	
	.white-popup-block h2.Heading2 { color:#fbce07;}
	
	
	.BlackBlock .SelectStyle .jqTransformSelectWrapper div span,
	.BlackBlock .TextFieldStyle .jqTransformInputInner div input {margin:4px 0 0 0;}
	
	.BlackBlock .text_red2 { color:#ed360b !important;}
	
	.BlackBlock .field_error .field_alert:after, 
	.BlackBlock .field_success .field_alert:after { top:23px;}
	

	#LogoCypressSolar {
		float:right;
	}
	
	
	.BlockMarginTop { margin-top:30px !important;}
	
	
	/*== BROKER PAGE =*/
	#BrokerHead {
		min-height:auto;
		height:320px;
	}
	
	#BrokerHead h1, #BrokerHead .title {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:3vw;
		line-height:1.1em;
		color:#fff;
	}
	#BrokerHead h2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.7vw;
		line-height:1.1em;
		color:#fff;
	}
	#BrokerHead h3 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:1.1em;
		line-height:1em;
		color:#fff;
		margin-bottom:40px;
	}
	#BrokerTitle {
		width:65%;
		float:left;
		margin-left:35%;
		margin-top:120px;
	}
	
	#BrokerContents {
		width:100%;
		background:#fff;
		background-image:url(../images/broker_bg.png);
		background-repeat:no-repeat;
		background-position:bottom center;
		/*background-size:contain;*/
		position:relative;
	}
	
	#BrokerContents .MainWrapper { padding:60px 0 50px 0;}
	
	#BrokerPic {
		width:30%;
		height:auto;
		border:10px solid #fff;
		float:left;
		margin-top:-260px;
		overflow:hidden;
	}
	#BrokerPic img { width:100%;}
	
	#BrokerDetail {
		float:right;
		width:65%;
	}
	#BrokerDetail a { color:#0064a8;}
	
	#BrokerContact { margin-bottom:50px;}
	#BrokerContact .fa {
		font-size:22px;
		color:#231f20;
	}
	
	#BrokerContact ul.SocialLinks {
		float:right;
		margin-top:-7px;
	}
	#BrokerContact ul.SocialLinks li {
		border:none;
		margin:0 6px !important;
	}
	
	.BrokerLogo {
		/*background:rgba(0,0,0,.2);
		padding:20px;*/
		text-align:center;
		margin:60px 0;
	}
	
	#StartEnrollment {background:url(../images/enrlmnt_bg.png) no-repeat bottom center #0064a8;}
	#BrokerDetail #StartEnrollment {background-image:none;}
	#StartEnrollment .pad40 { padding:87px 40px 107px 40px;}
	
	#StartEnrollment>p.heading1 {background:#231f20;font-family: 'Futura PT', 'Roboto', sans-serif;;
    font-size: 1.2em;
    line-height: 1.1em;
    color: #fff;
    background: rgba(0,0,0,.4);
    text-transform: uppercase;
    padding: 20px 25px 21px 25px; margin:0;}
	
	#StartEnrollment .TextFieldWrapp1 {
		width:98%;
		margin:25px 1% 0 1%;
	}
	
	/*== SCTY PAGE =*/
	.SctyWrapper {
		background:url(../images/hand_bg.jpg) no-repeat bottom right #fff;
		width:100%;
		padding:80px 0;
	}
	
	.SctyWrappInner { width:100%;}
	
	.SctyWrapper h4.Heading4, .WhiteWrapper h4.Heading4 {
		font-size: 1.5em;
    	line-height: 1.2em;
		margin-bottom:30px;
		border-bottom:2px solid #fbce07;
		padding-bottom:10px;
	}
	
	.SctyWrapper ul {
		margin:0px 0 0 50px;
		padding:0;
	}
	
	.SctyWrapper ul li {
		margin:0px 0 30px 0;
		padding:0;
		background:none;
		border:none;
		list-style:circle;
	}
	
	/*== Landing PAGE =*/
	.LandngPageHead { padding:40px 0;}
	
	.LandngPageHead h1, .LandngPageHead .title {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:4.5vw;
		line-height:1.2em;
		text-transform:uppercase;
		color:#fff;
		margin-bottom:20px;
	}
	
	.LandngPageHead h2 {
		font-family:'Futura PT', 'Roboto', sans-serif;;
		font-size:3vw;
		line-height:1.2em;
		text-transform:uppercase;
		color:#fff;
	}
	
	.LandngPageHead h3 {
		font-size:2vw;
		line-height:1.2em;
		color:#fbce07;
	}
	
	.LandngPageHead .Coll2 .button { margin-top:15px;}
	
	.LP_Inner {
		width:80%;
		margin:50px auto 0 auto;
	}
	
	.LandngPageBlock {
		display:inline-block;
		width:25%;
		margin:40px 3% 0 3%;
		background:rgba(0,0,0,.5);
		padding:80px 10px;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		color:#fbce07;
		font-size:22px;
		line-height:25px;
		text-transform:uppercase;
	}
	
	.WhiteWrapper {
		background:#fff;
		width:100%;
		padding:80px 0;
	}
	
	#DraSign .TextFieldWrapp1 { width:40%;}
	
	.SignPrev {
		background:#fff;
		width:100%;
		padding:25px;
		min-height:100px;
		font-family: 'Yellowtail', cursive;
		color:#000;
		font-size:30px;
		line-height:35px;
	}
	
	.WriteLineField {
		border-bottom:2px solid #555 !important;
		height:auto !important;
		background:none !important;
		padding:0 5px 5px 0 !important;
		margin:-18px 0 0 0 !important;
		line-height:normal !important;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		color: #555 !important;
		font-size: 17px !important;
	}
	.LineFieldWrapp .jqTransformInputWrapper { width:70px !important; height:20px !important; margin-right:10px !important;}
	.LineFieldWrapp .jqTransformInputInner div input { width:100%;}
	
	.LineFieldWrapp {
		width: 70px;
		display: inline-block;
		zoom: 1;
	}
	.WriteLineField, input[type=text].WriteLineField {
		border-bottom: 2px solid #555 !important;
		height: auto !important;
		background: none !important;
		padding: 0 5px 5px 0 !important;
		margin: -18px 0 0 0 !important;
		line-height: normal !important;
		font-family:'Futura PT', 'Roboto', sans-serif;;
		color: #555 !important;
		font-size: 17px !important;
		text-indent: 0;
	}
	
	.initials_input, input[type=text].initials_input {
		font-weight: bold;
		color: #fa0202 !important;
		font-style: italic;
	}
	
	
	.PrintPages { background:#fff; padding:20px;}
	.PrintPages.test-modal {
		background: #fff !important;
		color: #555 !important;
		max-width: 90% !important;
	}
	
	.PrintPages .table_bg { border-color: #eaf1f7;}
	
	.PrintPages .table_title, .PrintPages .table_border, .PrintPages .table_bg {
		font-size:17px;
		line-height:22px;
	}
	
	.PrintPages ol, .PrintPages ul { margin-bottom:25px;}
	.PrintPages li {
		border:none;
		margin-bottom:10px;
	}
	.PrintPages ul li { list-style:inherit; padding:0;}
	
	.PrintPages .SelectStyle .jqTransformSelectWrapper div span, 
	.PrintPages .TextFieldStyle .jqTransformInputInner div input {border: 1px solid #d1dfeb;}
	
	.PrintFieldWrapp .TextFieldWrapp3,
	.PrintFieldWrapp .TextFieldWrapp2 { border-bottom:1px solid #ccc;}
	
	.PrintFieldWrapp .TextFieldWrapp3 strong,
	.PrintFieldWrapp .TextFieldWrapp2 strong { border-bottom-color:#000 !important; color:#000; padding-right:10px;}
	
	.MrgnLeft25 { margin-left:25px;}
	.MrgnLeft50 { margin-left:50px;}
	
	.PrintPages h1.PopupTitle { margin-bottom:15px !important;}
	
	
	#WrapperStep2 h2.HeadingTitle
	{
		font-weight: normal;
		font-size: .7em;
		line-height: 1.4em;
	}
	#WrapperStep2 h2.HeadingTitle strong
	{
		font-size: 15px;
		font-weight: bold;
	}
	
	

/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1280px or less ===========*/

@media All and (max-width:1550px) {
	#HomeFindPlan .MainWrapper { width:75%;}
	
	.PlanColl { width:47%;}
	
	.PlanNotifi { font-size:1.1vw;}
	.PlanColl h2 { font-size:1.8vw;}
	.PlanSmlDesc { font-size:1.2vw;}
	ul.PlanPrivcyLinks li { font-size:1vw}
	.PlanDetailMore h2 { font-size:1.4vw;}
	.PlanDetailMore h3 { font-size:1.2vw;}
	.PlanMoreInfo { font-size:1vw;}
	
	h2.HeadingTitle span {
		float:none;
		display:block;
		padding-top:2px;
	}
	
	#StartEnrollment .pad40 { padding:29px 40px 49px 40px;}	
}

@media All and (max-width:1366px) {
	/*#HomeHeader .HeadSecPrice h1 { font-size:10em;}
	#HomeHeader .HeadSecPrice h2 { font-size:2em}
	#HomeHeader h1 { font-size:2.5em}
	#HomeHeader h2 { font-size:1.4em}*/
	.HeadSecCall { margin-top:25px;}
	
	/*.Coll2 {
		width:100%;
		margin-top:30px;
	}*/
	
	#WrapperStep2 h2.HeadingTitle { min-height:auto;}
	
	body {
		font-size:17px;
		line-height:22px;
	}
	
	#BrokerPic { width:40%;}
	#BrokerDetail { width:55%;}
	#BrokerTitle { width:55%; margin-left:45%;}
	
	.SctyWrappInner { width:55%;}
	
	.LandngPageHead .Coll2, .WhiteWrapper .Coll2 {width: 47.5%;}
	.LandngPageHead { padding:0;}
	
	.LP_Inner {width:100%;}
}

@media All and (max-width:1280px) {
	.MainWrapper {margin:0px 20px;}
	
	#HomeFindPlan .MainWrapper { width:90%;}
	
	#FootContact h1, #FootContact .heading1 {font-size: 2em;}
	
	#HomeHeader .MainWrapper { margin:0 70px;}
	
	/*#HomeHeader .HeadSecPrice h1 { font-size:8em;}
	#HomeHeader .HeadSecPrice h2 { font-size:1.5em}
	#HomeHeader h1 { font-size:2em}
	#HomeHeader h2 { font-size:1.2em}*/
	.HeadSecBL { margin-top:25px;}
	
	#HomeHeader .flex-direction-nav .flex-prev { left:60px;}
	#HomeHeader .flex-direction-nav .flex-next { right:60px; }
	
	.ContentsWrapp {width:62%;}
	.SideBarWrapp {width:35%;}
	
	
	.CallUsBanner {font-size:2vw;}
	.CallUsBanner h1 {font-size: 7vw;}
	.CallUsBanner h2 {font-size: 2.6vw;}
	.CallUsBanner h3 {font-size:3.5vw;margin-bottom:20px;}
	
	.button {font-size:1vw;}
	
	.TextFieldWrapp3, .Coll3 {width:48%; margin:20px 1% 0 1%;}
	
	#StartEnrollment .pad40 { padding:37px 40px 57px 40px;}
}


@media All and (max-width:1024px) {
	.FpField { width:48%; margin-bottom:20px;}
	#FpBtn { width:98%; margin:0 1%;}
	
	.HeadSecTL { width:40%;}
	.HeadSecPrice { width:55%;}
	
	.HeadSecBL, .HeadSecCall { width:48%;}
	
	#HomeHeader h1, #HomeHeader .heading1 {font-size:4vw;}
	#HomeHeader h2, #HomeHeader .heading2 {font-size:2.2vw;}
	#HomeHeader .HeadSecPrice h1, #HomeHeader .HeadSecPrice .heading1 {font-size:18vw;}
	#HomeHeader .HeadSecPrice h2, #HomeHeader .HeadSecPrice .heading2 {font-size:3vw;}
	
	#CA_InnerWrapp.PopupInner {width:100%;}
	
	.PlanColl, .PlanColl2 { width:100% !important; margin: 70px 0 30px 0;}
	
	.PlanNotifi { font-size:2vw;}
	.PlanColl h2 { font-size:2.6vw;}
	.PlanSmlDesc { font-size:1.6vw;}
	ul.PlanPrivcyLinks li { font-size:1.5vw}
	.PlanDetailMore h2 { font-size:2vw;}
	.PlanDetailMore h3 { font-size:1.8vw;}
	.PlanMoreInfo { font-size:1.8vw;}
	
	#BrokerHead { height:280px;}
	
	#BrokerTitle { margin-top:100px;}
	#BrokerHead h1 {
		font-size:30px;
		line-height:34px;
	}
	#BrokerHead h2 {
		font-size:24px;
		line-height:28px;
	}
	#BrokerHead h3 {
		font-size:20px;
		line-height:22px;
		margin-bottom:25px;
	}
	
	#StartEnrollment .pad40 { padding:30px;}
	
	.SctyWrapper {
		background:url(../images/hand_bg2.jpg) no-repeat bottom right #fff;
		padding:50px 0;
	}
	.SctyWrappInner { width:100%;}
	
	.WhiteWrapper { padding:40px 0;}
	
	.hide_480 {
		display:none;
	}
	.show_480 {
		display: block;
	}
	.TableWrapper table
	{
		min-width: 0;
		font-size: 16px;
	}
	.TableWrapper .TableSelctBtn a{
		padding: 2px 6px 4px 4px;
	}
	.TableWrapper .table_bg p{
		margin: 0 6px 0 6px;
	}
	
}

@media All and (max-width: 999px) {
	/*#Logo, #LogoCypressSolar {
		width:40vw;
	}*/
	
	#Logo {
		margin-left: 65px;
	}
	
	#Logo.login_account_logo {
		margin-left: 0px;
	}
	
	.Coll2 { width:100%;margin-top:30px;}
	
	
	.LocationNav:after { display:none;}
	
	.FotColLarg, .FotColSml {
		width:100%;
		margin:0 0 30px 0;
		border-bottom:1px solid rgba(255,255,255,.3);
	}
	
	#Footer ul li {
		display:inline-block;
		padding:0;
		margin:0 10px 5px 0;
	}
	
	#Footer { padding-bottom:0;}
	
	#HomeHeader .MainWrapper { margin:0 25px; position: relative;}
	
	.HeadSecTL, .HeadSecPrice, .HeadSecBL, .HeadSecCall { width:100%;}
	#HomeHeader .MainWrapper { padding:20px 0 50px 0;}
	
	#HomeHeader .flex-control-nav { display:block !important;}
	#HomeHeader .flex-direction-nav {display:none; }
	
	.ContentsWrapp, .SideBarWrapp {width:100%; margin-bottom:40px;}
	
	.CallUsBanner {font-size:3vw;}
	.CallUsBanner h1 {font-size: 10vw;}
	.CallUsBanner h2 {font-size: 3.5vw;}
	.CallUsBanner h3 {font-size:4.5vw;}
	
	.button {font-size:1.8vw;}
	
	/*.CypresSolarSteps*/.StepByStepForm .bs-wizard > .bs-wizard-step .bs-wizard-stepnum { display:none;}
	/*.CypresSolarSteps*/.StepByStepForm { margin:0 0 50px 0;}
	
	.CypressSolarIcon {
		width:48%;
		text-align:center;
		margin-bottom:25px;
		display:inline-block;
	}
	.CypressSolarIcon.left, .CypressSolarIcon.right { float:none;}
	
	#BrokerPic { width:100%; margin-top:-100px; margin-bottom:40px;}
	#BrokerDetail { width:100%;}
	#BrokerTitle { width:100%; margin-left:0; margin-top:50px;}
}


/***** for 768px or less ===========*/
@media All and (max-width: 768px) {
	
	/*#TopOffer p {margin:10px 0 0 0px;}*/
	
	#TopOffer {
		text-align: center;
		display: block;
	}
	#TopOffer p, #TopOffer .OfferMoreDetail a, #TopOffer .title {
		float: none;
	}
	#TopOffer p {
		margin-left: auto;
		margin-right: auto;
	}
	
	#HomeHeader h1, #HomeHeader .heading1 {font-size:6.5vw;}
	#HomeHeader h2, #HomeHeader .heading2 {font-size:3.5vw;}
	#HomeHeader .HeadSecPrice h1, #HomeHeader .HeadSecPrice .heading1 {font-size:20vw;}
	#HomeHeader .HeadSecPrice h2, #HomeHeader .HeadSecPrice .heading2 {font-size:5vw;}
	
	
	.PlanNotifi { font-size:2.2vw;}
	.PlanColl h2 { font-size:3.5vw;}
	.PlanSmlDesc { font-size:2.3vw;}
	ul.PlanPrivcyLinks li { font-size:2vw}
	.PlanDetailMore h2 { font-size:3vw;}
	.PlanDetailMore h3 { font-size:2.7vw;}
	.PlanMoreInfo { font-size:2.2vw;}
	
	.LandngPageHead .Coll2, .WhiteWrapper .Coll2 {width:100%;}
	.LandngPageHead h1 {font-size: 35px;line-height: 40px; margin-bottom:10px;}
	.LandngPageHead h2 {font-size: 25px;line-height: 28px;}
	.LandngPageHead h3 {font-size: 20px;line-height: 24px;}
	
	.LandngPageBlock {
		width: 100%;
		margin: 15px 0;
		padding: 30px 10px;
	}
	
	#DraSign .TextFieldWrapp1 { width:100%;}
}

@media All and (max-width: 750px) {

}



/***** for 650px or less ===========*/
@media All and (max-width: 650px) {	
	body .SubPageWrapp {
		font-size:17px;
		line-height:22px;
	}
	h2.Heading2 {font-size: 1.35em;}
	h2.HeadingTitle { font-size:1.1em;}
	
	.pad40 { padding:15px;}
	
	.button {font-size:16px;}
	
	.TextFieldWrapp1, .TextFieldWrapp2, .TextFieldWrapp3, .Coll3 {width:100%; margin:20px 0 0 0;}
	
	.LiveChat {
		width:100%;
		right:0;
		padding:8px 15px 8px 70px;
	}
	.LiveChat .fa {
		top:-30px;
		left:10px;
		height:60px;
		width:60px;
		line-height:50px;
		font-size:30px;
		border-width:3px;
	}
	.LiveChat h2 {font-size:1em;}
	.LiveChat h3 {font-size:.65em;}
	
	#LiveChatBox {
		width:100%;
		right:0;
		bottom:50px;
	}
	
	#BrokerContact ul.SocialLinks {
		float:none;
		width:100%;
		margin:5px 0 0 0;
	}
	
	#BrokerDetail a { display:block;}
	
	#BrokerContact ul.SocialLinks li { margin:0 10px 0 0 !important;}
	
	#BrokerContact a#SkypeLink { margin-top:10px;}
}

@media All and (max-width: 600px) {
	#HomeHeader .MainWrapper,
	.HeadSecCall.AlignRight  { text-align:center;}
	#HomeHeader .HeadSecPrice h2, #HomeHeader .HeadSecPrice .heading2 { float:none;}
	
	/*#HomeHeader .HeadSecPrice h1 { font-size:6em; margin-bottom:10px;}
	#HomeHeader h1 { font-size:1.5em}
	#HomeHeader h2 { font-size:1em}*/
	
	.CallUsBanner {font-size:18px;}
	.CallUsBanner h1 {font-size:50px;}
	.CallUsBanner h2 {font-size:24px;}
	.CallUsBanner h3 {font-size:26px;}
	
	#HomeHeader h1, #HomeHeader .heading1 {font-size:35px;}
	#HomeHeader h2, #HomeHeader .heading2 {font-size:25px;}
	#HomeHeader .HeadSecPrice h1, #HomeHeader .HeadSecPrice .heading1 {font-size:100px;}
	#HomeHeader .HeadSecPrice h2, #HomeHeader .HeadSecPrice .heading2 {font-size:22px;}
	
	.PlanNotifi { font-size:16px;}
	.PlanColl h2 { font-size:24px;}
	.PlanSmlDesc { font-size:15px;}
	ul.PlanPrivcyLinks li { font-size:15px;}
	.PlanDetailMore h2 { font-size:22px;}
	.PlanDetailMore h3 { font-size:19px;}
	.PlanMoreInfo { font-size:15px;}
	
	.CypressSolarIcon img {
		width:70%;
	}
	
	.SctyWrapper ul { margin-left:25px;}
}



/***** for 550px or less ===========*/
@media All and (max-width: 550px) {
	h1, h1.Heading1 {
		font-size:24px !important;
		line-height:28px !important;
	}
	
	h2, h2.Heading2 {
		font-size:20px !important;
		line-height:25px !important;
	}
	
	h2.HeadingTitle span {
		float:none;
		display:block;
		padding-top:10px;
	}
}



/***** for 480px or less ===========*/
@media All and (max-width: 480px) {
	/*#Logo, #LogoCypressSolar { text-align:right; margin: 20px 0 20px 65px; }*/
	
	#Logo, #LogoCypressSolar { text-align: center; width: 40vw!important; }
	
	
	#Logo img, #LogoCypressSolar  img{ height:auto; max-width:100%;}
	
	.FpField, #FpBtn {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	#HomeHeader .button {padding:12px 15px;}
	#HomeHeader .button:after { display:none;}
	
	.PlanMoreInfo a { width:100%; margin-bottom:10px;}
	.LinkOr { display:none;}
	.PlanNotifi { width:100%; margin:10px 0 0 0;}
	
	.HighlightRibbon {
		position:relative;
		margin:15px -27px 25px 0;
	}
	
	.StepByStepForm .bs-wizard > .bs-wizard-step .bs-wizard-stepnum { display:none;}
	.StepByStepForm { margin:0 0 50px 0;}
}

@media All and (max-width: 450px) {
	/*body { font-size:20px; line-height:22px;}
	
	#TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {font-size:20px !important;}
	
	.HeadSecBL { font-size:18px;}
	
	#Footer, #Footer ul li a {
		font-size:18px;
		line-height:22px;
	}
	#Footer h2 { font-size:24px; line-height:26px;}
	
	ul.SocialLinks li a {
		font-size:44px;
		line-height:44px;
	}*/
}

@media All and (max-width:400px) {
	.button:after { display:none;}
	.button {
		padding: 12px 18px;
		font-size:15px;
		height:auto;
	}
	
	a.button { padding-top:12px;}
	
	.EnrollmentPageBG, .LoginPageBG, .LandingPageBG
	{
		background-position: 0 83px;
	}
	
	.SubPageWrapp .MainWrapper {
		margin: 0px 0px;
	}
	
	ul {
		margin-left: 20px;
	}
	
	.PlanInnerWrapp {
		padding: 0 10px 30px;
	}
	
	.HighlightRibbon {
		margin-right: -5px;
	}
}


/***** for 320px or less ===========*/
@media All and (max-width: 320px) {
	
}

.rd-navbar-wrap ul, .rd-navbar-wrap li, .rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-static .rd-navbar-search-wrap {
	vertical-align: top;
}