/*

0.1 fonts
0.2 common
0.3 sidenav-section
0.4 wrapper
0.5 left-panel
0.6 middel-content
0.7 right-panel
0.8 White-boxes
0.9 right-panel-top-text
1.0 did-you-know
1.1 progress-bar
1.3 mobile-top-header
1.4 great-work for mobile view


*/

/* 0.1 fonts */
@font-face { font-family: 'heeboblack'; src: url('../fonts/heebo/heebo-black-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebobold'; src: url('../fonts/heebo/heebo-bold-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heeboextrabold'; src: url('../fonts/heebo/heebo-extrabold-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebolight'; src: url('../fonts/heebo/heebo-light-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebomedium'; src: url('../fonts/heebo/heebo-medium-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heeboregular'; src: url('../fonts/heebo/heebo-regular-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'heebothin'; src: url('../fonts/heebo/heebo-thin-webfont.woff2') format('woff2'), url('../fonts/heebo/heebo-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}

/* 0.2 common */
body{font-family: 'heeboregular', sans-serif; font-size:16px; color:#1b1b1b; height:100vh;}
.container{max-width:1470px; width:100%; margin:0 auto;}
a,button{transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -o-transition:all linear 0.2s;}
a:hover,a:focus,a:active{outline:none; text-decoration:none;}
button:hover,button:focus,button:active{outline:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;}
ul, ol, li{margin:0; padding:0; list-style:none;}
label{font-weight:normal;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000; font-family:'heebobold', sans-serif;}
.heeboregular{font-family: 'heeboregular' !important;}
.display-none{display:none;}
*:focus {outline: 0 !important;}
.yello-divider{background:#FFB521; width:100%; height:1px; display:inline-block; vertical-align:top; margin:20px 0;}
.margin-tb-0{margin:0 auto !important;}
select:-moz-focusring {color: transparent !important;text-shadow: 0 0 0 #000!important;}

/* 0.3 sidenav-section */
.mobile-top-header{display:none;}
.hamburger-icon{margin:0;}
.sidenav {height: 100%; width: 0; max-width:504px; position: fixed; z-index: 10; top: 0; right: 0; background-color:#ffb521; overflow-x: hidden; transition: 0.5s; padding-top: 80px; transition:all linear 0.5s; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; -ms-transition:all linear 0.5s; -o-transition:all linear 0.5s;-webkit-box-shadow: inset 40px 0px 30px -40px rgba(0,0,0,0.30);
-moz-box-shadow: inset 40px 0px 30px -40px rgba(0,0,0,0.30);
box-shadow: inset 40px 0px 30px -40px rgba(0,0,0,0.30);}
.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidenav h2{font-family: 'heebobold'; font-size:20px; text-align:left; padding-left:30px; color:#ffffff;margin:20px 0 10px; }
.sidenav ul{margin:-65px 0 0; padding:0 30px;}
.sidenav ul li{list-style-type:none; display:block; text-align:left;margin: 0 0 20px;}
.sidenav ul li a{font-family: 'heebobold'; font-size:22px; line-height:22px; color:#0D7C8C;text-decoration: underline;}
.sidenav ul li a:hover{color:#ffffff;}
.sidenav .social-icons ul{margin:0; padding:0 50px; text-align:left;}
.sidenav .social-icons ul li{display:inline-block; vertical-align:top;}
.sidenav .social-icons ul li a{ padding:10px; color:#0d7c8c; font-size:25px;}
.sidenav .social-icons ul li a:hover{color:#ffffff;}
.sidenav .copyright-text{ text-align:center; display:none;}
.sidenav .copyright-text a,.sidenav .copyright-text p{font-family: 'heeboregular'; font-size:16px; line-height:normal; color:#ffffff; display:block;}
.sidenav .copyright-text ul{margin:0; padding:0;}
.sidenav .copyright-text ul li{margin:0; padding:0 5px 10px; display:inline-block; vertical-align:top;}
.sidenav .copyright-text a{text-decoration:underline; margin:0; padding:0; }
.sidenav .copyright-text a:hover{text-decoration:none; color:#3ac2d7;}
.menu-taggle{position:absolute; right:17px; top:20px; cursor:pointer;}

@media all and (-ms-high-contrast:none){
.sidenav{max-width: 520px;} /* IE10 */
*::-ms-backdrop, .sidenav{max-width: 520px;} /* IE11 */}


/* 0.4 wrapper */
.wrapper{max-width:1440px; margin:0 auto; position:relative; height:100%; min-height:100%; }
.table-div{display: table;width: 100%;height: 100%;min-height: 100%;position: relative; background:#ffb521;}
.table-cell{display: table-cell;vertical-align: top;height: 100%; overflow: hidden;}

/* 0.5 left-panel */
.left-panel{width:240px;}
.left-panel-inner{background:#f1f5fb; height:100%; padding:0;}
.left-panel-inner .logo{height:68px; border-bottom:solid 1px #fff; padding:15px ;padding-top: 5px;padding-left: 19px;}
.left-panel-inner ul{margin:15px 0 0; overflow:hidden;}
.left-panel-inner ul li{margin:0 50px 14px 0;}
.left-panel-inner ul li a{padding:20px 20px;display:block; font-size:12px;font-family:'heebobold'; color:#0d7c8c; line-height:normal; text-transform:uppercase;letter-spacing:0.5px; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.left-panel-inner ul li a:hover, .left-panel-inner ul li.active a{ background:#0dd29d; color:#fff; text-decoration:none;}

/* 0.6 middel-content */
.middel-content{background:#ffb521;}
.middel-content-inner{background:#fff; height:100%;margin-right: 30px;border-top-right-radius: 30px; box-shadow: 0 2px 15px rgba(0,0,0,0.35);padding:0 0;position:relative; padding-bottom:0;}
.page-head{height:100px;border-bottom:solid 1px #f1f5fb; padding:15px; position:relative; }
.page-name{font-family:'heebobold'; font-size:14px;color:#a0a7ad; padding:9px 0;display: inline-block;}
.page-head span.process-indicator{position:absolute; right: 17px;top: 15px;}
.page-head span.process-indicator img{width:40px;}
.middel-content-inner .content{padding:20px; padding-bottom:100px;}
.page-head .logo{position:absolute; left: 20px;top: 8px;}

.light-gray-box{background:#f1f5fb; padding:40px 40px 40px; border-left:solid 10px #ff7a82; color:#0d7c8c; position:relative;-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20); }
.light-gray-box h4{margin:0 0 15px; font-size:18px;font-family:'heeboblack';}
.light-gray-box p{ margin:0;font-family:'heebobold'; font-size:14px;}
.locationbox{margin:-73px 40px 70px 40px; min-height:136px;z-index:9999;}

.button-block{margin:70px 0 0;}
.button-block .btnStyle{background:#0d7c8c; color:#fff; text-align:center; padding:0 25px; border-radius:50px; display:inline-block;-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25); width:220px; height:60px;font-family:'heeboextrabold'; font-size:16px; line-height:60px;border:none;}
.button-block .btnStyle:hover{text-decoration:none; background:#ff7a82;}
.middel-content .content-footer{font-size:10px; color:#a0a7ad; margin:80px 0 0; position:absolute; bottom:20px; right:30px; left:15px;}

/* 0.7 right-panel */

.right-panel{ width:440px;}
.right-panel-inner{ min-height:100%;  position:relative; padding:20px 30px 90px 0px; margin:0 0 0;}
.right-footer{font-size:10px; color:#41505b; margin:0 0 0; position:absolute; bottom:20px; right:30px; left:10px;}

/* 0.8 White-boxes */
.wh-box{background:#f1f5fb; padding:15px 20px; border-radius:10px; margin:10px 10px; font-family:'heeboblack';color:#0d7c8c; box-shadow:0 2px 4px rgba(0,0,0,0.2); }
.wh-box p{margin:0;font-size: 14px;line-height: 19.6px;}
.wh-box a{color:#0d7c8c; display:block;}

/* 0.9 right-panel-top-text */
.you-are{padding:15px 12px; text-align:center; color:#fff; margin:61px 0 30px 0; font-family:'heeboblack';}
.you-are h2{font-family:'heeboblack'; font-size:30px;line-height:normal;}
.you-are p{font-family:'heebobold'; font-size:16px;}
.you-are p .byname{ display:block; padding:0 0;}


/* 1.0 did-you-know */
.didyouknow {background:#fff; margin: 94px 10px 109px; font-family:'heeboblack'; padding:14px 10px 13px;box-shadow:none; min-height:156px;}
.didyouknow h3{font-size:24px; margin: 7px 0 13px;}
.didyouknow p{font-size:18px; margin:0 0 3px; line-height:25px;}


/* 1.1 progress-bar ***/
.progress{width:150px;height:150px;line-height:150px;background:none;margin:0 auto;box-shadow:none;position:relative;}
.progress:after{content:"";width:90%;height:90%;border-radius:50%;border:2px solid #0d7c8c;position:absolute;top:5%;left:5%;}
.progress > span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1;}
.progress .progress-left{left:0;}
.progress .progress-bar{width:100%;height:100%;background:none;border-width:15px;border-style:solid;position:absolute;top:0;}
.progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left;}
.progress .progress-right{right:0;}
.progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards;}
.progress .progress-value{width:85%;height:85%;border-radius:50%;border:none;font-size:48px;line-height:30px;text-align:center;position:absolute;top:12.5%;left:7.5%;padding: 42px 0 0;font-family:'heeboblack';}
.progress .progress-value span{font-size:14px; display:block;margin:-5px 0 0;font-family:'heebobold';}
.progress .progress-bar{border-color:#fff;}
.progress .progress-value{color:#fff;}
.progress .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s;}
@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(144deg);transform:rotate(144deg);}
}
@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
}
@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(36deg);transform:rotate(36deg);}
}
@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(126deg);transform:rotate(126deg);}
}
@media only screen and (max-width:990px){.progress{margin-bottom:20px;}
}

/* sun-exposures-page */
.sun-exposure-section {max-width: 610px;margin: 40px auto; }
.sun-exposure-main{overflow:hidden;margin: -3px -21px;}
.sun-exposure-box {margin:0; float:left; margin:0 17px; opacity:0.35; cursor:pointer;}
.sun-exposure-img {border: solid 2px #41505b; background:#fff; padding:0 15px;border-radius:12px;margin: 5px 0px;height: 164px; width:247px; margin:0 auto;}
.sun-exposure-box:hover, .sun-exposure-box.active {opacity:1;}
.sun-exposure-box:hover .sun-exposure-img, .sun-exposure-box.active .sun-exposure-img{border: solid 2px #ff7a82;}
.sun-exposure-img img {}
.exposure-name{font-size:12px;font-family:'heebobold';text-align:center;color:#384841; text-transform:uppercase; margin:10px 0 0;}
.sun-exposure-box:hover .exposure-name, .sun-exposure-box.active .exposure-name{color:#ffb521;}
.marbot30{margin-bottom:30px;}
.box-title{font-size:12px;font-family:'heebobold';text-align:center;color:#0d7c8c; margin:0 0 30px; display:none;}

.sun-exposure-img span{display:block;}
.top-text {line-height: normal;color:#0d7c8c; font-size:14px;font-family: 'heebobold';margin:-30px 0 30px; text-align:left;}

/* address-box on sun-exposures-page*/
.address-box{margin:50px 0 0;}
.address-box label{font-size:14px;font-family:'heebobold';color:#0d7c8c; font-weight:normal;}
.address-box input{border-radius: 0;box-shadow: none;border: 2px solid #98a2aa;color: #0d7c8c;font-family: 'heebobold';font-size: 18px;min-height: 40px;background: #f1f5fb;}
.address-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #98a2aa;opacity: 1; /* Firefox */}
.address-box :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #98a2aa;}
.address-box ::-ms-input-placeholder { /* Microsoft Edge */color: #98a2aa;}

/* mount-types-page */
.mount-types .sun-exposure-img span {display: block;padding: 20px 0;text-align: center;height: 100%;vertical-align: middle;}
.group-dropdown{border-bottom:solid 1px #fff; height: 20px;display: inline-block;}
.group-dropdown select{color:#fff; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/Rectangle-arrow.png) no-repeat center right; padding:0 10px 0 0}
.group-dropdown select option{color:#000;}

/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .group-dropdown select {padding:0 19px 0 0;}
::i-block-chrome, .group-dropdown select {padding:0 19px 0 0;}}
@media all and (-ms-high-contrast:none){
.group-dropdown select{background-image:none; text-indent:15px;} /* IE10 */
*::-ms-backdrop, .group-dropdown select{background-image:none; text-indent:15px; padding:0;} /* IE11 */}

.left-graph-box{ margin:-20px 0 30px;}
.graph-value{font-size:72px;font-family:'heeboblack'; margin:0 0 8px;text-align:center;color:#fff;}




/* Calculator-Estimate-result-page */
.energy-detail-graph{margin-top:30px;}
.graph-legend{display:table;width:100%; margin:10px 0;}
.legend-left, .legend-right{display:table-cell; vertical-align:bottom;}
.legend-left{color:#000;font-family: 'heeboregular'; font-size:12px;}
.legend-left p{margin:0;}
/*.legend-left span{width:12px; height:12px; display:inline-block; background:#ff7ab2; margin:0 5px 0 0}*/
.legend-left .legend-groth{color:#0d7c8c;}
/*.legend-left .legend-groth span{background:#0d7c8c;}*/
.legend-right{text-align:right;}
.legend-right a{background:#f1f5fb;display:inline-block;font-family: 'heebobold'; font-size:12px; height:33px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30); border-radius:100px; padding:9px 20px;color:#0d7c8c;}
.legend-right a:hover{background:#0d7c8c; color:#fff;}

.cost-saving{text-align:center; color:#fff; padding:15px;}
.cost-saving h3{font-family:'heeboblack';font-size:30px;}
.year-slider{margin:30px 0;}
/*.rs-container .rs-scale span ins{margin-left: -75px !important;color:#0d7c8c;}*/
.rs-container .rs-scale span ins{font-size:10px;margin-left: -10px !important;color:#0d7c8c;}
.rs-container .rs-bg{height:2px; top:10px;background-color:#0d7c8c !important;border-color:#0d7c8c !important;}
.rs-container .rs-selected{height:2px; top:10px;background-color:#f1f1f1!important;border-color:#fff !important;}
.rs-container .rs-scale span:before{display:none;}
.rs-container .rs-scale span:last-child ins{margin-left:0 !important;}
/*.rs-container .rs-scale span:last-child ins{margin-left: -10px !important;}*/
.rs-pointer {background: #ffb521 !important;height: 20px !important;width: 20px !important;border-radius: 100px !important;box-shadow: 1px 2px 2px rgba(0,0,0,0.3) !important;border: solid 2px #fff !important;}
.rs-pointer:after, .rs-pointer:before {display: none;}
.utilites-vs-solar{display:table; width:100%; margin:30px 0 20px;}
.utilites-vs-solar div{display:table-cell; vertical-align:middle;font-size:14px;font-family:'heebobold';}
.utilites-vs-solar div span{display:block;}
.utilites-vs-solar div.vs{color:#0d7c8c;font-family:'heeboblack';font-size:16px;}
.utilites-vs-solar div span.per-month{font-size:18px;}

.saving-amount, .saving-amount .graph-value{color:#0d7c8c;}
.saving-amount span{display:block;margin:-10px 0 20px;font-family:'heeboblack'; font-size:18px; text-transform:uppercase;}

/* yes-ono taggle */
.switch{position:relative;display:inline-block;width:100px;height:34px;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"No";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slider{background-color:orange;}
input:focus + .slider{box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before{-webkit-transform:translateX(66px);-ms-transform:translateX(66px);transform:translateX(66px);content:"Yes";}
/* Rounded sliders */
.slider.round{border-radius:34px;}
.slider.round:before{border-radius:10px;}

.loan-terms-dropdown{color:#fff; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/Rectangle-arrow.png) no-repeat center right; padding:0 10px 0 0}
.loan-terms-dropdown option{color:#000;}

/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .loan-terms-dropdown{padding:0 19px 0 0;}
::i-block-chrome, .loan-terms-dropdown {padding:0 19px 0 0 ;}}
@media all and (-ms-high-contrast:none){
.loan-terms-dropdown select{background-image:none; text-indent:15px;} /* IE10 */
*::-ms-backdrop, .loan-terms-dropdown select{background-image:none; text-indent:15px; padding:0;} /* IE11 */}


/*contact info page start ravi s*/
.contact-info-intro{margin:0 0 55px 0;}
.contact-info-intro h1{font-size:36px;color:#41505b;font-family:'heeboblack';}
.contact-info-intro p{color:#0d7c8c;font-size:18px;font-family:'heebobold';}
.contact-info-intro p:last-child{margin-bottom:0;}
.process-indicator1{background:#fff;border:3px solid #0dd29d;text-align:center;font-size:12px;color:#384841;width:45px;height:45px;line-height:40px;border-radius:50%;}
@media (max-width:767px){.contact-info-intro{text-align:center;}
.contact-info .content-footer{position:static;margin:30px 0 0 0;}
}
/* contact form */
.contact-form .form-group{min-height:80px;}
.contact-form .form-group:hover label{color:#0d7c8c;}
.contact-form label{width:100%;color:#41505b;font-size:14px;font-family:'heebobold'; margin:0 0 5px;}
.contact-form .form-control{border-radius:0;box-shadow:none;border:2px solid #98a2aa;color:#0d7c8c;font-family:'heebobold';font-size:18px;min-height:40px;background:#f1f5fb;}
.contact-form .form-control:focus{border-color:#7eb8c3;}
.contact-form .owner-verification label{color:#384841; font-family: 'heeboregular';}
/* system specifications */
.system-spefication-form{padding:40px 0 0 0;}
.system-spefication-form label{text-align:left;color:#41505b;font-size:14px;width:100%;font-family:'heebobold'; font-weight:normal; margin:0 0 5px}
.system-spefication-form .system-size{background:none;border:none;border-bottom:2px solid #0d7c8c;color:#0d7c8c;font-size:18px;width:100%;height:38px;font-family:'heebobold'; height:40px; line-height: 40px;display: inline-block;width: auto; }
.right-panel-inner .form-group.system-sizes{text-align:left;}
.system-spefication-form .system-sizes label{color:#0d7c8c;}
.system-size::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #0d7c8c;opacity: 1; /* Firefox */}
.system-size:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #0d7c8c;}
.system-size::-ms-input-placeholder { /* Microsoft Edge */color: #0d7c8c;}

.system-spefication-form .system-size:focus{outline:none;}
.system-spefication-form .form-group{min-height:80px;}
/* custom selectbox */
.selectbox-wrapper{position:relative;overflow:hidden;}
.selectbox{font-size:14px;border:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:40px;background:url(../images/selectbox-arrow.png) no-repeat;background-position:right 15px;color:#000;border:2px solid #98a2aa;background-color:#fff;text-overflow:"";display:inline-block;font-family:'heebobold';}
/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0){/* Safari and Chrome */
 .selectbox{padding:0 8px!important;}
 /* Safari only override */
::i-block-chrome, .selectbox{padding:0 19px 0 0 ;}
::i-block-chrome, .selectbox{padding:0 19px 0 0 ;}
}
@media all and (-ms-high-contrast:none){.selectbox{background-image:none;text-indent:15px;}
 /* IE10 */
 *::-ms-backdrop, .selectbox{background-image:none;text-indent:15px;}
 /* IE11 */
}
/*mozilla hack for selectbox*/
@-moz-document url-prefix(){.selectbox{padding:0 19px 0 5px!important;}
}
/*-------------radio button----------------*/
/* The container */
.radio-container{display:inline-block;position:relative;padding-left:20px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:normal;}
/* Hide the browser's default radio button */
.radio-container input{position:absolute;opacity:0;cursor:pointer;}
/* Create a custom radio button */
.radio-container .checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background:url(../images/radio-button.png) no-repeat left top;border-radius:50%;}
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark{}
/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark{background:url(../images/radio-button.png) no-repeat -15px top;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark:after{content:"";position:absolute;display:none;}
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after{display:block;}
/* Style the indicator (dot/circle) */
.radio-container .checkmark:after{top:9px;left:9px;width:8px;height:8px;}
/*----------------------checkbox---------------------*/
/* The container */
.checkbox-container{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'heeboregular';font-weight:normal;}
/* Hide the browser's default checkbox */
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
/* Create a custom checkbox */
.checkbox-container .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background:url(../images/checkbox.jpg) no-repeat left top;}
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark{}
/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark{background:url(../images/checkbox.jpg) no-repeat -18px top;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after{content:"";position:absolute;display:none;}
/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after{display:block;}
/* Style the checkmark/indicator */
.checkbox-container .checkmark:after{left:9px;top:4px;width:5px;height:10px;}
/* energy-offset-section */
.energy-offset-section{margin:50px 0 0 0;}
.energy-offsect-graph{margin:40px 0 0 0;}
.energy-offsect-graph .progress{background:none;margin:0 auto 20px auto;box-shadow:none;position:relative;}
.energy-offset-section .solar-panel-settings p{font-size:12px;margin:0 0 5px 0;font-family: 'heebomedium'}
.solar-panel-settings .btn-container{text-align:center;}
.solar-panel-settings .btn-container .btn{width:40px;height:40px;padding:0;border-radius:10px;border:none;margin:0 10px;-webkit-box-shadow:5px 5px 5px 3px rgba(0,0,0,0.10);-moz-box-shadow:5px 5px 5px 3px rgba(0,0,0,0.10);box-shadow:5px 5px 5px 3px rgba(0,0,0,0.10);background-color:#fff;background-image:url(../images/plus-minus.png);background-repeat:no-repeat;transition:none;}
.solar-panel-settings .btn-container .btn:hover{background-color:#0d7c8c;}
.solar-panel-settings .btn-container .remove-btn{background-position:11px 11px;}
.solar-panel-settings .btn-container .remove-btn:hover{background-position:11px -9px;}
.solar-panel-settings .btn-container .add-btn{background-position:-30px 11px;}
.solar-panel-settings .btn-container .add-btn:hover{background-position:-30px -9px;}
.panel_count_message{font-size: 12px;padding: 15px 0;}
.panel_count_message h2{font-size: 12px !important;color: red!important;font-family: 'heebomedium'!important;}

.energy-offsect-graph canvas{margin: -60px auto 0;}

/*.system-spefication-form .selectbox{background-color:rgba(255,255,255,0.75); border-color:#979797; }*/
/*contact info page end*/



/* electricity-bill start*/

/* custom selectbox  */
.selectbox-wrapper {position: relative; overflow: hidden;}

.selectbox {
    font-size: 18px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 40px;
/*    background: url(../images/selectbox-arrow.png) no-repeat;*/
	background: url(../images/Rectangle-color.png) no-repeat;
    background-position: 98% 15px;
    color: #0d7c8c;
    border-bottom: 2px solid #0d7c8c;
    background-color: transparent;
    text-overflow: "";
    display: inline-block;
	font-family: 'heebobold', sans-serif;

}
.selectbox option{color:#000;}


/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .selectbox {
        padding: 0 19px 0 5px !important;
    }
    /* Safari only override */
    ::i-block-chrome,
    .selectbox {
        padding:0 19px 0 5px !important;
    }
    ::i-block-chrome,
    .selectbox {
        padding:0 19px 0 5px !important;
    }
}

@media all and (-ms-high-contrast:none) {
    .selectbox {
        background-image: none;
        text-indent: 15px;
    }
    /* IE10 */
    *::-ms-backdrop,
    .selectbox {
        background-image: none;
        text-indent: 15px;
    }
    /* IE11 */
}

/*mozilla hack for selectbox*/
@-moz-document url-prefix() {
  .selectbox {
	padding: 0 19px 0 5px !important;
  }
}

/*-------------radio button----------------*/
/* The container */
.radio-container{display:inline-block;position:relative;padding-left:20px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:normal;}
/* Hide the browser's default radio button */
.radio-container input{position:absolute;opacity:0;cursor:pointer;}
/* Create a custom radio button */
.radio-container .checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background:url(../images/radio-button.png) no-repeat left top;border-radius:50%;}
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark{}
/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark{background:url(../images/radio-button.png) no-repeat -15px top;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark:after{content:"";position:absolute;display:none;}
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after{display:block;}
/* Style the indicator (dot/circle) */
.radio-container .checkmark:after{top:9px;left:9px;width:8px;height:8px;}
/*----------------------checkbox---------------------*/
/* The container */
.checkbox-container{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'heeboregular';font-weight:normal;}
/* Hide the browser's default checkbox */
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
/* Create a custom checkbox */
.checkbox-container .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background:url(../images/checkbox.jpg) no-repeat left top;}
/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark{}
/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark{background:url(../images/checkbox.jpg) no-repeat -18px top;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after{content:"";position:absolute;display:none;}
/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after{display:block;}
/* Style the checkmark/indicator */
.checkbox-container .checkmark:after{left:9px;top:4px;width:5px;height:10px;}


.electricity-bill .radio-container  {color:#384841; margin: 0 0 10px 0; font-size: 16px;}
.electricity-bill label {margin: 0 0 10px 0; font-size:14px;font-family: 'heebobold';}
.electricity-provider {margin: 0 0 70px 0;}
.electricity-bill .or-text {color:#384841; font-family: 'heebobold'; margin: 30px 0;}
.electricity-bill .bill-slider { position:relative; }
.electricity-bill .bill-slider h3 {font-size: 30px; color:#384841; font-family: 'heebobold'; margin: 0 0 0 0;}


.electricity-bill .rs-container .rs-scale span{display:none;}
.electricity-bill .rs-container .rs-scale span ins{color:#0d7c8c; visibility:hidden;}
.electricity-bill .rs-container .rs-scale span ins:before{content:"$";}
.electricity-bill .rs-container .rs-bg{height:2px; top:10px;background-color:#0d7c8c !important;border-color:#0d7c8c !important;}
.electricity-bill .rs-container .rs-selected{height:2px; top:10px;background-color:#ffb521!important;border-color:#ffb521 !important;}
.electricity-bill .rs-container .rs-scale span:before{display:none;}
.electricity-bill .rs-container .rs-scale span:last-child ins{}
.electricity-bill .rs-pointer {background: #fff !important;height: 20px !important;width: 20px !important;border-radius: 100px !important;box-shadow: 1px 2px 2px rgba(0,0,0,0.3) !important;border: solid 2px #ffb521 !important;}
.electricity-bill .rs-container .rs-scale span:first-child ins, .rs-container .rs-scale span:last-child ins{visibility:none;}
.electricity-bill .rs-pointer:after, .electricity-bill .rs-pointer:before {display: none;}
.electricity-bill .slider-range {overflow: hidden;margin: -15px 0;}
.electricity-bill .slider-range span:first-child{font-size:14px; color:#ffb521; font-family: 'heebobold';}
.electricity-bill .slider-range span{font-size:14px; color:#0d7c8c; font-family: 'heebobold';}

.no-marign-bottom{margin-bottom:0;}

/* electricity-bill end*/

/* Calculator-Estimate-result-[age */
.energy-detail-graph{margin-top:30px;}
.graph-img{border-top: solid 1px #fff;padding-top: 20px;}
.graph-legend{display:table;width:100%; margin:10px 0;}
.legend-left, .legend-right{display:table-cell; vertical-align:bottom;}
.legend-left{color:#000;font-family: 'heeboregular'; font-size:12px;}
.legend-left p{margin:0;}
.right-panel-inner .legend-left span.colorbox{width:12px; height:12px; display:inline-block; background:#ff7ab2; margin:0 5px 0 0}
.legend-left .legend-groth{color:#0d7c8c;}
.right-panel-inner .legend-left .legend-groth span.colorbox{background:#0d7c8c;}
.legend-right{text-align:right;}
.legend-right a{background:#f1f5fb;display:inline-block;font-family: 'heebobold'; font-size:12px; height:33px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30); border-radius:100px; padding:9px 20px;color:#0d7c8c;}
.legend-right a:hover{background:#0d7c8c; color:#fff;}

.cost-saving{text-align:center; color:#fff; padding:15px;}
.cost-saving h3{font-family:'heeboblack';font-size:30px;}
.year-slider{margin:30px 0;}
/*.rs-container .rs-scale span ins{margin-left: -75px !important;color:#0d7c8c;}*/
.rs-container .rs-bg{height:2px; top:10px;background-color:#0d7c8c !important;border-color:#0d7c8c !important;}
.rs-container .rs-selected{height:2px; top:10px;background-color:#f1f1f1!important;border-color:#fff !important;}
.rs-container .rs-scale span:before{display:none;}
/*.rs-container .rs-scale span:last-child ins{margin-left: -10px !important;}*/
.rs-pointer {background: #ffb521 !important;height: 20px !important;width: 20px !important;border-radius: 100px !important;box-shadow: 1px 2px 2px rgba(0,0,0,0.3) !important;border: solid 2px #fff !important;}
.rs-pointer:after, .rs-pointer:before {display: none;}
.utilites-vs-solar{display:block; width:100%; margin:30px 0 20px;}
.utilites-vs-solar div{display:inline-block; vertical-align:middle;font-size:18px;font-family:'heebobold';}
.utilites-vs-solar div span{display:block;}
.utilites-vs-solar div.vs{color:#0d7c8c;font-family:'heeboblack';font-size:16px; padding:0 30px;}
.utilites-vs-solar div span.per-month{font-size:18px;}

.saving-amount, .saving-amount .graph-value{color:#0d7c8c;}
.saving-amount span{display:block;margin:-10px 0 20px;font-family:'heeboblack'; font-size:18px; text-transform:uppercase;}

/*.right-panel-inner .cost-saving .rs-container .rs-scale span ins:after{content:"yr";}*/

.estimate-results{max-width: 610px;margin: 40px auto;}

/* yes-ono taggle */
.switch{position:relative;display:inline-block;width:100px;height:25px;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a0a7ad;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"No";height:18px;width:auto;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;padding: 0 15px; line-height:normal; color:#a0a7ad;line-height:20px;}
input:checked + .slider{background-color:#0dd29d;}
input:focus + .slider{box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before{-webkit-transform:translateX(38px);-ms-transform:translateX(38px);transform:translateX(38px);content:"Yes";color:#0d7c8c;}
/* Rounded sliders */
.slider.round{border-radius:34px;}
.slider.round:before{border-radius:10px;}

.loan-terms-dropdown{color:#0d7c8c; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/Rectangle-color.png) no-repeat center right; padding:0 19px 0 0; width:100%;font-family:'heebobold', sans-serif; font-size:18px;}
.loan-terms-dropdown option{color:#000;}

/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .loan-terms-dropdown{padding:0 5px;}
::i-block-chrome, .loan-terms-dropdown {padding:0 6px;}}
@media all and (-ms-high-contrast:none){
.loan-terms-dropdown{background-image:none; text-indent:0; padding:0;} /* IE10 */
*::-ms-backdrop, .loan-terms-dropdown{background-image:none; text-indent:0px; padding:0;} /* IE11 */}
@media all and (-ms-high-contrast:none){
.monthly-payment-form .form-group{padding:0 9px !important;} /* IE10 */
*::-ms-backdrop, .monthly-payment-form .form-group{padding:0 9px!important;} /* IE11 */}


.monthly-payment{font-family:'heebobold'; color:#0d7c8c; }
.monthly-payment-amount{text-align:center;}
.monthly-payment-amount p{font-size:16px;margin: 0 0 5px;}
.monthly-payment-amount .amount{font-size:60px;line-height: 60px;display:inline-block;}
.monthly-payment-amount .amount span{font-size:30px;line-height: normal;float: left;margin: 5px 0;}
.monthly-payment-amount .amount span.count-bill-amount{font-size:60px;line-height: 60px;}

.estimate-results .light-gray-box{padding:40px 15px;}
.monthly-payment-form{display:table; width:100%;overflow:hidden;font-family:'heebobold';}
.newmpf{overflow:visible;}
.monthly-payment-form .form-group label{font-size:14px; font-weight:normal; margin:0 0 10px;}
.monthly-payment-form .form-group{display:table-cell; float:left; padding:0 10px; margin:0 auto; height:70px;}
.monthly-payment-form .form-group input{width:100%;}
.monthly-payment-form .form-group.loan-term{width:30%; max-width:180px; min-width:180px;}
.monthly-payment-form .form-group.intrest-rate{width:auto;}
.monthly-payment-form .form-group.down-payment{width:auto; max-width:156px; min-width:156px;}
.monthly-payment-form .form-group.tax-credit{width:25.33%; max-width:124px;min-width:124px;}
.monthly-payment-form .form-control{color:#0d7c8c; border:none; border-bottom:solid 2px #0d7c8c; border-radius:0; background:none; box-shadow:none; height:25px; padding:0; font-size:18px;}
.monthly-payment-form p{font-size:18px;}
.monthly-payment-form .form-group.loan-term span{border-bottom:solid 2px #0d7c8c; display:inline-block;line-height: 26px;}


.monthly-payment-form .form-group.down-payment .down-payment{border-bottom: solid 2px #0d7c8c;height: 27px;}
.monthly-payment-form .form-group .down-payment input {max-width: 120px;float: right; width: auto;border: none;}
.monthly-payment-form .form-group .down-payment span {overflow:hidden;}
.monthly-payment-form .form-group .down-payment span span {
  line-height: 24px; float: left;
}


.divider{background:#fff; height:1px; margin:20px 0 30px;}


/** mcs-page **/
.header {position: fixed; top:0; z-index: 9;height: auto; width: 100%; max-width: 1440px; margin: 0 auto;  background:transparent; padding: 0 0 0; -webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s; -o-transition:all ease-out .5s; transition: all ease-out .5s; border-bottom:solid 1px #f1f5fb; width:100%;height: 67px;}
.header:before{content:""; width:240px; height:1px; background:#fff; position:absolute; bottom:-1px; left:0;}
.header.active, .header.active .left-panel-inner, .header.active .middel-content-inner {background:rgba(255,181,33,1); }
.mcs-main .table-div, .mcs-main .middel-content{ background:transparent;}
.header .page-head span.process-indicator{top:20px;}
.main-logo{display:block;}
.scroll-logo{display:none;}
.main-hamburger{display:block;}
.scroll-hamburger{display:none;}

.header.active .main-logo{display:none;}
.header.active .scroll-logo{display:block;}
.header.active .main-hamburger{display:none;}
.header.active .scroll-hamburger{display:block;}
.header.active .page-name{color:#fff;}



.mcs-page{margin-right:0; border-radius:0; padding:0;}
.mcs-page .content{padding:0;}
.mcs-content { width: 100%; padding:0 30px; margin: 3px auto 30px;}
.mcs-content-inner { }
.mcs-content-inner .project-details { max-width:516px; width:100%; margin:60px auto 60px; background:#fff; clear:both; }
.mcs-content-inner .project-details h2 { font-family: 'heeboblack'; font-size:30px; color:#0D7C8C; margin:20px 20px;}
.mcs-content-inner .project-details table { width:100%;border-bottom:2px solid #a0a7ad;}
.mcs-content-inner .project-details table tr td{ border:1px solid #a0a7ad; padding:20px 40px; font-family: 'heeboregular'; font-size:14px;color:#41505B;}
.mcs-content-inner .project-details table tr td:first-child { width:48%; background:#41505b; color:#fff; font-family: 'heebobold'; font-size:14px; border-bottom:1px solid #a0a7ad;}
.mcs-content-inner .project-details table tr:nth-child(2n){ background:#f1f5fb; }
.mcs-content-inner .project-details table tr td:nth-child(2n){ border-bottom:1px solid transparent;}
.mcs-content-inner .project-details table tr:last-child td:last-child{ border-bottom:1px solid #a0a7ad;}
.mcs-content-inner .project-details .button-block{margin:20px 0 0;}
.mcs-content-inner .project-details .button-block .btnStyle{background:#0d7c8c; color:#fff; text-align:center; padding:0; border-radius:50px; display:inline-block;-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25);box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.25); width:180px; height:44px;font-family:'heeboextrabold'; font-size:16px; line-height:44px;}
.mcs-content-inner .project-details .button-block .btnStyle:hover{text-decoration:none; background:#ff7a82;}
.mcs-solarpanel-footer{background: url(../images/ftr-solarpanels.jpg); width:100%; height:184px; display: table;}
.mcs-solarpanel-footer .next-btn{display: table-cell; vertical-align: middle;}
.mcs-solarpanel-footer .next-btn a{background:#FF7A82; color:#fff; text-align:center; padding:0; border-radius:50px; height:60px; line-height:60px; width:220px; display:inline-block; font-family:'heeboextrabold'; font-size:16px; box-shadow:0px 15px 30px 0px rgba(0,0,0,0.25)}
.mcs-solarpanel-footer .next-btn a:hover{background:#0d7c8c; color:#fff; }



.mcs-box{padding:15px 60px; margin:47px 0 30px;min-height: 460px;}
.mcs-box  h2{font-family: 'heeboblack'; font-size: 30px; line-height: normal; color:#0D7C8C; text-align:center; margin:0;}
.mcs-box  p{font-family: 'heeboblack'; font-size: 16px; color:#0D7C8C; text-align:center;margin:0 0 15px;}

.table-div.grayboxes{margin:30px 0;}
.graybox-main{padding:15px 60px; margin:0 0; height:100%}
.grayboxes .table-cell{width:50%;}

.energy-offset-section-mcs .energy-offsect-graph {margin: 40px 0 0 0;}
.energy-offset-section-mcs .energy-offsect-graph .progress {background:none;margin:0 auto 20px auto;box-shadow:none;position:relative;}
.energy-offset-section-mcs .energy-offset-section .solar-panel-settings p {font-size: 12px; margin: 0 0 5px 0;}
.energy-offset-section-mcs .solar-panel-settings .btn-container { text-align: center;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .btn {width: 40px; height: 40px; padding: 0; border-radius: 10px; border: none; margin: 0 10px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); background-color:#f1f5fb; background-image:url(../images/plus-minus-2.png); background-repeat: no-repeat; transition:none;}
.energy-offset-section-mcs .solar-panel-settings p {font-size: 12px; margin: 0 0 5px 0;}
.energy-offset-section-mcs .solar-panel-settings .add-or-remove-txt {margin: 38px 0 3px;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .btn:hover {background-color:#0d7c8c;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .remove-btn { background-position: 11px 11px;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .remove-btn:hover { background-position: 11px -28px;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .add-btn { background-position: -30px 11px;}
.energy-offset-section-mcs .solar-panel-settings .btn-container .add-btn:hover { background-position: -30px -28px;}


.energy-details-mcs .you-are{padding:0 12px; text-align:center; color:#0D7C8C; margin:0 0 3px 0; font-family:'heeboblack';}
.energy-details-mcs .energy-detail-graph{margin-top:0;}
.energy-details-mcs .graph-legend{display:table;width:100%; margin:10px 0;}
.energy-details-mcs .legend-left, .legend-right{display:table-cell; vertical-align:bottom;}
.energy-details-mcs .legend-left{color:#000;font-family: 'heeboregular'; font-size:12px; padding-left:35px;}
.energy-details-mcs .legend-left p{margin:0; color:#41505B; font-family: 'heeboregular';text-align:left; font-size: 12px;}
.energy-details-mcs  .legend-left span.legentcolor{width:12px; height:12px; display:inline-block; background:#ff7ab2; margin:0 5px 0 0}
.energy-details-mcs  .legend-left .legend-groth{color:#0d7c8c;}
.energy-details-mcs .legend-left .legend-groth span.legentcolor{background:#0d7c8c;}
.energy-details-mcs .legend-right{text-align:right;}
.energy-details-mcs .legend-right a{background:#f1f5fb;display:inline-block;font-family: 'heebobold'; font-size:12px; min-height:33px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30);box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.30); border-radius:100px; padding:9px 20px;color:#0d7c8c;height:auto;text-align:center;}
.energy-details-mcs .legend-right a:hover{background:#0d7c8c; color:#fff;}


.mcs-content-inner .utility-costs .you-are{padding:0px 12px; text-align:center; color:#0D7C8C; margin:0 0 30px 0; font-family:'heeboblack';}
.mcs-content-inner .utility-costs .group-dropdown{border-bottom:solid 1px #0D7C8C; height: 20px;display: inline-block;}
.mcs-content-inner .utility-costs .group-dropdown select{color:#0D7C8C; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/Rectangle-arrow2.png) no-repeat center right; padding:0 10px 0 0}
@media all and (-ms-high-contrast:none){
.loan-details-mcs .mcs-content-inner .utility-costs .group-dropdown select{background-image:none; text-indent:0; padding:0;} /* IE10 */
*::-ms-backdrop, .mcs-content-inner .utility-costs .group-dropdown select{background-image:none; text-indent:0px; padding:0;} /* IE11 */}

.mcs-content-inner .utility-costs .group-dropdown select option{color:#000;}
.mcs-content-inner .utility-costs .graph-value{font-size:72px;font-family:'heeboblack'; margin:0 0 8px;text-align:center;color:#0D7C8C;}

.cost-saving-mcs{text-align:center; color:#0D7C8C;}
.year-slider-mcs{margin:30px 0;}
.cost-saving-mcs .rs-container .rs-scale span ins{margin-left: -10px !important;color:#0d7c8c; font-size:10px;}
.cost-saving-mcs .rs-container .rs-bg{height:2px; top:10px;background-color:#0d7c8c !important;border-color:#0d7c8c !important;}
.cost-saving-mcs .rs-container .rs-selected{height:2px; top:10px;background-color:#ffb521!important;border-color:#ffb521 !important;}
.cost-saving-mcs .rs-container .rs-scale span:before{display:none;}
.cost-saving-mcs .rs-container .rs-scale span:last-child ins{margin-left: 0px !important;}
.cost-saving-mcs .rs-pointer {background: #fff !important;height: 20px !important;width: 20px !important;border-radius: 100px !important;box-shadow: 1px 2px 2px rgba(0,0,0,0.3) !important;border: solid 2px #ffb521 !important;}
.cost-saving-mcs .rs-pointer:after, .rs-pointer:before {display: none;}
.cost-saving-mcs .utilites-vs-solar{display:block; width:80%; margin:30px auto 20px;}
.cost-saving-mcs .utilites-vs-solar div{display:inline-block; vertical-align:middle;font-size:18px;font-family:'heebobold';}
.cost-saving-mcs .utilites-vs-solar div span{display:block;}
.cost-saving-mcs .utilites-vs-solar div.vs{color:#FFB521;font-family:'heeboblack';font-size:16px; padding:0 30px;}
.cost-saving-mcs .utilites-vs-solar div span.per-month{font-size:18px;}
.cost-saving-mcs .saving-amount, .saving-amount .graph-value{color:#0d7c8c; font-size: 72px; font-family: 'heeboblack'; margin: 0 0 8px;}
.cost-saving-mcs .saving-amount, .saving-amount .graph-value span{color: #0d7c8c;font-size: 72px !important;font-family: 'heeboblack' !important;margin: 0 0 8px !important;display: inline !important;}
.cost-saving-mcs .saving-amount span{display:block;margin:-10px 0 20px;font-family:'heeboblack'; font-size:18px; text-transform:uppercase;}
/*.cost-saving-mcs .rs-container .rs-scale span ins:after{content:" yr"}*/


.energy-offset-section-mcs .progress{width:180px;height:180px;line-height:180px;background:none;margin:0 auto;box-shadow:none;position:relative;}
.energy-offset-section-mcs .progress:after{content:"";width:90%;height:90%;border-radius:50%;border:2px solid #0d7c8c;position:absolute;top:5%;left:5%;}
.energy-offset-section-mcs .progress > span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1;}
.energy-offset-section-mcs .progress .progress-left{left:0;}
.energy-offset-section-mcs .progress .progress-bar{width:100%;height:100%;background:none;border-width:20px;border-style:solid;position:absolute;top:0;}
.energy-offset-section-mcs .progress .progress-left .progress-bar{left:100%;border-top-right-radius:90px;border-bottom-right-radius:90px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left;}
.energy-offset-section-mcs .progress .progress-right{right:0;}
.energy-offset-section-mcs .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:90px;border-bottom-left-radius:90px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards;}
.energy-offset-section-mcs .progress .progress-value{width:85%;height:85%;border-radius:50%;border:none;font-size:32px;line-height:125px;text-align:center;position:absolute;top:7.5%;left:7.5%; font-family:heeboblack;}
.energy-offset-section-mcs .progress .progress-bar{border-color:#ffb521;}
.energy-offset-section-mcs .progress .progress-value{color:#0D7C8C; line-height:32px;padding: 48px 0;}
.energy-offset-section-mcs .progress .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s;}

.energy-offset-section-mcs .progress .progress-value span{display:block;font-size:14px; line-height:normal;}


@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(144deg);transform:rotate(144deg);}
}
@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
}
@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(36deg);transform:rotate(36deg);}
}
@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
 100%{-webkit-transform:rotate(126deg);transform:rotate(126deg);}
}
@media only screen and (max-width:990px){.progress{margin-bottom:20px;}
}

.table-div.grayboxes .table-cell{height:100%; overflow:visible;}
.system-specifications-mcs .light-gray-box {background:#f1f5fb; padding: 40px 15px; border-left:solid 10px #ff7a82; color:#0d7c8c; position:relative;-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20); height:100%;}
.system-specifications-mcs .light-gray-box h2{font-family: 'heeboblack'; font-size: 30px; line-height: normal; text-align:center; margin:0;}
.system-specifications-mcs .system-spefication-form {padding: 40px 0 0 0;}
.system-specifications-mcs .system-spefication-form .form-group {min-height: 80px; }
.system-specifications-mcs .system-spefication-form label {text-align: left; color:#0D7C8C; font-size: 14px; width: 100%;     font-family: 'heebobold'; font-weight:inherit;}
.system-specifications-mcs .system-spefication-form .system-size {background: none; border: none; border-bottom: 1px solid #0d7c8c; color: #0d7c8c; font-size: 15px; width: 100%; height: 38px;}
.system-specifications-mcs .system-spefication-form .system-size:focus {outline: none;}
.system-specifications-mcs .system-spefication-form .system-size-value{border-bottom: 2px solid #0d7c8c; color: #0d7c8c; font-size: 18px;font-family: 'heebobold';height:40px; line-height:40px;}
.system-specifications-mcs .selectbox-wrapper {position: relative; overflow: hidden;}
.system-specifications-mcs .selectbox {font-size: 18px; border: none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 40px; background: url(../images/selectbox-arrow-gr.png) no-repeat center right; background-position: right 15px; color: #0d7c8c; border-bottom: 2px solid #0d7c8c;   background-color: transparent; text-overflow: ""; display: inline-block; font-family:'heebobold', sans-serif;}
.system-specifications-mcs .selectbox option {color: #000;}

/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .system-specifications-mcs .selectbox{padding:0 19px 0 0;}
::i-block-chrome, .system-specifications-mcs .selectbox {padding:0 19px 0 0;}}
@media all and (-ms-high-contrast:none){
.system-specifications-mcs .selectbox{background-image:none; text-indent:0; padding:0;} /* IE10 */
*::-ms-backdrop, .system-specifications-mcs .selectbox{background-image:none; text-indent:0px; padding:0;} /* IE11 */}

.loan-details-mcs .light-gray-box {background:#f1f5fb; padding: 40px 15px 28px 15px; border-left:solid 10px #ff7a82; color:#0d7c8c; position:relative;-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.20);height:100%}
.loan-details-mcs .light-gray-box h2{font-family: 'heeboblack'; font-size: 30px; line-height: normal; text-align:center; margin:0; padding:0 0 26px 0;}
.loan-details-mcs .monthly-payment {font-family: 'heebobold'; color:#0d7c8c;}
.loan-details-mcs .monthly-payment-amount {text-align: center; padding:0 0 29px 0; }
.loan-details-mcs .monthly-payment-amount p {font-size: 16px; margin: 0 0 5px;}
.loan-details-mcs .monthly-payment-amount .amount { font-size: 60px; line-height: 60px; display: inline-block;}
.loan-details-mcs .monthly-payment-amount .amount span { font-size: 30px; line-height: normal; float: left; margin: 5px 0;}
.loan-details-mcs .monthly-payment-amount .amount span.count-bill-amount{ font-size: 60px; line-height: 60px; display: inline-block;}
.loan-details-mcs .monthly-payment-form {display: table; width: 100%; overflow: hidden; font-family: 'heebobold';}
.loan-details-mcs .monthly-payment-form .col-lg-6 {text-align:center; margin:0 0 27px 0;}
.loan-details-mcs .monthly-payment-form .form-group label {font-size: 14px; font-weight: normal; margin: 0 0 10px;}
.loan-details-mcs .monthly-payment-form .form-group.loan-term span { border-bottom: solid 2px #0d7c8c; display: block;}
.loan-details-mcs .loan-terms-dropdown{color:#0d7c8c; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/selectbox-arrow-gr.png) no-repeat center right; padding:0 15px 0 0; width:100%;font-family:'heebobold', sans-serif; font-size:18px;}

/*google chrome hack for select box*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .loan-details-mcs .loan-terms-dropdown{padding:0 19px 0 0;}
::i-block-chrome, .loan-details-mcs .loan-terms-dropdown {padding:0 19px 0 0 ;}}
@media all and (-ms-high-contrast:none){
.loan-details-mcs .loan-terms-dropdown{background-image:none; text-indent:0; padding:0;} /* IE10 */
*::-ms-backdrop, .loan-details-mcs .loan-terms-dropdown{background-image:none; text-indent:0px; padding:0;} /* IE11 */}

.loan-details-mcs .monthly-payment-form .form-group.intrest-rate { width: auto;}
.loan-details-mcs .monthly-payment-form .form-group{height:90px; display: block;max-width: 100%;width: auto;float: none;min-width: 15px;}
.loan-details-mcs .monthly-payment-form p { font-size: 18px;}
.loan-details-mcs .monthly-payment-form .form-group.down-payment label{display:block;}
.loan-details-mcs .monthly-payment-form .form-group input { width: 100%;}
.loan-details-mcs .monthly-payment-form .form-control{color:#0d7c8c; border:none; border-bottom:solid 2px #0d7c8c; border-radius:0; background:none; box-shadow:none; height:25px; padding:0; font-size:18px;}
.loan-details-mcs .monthly-payment-form .form-group.tax-credit { width: 25.33%; max-width: 124px; min-width: 124px; margin:0;}
.loan-details-mcs .switch{position:relative;display:inline-block;width:100px;height:25px;}
.loan-details-mcs .switch input{opacity:0;width:0;height:0;}
.loan-details-mcs .slider.round { border-radius: 34px;}
.loan-details-mcs .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a0a7ad;-webkit-transition:.4s;transition:.4s;}
.loan-details-mcs .slider:before{position:absolute;content:"No";height:18px;width:auto;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;padding: 0 15px; line-height:20px;}
.loan-details-mcs .slider.round::before { border-radius: 10px;}
.loan-details-mcs input:checked + .slider{background-color:#0dd29d;}
.loan-details-mcs input:focus + .slider{box-shadow:0 0 1px #2196F3;}
.loan-details-mcs input:checked + .slider:before{-webkit-transform:translateX(38px);-ms-transform:translateX(38px);transform:translateX(38px);content:"Yes";color: #0d7c8c;}

.footer-info{font-size:10px;color:#a0a7ad; line-height:14px; padding:20px;}


/** mcs-page-end **/


/* steps-page-main */
.middel-content-inner .content.steps-page-main{ padding:35px 60px;}
.whats-next{padding:30px 0;}
.whats-next h1{font-size:36px;color:#41505b; line-height:48px;font-family:'heeboblack';margin: 10px 0 3px;}
.whats-next-text{font-size:16px;color:#0d7c8c;font-family:'heebobold'; line-height:22.5px;}

.steps-boxes-main{margin:12px -20px 42px}
.steps-boxes{display:table; text-align:center; height:100%}
.steps-inner{min-width:170px;}
.steps-box{display:table-cell; vertical-align:top; padding:15px 20px;height:100%}
.step-number{font-size:24px;color:#0dd29d;font-family:'heeboblack'; line-height:28.5px;}
.step-name{font-size:16px;color:#0d7c8c;font-family:'heebobold'; line-height:22.5px; padding:10px 0;}
.step-text{font-size:14px;color:#0d7c8c;font-family:'heebobold'; line-height:20px;}
.steps-btn { margin:35px 0 10px;}
.steps-btn .btnStyle2{background:#ff7a82; color:#fff; text-align:center; padding:0 10px; border-radius:50px; display:inline-block;-webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.24);-moz-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.24);box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.24); width:170px; height:44px;font-family:'heeboextrabold'; font-size:16px; line-height:44px;}
.steps-btn .btnStyle2:hover{text-decoration:none; background:#0d7c8c;}
.steps-box .steps-box-in, .steps-box .steps-box-in .light-gray-box{height:100%;}
.steps-box .steps-box-in .light-gray-box{padding:30px 40px;}
.middel-content-inner.steps-page-container {padding-bottom: 0;}
.green-tick, .green-tick1{display: none;width: 170px;text-align: center;height: 44px;margin-top: -23px;}

.steps-boxes-inline{display: block;text-align: center;}
.steps-boxes-inline .steps-box{display: inline-block;}

/**new height related fixes **/
.steps-inner {position: relative;padding-bottom: 80px;height: 100%;width: 170px;}
.steps-btn {margin: 0;position: absolute; bottom: 0;width: 170px;left: 0;}
.green-tick, .green-tick1 {width: 170px; text-align: center;height: 44px;margin-top: 0 !important;display: block;}
.green-tick img, .green-tick1 img{margin-top:-30px;}
.thanyou-page .green-tick img, .thanyou-page .green-tick1 img {
	margin-top: 0;}
/******/

.thats-it{padding:30px 0;}
.thats-it h2{font-size:24px;color:#0dd29d; line-height:28px;font-family:'heeboblack';margin: 0 0 10px;}
.thats-it-text{font-size:16px;color:#0d7c8c;font-family:'heebobold'; line-height:22.5px;}

/* 0.9 azymath-footer-section */
.azymath-footer-section{background:#0d7c8d; padding:40px 0; width:100%; display:inline-block; vertical-align:top;}
.azymath-footer-section .container{max-width:910px; width:100%; margin:0 auto;}
.azymath-footer-section .upper-section h2{font-family: 'heeboblack'; font-size:12px; color:#ffffff; margin:0 0 5px; text-transform:uppercase;}
.azymath-footer-section .upper-section ul{margin:0; padding:0;}
.azymath-footer-section .upper-section ul li{list-style-type:none;}
.azymath-footer-section .upper-section a{font-family: 'heeboregular'; font-size:12px; color:#ffffff; display:block; margin:5px 0;}
.azymath-footer-section .upper-section a:hover{text-decoration:none; color:#3ac2d7;}
.azymath-footer-section .divider{background:#53afbc; width:100%; height:1px; display:inline-block; vertical-align:top; margin:20px 0;}
.azymath-footer-section .lower-section ul{margin:0; padding:0;}
.azymath-footer-section .lower-section ul li{list-style-type:none; display:inline-block; vertical-align:top; padding:0 10px;}
.azymath-footer-section .lower-section ul li:last-child{padding-right:0;}
.azymath-footer-section .lower-section a,.azymath-footer-section .lower-section p{font-family: 'heeboregular'; font-size:10px; color:#ffffff; display:block; margin:5px 0;}
.azymath-footer-section .lower-section a:hover{text-decoration:none; color:#3ac2d7;}
.azymath-footer-section .footer-big-logo{display:none;}

.azymath-footer-section .first img{max-width:100%;}
.form_error p {color:#ff7a82; margin:3px 0; font-size:14px;  font-family: 'heeboregular';}
.slider-container{padding:0 !important;}
.irs-handle.single::before {width: 22px !important; height: 22px!important;left: 41%!important;top: 36%!important;margin-left: -9px !important;display:none;}
.slider-container .irs--flat .irs-handle > i:first-child {top: 75%!important;left: 50%!important;border:solid 2px #ffb521 !important;width: 20px!important;height: 20px!important;box-shadow: none!important; background-color:#fff !important; box-shadow: 1px 2px 2px rgba(0,0,0,0.3) !important}
.irs--flat .irs-line {top: 20px!important;height: 2px!important;background-color: #0d7c8c !important;}
.irs--flat .irs-bar{top: 20px!important;height: 2px!important;background-color: #ffb521  !important;}
.irs--flat .irs-min, .irs--flat .irs-max{top:35px !important;font-size: 14px !important;font-family: 'heebobold';background: none !important;}
.irs--flat .irs-min{color:#ffb521 !important; display:none;}
.irs--flat .irs-max{color:#0d7c8c !important; display:none;}
/* steps-page-main-end */


/* 1.2 responsive */

/* 1.3 mobile-top-header */
.mobile-top-header{position:fixed; background:#fff;height:70px; width:100%; top:0; left:0; padding:20px; z-index:9;}
.mobile-top-header .logo{float:left;margin: 10px 0 0;}
.mobile-top-header .mobile-menu-taggle{float:right;}

/* 1.4 great-work for mobile view */
.great-work {background: #ffb521;color: #fff;padding: 40px 20px 50px;margin-bottom: -70px;text-align: center;}
.great-work h2{font-size:24px;font-family:'heeboblack'; margin:0 0 10px;}
.great-work p{font-size:18px;font-family:'heebobold';}
.collapse-menu{background:url(../images/arrow-down1.png) no-repeat; background-position:0 -23px; width:37px; height:22px; display:inline-block; margin:30px 0;}
.collapse-menu.collapsed{background:url(../images/arrow-down1.png) no-repeat; background-position:0 0;}
.great-work-footer{font-size:14px;font-family:'heebobold';}
.great-work-footer span{font-family: 'heeboregular'; font-size:12px; display:block;color: #41505b; margin:50px 0; text-align:left;}
.process-indicator-mobile span{font-size:14px;font-family:'heebobold';color:#0d7c8c;display:block;padding: 5px 0 0;}


@media (max-width:1440px){
.steps-boxes{display:block; text-align:center; height:100%}
.steps-box{display:inline-block; vertical-align:top; padding:15px;height:100%; width:33.33%; min-width:294px;}

/* Calculator-Estimate-result-[age */
	.monthly-payment-form .form-group {width: 50% !important;max-width: none !important;}
	.monthly-payment-form .form-group label, .monthly-payment-form .form-group div, .monthly-payment-form .form-group.loan-term span {display: block !important;}
	.monthly-payment-form .form-group.loan-term{min-width:15px;}

	.loan-details-mcs .monthly-payment-form .form-group {width: 100% !important;max-width: none !important;}

}

@media (max-width:1360px){
	/* sun-exposures-page */
	.sun-exposure-section{width:auto; padding:0 15px;margin-top: 20px;}
	.sun-exposure-main	{text-align:center;}
	.sun-exposure-box{float:none; margin-bottom:30px;display:inline-block;}
	.sun-exposure-main .sun-exposure-box:last-child{margin-bottom:0;}

	.mcs-box{padding: 15px 30px 0;}
.graybox-main{padding:15px}

.loan-details-mcs .loan-terms-dropdown{font-size:16px;}

.steps-page-container .azymath-footer-section{}
.steps-page-container .azymath-footer-section .upper-section .first, .steps-page-container .solar-azymath-footer-section .upper-section .first, .steps-page-container .azymath-footer-section .upper-section .second, .steps-page-container .solar-azymath-footer-section .upper-section .second, .steps-page-container .azymath-footer-section .upper-section .third, .steps-page-container .solar-azymath-footer-section .upper-section .third, .steps-page-container .azymath-footer-section .upper-section .fourth, .steps-page-container .solar-azymath-footer-section .upper-section .fourth{margin-right: 55px;}

}
@media (max-width:1280px){
	.steps-page-container .azymath-footer-section .upper-section .first, .steps-page-container .solar-azymath-footer-section .upper-section .first, .steps-page-container .azymath-footer-section .upper-section .second, .steps-page-container .solar-azymath-footer-section .upper-section .second, .steps-page-container .azymath-footer-section .upper-section .third, .steps-page-container .solar-azymath-footer-section .upper-section .third, .steps-page-container .azymath-footer-section .upper-section .fourth, .steps-page-container .solar-azymath-footer-section .upper-section .fourth{margin-right: 35px;}
}

.zip-box label{color: #0d7c8c;font-size: 14px;font-family: 'heebobold';margin: 0 0 5px;}
.zip-box .form-control {border-radius: 0;box-shadow: none;border: 2px solid #98a2aa;color: #0d7c8c;font-family: 'heebobold';font-size: 18px;min-height: 40px;background: #f1f5fb; padding: 5px;}
.zip-box .form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

@media(min-width:1279px){
	/* 0.3 top-header-section */
	.sidenav{overflow:hidden;}


}
@media (min-width:768px){
.cost-saving-mcs .utilites-vs-solar {display:table;}
.cost-saving-mcs .utilites-vs-solar div{display:table-cell;}
}
@media (max-width:1200px){
	.right-panel{width:30%; min-width:340px; max-width:340px;}
	.legend-left, .legend-right, .energy-details-mcs .legend-left, .legend-right{display:block; text-align:left !important; margin:5px 0;}

	.utilites-vs-solar div.vs{padding:0 15px;}

	/*.rs-scale{display:flex;width:100%;}
	.rs-container .rs-scale span{flex:1; float:none !important; max-width:16.66% !important;}*/

}

@media (max-width:1080px){
	.steps-page-container .azymath-footer-section .upper-section .first, .steps-page-container .solar-azymath-footer-section .upper-section .first, .steps-page-container .azymath-footer-section .upper-section .second, .steps-page-container .solar-azymath-footer-section .upper-section .second, .steps-page-container .azymath-footer-section .upper-section .third, .steps-page-container .solar-azymath-footer-section .upper-section .third, .steps-page-container .azymath-footer-section .upper-section .fourth, .steps-page-container .solar-azymath-footer-section .upper-section .fourth{margin-right: 15px;}
}
@media (min-width:992px) and (max-width:1023px){
/* Calculator-Estimate-result-[age */
	.monthly-payment-form .form-group {width: 100% !important;max-width: none !important; float:none;display: block;}
	.monthly-payment-form .form-group label, .monthly-payment-form .form-group div, .monthly-payment-form .form-group.loan-term span {display: block !important;}

}

@media (min-width:768px) and (max-width:991px){
	.monthly-payment-form .form-group.loan-term{min-width:15px;}
	.monthly-payment-form p, .monthly-payment-form .form-group.loan-term select{font-size:16px;}
}
@media (min-width:768px) and (max-width:1024px){
	/*.right-panel-inner-inn{padding:0 0 100px;}
	.right-panel-inner-inn-large{padding-bottom:130px;}*/
	html, body{min-height:100%; overflow-x:hidden;}
	.energy-details-mcs .legend-left{padding-left:0;}
	.page-head .logo{top: 24px;}
}
@media (min-width:768px) and (max-width:1120px){
.loan-details-mcs .monthly-payment-form .col-xs-6{width:100%;}
}

@media (max-width:991px){
	.button-block .btnStyle{width:auto; min-width:150px; margin:0 10px; height:44px; padding:0 10px; line-height:44px;}

	.header .left-panel{width: 11px;}
	.header	.left-panel-inner{background:#fff;}
	.header .left-panel-inner .logo{padding-top:15px;border-bottom:solid 1px #f1f5fb; height:100px;}
	.main-logo img{max-height:80px;}
	.header .page-name{margin-left:-55px;}

	.monthly-payment-form .form-group.intrest-rate, .form-group.tax-credit{ padding-left:40px}
	.loan-details-mcs .monthly-payment-form .form-group.intrest-rate{padding-left:15px;}
	.loan-details-mcs .monthly-payment-form .form-group.tax-credit{padding-left:15px;}

	.steps-page-container .azymath-footer-section .upper-section .first, .steps-page-container .solar-azymath-footer-section .upper-section .first{margin: 0 auto 60px !important;float: none;}
	.steps-page-container .azymath-footer-section .upper-section .first, .steps-page-container .solar-azymath-footer-section .upper-section .first, .steps-page-container .azymath-footer-section .upper-section .second, .steps-page-container .solar-azymath-footer-section .upper-section .second, .steps-page-container .azymath-footer-section .upper-section .third, .steps-page-container .solar-azymath-footer-section .upper-section .third, .steps-page-container .azymath-footer-section .upper-section .fourth, .steps-page-container .solar-azymath-footer-section .upper-section .fourth{ margin-right:45px;}

}
@media(max-width:880px){
	.steps-page-container .solar-azymath-footer-section .upper-section .first, .steps-page-container .azymath-footer-section .upper-section .second, .steps-page-container .solar-azymath-footer-section .upper-section .second, .steps-page-container .azymath-footer-section .upper-section .third, .steps-page-container .solar-azymath-footer-section .upper-section .third, .steps-page-container .azymath-footer-section .upper-section .fourth, .steps-page-container .solar-azymath-footer-section .upper-section .fourth{ margin:0 5px !important ;}
}

@media (max-width:767px){

	/* top-header-section */
	.sidenav {box-shadow:none;}
	.sidenav ul{margin:0;}
	.sidenav h2, .sidenav ul li{text-align:right;}
	.sidenav .social-icons ul{text-align:center;}
	.sidenav .social-icons ul li a{font-size:45px;}
	.sidenav .copyright-text{display:block;}
	.sidenav h2{padding-right:10px;}
	.sidenav ul li{margin-bottom:10px;}

	.sidenav ul li a{font-size:25px; line-height:28px;}
	
	.great-work .collapse-menu.collapsed {display: none;}
	.wrapper{padding:70px 0 0;}
	.table-div, .middel-content{background:transparent;}
	.middel-content-inner .content{padding:20px 0;}
	.middel-content-inner{margin: 55px 0 0; border-radius: 30px; box-shadow: 0 2px 15px rgba(0,0,0,0.35);padding:0 0; border-bottom-left-radius: 0;border-bottom-right-radius: 0; padding-bottom:30px;height: auto;}
	.button-block{margin:60px 0 0;}
	.button-block .btnStyle{width:auto; min-width:170px; margin:0 17px; line-height:44px;}
	.light-gray-box{padding:40px 20px 40px}
	.locationbox{margin:-73px 15px 60px 15px}
	.wh-box{margin:10px 15px;}
	.page-head{height:auto;padding: 20px 20px 15px;margin: 0 15px;}
	.space {margin: 50px 15px 40px;border-color: #f1f5fb;}

	.estimate-results{max-width:none; margin:40px 15px;}

	.electricity-provider {margin: 0 0 20px 0;}
	.middel-content .content-footer{position:static; margin:80px 15px 0;}

	.mcs-page .content{padding:0;}
	.mcs-content{width: 100%;padding: 0;margin: 0px auto 30px;}
	.mcs-box{padding: 15px 15px;margin: 30px 0 0;}
	.graybox-main{padding: 0 15px;margin: 30px 0;}
	.mcs-content-inner .project-details{width: auto;margin: 30px 15px 60px; max-width:none;}
	.cost-saving-mcs .saving-amount, .saving-amount .graph-value, .mcs-content-inner .utility-costs .graph-value{font-size:72px;}
	.mcs-content-inner .project-details table tr td{padding:15px;}
	.middel-content-inner.mcs-page, .left-graph-box{margin-bottom:0;}

	.table-div.grayboxes, .grayboxes .table-cell{display:block; width:100%;}
	.loan-details-mcs .monthly-payment-form .form-group{padding:0;}
	.monthly-payment-form .form-group.loan-term{min-width:15px;}


	.graph-img .img-responsive{margin: 0 auto;width: 100%;}

	.middel-content-inner.steps-page-container {margin: 0;box-shadow: none;border-radius: 0;}
	.middel-content-inner .content.steps-page-main{padding:0 30px;}
	.steps-boxes-main{margin:0;}
	.whats-next, .thats-it{text-align:center;}

	/* 0.9 azymath-footer-section */
	.azymath-footer-section{padding:80px 0;}
	.azymath-footer-section .upper-section{display:none;}
	.azymath-footer-section .footer-big-logo{display:block;}

	.box-title{ display:block;}

	.middel-content-inner.mcs-page.boder-hidden {box-shadow: none;margin-top: 0;}

	.energy-details-mcs .graph-legend{width: 193px;margin: 10px auto;}
	.energy-details-mcs .legend-right{text-align:center !important;}
	.energy-details-mcs .legend-left{padding-left: 0 !important;margin: 15px 0;}

	.middel-content-inner.mcs-page.boder-hidden .mcs-box{min-height:auto; width:100%; overflow:hidden;}

	.middel-content-inner.mcs-page.boder-hidden{padding-top:0 !important;}

	.table-cell{overflow:visible;}

	.middel-content-inner.mcs-page.boder-hidden .mcs-content .row{margin:0;}
	.middel-content-inner.mcs-page.boder-hidden .mcs-content .mcs-content-inner .row .col-sm-6{padding:0; }

}

@media(max-width:414px){
	/* 0.3 top-header-section */
	.sidenav .social-icons ul li a{font-size:25px;}

}
@media(max-width:413px){
	.button-block .btnStyle{min-width: 124px;}

	/* 0.3 top-header-section */
	.sidenav ul{padding:0 10px;}

	.monthly-payment-form .form-group label{margin:0 0 5px; display:block;}
	.monthly-payment-form .form-group.loan-term span{display:block;}
	.monthly-payment-form .form-group{height:auto; width:100% !important;max-width:none !important; float:none; margin:0 0 15px; display:block; height:auto !important;}
}

.mobi-menu{display:none;}
.deskmenu{display:block;}
@media (max-width:767px){
	.mobi-menu{display:block;margin-top: 0;}
	.deskmenu{display:none;}
	.sidenav{top:100px; max-width:100%; padding-top:10px; bottom:0; height:auto; overflow:visible !important;}
	.sidenav .closebtn {display:none;position:fixed ;top: 0;right: 10px;font-size: 36px;margin-left: 50px;z-index: 99999999;}
	.cost-saving-mcs .utilites-vs-solar{width:100%;}
}
@media (max-width:767px){

	/* .cost-saving-mcs{display:none;} */
	.page-head span.process-indicator img{width:auto;}
}
@media (max-width:414px){
	.table-cell, .table-div {display: block;}
}
@media (max-width:413px){
	.monthly-payment-form .form-group.intrest-rate, .form-group.tax-credit{ padding-left:15px}
	.system-spefication-form .col-xs-6, .monthly-payment-form .col-xs-6{width:100%;}
	.loan-details-mcs .monthly-payment-form .form-group.intrest-rate{padding:0;}
	.loan-details-mcs .monthly-payment-form .form-group.tax-credit{padding:0;}
}
@media (max-width:400px){
	.slider-container {width: 100%;margin: 0 auto;}
}

.graph-legend2 {text-align: left !important; margin:0 0 0 40px;}
.graph-legend2 p {text-align: left;float: left;margin: 0 15px 0 0;font-size: 12px; font-family:'heeboregular';}
.graph-legend2 p span {width: 12px;height: 12px;background: #0d7c8c;display: inline-block;margin: 0 5px 0 0;}
.graph-legend2 p.legend-utility{color:#41505B;}
.graph-legend2 p.legend-utility span{background:#ff7ab2;}


.middel-content-inner.mcs-page.boder-hidden{padding-top:100px;}
.solar-panel-settings{margin:30px 0 0;}


.scroll-div {max-height: 275px;overflow: auto;}

.graph-img canvas{max-width:100%;}

body.modal-open {overflow: hidden;}

.right-footer select{color:#fff; border:none;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */appearance:none; background:url(../images/Rectangle-arrow.png) no-repeat center right; padding:0 10px 0 0; border-bottom:solid 1px #fff; font-family:'heebobold';}
@media all and (-ms-high-contrast:none){
.right-footer select{background-image:none; text-indent:0; padding:0;} /* IE10 */
.right-footer select{background-image:none; text-indent:0px; padding:0;} /* IE11 */}

.right-footer select option{color:#000;}


.bill-slider #monthly_value input, .bill-slider #monthly_value input:focus {background: none;box-shadow: none;border: none;}
.bill-slider #annual_consumption, .bill-slider #monthly_value{/*border-bottom: 2px solid #384841; background:#ffdc95;*/ padding:0 5px;padding: 0 5px;display: inline-block;height: 35px;}
.bill-slider:hover #annual_consumption, .bill-slider:hover #monthly_value{/*background:#ffdc95;border-color:#ffdc95;*/ color:#ffdc95; }
.bill-slider #annual_consumption input, .bill-slider #annual_consumption input:focus {background: none;box-shadow: none;border: none;}

.legend-right #consumption_value{border:none; background: none;border-bottom: 2px solid #0d7c8c;color:#0d7c8c;font-size: 18px;width: 100%;height: 38px;font-family: 'heebobold';height: 40px;line-height: 40px;display: inline-block;width: auto;max-width: 140px;}

/*** pai chart progress bar **/
.collapse-menu span{width:100%; height:100%; display:block;}
.collapse-menu #button_go{display:none;}
.collapse-menu #button_reset{display:block;}
.collapse-menu.collapsed #button_go{display:block;}
.collapse-menu.collapsed #button_reset{display:none;}
.pie_progress {width: 100px;margin: 10px auto;}
.pie_progress__number{font-family: 'heeboblack'; font-size: 48px;}

@media all and (max-width: 768px) {
	.pie_progress {width: 80%;max-width: 160px;}
}

@media (min-width:768px) and (max-width: 1024px) {
	.graybox-main {min-height:660px;}
}


.docusign-outer{ min-height: 780px;}
.docusign-outer iframe{height:100%;}
.docusign-popup .embed-responsive{min-height:780px;}
.docusign-popup .embed-responsive iframe{height:100%;}
/*** pai chart progress bar end**/

/** range slider Ins nth child hide for small device ***/
.price-slider{width:370px; margin:0 auto;}
@media (max-width:1360px){
.price-slider{position: relative;height: 30px;}
.mcs-page boder-hidden .slider-container{position: absolute;width: 100%;margin-left: 0%;}
}

@media (max-width:1200px){
.price-slider{width:320px; margin:0 auto;}
.price-slider .cost-saving-mcs .rs-container .rs-scale span ins{}
.price-slider .rs-container .rs-scale span:last-child{width:0 !important;}
.price-slider .rs-container .rs-scale span:nth-child(2) ins, .price-slider .rs-container .rs-scale span:nth-child(3) ins, .price-slider .rs-container .rs-scale span:nth-child(4) ins, .price-slider .rs-container .rs-scale span:nth-child(6) ins, .price-slider .rs-container .rs-scale span:nth-child(7) ins, .price-slider .rs-container .rs-scale span:nth-child(8) ins, .price-slider .rs-container .rs-scale span:nth-child(9) ins, .price-slider .rs-container .rs-scale span:nth-child(11) ins, .price-slider .rs-container .rs-scale span:nth-child(12) ins, .price-slider .rs-container .rs-scale span:nth-child(13) ins, .price-slider .rs-container .rs-scale span:nth-child(14) ins, .price-slider .rs-container .rs-scale span:nth-child(16) ins, .price-slider .rs-container .rs-scale span:nth-child(17) ins, .price-slider .rs-container .rs-scale span:nth-child(18) ins, .price-slider .rs-container .rs-scale span:nth-child(19) ins, .price-slider .rs-container .rs-scale span:nth-child(21) ins, .price-slider .rs-container .rs-scale span:nth-child(22) ins, .price-slider .rs-container .rs-scale span:nth-child(23) ins, .price-slider .rs-container .rs-scale span:nth-child(24) ins{visibility:hidden;}
}
@media (max-width:1100px){
.price-slider{width:250px; margin:0 auto;}
}
@media (max-width:991px){
.price-slider{width:320px; margin:0 auto;}
}
@media (max-width:439px){
.price-slider .slider-container{width:100%; min-width:320px;}
.price-slider{width:320px; margin:0 auto;}
.cost-saving-mcs .rs-container .rs-scale span ins{}
.rs-container .rs-scale span:last-child{width:0 !important;}
}
@media (max-width:438px){
	.middel-content-inner.mcs-page.boder-hidden .mcs-box .price-slider .slider-container{width:90%; min-width:250px;}
.middel-content-inner.mcs-page.boder-hidden .mcs-box .price-slider{width:300px; margin:0 auto;}
}
.rs-container .rs-scale span:nth-child(2) ins, .rs-container .rs-scale span:nth-child(3) ins, .rs-container .rs-scale span:nth-child(4) ins, .rs-container .rs-scale span:nth-child(6) ins, .rs-container .rs-scale span:nth-child(7) ins, .rs-container .rs-scale span:nth-child(8) ins, .rs-container .rs-scale span:nth-child(9) ins, .rs-container .rs-scale span:nth-child(11) ins, .rs-container .rs-scale span:nth-child(12) ins, .rs-container .rs-scale span:nth-child(13) ins, .rs-container .rs-scale span:nth-child(14) ins, .rs-container .rs-scale span:nth-child(16) ins, .rs-container .rs-scale span:nth-child(17) ins, .rs-container .rs-scale span:nth-child(18) ins, .rs-container .rs-scale span:nth-child(19) ins, .rs-container .rs-scale span:nth-child(21) ins, .rs-container .rs-scale span:nth-child(22) ins, .rs-container .rs-scale span:nth-child(23) ins, .rs-container .rs-scale span:nth-child(24) ins{visibility:hidden;}



/*
@media only screen and (orientation: portrait) {
.price-slider .slider-container{width:100%; min-width:320px;}
.rs-container .rs-scale span:nth-child(2) ins, .rs-container .rs-scale span:nth-child(3) ins, .rs-container .rs-scale span:nth-child(4) ins, .rs-container .rs-scale span:nth-child(6) ins, .rs-container .rs-scale span:nth-child(7) ins, .rs-container .rs-scale span:nth-child(8) ins, .rs-container .rs-scale span:nth-child(9) ins, .rs-container .rs-scale span:nth-child(11) ins, .rs-container .rs-scale span:nth-child(12) ins, .rs-container .rs-scale span:nth-child(13) ins, .rs-container .rs-scale span:nth-child(14) ins, .rs-container .rs-scale span:nth-child(16) ins, .rs-container .rs-scale span:nth-child(17) ins, .rs-container .rs-scale span:nth-child(18) ins, .rs-container .rs-scale span:nth-child(19) ins, .rs-container .rs-scale span:nth-child(21) ins, .rs-container .rs-scale span:nth-child(22) ins, .rs-container .rs-scale span:nth-child(23) ins, .rs-container .rs-scale span:nth-child(24) ins{visibility:hidden;}
}*/
/** range slider Ins nth child hide for small device*/
.helpertext-box.text-center {margin: 0 auto;max-width: 610px;font-size: 14px;text-align: justify;color:#41505B;}
.light-gray-box .helpertext-box p{font-family: 'heeboregular' !important; text-align:center;color:#0d7c8c;}
.utility_consumption_btn{margin-top:5px;}

 @media (min-width:767px){
.utility_consumption_btn{display:none !important; margin-top:5px;}
 }
@media (max-width:767px){
	.schedule-home-inspection.schedule-inspection-main .modal-lg{margin-top:2.5vh;}
	.schedule-home-inspection.schedule-inspection-main .schedule-popup {height: 75vh !important;}
	body.modal-open{position:fixed;}
	.modal-open .wrapper{overflow: hidden; height:100vh}
	.schedule-home-inspection .frm{height: 60vh !important;}
	.loan-details-mcs .light-gray-box{min-height: 512px;}
	.helpertext-box.text-center{padding:0 15px; word-break: keep-all;width: auto;max-width: none;}

}

.piechart-main {width: 200px;height: 160px;position: relative;margin: 0 auto 15px;}
.piechart-back {border: solid 2px #0d7c8c;height: 147px;position: absolute;width: 147px;border-radius: 100%;top: 9px;left: 24px;z-index: 1;}
.piechart-front{position:relative;z-index:2;}

.piechart2-main{width:200px; height: 200px; position: relative; border-radius: 100%; margin:-60px auto 0; }
.piechart2-back{width: 140px;height: 140px;position: absolute;top: 54px;left: 30px;border: solid 2px #0d7c8c;z-index: 1;border-radius: 100%;}
.piechart2-front{width: 200px; height: 200px; position: absolute; top: 0; left: 0;z-index: 2}
.energy-offsect-graph canvas{margin: 0;}

.piechart3-main{width:250px; height: 250px; position: relative; border-radius: 100%; margin:-60px auto 0; }
.piechart3-back{width: 184px;height: 184px;position: absolute;top: 54px;left: 33px;border: solid 2px #0d7c8c;z-index: 1;border-radius: 100%;}
.piechart3-front{width: 250px; height: 250px; position: absolute; top: 0; left: 0;z-index: 2}

#star_span {margin:0 3px 0 0;}

.buttonstyle .btnStyle{background:#0d7c8c; color:#fff; text-align:center; padding:0; border-radius:50px; display:inline-block;float: left; margin: 15px 8px 0; height:30px;font-family:'heeboextrabold'; font-size:16px; line-height:30px;border:none;font-weight: normal;padding:0 15px;}
.buttonstyle .btnStyle:hover{text-decoration:none; background:#ff7a82;}
.mrb0{margin:0 !important;}

.schedule-home-inspection .youhave-save{font-family: 'heebobold';}



@media (max-width:1120px){
	.prm-code{margin-top:5px !important;}
	.buttonstyle .btnStyle{margin: -15px 8px 15px;}
}
@media (max-width:413px){
	.loan-details-mcs .light-gray-box{min-height: 622px;}
}

.project-detail-in{}
.project-detail-in label {text-align: left; color:#0D7C8C; font-size: 14px; width: 100%;font-family: 'heebobold'; font-weight:inherit; font-weight:normal; line-height:normal;}
.project-detail-in .label-detail {color: #0D7C8C;font-size: 18px;font-family: 'heebobold';height:auto;line-height: 40px; font-weight:normal;line-height:normal;margin:0 0 10px;}
@media (max-width:480px){
	.project-detail-in .col-xs-6 {width:100%;}
}

.utilites-vs-solar div{max-width:150px;}
@media (max-width:1200px){
.right-panel-inner .utilites-vs-solar div{max-width:130px;}
}
@media (max-width:767px){
.cost-saving-mcs .utilites-vs-solar div{display:block; max-width:none;}
.cost-saving-mcs .utilites-vs-solar div span{display:inline-block;}
.mobile-top-header{height:100px;}
.wrapper{padding:100px 0 0 ;}
.mobile-top-header .logo{margin:-5px 0;}
.mobile-top-header .logo img{height:80px;}
.buttonstyle .btnStyle{margin: 15px 8px 0px;}
}
@media (min-width:992px){
	.left-panel-inner .logo{padding:5px 15px !important; height:107px;text-align: center;line-height: 100px;}
	.page-head{height:107px!important;}
	.logo img{height:auto; max-width:206px;}
	
}

.prm-code {margin-top: -25px;padding: 0 10px;font-weight: normal;color: #0dd29d;font-size: 18px; text-align:center;}


/* 02-06-2020 updates  build_system-alignment*/
.wit-important{padding: 36px 12px 77px;}
	.wit-promocoe{position:relative; border:none !important;}
@media(max-width:1360px){
	.wit-promocoe{top: -18px; 
	
-webkit-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.09);
box-shadow: 0px 0px 17px 3px rgba(0,0,0,0.09);
	}
}
@media(max-width:1200px){
	.wit-promocoe{top: -40px;}
}
@media(max-width:1011px){
	.wit-promocoe{top: -21px;}
}
@media(max-width:991px){
	.wit-important{padding: 51px 12px 12px;}
	.wit-promocoe{top: 3px;}
	.wit-promocoe-shadow{box-shadow: none; border: 0;}
}

.promo-code-box{text-align: center;}
.promo-code-box .form-control {max-width: 60%;margin: 5px auto;border-radius: 0;box-shadow: none;color: #616b6d;font-size: 14px;min-height: 40px;background: #f1f5fb;font-family: 'heeboregular' ;box-shadow: 0 0 2px #616b6d;border: none;border: none;border-radius: 5px; }
.promo-code-box .form-control:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
#promocodeBtn, #promocodeBtnMobile ,#promocodeBtnRemove, #promocodeBtnMobileRemove {float: none;}
.promo-code-box .panel_count_message{padding: 5px 0 0;}
.promo-code-box .prm-code{margin-top: 5px;}

.promo-code-box .prm-code{color:#fff ;}
.promo-code-box-main {
  background: #02a8dc;
  border-radius: 15px;
  border: dashed 2px #fff;
  overflow: hidden;
}
.promo-code-box-head {
  background: #013445;
  margin: -16px -10px 20px;
  padding: 15px;
  color:#fff;
  font-family: 'heeboregular';
  font-size:22px;
}
.promo-code-box {
    text-align: center;
}
.promo-code-box-head .fa{margin: 5px 5px 0 0;font-size: 26px;}
.promo-code-box-head .fa, .promo-code-box-head span span{color:#ffb522;}
.promo-code-box .buttonstyle .btnStyle {
	
	    background: #ffb522;
    font-family: 'heeboregular' ;
    font-size: 18px;
    color: #013445 ;
    height: 40px ;
    width: 150px;
	margin: 10px 0 0;
	box-shadow: 0 2px 2px #14677f;
	cursor: pointer;
}
.promo-code-box .panel_count_message h2{color:#fff ;}

.promo-code-popup .close {
 background: #013445;
border-radius: 30px;
width: 30px;
height: 30px;
top: -25px ;
opacity: 1 ;
position: absolute;
right: -24px;
line-height: 30px;
color: #fff;
font-size: 30px;
}
.modal-content .promo-code-box {
  padding: 10px;
}
.promo-code-popup .modal-content, .promo-code-popup .modal-content .modal-body {
  padding: 0;
  background: none;
}

.modal.promo-code-popup {
  text-align: center;
}

 
  .modal.promo-code-popup:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }

.promo-code-popup .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.promo-code-popup .modal-dialog{max-width:80% ;}