/*

0.1 fonts
0.2 common
0.3 top-header-section
0.4 slider-section
0.5 free-solar-quote
0.6 about-us-slipt-section
0.7 did-you-know-section
0.8 the-latest-section
0.9 azymath-footer-section

0.10 solar-panel-wrapper
0.11 solar-panel-left-section
0.12 solar-panel-right-section
0.13 solar-top-header-section
0.14 solar-azymath-footer-section

*/

/* 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'; font-size:16px; color:#1b1b1b;}
.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;}

/* 0.3 top-header-section */
.top-header-section .header {position: fixed; top:0; z-index: 9;height: auto; width: 100%;  background:transparent; padding: 18px; -webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s; -o-transition:all ease-out .5s; transition: all ease-out .5s;}  
.top-header-section .active {background: rgba(255,255,255,1); } 
.top-header-section .logo, .hamburger-icon { display: inline-block; vertical-align: top; }
.top-header-section .logo {margin: 11px 10px 10px 19px;}
.hamburger-icon{margin: 2px 20px 10px 20px;}
.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; }
.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;}

/* 0.4 slider-section */
body, html {height: 100%; margin: 0;}
.slider-section { width:100%; display:inline-block; vertical-align:top; background: url(../images/slider-01.jpg); height: 100%;  min-height:767px; background-position: center; background-repeat: no-repeat; background-size: cover;}

