body{font-family: 'Roboto', sans-serif; color:#000; background-color:#fff;}
input, select, textarea {font-family: 'Roboto', sans-serif;}
a {text-decoration:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
a:hover {text-decoration:none;}
ul {margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
.container{width: 100%;display: block ; max-width: 1200px;}
img{max-width:100%}
.clearfix:after, .clearfix:before{position: relative;display: block;content: "";width: 100%;clear: both;}

section.section {height: 100vh;  overflow: hidden;}
section.section.one {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4cb+0,56c7e1+50,cbf1fb+100 */
background: #01a4cb; /* Old browsers */
background: -moz-linear-gradient(left, #01a4cb 0%, #56c7e1 50%, #cbf1fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #01a4cb 0%,#56c7e1 50%,#cbf1fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01a4cb 0%,#56c7e1 50%,#cbf1fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a4cb', endColorstr='#cbf1fb',GradientType=1 ); /* IE6-9 */}
.sliderSectn {overflow: hidden;}
.sliderSectn .imageBox {float: right; width: 50%; position: relative; box-shadow: 0 0 21px -6px #333;}
.sliderSectn .Slide-txt {float: left; width: 50%; position: relative; height: 100vh;} 
.logoBox { padding: 16px 0 0 33px; }
.sliderSectn .Slide-txt .insdTxt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 456px;}
.sliderSectn .Slide-txt .insdTxt p {font-size: 40px; font-weight: 600; color: #fff; line-height: 50px;}
.sliderSectn .Slide-txt .insdTxt h3 {font-size: 24px; font-weight: 500; color: #fff; margin: 28px 0 0 0;}
.sliderSectn .Slide-txt .insdTxt h5 {font-size: 18px; font-weight: 500; color: #fff; margin: 13px 0 0 0;}
.sliderSectn .Slide-txt .insdTxt span {position: relative;}
.sliderSectn .Slide-txt .insdTxt span.first:before {position: absolute; left: -45px; top: -13px; width: 39px; height: 29px; content: ""; background: url('../images/quotes-icon.png') no-repeat center center;}
.sliderSectn .Slide-txt .insdTxt span.last:after {position: absolute; right: -43px; bottom: -12px; width: 39px; height: 29px; content: ""; background: url('../images/quotes-icon2.png') no-repeat center center;}
.sliderSectn .imageBox:before {position: absolute; left: -6px; top: 0; background: #eccd01; width: 10px; height: 209px; content: ""; }
.sliderSectn .imageBox img {position: relative; z-index: 9;}
section.section .owl-nav {position: absolute; top: -39px; right: 36px;}
section.section .owl-nav .owl-prev {background: url('../images/left-arow.png') no-repeat center center; width: 11px; height: 20px; font-size: 0; float: left; margin: 0 15px 0 0;}
section.section .owl-nav .owl-next {background: url('../images/right-arow.png') no-repeat center center; width: 11px; height: 20px; font-size: 0; float: left;}
.solarSave-box {overflow: hidden; height: 100%;}
.solarSave-box .leftBar {height: 100%; width: 50%; float: left; position: relative; background: url('../images/image-new.jpg') no-repeat center center; background-size: cover; } 
.solarSave-box .crclSection {position: absolute; left: 50%; top: 50%; transform: translate(-23%, -50%);}
.solarSave-box .crclSection .circleBox {overflow: hidden; width: 360px; margin: 0 0 35px;}
.solarSave-box .crclSection .circleBox .img {float: left; width:100px;}
.solarSave-box .crclSection .circleBox .txt {float: left; width: 255px; padding: 12px 0 0 12px;}
.solarSave-box .crclSection .circleBox .txt p {font-size: 20px; color: #fff;}
.rightBar {height: 100%; width: 50%; float: left; position: relative; background: #fff;}
.solarSave-box .rightBar .crclSection .circleBox .txt p {color: #000;}
.rightBar .crclSection {transform: translate(-68%, -56%); width: 370px;}
.rightBar .crclSection h1 {font-size: 40px; color: #3b3b3b; font-weight: 600;  line-height: 50px; margin: 0 0 40px; }
.rightBar .crclSection a.butn {    display: block; width: 170px; height: 50px; line-height: 48px; font-size: 18px; color: #16448a;
font-weight: 500; text-align: center; border: 2px solid #16448a;     position: relative; top: 27px;}
.rightBar .crclSection a.butn:hover {background: #16448a; color: #fff;}
.section.section.three {position: relative;}
.section.section.three:before {position: absolute; left: 0; top: 0; height: 100%; width: 426px; content: ""; background: url('../images/patches.jpg') no-repeat left top; background-size: cover; }
.capitalSection .title {position: relative; text-align: center;}
.capitalSection .title h1 {font-size: 40px; color: #3b3b3b; font-weight: 600; line-height: 53px; }
.capitalSection {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.capitalSection .title h2 {font-size: 20px; color: #3b3b3b; font-weight: 400; margin: 10px 0 0 0; position: relative;}
.capitalSection .title h2:before {position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; width: 150px; height: 7px; background: #ffd201; content: "";}
.capitalSection .listBox {margin: 90px 0 0 0;}
.capitalSection .capital-block h3 {font-size: 24px; color: #002266;  font-weight: 600; margin: 0 0 16px; position: relative;  transition: all 0.5s ease;}
.capitalSection .capital-block { background: #fff; max-width: 330px; width: 100%; height: 300px; box-shadow: 0 0 25px -7px #ccc; padding: 30px 20px 0 20px; margin: 0 auto; transition: all 0.5s ease; cursor: pointer; }
.capitalSection .capital-block h3:before {position: absolute; top: -10px; left: 0; width: 40px; height: 4px;  transition: all 0.5s ease; background: #ffd201; content: "";}
.capitalSection .capital-block p {font-size: 17px; color: #000; line-height: 24px;  transition: all 0.5s ease;  transition: all 0.5s ease;}
.capitalSection .capital-block:hover {background: #0a2e74;}
.capitalSection .capital-block:hover h3, .capitalSection .capital-block:hover p {color: #fff;}
.capitalSection .capital-block:hover h3:before {background: #fff;}  
.section.section.four .factSection {height: 100vh;     position: relative;}
.factSection .insd-facts {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 304px; background: url('../images/get-image.jpg') no-repeat center center; background-size: cover; }
.factSection .insd-facts .getBox {    width: 500px; height: 280px; background: #ecb700; float: right; margin: 5% 11% 0 0; padding: 43px 36px 0 38px;}
.factSection .insd-facts .getBox h4 {font-size: 40px; color: #fff;  font-weight: 600;}
.factSection .insd-facts .getBox a.butn {    display: block; width: 170px; height: 50px; line-height: 48px; font-size: 18px; color: #fff;
font-weight: 500; text-align: center; border: 2px solid #fff;     position: relative; top: 27px;}
.factSection .insd-facts .getBox a.butn:hover {background: #fff; color: #000;}
.factSection .policyBox { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; border-top: 1px solid #e4e4e4; padding: 9px 0 0 45px; }
.factSection .policyBox ul {overflow: hidden;}
.factSection .policyBox ul li {float: left; padding: 0 7px 0 0;}
.factSection .policyBox ul li a {color: #000; font-size: 16px; color: #323232;}
.factSection .policyBox ul li a:hover {color: #143981;}
.butn-controller {position: fixed; z-index: 999; right: 30px; bottom: 39px;}
.butn-controller li a {display: block; width: 60px; height: 60px; background: #fff url('../images/up-arrow.png') no-repeat center center; border-radius: 50%; box-shadow: 0 0 32px -11px #000; }
.butn-controller li a:hover {background: #143981 url('../images/up-arrow-hover.png') no-repeat center center;}
.butn-controller li a.move_down  {background: #fff url('../images/down-arrow.png') no-repeat center center;}
.butn-controller li a.move_down:hover {background: #143981 url('../images/down-arrow-hover.png') no-repeat center center;}
.butn-controller li {margin: 10px 0 0 0;}
.sliderSectn .butn {display: block; background: #caa601; border: 1px solid #e0d18f; font-size: 20px; color: #fff; text-align: center;
font-weight: 500; height: 50px; line-height: 50px; padding: 0 0 0 40px; text-shadow: 0 0px 1px #000; margin: 17px 0 0 0; position: relative;
border-radius: 3px; width: 215px; width: 270px; height: 50px; line-height: 49px;}
.sliderSectn .butn:before { position: absolute; width: 48px; height: 46px; background: #e6be06 url(../images/butn-arrow.png) no-repeat center center; content: ""; left: 1px; top: 1px; width: 59px; height: 47px; }
.capitalSection .capital-block .icons {display: none;}


/** popup section **/
.stepPopup-container {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; transition: all 0.3s ease; opacity: 0; visibility: hidden; margin: 0 0 0 18px; }
.openPopup .stepPopup-container {opacity: 1; visibility: visible; overflow-y: scroll; }
.scrollOverlay .stepPopup-container {opacity: 1; visibility: visible; overflow-y: scroll; }
.openPopup .partialscroll-area {transform: translateY(0px) !important;}
body.openPopup {overflow: hidden;}
.successPop .stepPopup-container {opacity: 1; visibility: visible;}
.stepPopup-container:before {position: fixed; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.6); transition: all 0.3s ease;  }
.stepPopup-body {max-width: 780px; width: 100%; height: auto; background: #fff; position: absolute; left: 0; top: 30px; transform: scale(0); border-radius: 8px; transition: all 0.3s ease; right: 0; margin: 0 auto 26px; padding: 0 0 30px; }
.openPopup .stepPopup-body {transform: scale(1);}
.successPop .stepPopup-body {transform: scale(1); height: 525px !important; padding: 0;}
.stepPopup-body .closePopup { position: absolute; border-radius: 3px; top: -18px; right: -13px; background: #097054; width: 35px; height: 35px;  z-index: 9;}
.stepPopup-body .insd-stepPopup-cntr .popup-title {text-align: center; position: relative; margin-top: 60px;}
.stepPopup-body .insd-stepPopup-cntr .popup-title h1 {    font-size: 40px; font-weight: 300;}
.stepPopup-body .insd-stepPopup-cntr .popup-title h1 span {display: inline-block;  font-weight: 600;}
.stepPopup-body .insd-stepPopup-cntr .popup-title:before {position: absolute; bottom: -13px; right: 0; left: 0; margin: 0 auto; background: #f6c531; height: 3px; width: 40px; content: "";}
.insd-stepPopup-cntr .pop-contntCntr {overflow: hidden; padding: 70px 0 0 0}
.insd-stepPopup-cntr .pop-contntCntr .userBlock {text-align: center; margin: 40px 0 0 0;}
.pop-contntCntr .userBlock .check-block {display: inline-block; text-align: center; width: 200px; }
.pop-contntCntr .userBlock .check-block .imgBox {width: 160px; height: 160px; border: 1px solid #e3e3e3; background: url('../images/user-smile-hover.png') no-repeat center bottom; cursor: pointer; position: relative; margin: 0 auto;}
.pop-contntCntr .userBlock .check-block .imgBox.active {background: url('../images/user-smile.png') no-repeat center bottom;}
.pop-contntCntr .userBlock .check-block .imgBox.no {background: url('../images/useri-ico.png') no-repeat center bottom;}
.pop-contntCntr .userBlock .check-block .imgBox.no.active {background: url('../images/useri-ico-hover.png') no-repeat center bottom;}
.pop-contntCntr .userBlock .check-block .imgBox .tick {position: absolute; right: -16px; top: -14px; width: 32px; height: 32px; background: #dcdcdc url('../images/tick-right-gry.png') no-repeat center center;; border: 1px solid #c3c3c3; border-radius: 50%; transition: all 0.4s ease; }
.pop-contntCntr .userBlock .check-block .imgBox:hover .tick, .pop-contntCntr .userBlock .check-block .imgBox.active .tick {background: #6ac259 url('../images/tick-right.png') no-repeat center center;}
.pop-contntCntr .userBlock .check-block h3 {font-size: 18px; font-weight: 400; padding: 15px 0 0 0; }
.insd-stepPopup-cntr .popupBlock .popupButn {text-align: center;     margin: 30px 0 0;}
.insd-stepPopup-cntr .popupBlock .popupButn a {display: inline-block; width: 140px; height: 52px; background: #f99301; line-height: 48px;
text-align: center; font-size: 21px; font-weight: 600; color: #fff; text-shadow: 0 0px 1px #000; border-radius: 6px;
box-shadow: 0 4px 11px 4px #C6C6C6; margin: 0 12px; border-bottom: 5px solid #ce7900; }
.insd-stepPopup-cntr .popupBlock .popupButn a:hover {text-decoration: none;  background: #ce7900;}
.insd-stepPopup-cntr .popupBlock .popupButn a:focus {text-decoration: none; outline: none;} 
.stepPopup-body .closePopup:before {position: absolute; left: 0; right: 0; margin: 0 auto; top: 11px; content: ""; background: url('../images/cross-ico.png') no-repeat; width: 13px; height: 13px; transition: all 0.5s ease;}
.stepPopup-body .closePopup:hover:before {transform: rotate(90deg);}
.stepPopup-body .setpBar-color {position: absolute; left: 0; top: 0; width: 100%;}
.stepPopup-body .setpBar-color .stepColr {float: left; width: 14.22%; height: 8px; background: #1db9d7; transition: all 0.9s ease;}
.stepPopup-body .setpBar-color .stepColr:first-child {    border-radius: 7px 0 0 0;}
.pop-contntCntr .userBlock .check-block .imgBox:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid transparent; content: "";  transition: all 0.4s ease;}
.pop-contntCntr .userBlock .check-block .imgBox:hover:before, .pop-contntCntr .userBlock .check-block .imgBox.active:before {border: 3px solid #1db9d7; }
.pop-contntCntr .userBlock .check-block .imgBox:hover, .pop-contntCntr .userBlock .check-block .imgBox.active { border: 1px solid #fff;}
.stepOverLay-cntr {float: left; overflow: hidden; height: auto !important;}
.stepOverLay-cntr .insd-stepPopup-cntr {float: left; transition: transform .7s cubic-bezier(0.43, 0.04, 0.2, 0.98); height: auto !important;}
.pop-contntCntr .fieldBox-cntr {position: relative; width: 100%; margin: 24px 0 60px; }
.pop-contntCntr .fieldBox-cntr .formField {position: relative;    width: 60%;    margin: 0 auto;}
.pop-contntCntr .fieldBox-cntr .formField .fld { border: 1px solid #c0e1d8; height: 75px; border-radius: 3px; width: 100%; box-shadow: 0 0 10px 0px #ddd; font-size: 18px; color: #000; font-weight: 300; padding: 0 0 0 28px; transition: all 0.5s ease; outline: 0; touch-action: manipulation; background: none; }
.pop-contntCntr .fieldBox-cntr .formField .placeHolderCntrl {    position: absolute; left: 24px; top: 25px; padding: 0; transition: all 300ms;
width: auto; font-size: 18px; color: #9aa2a7; font-weight: 300; z-index: -1;}
.pop-contntCntr .fieldBox-cntr .formField .fld:focus {border: 1px solid #94c3b6;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b4bdc3;}
::-moz-placeholder { /* Firefox 19+ */ color: #b4bdc3;}
:-ms-input-placeholder { /* IE 10+ */ color: #b4bdc3;}
:-moz-placeholder { /* Firefox 18- */color: #b4bdc3;}
.formField .fld:focus + .placeHolderCntrl, 
.formField .fld:valid + .placeHolderCntrl {transform: translate3d(32px, -36px, 0); width: auto; background: #fff; padding: 0 4px; z-index: 1;}
.pop-contntCntr .fieldBox-cntr span.fildIcon {    position: absolute; left: 24px; top: -24px; z-index: 9;     background: #fff;
padding: 0 3px; width: 35px;} 
.step3 .pop-contntCntr .fieldBox-cntr span.fildIcon {top: -18px;}
.step6 .pop-contntCntr .fieldBox-cntr span.fildIcon {top: -20px;}
.step7 .pop-contntCntr .fieldBox-cntr span.fildIcon {top: -15px;}
.step5 .pop-contntCntr .fieldBox-cntr span.fildIcon {    top: -34px;    width: 40px;}
.step7 .pop-contntCntr .fieldBox-cntr.usradd .formField:last-child span.fildIcon {top: -10px;}

/** select box **/
.variation2 {position:relative;width:100%;} 
.variation2 select.select{position:relative;z-index:10;width:100%;color:#b4bdc3;margin:0;padding:0;  transition: none; -webkit-transition: none;height:75px;}
.variation2 span.select {position: absolute;float: left;left: 0;width: 100%;line-height: 75px;cursor: pointer;z-index: 1;  border: 1px solid #9aa2a7; height: 75px; border-radius: 3px; width: 100%; box-shadow: 0 0 10px 0px #ddd; font-size: 18px; color: #b4bdc3; font-weight: 300; padding: 0 0 0 28px; transition: all 0.5s ease; outline: 0; }
.variation2 select.select option{padding:4px 6px;background:#fff;color:#000;}
.variation2 span.select:before {position: absolute; right: 20px; top: 28px; content: ""; background: url('../images/select-arrow.png') no-repeat center center; width: 16px; height: 18px; background-size: 75%;}
/** select box end **/

.pop-contntCntr .fieldBox-cntr.usradd .formField {margin: 0 auto 40px;}
.pop-contntCntr .fieldBox-cntr.usradd .formField:last-child {margin: 0 auto 0;}
.pop-contntCntr .fieldBox-cntr.usradd {margin: 6px 0 20px;}
.insd-stepPopup-cntr .pop-contntCntr .rangeslider {height: 130px;  padding: 8% 0 0 0;   text-align: center; width: 70%; position: relative;  margin: 0 auto;}
.insd-stepPopup-cntr .pop-contntCntr .rangeslider .leftNumber {    position: absolute; left: -42px; font-size: 16px; color: #333; margin: -9px 0 0 0;}
.insd-stepPopup-cntr .pop-contntCntr .rangeslider .rightNumber {    position: absolute; right: -72px; font-size: 16px; color: #333; margin: -13px 0 0 0;}
.pop-contntCntr .rangeslider .asRange {width: 100%; margin: 0 auto;}
.pop-contntCntr .rangeslider .asRange {height: 4px; background-color: #C0E1D9;}
.pop-contntCntr .rangeslider .asRange .asRange-selected {height: 4px; background: #20d0eb;}
.pop-contntCntr .asRange .asRange-pointer:before {    background: #18afcb;     top: -10px; right: -10px; bottom: -10px; left: -10px;}
.pop-contntCntr .asRange .asRange-pointer {    width: 12px;   cursor: pointer;  height: 12px; border-radius: 50%; margin-top: -4px;}
.pop-contntCntr .asRange .asRange-pointer:focus {outline: none;}
.pop-contntCntr .asRange .asRange-pointer .asRange-tip {background: none; color: #e18707; border: 0;  width: 50px; font-family: 'Roboto', sans-serif; text-align: left; font-size: 17px; font-weight: 600; left: 2px; top: -38px;} 
.pop-contntCntr .asRange .asRange-pointer .asRange-tip:before {background: none; content: "$"; float: left; position: static; margin: 0 2px 0 0;
transform: none; height: auto; width: auto;}
.insd-stepPopup-cntr .popupBlock.steps {float: left; transition: all 300ms; height: auto !important; }
.successCntr {background: #0dbde2 url('../images/finish-overlay.png') no-repeat center center; background-size: cover; height: 100%; width: 100%;     border-radius: 7px; text-align: center; }
.successCntr .thumbIcon {padding:9% 0 0 0;}
.successCntr .cntnt h1 {    font-size: 50px; color: #fff; font-weight: 400; margin: 13px 0 23px; } 
.successCntr .cntnt p {font-size: 17px; color: #fff; font-weight: 300;}
.successCntr .cntnt {margin: 0 auto; max-width: 92%;}
.stepPopup-body .popup-text-bottom {    text-align: center; position: relative;padding: 38px 0 0 0; width: 86%; margin: 40px auto 0;}
.stepPopup-body .popup-text-bottom button {color: #e18707; font-size: 24px;border: 0; background: none; margin: 0 0 24px;}
.stepPopup-body .popup-text-bottom:before {position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 80%; height: 1px; background: #ddd; content: "";}
.stepPopup-body .popup-text-bottom:before { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 80%; height: 1px;
background: #ddd; content: ""; }
.stepPopup-body .popup-text-bottom .listBox li {display: inline-block; margin: 0 8px;}
.stepPopup-body .popup-text-bottom .listBox {padding: 0 0 35px;}
.stepPopup-body .popup-text-bottom .leadid-disclosure p {    font-size: 11px;}
.stepPopup-body .popup-text-bottom .secureBox h4 {font-weight: 300; font-size: 22px; display: inline-block; position: relative;}
.stepPopup-body .popup-text-bottom .secureBox span {font-weight: 500; color: #e18707;}
.stepPopup-body .popup-text-bottom .secureBox h4:before {position: absolute; left: -52px; top: -11px; content: ""; background: url('../images/secure-icon.png') no-repeat center center; background-size: 100%; width: 40px; height: 50px; }
.stepPopup-body .popup-text-bottom .secureBox {padding: 0 0 0 48px;}
.insd-stepPopup-cntr .pop-contntCntr .moveSlider {    text-align: center; font-weight: 300; font-size: 22px; margin: -28px 0 23px 0;}
.stepPopup-body .popup-text-bottom .leadid-disclosure {padding: 29px 0 0;}
.insd-stepPopup-cntr .popupBlock.step7 .popupButn a {    width: 200px;}


.stepPopup-body .insd-stepPopup-cntr .popup-title h1 cite {    display: block;
font-style: normal;
font-size: 19px;
width: 60%;
margin: 5px auto 0;}
.stepPopup-body .insd-stepPopup-cntr .popup-title.green h1 {color: #097054;}
.stepPopup-body .insd-stepPopup-cntr .popup-title.green h1 cite {color:#000;}

/** popup section **/


.insd-stepPopup-cntr .popupBlock.butnDisable .popupButn a.next {    background: #999;    pointer-events: none;    border-bottom: 5px solid #777;}
.insd-stepPopup-cntr .popupBlock .popupButn a.checkZip {
    background: #097054;
    border-bottom: 5px solid #05523d;
}

.successZipCode {
    width: 59%;
    margin: 0 auto 0;
    padding: 23px 0 0 0; display:none;
}


.successZipCode h3 {font-size: 18px;
    color: #097054; text-align: center;}

.successZipCode h3 span {    display: block;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    padding: 5px 0 0 0;}

.zipCodeSuccess .successZipCode {display:block;}
.zipCodeSuccess .pop-contntCntr .fieldBox-cntr {margin: 24px 0 0;}
.popupBlock .popupButn a.green.next {background: #097054;
    border-bottom: 5px solid #05523d; display:none;}

.zipCodeSuccess.popupBlock .popupButn a.green.next {display:inline-block}
.zipCodeSuccess.popupBlock .popupButn a.checkZip {display:none;}

.inputZipCodeErrorIn {color: rgb(255, 0, 0); font-size: 11px;display: none;font-size: 15px;padding: 6px 0 0 2px;}





.step5 .variation2 {overflow: hidden;}




.pop-contntCntr .fieldBox-cntr .formField .phonBox .preNmbr {
display: inline-block;
width: 65px;
border: 1px solid #c0e1d8;
height: 75px;
text-align: center;
line-height: 75px;
box-shadow: 0 0 10px 0px #ddd;
margin: 0 16px 0 0;
border-radius: 3px;
font-weight: 300;
font-size: 18px;
vertical-align: top;
}
.pop-contntCntr .fieldBox-cntr .formField .phonBox .preNmbr:after {    content: "-";
    float: right;
    font-weight: 300;
    font-size: 20px;
    margin: 0 -12px 0 0;}

.pop-contntCntr .fieldBox-cntr .formField .phonBox .phnFld {    position: relative;
    display: inline-block;
    width: calc(100% - 85px);
    vertical-align: top;}






@media (min-width:1025px) and (max-width:5000px) { 

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .step3 .variation2 span.select {

	display:none;
}

_::-webkit-full-page-media, _:future, :root .step3 .variation2 select.select {    -webkit-appearance: none;
    border-radius: 5px; padding: 0 0 0 26px; opacity:1 !important;     background: url(../images/select-arrow.png) no-repeat 95% center; 
	background-size:14px;
}

_::-webkit-full-page-media, _:future, :root .step3 .pop-contntCntr .fieldBox-cntr span.fildIcon {z-index: 99;}


_::-webkit-full-page-media, _:future, :root .step5 .variation2 span.select {

	display:none;
}

_::-webkit-full-page-media, _:future, :root .step5 .variation2 select.select {    -webkit-appearance: none;
    border-radius: 5px; padding: 0 0 0 26px; opacity:1 !important;     background: url(../images/select-arrow.png) no-repeat 95% center; 
	background-size:14px;
}

_::-webkit-full-page-media, _:future, :root .step5 .pop-contntCntr .fieldBox-cntr span.fildIcon {z-index: 99;}




}





@media (min-width:768px) and (max-width:5000px) { 
.owl-carousel.owl-theme.capitalSlider {display: block;}
.owl-carousel.owl-theme.capitalSlider .item {width: 33.333%;  float: left; padding: 0 10px;}
}








@media screen and (max-width: 1300px) , screen and (max-height: 600px) {

.rightBar .crclSection h1 {margin: 58px 0 28px;}
.capitalSection .title h1 {line-height: 45px;}
.capitalSection .capital-block {height: 280px;}
.capitalSection .capital-block p {font-size: 16px;}

}


@media screen and (max-width: 1100px) , screen and (max-height: 530px) {
.sliderSectn .Slide-txt .insdTxt {width: 400px;}
.sliderSectn .Slide-txt .insdTxt p {line-height: 42px;}
.rightBar .crclSection {transform: translate(-55%, -58%);}
.capitalSection .title h1 {font-size: 33px; line-height: 39px;}
.capitalSection .title h2 {font-size: 17px;}
.capitalSection .listBox {margin: 65px 0 0 0;}

}






/* added css for small devices */
@media (min-width:768px) and (max-width:1024px) { 

.sliderSectn .Slide-txt .insdTxt {     width: 320px; transform: none; position: static; padding: 18% 0 0 72px;}
.sliderSectn .Slide-txt .insdTxt p {line-height: 35px; font-size: 29px;}
.solarSave-box .crclSection {    transform: translate(-42%, -50%);}
.solarSave-box .crclSection .circleBox .txt {    width: 208px; padding: 6px 0 0 12px;}
.rightBar .crclSection h1 {margin: 0 0 28px;
font-size: 25px;
line-height: 28px;}
.solarSave-box .rightBar .crclSection {    transform: translate(-39%, -55%);}
.capitalSection .listBox {margin: 31px 0 0 0; padding: 0 0 46px;}
.capitalSection .title h2:before {bottom: -16px;}
.capitalSection .capital-block h3 { font-size: 20px;}
.capitalSection .title h1 {font-size: 27px;}
.capitalSection {transform: none; position: static; margin: 35px 0 0 0;}
.capitalSection .capital-block {height: 350px; padding: 29px 15px 18px 18px;}
section.section {height: auto;}
.scroll-wrapper {height: auto;}
.sliderSectn .Slide-txt {height: auto;}
.capitalSection .title h2 {    font-size: 20px;}
.capitalSection .title {margin: 0 0 55px;}
.section.section.four .factSection {height: auto;}
.butn-controller {display: none;}
.factSection .insd-facts {transform:none;     position: static; height: 247px;}
.factSection .policyBox {position: static; margin: 141px 0 0 0;}
section.section.two {    height: 100vh;}
.factSection .policyBox ul {float: left;}
.section.section.three {    clear: both;}
section.section.two {height:auto;}
.solarSave-box .crclSection {transform: none; position: static; margin: 124px 0 0 38px;}
.solarSave-box .rightBar .crclSection {transform: none; position: static;}
.rightBar .crclSection a.butn {top: 0;}
.solarSave-box .leftBar {height: 460px;}
.solarSave-box .rightBar {height: 460px;}
.solarSave-box .rightBar .crclSection {margin: 41px 0 0 38px;}
.solarSave-box .crclSection .circleBox {margin: 0 0 20px;}
.capitalSection .capital-block:hover {background: #fff;}
.capitalSection .capital-block:hover h3  {color: #002266;}
.capitalSection .capital-block:hover h3:before {background: #ffd201;}  
.capitalSection .capital-block:hover p {color: #000;}
.factSection .insd-facts .getBox {height: 255px;}
.stepPopup-body {max-width: 680px;}
.stepPopup-body .insd-stepPopup-cntr .popup-title h1 {font-size: 34px;}
.stepPopup-container {margin: 0 0 0 0; }
.stepPopup-body {top: 80px;}


}



@media (min-width:320px) and (max-width:767px) { 
.logoBox {padding: 8px 0 13px 11px; width: 190px;}
section.section .owl-nav {top: -36px; right: 16px;}
.sliderSectn .imageBox:before {display: none;}
.sliderSectn .imageBox {box-shadow:  none;}
.sliderSectn .imageBox {width: 100%;}
.sliderSectn .Slide-txt {     height: 260px; width: 303px; background: #03a5cb; position: absolute; left: 0; z-index: 9999;
top: 50%; margin-top: -130px;}
.sliderSectn .Slide-txt .insdTxt h5 {    font-size: 16px;} 
.butn-controller {display: none;}
.sliderSectn .Slide-txt .insdTxt {width: 100%; position: static; transform: none;padding: 21px 26px 20px 47px;}
.sliderSectn .Slide-txt .insdTxt p {    line-height: 23px;
font-weight: 500; 
font-size: 20px;}
.sliderSectn .Slide-txt .insdTxt h3 {color: #fff; font-size: 17px;     margin: 19px 0 0 0;}
.sliderSectn .butn {display: block; background: #caa601; border: 1px solid #e0d18f; font-size: 20px; color: #fff; text-align: center;
font-weight: 500; height: 50px; line-height: 50px; padding: 0 0 0 40px; text-shadow: 0 0px 1px #000; margin: 17px 0 0 0; position: relative; border-radius: 3px;  width: 215px; }
.sliderSectn .butn:before {position: absolute; width: 48px; height: 46px; background: #e6be06 url(../images/butn-arrow.png) no-repeat center center; content: ""; left: 1px; top: 1px; }
section.section {height: auto;}
.scroll-wrapper {height: auto;     width: 100%;}
.solarSave-box .crclSection {position: static; width: 100%; transform: none; overflow: hidden;}
.solarSave-box .leftBar {width: 100%; background: none; margin: 0 0 35px;}
.solarSave-box .rightBar {width: 100%; background: none;}
.solarSave-box .rightBar h1 {display: none;}
section.section.two h1.solrHdng {text-align: center;
font-size: 24px; color: #fff; font-weight: 600; position: relative;}
section.section.two h1.solrHdng:before {position: absolute; bottom: -15px; left: 0; right: 0; margin: 0 auto; height: 5px; background: #ffd201; content: ""; width: 90px;}
section.section.two {padding: 25px 0 0; background: url('../images/image-new.jpg') no-repeat top center;     background-size: cover; }
.solarSave-box {padding: 52px 13px 35px 11px;}
.solarSave-box .leftBar .crclSection .circleBox img {display: none;}
.solarSave-box .leftBar .crclSection .circleBox:nth-child(1) img {display: none;}
.solarSave-box .leftBar .crclSection .circleBox:nth-child(2) img {display: none;}
.solarSave-box .rightBar .crclSection .circleBox:nth-child(2) img {display: none;}
.solarSave-box .rightBar .crclSection .circleBox:nth-child(3) img {display: none;}
.solarSave-box .leftBar .crclSection .circleBox:nth-child(1) .img {background: url('../images/icon1.png') no-repeat center center; width: 96px; height: 96px; float: none;
display: block;
margin: 0 auto;}
.solarSave-box .leftBar .crclSection .circleBox:nth-child(2) .img {background: url('../images/icon2.png') no-repeat center center; width: 96px; height: 96px; float: none;
display: block;
margin: 0 auto;}
.solarSave-box .rightBar .crclSection .circleBox:nth-child(2) .img {background: url('../images/icon3-yellow.png') no-repeat center center; width: 96px; height: 96px; float: none;
	display: block;
	margin: 0 auto;}
.solarSave-box .rightBar .crclSection .circleBox:nth-child(3) .img {background: url('../images/icon4-yellow.png') no-repeat center center; width: 96px; height: 96px; float: none;
	display: block;
	margin: 0 auto;}

.solarSave-box .crclSection .circleBox .txt {width: 100%; text-align: center; padding: 0;}
.solarSave-box .crclSection .circleBox .txt p {color: #fff;     font-weight: 500;    font-size: 16px; line-height: 21px;    margin: 12px 5px 0;}
.solarSave-box .crclSection .circleBox {overflow: hidden;
width: 50%;
margin: 0;
float: left;}


.solarSave-box .crclSection .circleBox .img {    float: none; width: 100%;}
.solarSave-box .crclSection .circleBox .img img {display: block; margin: 0 auto;}
.solarSave-box .rightBar .crclSection .circleBox .txt p {color: #fff;     font-weight: 500;    font-size: 16px; line-height: 21px; margin: 18px 0 0; padding: 0 3px;}
.rightBar .crclSection a.butn {clear: both; display: block; background: #caa601; border: 1px solid #e0d18f; font-size: 20px; color: #fff; text-align: center; font-weight: 500; height: 50px; line-height: 50px; padding: 0 0 0 40px; text-shadow: 0 0px 1px #000; margin: 0 auto 0; position: relative; border-radius: 3px;  width: 215px; top: auto;}
.rightBar .crclSection a:before {position: absolute; width: 44px; height: 46px; background: #e6be06 url(../images/butn-arrow.png) no-repeat center center; content: ""; left: 1px; top: 1px; }
.rightBar .crclSection a.butn:hover { background: #caa601;}
.solarSave-box .rightBar .circleBox {margin: 0 0 25px;}
.section.section.three:before {display: none;}
.capitalSection {transform: none; position: static;}
.capitalSection .title {background: #ebebeb; padding: 26px 14px;}
.capitalSection .title h1 {    color: #000; font-size: 23px; line-height: 27px;}
.capitalSection .title h1 br {display: none;}
.capitalSection .title h2 {color: #000;}
.capitalSection .title h2:before {display: none;}
.capitalSection .title:before { width: 0;  height: 0;  border-left: 20px solid transparent; border-right: 20px solid transparent;
border-top: 20px solid #ebebeb; position: absolute; bottom: -13px; left: 0; right: 0; margin: 0 auto; content: ""; }
.capitalSection .listBox {margin: 0; background: #f4f4f4;}
.capitalSection .capital-block {background: none; box-shadow:none; height: auto;}
.capitalSection .capital-block h3:before {display: none;}
.capitalSection .capital-block {padding: 0; text-align: center; padding: 35px 43px 35px; transition: none;}
.capitalSection .capital-block .icons {display: block;}
.capitalSection .capital-block .icons img {width: auto; display: block; margin: 0 auto;}
.capitalSection .capital-block h3 {color: #001667; font-size: 22px; margin: 5px 0 12px; transition: none;}
.capitalSection .capital-block p {font-size: 16px; line-height: 20px; color: #000; transition: none;}
section.section .capitalSlider .owl-nav {top: 40%;    right: 0;    width: 100%;}
section.section .capitalSlider .owl-nav .owl-prev {background: url('../images/mobile-left-aro.png') no-repeat center center; width: 33px; height: 63px; float: left; margin: 0 0 0 -5px;}
section.section .capitalSlider .owl-nav .owl-next {background: url('../images/mobile-right-aro.png') no-repeat center center; width: 33px; height: 63px; float: right; margin: 0 -5px 0 ;}
.section.section.four .factSection {height: auto;}
.factSection .insd-facts {height: auto; transform: none; position: static; background: none; overflow: hidden;} 
.factSection .policyBox {position: static; height: 50px; padding: 15px 0 0 0}
.factSection .insd-facts .getBox {margin: 0; padding: 33px 23px 26px; width: 100%; height: auto;    background: none;}
.factSection .insd-facts .getBox h4 {font-size: 26px; color: #001667; text-align: center; margin: 0 0 20px;}
.factSection .insd-facts .getBox a.butn {    clear: both;
display: block;
background: #caa601;
border: 1px solid #e0d18f;
font-size: 20px;
color: #fff;
text-align: center;
font-weight: 500;
height: 50px;
line-height: 50px;
padding: 0 0 0 40px;
text-shadow: none;
margin: 0 auto 0;
position: relative;
border-radius: 3px;
width: 215px;
top: auto;}
.factSection .insd-facts .getBox a.butn:before {
position: absolute;
width: 44px;
height: 46px;
background: #e6be06 url(../images/butn-arrow.png) no-repeat center center;
content: "";
left: 1px;
top: 1px;
}

.factSection .policyBox ul li {float: none; display: inline-block;}
.factSection .policyBox ul {text-align: center;}

.capitalSection .capital-block:hover {background: none;}
.capitalSection .capital-block:hover h3  {color: #002266;}
.capitalSection .capital-block:hover h3:before {background: #ffd201;}  
.capitalSection .capital-block:hover p {color: #000;}
.sliderSectn .Slide-txt .insdTxt span.first:before { left: -34px; top: -8px; width: 28px; height: 23px;     background-size: 100%;}
.sliderSectn .Slide-txt .insdTxt span.last:after {width: 28px; height: 23px;     background-size: 100%; right: -36px; bottom: -6px;}
.capitalSection .capital-block:hover h3 {color: #fff;}
.capitalSection .capital-block:hover p {color: #fff;}
.factSection .insd-facts .getBox a.butn:hover {background: #caa601; color: #fff;
border: 1px solid #e0d18f;}

.stepPopup-body {max-width: 94%; height: auto; min-height:0; }
.stepPopup-body .closePopup {    top: -16px; right: -6px; width: 28px; height: 28px;}
.stepPopup-body .closePopup:before {top: 8px;}
.stepPopup-body .insd-stepPopup-cntr .popup-title {    margin-top: 30px; padding: 0 16px;}
.stepPopup-body .insd-stepPopup-cntr .popup-title h1 {font-size: 26px;}
.insd-stepPopup-cntr .pop-contntCntr {padding: 20px 0 0 0; margin: 15px 0 0 0; overflow:visible; }
.insd-stepPopup-cntr .step4 .pop-contntCntr {margin: 0 15px 0 0; padding: 35px 0 0 0;}
.insd-stepPopup-cntr  .pop-contntCntr .userBlock { margin: 13px 0 0 0 }
.pop-contntCntr .userBlock .check-block {width: 46%;}
.pop-contntCntr .userBlock .check-block .imgBox {    width: 87%;
    background-size: 86%;
    height: 145px;}
.pop-contntCntr .userBlock .check-block .imgBox.no {    width: 87%;
    background-size: 86%;
    height: 145px;}
.pop-contntCntr .fieldBox-cntr .formField {width: 85%;}
.insd-stepPopup-cntr .popupBlock .popupButn a {margin: 0 5px; font-size: 18px;     width: 124px;}
.insd-stepPopup-cntr .pop-contntCntr .rangeslider {padding: 36px 0 0 0;    height: 77px;     width: 80%;}
.pop-contntCntr .rangeslider .asRange {width: 100%;}
.pop-contntCntr .fieldBox-cntr.usradd .formField {margin: 0 auto 23px;}
.insd-stepPopup-cntr .popupBlock.step6 .popupButn {margin: 7px 0 0;}
.successCntr .cntnt h1 {font-size: 33px; margin: 14px 0 13px;}
.successCntr .thumbIcon {padding: 9% 0 0 0;     width: 56px;    margin: 0 auto;}
.step5 .pop-contntCntr .fieldBox-cntr .formField {margin-top: 53px;}
.insd-stepPopup-cntr .popupBlock.step7 .popupButn {margin: 0;}
.successCntr .cntnt p {font-size: 16px;}
.successPop .stepPopup-body {height: auto !important;}
.successCntr {padding: 0 0 30px;}

.stepPopup-container {margin: 0 0 0 0; }
.stepPopup-body .popup-text-bottom {    padding: 18px 0 0 0; width: 93%; margin: 30px auto 0;}
.stepPopup-body .popup-text-bottom .listBox li {    width: 26.333%;}
.stepPopup-container .leadid-disclosure { margin: 0; }
.stepPopup-container .step2 .leadid-disclosure { margin: 0; }
.pop-contntCntr .fieldBox-cntr {margin: 22px 0 11px;}
.insd-stepPopup-cntr .pop-contntCntr .rangeslider .rightNumber {     right: -29px;    margin: 15px 0 0 0;}
.stepPopup-container .step4 .leadid-disclosure { margin: 0; }
.insd-stepPopup-cntr .pop-contntCntr .rangeslider .leftNumber {left: -12px;    margin: 18px 0 0 0;}
.insd-stepPopup-cntr .step5 .pop-contntCntr {padding: 10px 0 0 0}
.stepPopup-container .step6 .leadid-disclosure { margin: 0; }
.stepPopup-container .step7 .leadid-disclosure { margin: 0 0 0; }
.stepPopup-container .step8 .leadid-disclosure { margin: 0 0 0; }
.pop-contntCntr .fieldBox-cntr .formField .fld {height: 57px;}
.pop-contntCntr .fieldBox-cntr .formField .placeHolderCntrl {top: 23px;}
.pop-contntCntr .fieldBox-cntr span.fildIcon {top: -26px;
width: 31px;
left: 18px;}
.variation2 select.select {height: 57px;}
.variation2 span.select {line-height: 57px; height: 57px;    padding: 0 0 0 28px;}
body.successPop {overflow: hidden;}
.variation2 span.select:before {  right: 13px;  top: 18px;}
.pop-contntCntr .fieldBox-cntr .formField .placeHolderCntrl {font-size: 16px;}
.stepPopup-body .popup-text-bottom .secureBox h4 {font-size: 18px;     text-align: left;    padding: 11px 0 0 13px;}
.stepPopup-body .popup-text-bottom .secureBox h4:before {left: -35px; top: -3px;     width: 35px; height: 50px}
.insd-stepPopup-cntr .pop-contntCntr .moveSlider {    font-size: 16px; margin: -7px 0 23px 0;}
.stepPopup-body.lastSlideActive {    height: auto !important;} 
.stepPopup-body .insd-stepPopup-cntr .popup-title.green h1 cite {    line-height: 23px; font-size: 18px;}
.successZipCode { width: 100%; padding:2px 9px 0;     position: absolute; top: 70px;}
.successZipCode h3 {font-size: 16px;}
.successZipCode h3 span { font-size: 14px; padding: 4px 0 0 0;}
.stepPopup-body .zipCodeSuccess .popup-text-bottom {   padding: 18px 0 27px 0; width: 100%;     margin: 30px auto 0; background: #fff; border-radius: 0 0 7px 7px; }

.insd-stepPopup-cntr .popupBlock.zipCodeSuccess .popupButn {margin:83px 0 0;}
.zipCodeSuccess .formField:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.qualify-btn:after {display:none;}
.home-conts .findBox .qualify-btn {    padding: 9px 16px; font-size: 12px!important;}
/*.home-conts .findBox .findInout {    width: 270px;} */
.home-conts .findBox .findInout {    width: 316px;}
.home-conts .findBox.last .findInout .qualify-btn {    padding: 9px 16px;}
.home-conts .findBox.last h6 {font-size: 16px;    text-align: center; margin: 0 0 8px;}
.home-conts .solar-rebate img {max-width: 100% !important;}


.pop-contntCntr .fieldBox-cntr .formField .phonBox .preNmbr { width: 55px;   height: 57px; line-height: 57px; }
.pop-contntCntr .fieldBox-cntr .formField .phonBox .phnFld { width: calc(100% - 75px); }

.leadid-disclosure p{font-size:16px; line-height:12px!important;}
}



@media (min-width:500px) and (max-width:767px) { 
.capitalSection .capital-block {padding: 35px 0 35px;}
section.section .capitalSlider .owl-nav {    right: 0;
width: 93%;
left: 0;
margin: 0 auto;}
.stepPopup-body .insd-stepPopup-cntr .popup-title h1 {font-size: 30px;}
.pop-contntCntr .fieldBox-cntr {margin: 24px 0 24px;}
.stepPopup-body .insd-stepPopup-cntr .step6 .popup-title {margin-top: 54px;}


}

@media (min-width:400px) and (max-width:767px) { 
.pop-contntCntr .userBlock .check-block .imgBox {width: 89%;
background-size: auto;
height: 171px;}

.pop-contntCntr .userBlock .check-block .imgBox.no {width: 89%;
background-size: auto;
height: 171px;}

}


@media (min-width:375px) and (max-width:767px) { 
.sliderSectn .Slide-txt .insdTxt {padding: 29px 26px 20px 47px;}
.sliderSectn .Slide-txt .insdTxt span.first:before { left: -34px; top: -8px; width: 28px; height: 23px;     background-size: 100%;}
.sliderSectn .Slide-txt {width: 357px; height: 280px;}
.sliderSectn .Slide-txt .insdTxt span.last:after {width: 28px; height: 23px;     background-size: 100%; right: -36px; bottom: -6px;}
.sliderSectn .Slide-txt .insdTxt p {font-size: 26px;    line-height: 30px;}
.sliderSectn .Slide-txt .insdTxt h3 {font-size: 20px; margin: 20px 0 0 0;}
.sliderSectn .butn {width: 270px;     height: 50px; line-height: 50px;}
.sliderSectn .butn:before {    width: 59px;    height: 47px;}
.sliderSectn .Slide-txt {margin-top: -155px; height: 310px;}


}



@media (min-width:500px) and (max-width:767px) {  
.sliderSectn .Slide-txt {    width: 440px; height: 360px; margin-top: -180px;}
.sliderSectn .Slide-txt .insdTxt h5 {    font-size: 19px;}
.sliderSectn .Slide-txt .insdTxt p {    font-size: 33px; line-height: 38px;}
.sliderSectn .Slide-txt .insdTxt h3 {font-size: 24px;}
.sliderSectn .butn {width: 290px; height: 60px;     line-height: 60px;}
.sliderSectn .butn:before {width: 60px; height: 57px;}
section.section.two h1.solrHdng {    font-size: 28px;}
.solarSave-box .crclSection .circleBox {padding: 0 15px;}
.rightBar .crclSection a.butn {    width: 315px;}
.capitalSection .capital-block h3 {font-size: 24px; margin: 10px 0 12px;}
.factSection .insd-facts .getBox a.butn {width: 315px;}
.factSection .insd-facts .getBox h4 {font-size: 32px;}

.pop-contntCntr .userBlock .check-block .imgBox.no {width: 190px;}
.pop-contntCntr .userBlock .check-block .imgBox {width: 190px;}



}