/* 0.5 free-solar-quote */
.free-solar-quote{background:rgba(241,245,251,0.9); width:450px; border-left:solid 10px #f97b82; margin:120px 0px 30px 100px; padding: 45px 40px 45px 40px;}
.free-solar-quote h2{font-family: 'heeboblack'; font-size:36px; color:#42505b; line-height: 48px; text-shadow: 0px 0px 10px rgba(255,255,255,0.77);}
.free-solar-quote h2 span{color:#ffb522;}
.free-solar-quote h3{font-family: 'heeboblack'; font-size:18px; color:#0d7c8d; line-height:25px; margin:10px 0 15px;}
.free-solar-quote label{font-family: 'heebobold'; color:#465059; font-size:14px; line-height:12px; font-weight:normal;}
.free-solar-quote input{border:solid 2px #959ca2; height:40px; width:100%; padding:0 5px;}
.free-solar-quote input: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);}
.free-solar-quote .form-group{margin:65px 0 15px;}
/* .free-solar-quote .form-group button{font-family: 'heeboextrabold'; font-size:16px; color:#fff; background:#ff7a83; padding:12px 38px 8px; border-radius:30px; font-size:16px; border:0; float:right; margin:20px 0 0; */
/* -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22);} */
.free-solar-quote .form-group .submit-btn{font-family: 'heeboextrabold'; font-size:16px; color:#fff; background:#ff7a83; padding:8px 38px 8px; border-radius:30px; font-size:16px; border:0; float:right; margin:20px 0 0; width:auto;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22);}
.free-solar-quote .form-group .submit-btn:hover{background:#0d7c8d;}
.form_error{color:#ff7a82; margin:3px 0; font-size:14px;  font-family: 'heeboregular';}

/* 0.6 about-us-slipt-section */
.about-us-slipt-section .right-section{background:#fff;}
.about-us-slipt-section .left-section{background:#fff; width:940px; float:left;}
.about-us-slipt-section .left-section .light-gray-box{background:#f1f4fb; width:370px; padding:20px; float:left; border-left:solid 10px #ff7a83; margin:55px 15px 15px 60px;
-webkit-box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.14);
box-shadow: 0px 3px 14px -1px rgba(0,0,0,0.14);}
.about-us-slipt-section .left-section .light-gray-box:first-of-type{margin-right:20px;}
.about-us-slipt-section .left-section .light-gray-box img{margin:0 0 12px; display:inline-block; vertical-align:top;}
.about-us-slipt-section .left-section .light-gray-box h2{font-family: 'heeboblack'; font-size:18px; color:#0e7d8e; margin:15px 0 14px;}
.about-us-slipt-section .left-section .light-gray-box p{font-family: 'heeboregular'; font-size:14px; color:#41505B; margin:12px 0 14px;}
.about-us-slipt-section .left-section .light-gray-box a{font-family: 'heeboextrabold'; font-size:16px; color:#fff; background:#ff7a83; padding:11px 40px 11px 40px; border-radius:30px; font-size:16px; border:0; margin:3px 0 8px; width:160px; display:inline-block; vertical-align:top; text-align:center; -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22); box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.22);}
.about-us-slipt-section .left-section .light-gray-box a:hover{background:#0d7c8d;}
.about-us-slipt-section .right-section{background:#0d7c8d; float:right; width:500px; height:640px; margin-top:-40px; padding:142px 80px;
-webkit-box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.4);
-moz-box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.4);
box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.4); border:none;}
.about-us-slipt-section .right-section h2{font-family: 'heeboblack'; font-size:30px; color:#ffffff; line-height:36px; margin:0;}
.about-us-slipt-section .right-section h2:first-of-type{margin-bottom:40px;}
.about-us-slipt-section .right-section h2:last-of-type{margin-bottom:120px;}
.about-us-slipt-section .right-section p{font-family: 'heeboblack'; font-size:30px; color:#ffb623; line-height:36px;}
.about-mob{display:none;}
.about-desk{display:block;}

/* 0.7 did-you-know-section */
.did-you-know-section{background:#FFB521; width:100%; color:#fff; display:inline-block; vertical-align:top; padding:90px 0 70px; margin-top:-40px;}
.did-you-know-section h2{font-family: 'heeboblack'; font-size:24px; margin:0;}
.did-you-know-section p{font-family: 'heebobold'; font-size:18px; margin:12px 0 0;}

/* 0.8 the-latest-section */
.the-latest-section{width:100%; display:inline-block; vertical-align:top; padding:70px 0 45px 0;}
.the-latest-section .owl-stage-outer{padding:15px 0;}
.the-latest-section .owl-carousel.owl-drag .owl-item{padding:5px;}
.the-latest-section h2{font-family: 'heeboblack'; font-size:24px; color:#0DD29D; margin:0 0 20px 50px;}
.the-latest-section .curv-box{background:#f1f4fb; width:auto; height:230px; padding:20px; border-radius:10px;  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.20);margin: 0 10px;}
.the-latest-section .curv-box .curv-box-inner{height:150px; }
.the-latest-section .curv-box h3{font-family: 'heeboblack'; font-size:18px; line-height:25px; color:#0D7C8C; }
.the-latest-section .curv-box p{font-family: 'heeboregular'; font-size:12px; color:#41505B; }
.the-latest-section .curv-box a{font-family: 'heebomedium'; font-size:14px; color:#FF7A82; text-decoration: underline; }
.the-latest-section .curv-box a:hover{border-color:#0d7c8c;}
.the-latest-section .owl-nav{display:none;}

/* 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;}

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




.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first, .azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second, .azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third, .azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{margin-right: 75px;}

.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first{width:133px ;}
.azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second{width:155px;}
.azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third{width:129px;}
.azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{width:84px;}
.azymath-footer-section .upper-section .fifth,.solar-azymath-footer-section .upper-section .fifth{width:80px;}


/* 0.10 solar-panel-wrapper */
.solar-panel-wrapper{display:flex;}

/* 0.11 solar-panel-left-section */
.solar-panel-left-section{background:#f1f5fb; flex:1; width:240px; max-width:240px;}
.solar-panel-left-section .steps-links {margin:85px 0 0;}
.solar-panel-left-section .steps-links ul{margin:15px 0 0; padding:0;}
.solar-panel-left-section .steps-links ul li{margin:0 50px 14px 0; list-style-type:none;}
.solar-panel-left-section .steps-links 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;}
.solar-panel-left-section .steps-links ul li a:hover, 
.solar-panel-left-section .steps-links ul li.active a{ background:#0dd29d; color:#fff; text-decoration:none;}

.solar-panel-left-section .social-icons{padding:0 20px; display:inline-block; vertical-align:top; margin:5px 0 0;}
.solar-panel-left-section .social-icons h2{font-size:12px; font-family: 'heebobold'; color:#0D7C8C; text-transform:uppercase; margin:15px 0 5px;}
.solar-panel-left-section .social-icons ul{margin:0; padding:0;}
.solar-panel-left-section .social-icons ul li{list-style-type:none; display:inline-block; vertical-align:top; padding:0 8px;}
.solar-panel-left-section .social-icons ul li:first-child{padding-left:0;}
.solar-panel-left-section .social-icons ul li a{color:#0d7c8c; font-size:25px;}
.solar-panel-left-section .social-icons ul li a:hover{color:#177c74;}


/* 0.12 solar-panel-right-section */
.solar-panel-right-section{flex:1;}
.sp-content .hero-img{margin:0 -70px;}
.sp-content .hero-img img{display:inline-block; margin:-15px 0 24px;}
.sp-content{width:100%; max-width:880px; margin:122px auto 30px;}
.sp-content .sp-content-inner h2{font-family: 'heeboblack'; color:#41505B; font-size:36px; line-height:46px;}
.sp-content .sp-content-inner h3{font-family: 'heeboblack'; color:#0DD29D; font-size:24px; line-height:28px; margin:24px 0 9px;}
.sp-content .sp-content-inner h4{font-family: 'heeboblack'; color:#0D7C8C; font-size:18px; line-height:25px; margin:22px 0 8px;}
.sp-content .sp-content-inner p{font-family: 'heeboregular'; color:#41505B; font-size:14px; line-height:20px; margin:0 0 40px;}
.sp-content .solar-panel-title{font-size:33px; font-family: 'heeboblack'; line-height:40px;color:#0dd29d; display:none;margin:0 0 15px; text-transform:uppercase;}


.favorite-solar-panels{background:#0d7c8c; width:100%; display:inline-block; vertical-align:top; padding:40px 40px 35px; margin:55px 0 85px;
-webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
}
.favorite-solar-panels h2{font-family: 'heebobold'; color:#fff; font-size:18px; line-height:25px; margin:5px 0 10px;}
.favorite-solar-panels p{font-family: 'heeboregular'; color:#fff; font-size:14px; line-height:20px; margin:0 0 16px;}
.favorite-solar-panels a{font-family: 'heebomedium'; color:#fff; font-size:14px; line-height:20px; position:relative;}
.favorite-solar-panels a:after{content:""; width:100%; height:1px; background:#86bec5; position:absolute; left:0; bottom:3px;}

.table-accordion-section{}
.table-accordion-section h3{font-family: 'heeboblack'; color:#0DD29D; font-size:24px; line-height:28px; margin:24px 0 18px;}
.table-accordion-section .mb-0 > a { display: block; position: relative; } 
.table-accordion-section .mb-0 > a:after { content: ""; position: absolute; right: 0; width:25px; height:15px; background:url(../images/down-arrow.png)no-repeat center 0; } 
.table-accordion-section .mb-0 > a[aria-expanded="true"]:after { content: "";}
.table-accordion-section .panel-heading .accordion-toggle:after { content: ""; float: right; color: grey; width:25px; height:25px; background:url(../images/down-arrow.png)no-repeat center 0; } 
.table-accordion-section .panel-heading .accordion-toggle.collapsed:after { width:25px; height:25px; background:url(../images/right-arrow.png)no-repeat center 0; margin-top: -3px;margin-right: -5px;} 
.table-accordion-section .panel-default > .panel-heading { color: #fff; background-color: #ffb521; border-color: #ffb521; padding:0; border-radius:0;

-webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
 } 
.table-accordion-section .panel-title{ font-family: 'heebobold'; font-size:18px } 
.table-accordion-section .panel-title a{display: block;padding: 20px 20px 20px;}
.table-accordion-section .panel-group .panel { margin-bottom: 9px; border-radius: 0; }
.table-accordion-section .panel-group .panel-heading + .panel-collapse > .list-group, 
.table-accordion-section .panel-group .panel-heading + .panel-collapse > .panel-body{border:0;}
.table-accordion-section .panel-default {border: none;}
.table-accordion-section .table{margin-bottom:10px;}
.table-accordion-section .table > thead > tr > th{font-family: 'heebomedium'; background:#41505b; font-size:14px; color:#fff; line-height:25px; text-align:center; vertical-align: middle;}
.table-accordion-section .panel-body {padding: 15px 0 0;}
.table-accordion-section .panel-group .panel{box-shadow: none;}
.table-accordion-section .table > thead > tr > th:first-of-type,
.table-accordion-section .table > thead > tr > th:nth-of-type(2),
.table-accordion-section .table > thead > tr > th:nth-of-type(3){width:100px;}
.table-accordion-section .table > thead > tr > th:nth-of-type(4),
.table-accordion-section .table > thead > tr > th:nth-of-type(5),
.table-accordion-section .table > thead > tr > th:nth-of-type(6){width:140px;}
.table-accordion-section .table{border-bottom:solid 1px #a0a7ad; }
.table-accordion-section .table > thead > tr > th,
.table-accordion-section .table > tbody > tr > td{border-left:solid 1px #a0a7ad; border-right:solid 1px #a0a7ad; border-top:solid 1px transparent; text-align:center;}
.table-accordion-section .table > tbody > tr > td{font-family: 'heeboregular'; color:#525f69; font-size:12px; vertical-align: middle;}
.table-accordion-section .table > tbody > tr:nth-child(even) {background-color: #f1f5fb;}

.table-accordion-section .desktop-table{display:table;}
.table-accordion-section .mobile-table{display:none;}

.table-accordion-section .mobile-table .tablehed{font-family: 'heebomedium'!important;background:#41505b !important;font-size: 14px!important;line-height: 25px!important;text-align: center!important;vertical-align: middle!important; color:#fff !important}
.table-accordion-section .mobile-table > tbody > tr > td{white-space: normal;border:solid 1px #a0a7ad}


.free-solar-estimate{background:#f1f5fb; padding:50px 75px 40px 160px; position:relative; margin:80px 0 -80px; z-index:2; position:relative; overflow:hidden;
-webkit-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
box-shadow: 0px 5px 16px 1px rgba(0,0,0,0.26);
}
.free-solar-estimate:before{content:""; background:url(../images/sun.png)no-repeat 0 0; width:178px; height:178px; position:absolute; top:-59px; left:-58px;}

.free-solar-estimate h2{font-family: 'heeboblack'; font-size:24px; line-height:28px; color:#FF7A82; margin:0 0 8px;}
.free-solar-estimate p{font-family: 'heeboregular'; font-size:14px; line-height:19px; color:#41505B; margin:0 0 15px;}
.free-solar-estimate a{font-family: 'heebomedium'; font-size:14px; line-height:19px; color:#FF7A82; margin:0; position:relative; text-decoration: none !important;}
.free-solar-estimate a:hover{color:#41505B;}
.free-solar-estimate a:after{content:""; width:100%; height:1px; background:#FF7A82; position:absolute; left:0; bottom:3px;}

.blog-article .sp-content-inner p{margin:0 0 20px;}
.blog-article .sp-content-inner .solar-energy{margin:0 0 80px 60px;}
.blog-article h5{font-family: 'heebobold'; font-size:14px; color:#0D7C8C;}
.blog-article a{color:#FF7A82; text-decoration:underline;}
.blog-article a:hover{color:#FF7A82; text-decoration:none;}
.blog-article .cost p{font-family: 'heebomedium'; color:#384841; font-size:18px; line-height:26px;}
.blog-article .cost p a{color:#FF7A82; text-decoration:underline;}
.blog-article .cost p a:hover{color:#FF7A82; text-decoration:none;}
.ASBtool{margin:100px 0 110px; text-align:center}
.ASBtool img{display:inline-block;}
.next-preview .left-section{width:50%; float:left; text-align:left;border: none;background: none;}
.next-preview .right-section{width:50%; float:left; text-align:right;border: none;

background: none;}
.next-preview a{font-family: 'heebomedium'; font-size:14px; color:#0DD29D; display:inline-block; vertical-align:top;}


/* 0.13 solar-top-header-section */
.solar-top-header-section{ width: 100%; max-width: 1440px; margin: 0 auto;}
.solar-top-header-section .header {position: fixed; top:0; z-index: 9;height: auto; width: 100%; max-width: 1440px; margin: 0 auto;  background:transparent; padding: 18px 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%;} 
.solar-top-header-section .header:before{content:""; width:240px; height:1px; background:#fff; position:absolute; bottom:-1px; left:0;} 
.solar-top-header-section .active {background: rgba(255,181,33,1); } 
.solar-top-header-section .logo, .hamburger-icon { display: inline-block; vertical-align: top; }
.solar-top-header-section .logo {margin: 12px 10px 10px 4px;}
.solar-top-header-section h2{font-family: 'heebobold'; font-size:14px; color:#a0a7ad; padding-left:238px; margin:12px 0 0;}
.solar-top-header-section .active h2{color:#fff;}
.solar-top-header-section .hamburger-icon{margin: 2px 2px 10px 20px;}

.solar-top-header-section .scroll-logo{display:none;}
.solar-top-header-section .active .main-logo{display:none;}
.solar-top-header-section .active .scroll-logo{display:block;}
.solar-top-header-section .scroll-hamburger{display:none;}
.solar-top-header-section .active .main-hamburger{display:none;}
.solar-top-header-section .active .scroll-hamburger{display:block; float:right;}

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

/* 0.15 knowledge-library */
.Knw-library h4{font-family: 'robotoregular'; font-size:20px; margin: 0 0 10px 0px;}
.Knw-library .descri-text{ margin-bottom:20px;}
.Knw-library .info-data a{color:#FF7A82; text-decoration:underline;}
.Knw-library .info-data a:hover{ color:#0D7C8C;}
.Knw-library ul{margin:0 0 40px; padding:0;}
.sp-content-inner.Knw-library li{font-family: 'heeboregular'; color:#41505B; font-size:15px; line-height:20px; margin:15px 0; position:relative; padding:0 0 0 20px; list-style:none;}
.Knw-library ul li span{font-family: 'heeboregular';color:#41505B; position:absolute; top:1px; left:0;font-size:16px;}
.Knw-library ul li span:after{content:"."}
.Knw-library ul.years-list {margin-bottom: 20px;}
.Knw-library ul.years-list li{padding:0;}

.right-section	{background: #f6f1df; border: 1px solid #d3c8a1;padding: 15px; margin:0 0 15px;}
.right-section	p{margin: 0 0 3px; color:#000;}
.right-section	hr{border-top: 1px solid#c7c7c7}



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

@media(min-width:1150px){
	/* 0.14 solar-azymath-footer-section */
	.solar-azymath-footer-section .container{position: relative; left: 120px;}
}
@media(max-width:1279px){
	/* 0.11 solar-panel-right-section */
	.sp-content .hero-img{margin:0;}
}
@media(max-width:1199px){
	/* 0.13 solar-top-header-section */
	.solar-top-header-section h2{padding-left:0;}
	
	/* 0.11 solar-panel-right-section */
	.sp-content{padding:0 15px;}	
}
@media(max-width:1470px){
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .left-section{margin-right:0;}
	.about-us-slipt-section .left-section{width:820px;}
	.about-us-slipt-section .left-section .light-gray-box:first-of-type{margin-right:0;}
	.about-us-slipt-section .left-section .light-gray-box{margin: 55px 15px 15px 30px;}
}
@media(max-width:1369px){
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .left-section .light-gray-box{margin:55px 15px;}
	.about-us-slipt-section .left-section{width:790px;}
	.about-us-slipt-section .right-section{width:450px;}
}
@media(max-width:1270px){
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .left-section{width:60%;}
	.about-us-slipt-section .right-section{width:40%;}
	.about-us-slipt-section .left-section .light-gray-box{width:45%;}
}
@media(max-width:1199px){
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .right-section{height: 582px; padding:30px;}
}

@media(max-width:1023px){
	/* 0.3 top-header-section */
	.top-header-section .header{padding:18px 0;}
	.top-header-section .logo {margin: 11px 10px 10px 0;}
	.hamburger-icon { margin: 2px 0 10px 20px;}
	
	/* 0.4 slider-section */
	.slider-section{min-height:565px; background-position: right;}
	.slider-section-outer .col-md-12{padding:0;}
	.the-latest-section h2{margin-left:0;}
	
	/* 0.5 free-solar-quote */
	.free-solar-quote {margin: 77px 0px 30px 15px;  padding: 20px;  max-width: 370px;  width: 100%;}
	.free-solar-quote h2{font-size:30px; line-height:36px;}
	.free-solar-quote h2 span{color:#42505b;}
	.free-solar-quote .form-group { margin: 38px 0 15px;}
	
	.free-solar-quote{}
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .left-section{width:100%; float:none; margin:0 auto; padding:30px 15px 0;}
	.about-us-slipt-section .right-section{width:95%; float:none; margin:0 auto; height: auto; padding:30px;  position:relative; z-index:1; margin-top:-40px;box-shadow:0px 5px 15px 2px rgba(0,0,0,0.3);}
	.about-us-slipt-section .left-section .light-gray-box{margin:15px;}
	.about-us-slipt-section .right-section h2:first-of-type {margin-bottom: 20px;}
	.about-us-slipt-section .right-section h2:last-of-type{margin-bottom:20px; font-size:20px; line-height:normal;}
	.about-us-slipt-section .right-section p{margin:0;}
	.about-mob{display:block;}
	.about-desk{display:none;}
	.about-us-slipt-section .left-section{text-align:center; background: transparent;}
	.about-us-slipt-section .left-section .light-gray-box{width:100%; max-width:380px; margin:15px auto; display:inline-block; vertical-align:top; float:none;}

	/* 0.13 solar-top-header-section */
	.solar-top-header-section .header{padding:18px 0;}
	.solar-top-header-section .logo {margin: 11px 10px 10px 0;}
	.hamburger-icon { margin: 2px 0 10px 20px;}
}
@media(max-width:991px){
	/* 0.11 solar-panel-right-section */
	.sp-content{padding:0;}
	.solar-panel-left-section{display:none;}
	.solar-panel-wrapper {display: block;}
	.solar-top-header-section .header:before{width:auto;}
	.sp-content .solar-panel-title{display:block;}
	.sp-content .hero-img img{margin-top:0;}
	
	/* 0.9 azymath-footer-section */
	.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first, .azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second, .azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third, .azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{margin-right: 75px;}
	
	.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first{width:133px ;}
	.azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second{width:155px;}
	.azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third{width:129px;}
	.azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{width:84px;}
	.azymath-footer-section .upper-section .fifth,.solar-azymath-footer-section .upper-section .fifth{width:80px;}
	
	

}
@media(max-width:880px){
	.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first, .azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second, .azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third, .azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{margin-right: 54px;}
}
@media(max-width:800px){
	.azymath-footer-section .upper-section .first,.solar-azymath-footer-section .upper-section .first, .azymath-footer-section .upper-section .second,.solar-azymath-footer-section .upper-section .second, .azymath-footer-section .upper-section .third,.solar-azymath-footer-section .upper-section .third, .azymath-footer-section .upper-section .fourth,.solar-azymath-footer-section .upper-section .fourth{margin-right: 45px;}
}
@media(max-width:767px){
	/* 0.3 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;}	
	
	
	/* 0.7 did-you-know-section */
	.did-you-know-section p br{display:none;}
	
	/* 0.6 about-us-slipt-section */
	.about-us-slipt-section .left-section .light-gray-box{text-align:left;}
	
	/* 0.8 the-latest-section */
	.the-latest-section .curv-box{width:auto;}
	
	/* 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;}
	
	/* 0.14 solar-azymath-footer-section */
	.solar-azymath-footer-section{padding:80px 0;}
	.solar-azymath-footer-section .upper-section{display:none;}
	.solar-azymath-footer-section .footer-big-logo{display:block;}
	
	/* 0.11 solar-panel-right-section */
	.free-solar-estimate{padding:150px 15px 35px 15px}
	.favorite-solar-panels{padding:40px 15px 35px; margin: 15px 0 30px;}
	
	
	
	/* 0.13 solar-top-header-section */
	.solar-top-header-section h2{display:none;}
}
@media(max-width:650px){	
	/* 0.11 solar-panel-right-section */
	.next-preview .left-section{width:100%; float:left; text-align:left;}
	.next-preview .right-section{width:100%; float:left; text-align:left;}
	.next-preview a{margin:0 0 10px;} 
	.next-preview .right-section a:last-of-type{margin:0 0 30px;}
	
	.free-solar-quote{max-width: none;width: auto;margin: 77px 15px 30px;}
}
@media(max-width:414px){
	/* 0.3 top-header-section */
	.sidenav .social-icons ul li a{font-size:25px;}
	/* 0.5 free-solar-quote */
	.free-solar-quote { padding: 15px;}
	
}
@media(max-width:413px){
	/* 0.3 top-header-section */
	.sidenav ul{padding:0 10px;}
}


.mobi-menu{display:none;}
	.deskmenu{display:block;}
	.table-accordion-section {

    position: relative;
    z-index: 1;

}

.breadcrum {background: #f1f5fb;margin: -40px -15px 15px; padding:5px 13px; display:none;}
.breadcrum ul {list-style: none;padding: 0;margin: 0;overflow: hidden;}
.breadcrum ul li {float: left;padding: 10px 2px; font-family: 'heebobold'; font-size:12px; color:#0d7c8c; text-transform:uppercase;}
.breadcrum ul li a, .breadcrum ul li span{color:#0d7c8c;}
.breadcrum ul li a:hover{color:#0dd29d;}

	@media (max-width:767px){
	.mobi-menu{display:block;margin-top: 0;}
	.deskmenu{display:none;}
	.sidenav{top:70px; 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;}
	
	.table-accordion-section .desktop-table{display:none;}
	.table-accordion-section .mobile-table{display:table;}
	.table-accordion-section .table-responsive{border:none;}
	
	.breadcrum {display:block;}
	
}

.modal-open{position:fixed; width:100%; top:0; left:0;}