/* 0.1 fonts */
@font-face {
  font-family: "Poppins-Thin";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Thin.eot?") format("eot"), url("../fonts/Poppins-Thin.woff2") format("woff2"), url("../fonts/Poppins-Thin.woff") format("woff");
}

@font-face {
  font-family: "Poppins-Light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Light.eot?") format("eot"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff");
}

@font-face {
  font-family: "Poppins-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Regular.eot?") format("eot"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
}

@font-face {
  font-family: "Poppins-Medium";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Medium.eot?") format("eot"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff");
}

@font-face {
  font-family: "Poppins-SemiBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-SemiBold.eot?") format("eot"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff");
}

@font-face {
  font-family: "Poppins-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Bold.eot?") format("eot"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff");
}

@font-face {
  font-family: "Poppins-Black";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-Black.eot?") format("eot"), url("../fonts/Poppins-Black.woff2") format("woff2"), url("../fonts/Poppins-Black.woff") format("woff");
}

@font-face {
  font-family: "Poppins-ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Poppins-ExtraBold.eot?") format("eot"), url("../fonts/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins-ExtraBold.woff") format("woff");
}

/***/
body{width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; font-family:"Poppins-Regular";}
img{max-width:100%;}

.overlay.customOverlay:before {
    background: none;
}

.hero-slider-item{height: 700px;}
.dark-gray{background: #303032;}
.video-section{background-image: url(../../images/groundMount2.jpg);}

.footer-links{padding-left:0 !important;}
.bg-secondary .text-white center{text-align:left;}
.bg-secondary p, .bg-secondary a, .footer-links li a{line-height:normal !important;}
.footer-links li a{font-weight:"Poppins", sans-serif;font-weight: 300;}

.section{margin:100px 0; padding:0 !important;} 
.list-inline{margin:15px 0 0;}
.top-header .list-inline{margin:0;}
.bg-secondary .border-bottom{padding-bottom:1.5rem !important;}
.wholehomesolar p, .top-txt-box p, .groundmountedSolar p, .chargingstations ul li, .doityourselfsolar p, .commercialsolar ul li, .homeresiliency p, .financeCheatSheet p, .financeCheatSheet .paragraph{
    font-size: 16px;
    line-height: 24px;
    font-family: "Poppins-Regular";
	color: #666;
}
.project-status-section .inside-padding #detail_text {
    font-size: 14px;
    line-height: 20px;
	color: #666;
}
.chargingstations ul li{margin:10px 0; padding:10px 0;}
.chargingstations ul li:first-child{margin-top:0; padding-top:0;}

.commercialsolar ul li{margin:10px 0; padding:10px 0;}
.commercialsolar ul li:first-child{margin-top:0; padding-top:0;}

.doityourselfsolar ul li{margin:5px 0; padding:5px 0;}


.gallery-banner{background-image: url(../../images/background/globalImpactTitle.jpg); background-position: center center;background-repeat: no-repeat;background-size: cover; height:500px;}

/* Dashboard css */
.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 1px solid #04ade5;color: #34495e;cursor:pointer;height:35px;line-height:35px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#04ade5;padding:0 10px;display:inline-block;height:35px;line-height:35px;color: #fff; font-weight: 600;}
.file-upload .file-select .file-select-name{line-height:35px;display:inline-block;padding:0 10px;color: #34495e;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background-color: #04ade5;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #04ade5;color: #34495e;cursor:pointer;height:35px;line-height:35px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#04ade5;color:#666666;padding:0 10px;display:inline-block;height:35px;line-height:35px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:35px;display:inline-block;padding:0 10px;}


.inline-div .inline {display: inline-block;vertical-align: top;}
.mission.section p, .mission.section .paragraph, .mission.section #accordion .card-body{font-size: 16px;line-height: 24px;font-family: 'Poppins-Regular';}
.mission.section #accordion .mb-4:last-child{margin-bottom:0 !important;}

.groundmountedSolar .section.pb-0:last-child{margin-bottom:0 !important;}
.homeresiliency .section.pb-0:last-child{margin-bottom:0 !important;}
.chargingstations .section.pb-0:last-child{margin-bottom:0 !important;}
.doityourselfsolar .section.pb-0:last-child{margin-bottom:0 !important;}
.commercialsolar .section.pb-0:last-child{margin-bottom:0 !important;}
/**/

.reviewpage-bt-slider {margin-top: -25px;}
.globalImpact-banner img{display:none;}
.form-main .has-error{text-align:left;}
.file-upload label.has-error {text-align: left !important;display: block;}

.modal-header{justify-content:flex-start !important;}

/*IE 11 and IE10 Browser hack*/

@media all and (-ms-high-contrast: none) {
.share-section-popup .social-icons .copy-link{bottom:-25px!important;}

 *::-ms-backdrop, .share-section-popup .social-icons .copy-link {
bottom:-25px !important;

}

}

.solerpanelspage .section{margin:85px 0;}
.batteries.financeCheatSheet .tb2{min-width:200px;}

.financeCheatSheet .tab-content{padding:40px;}
.tab-content #residential p:last-child{ margin-bottom:0;}
.tab-content #pace p:last-child{ margin-bottom:0;}
.tab-content #ppa p:last-child{ margin-bottom:0;}
.tab-content #solrates p:last-child{ margin-bottom:0;}
.tab-content #loanpal p:last-child{ margin-bottom:0;}
.tab-content #dividend p:last-child{ margin-bottom:0;}
.tab-content #service p:last-child{ margin-bottom:0;}
.tab-content #solkraftResidential p:last-child{ margin-bottom:0;}
.tab-content #solkraftCommercial p:last-child{ margin-bottom:0;}
.tab-content #vivint p:last-child{ margin-bottom:0;}
.tab-content #hdm p:last-child{ margin-bottom:0;}
.tab-content #sunlight p:last-child{ margin-bottom:0;}
.tab-content #ygrene p:last-child{ margin-bottom:0;}
.tab-content #pacefunding p:last-child{ margin-bottom:0;}
.tab-content #mosaic p:last-child{ margin-bottom:0;}
.tab-content #salal p:last-child{ margin-bottom:0;}
.tab-content #fortifi p:last-child{ margin-bottom:0;}
.tab-content #sungage p:last-child{ margin-bottom:0;}
.tab-content #hero p:last-child{ margin-bottom:0;}


.loan-option-box {
  background: #f1f1f1;
  border: solid 1px #ccc;
  margin: 0 0 30px;
  padding: 30px 30px 15px;
}
.loan-option-box select {
  max-width: 250px;
  margin-bottom: 0 !important;
}
.loan-option-box label {
    margin: 10px 0;
}
.financeCheatSheet ul,.financeCheatSheet ol{padding:0 0 0 20px;}

@media screen and (max-width: 1000px) {
	.gallery-banner{background-image: url(../../images/background/globalImpactSmallTitle.jpg); background-position: center center;background-repeat: no-repeat;background-size: cover; height:300px;}
}
@media (min-width:768px) and (max-width:1024px){
.jarallax-img {
    width: 100%!important;
    height: auto!important;
    position: relative !important;
    transform: none !important;
    object-fit: none !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
	min-height:100%;
}
.video-btn, .video-btn:focus, .video-btn:hover{line-height:30px;}
}	
@media(max-width:991px){
	.section, .solerpanelspage .section{margin:50px 0 !important;padding:0;}
	.page-title{padding:100px 0;}
	.navigation .navbar .dropdown-menu{padding:0 0 15px!important;}
	.navigation .navbar .dropdown-menu .dropdown-item{margin:0 5px; white-space:normal;}
	.navigation .navbar .dropdown-menu .dropdown-item br{display:none;}
	.table-section form .col-sm-12.col-md-12.col-lg-6 a{margin:0 0 15px 15px;}
	footer .text-md-left{margin-top:1rem !important;}
	footer .text-md-left .mb-4{margin-bottom:1rem !important;}
	
	.slick-list.draggable{margin-top:;}
	.slick-list .pb-3, .slick-list .py-3{padding-top:0 !important; padding-bottom:0 !important;}
	.mb-0.reviewpage, .solerpanelspage .section.mb-0{margin-bottom:0 !important;}
	.mb-0.wholehomesolar-main {margin-bottom: 0 !important; padding-bottom:0 !important;}
	.mb-0.utility-page{margin-bottom:-5px !important;}
	.financeCheatSheet .tab-content{padding:20px;}
}
@media(max-width:767px){
	.about-video {
    min-height: 290px;
}
  .secondModalEmail .tableizer-table.table td, .table th {
    padding: 5px;
    font-size: 13px;
}
  .imgHeightMission {
    height: 200px !important;
    object-fit: cover;
    width: 100% !important;
    background-position: center;
}

#accordion.mb-md-50 {
    margin-bottom: 25px;
}

.mb-20.imgHeightMission {
    margin-bottom: 0px;
}
  .p-sm-5.px-3.py-5.dark-gray.customForGray {
    padding-top: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 59px !important;
}


.video-section {
    background-size: 100% 55%;
    height: auto;
}
.boxCenter {
    text-align: center;
}
	.hero-slider-item{max-height:300px;padding: 0;}
	.hero-slider-item h1{font-size:30px !important;}
	.hero-slider-item .col-lg-12 {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
}

.hero-slider-item .col-lg-12 .hero-content {
    display: block;
    flex-wrap: wrap;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
}


.hero-slider-item div {
	height: inherit;     
}
.btn{padding:10px 15px; font-size:14px;}
.btn br{display:none}
.section, .solerpanelspage .section{margin:30px 0 !important;padding:0;}
.section-title, .section-title-border-half{font-size:26px; margin-bottom:40px;}

.page-title{padding:50px 0;}

.tab-content{padding:15px 15px 0;}
.table-section .pagination-section{margin-bottom:0 !important;}
.table-section .pagination-section .pagination{margin:0;}

.wholehomesolar-main .nav-tabs .nav-item:not(:last-child), .doityourselfsolar .nav-tabs .nav-item:not(:last-child), .batteries .nav-tabs .nav-item:not(:last-child){margin-right:0 !important;}

.top-header ul li{margin-bottom:0 !important;}
.utility-frm {max-width: 90%;}
.globalImpact-banner{background:none; padding:0; height:auto;}
.globalImpact-banner img{display:block;}
.loan-option-box{padding: 20px 20px 5px;}
.project-status-section .inside-padding #detail_text{margin-top:16px;}
}


@media (max-width:570px){

.about-video {
    min-height: 230px;
}

.video-section {
    background-size: 100% 55%;
    height: 485px;
}

}


@media (max-width:480px){


	.about-video {
    min-height: 190px;
}
.form-main label{font-size:15px;}
.inline-elements div {
  display: block;
  padding-left: 20px;
}
.inline-elements div input {
  margin-left: -20px;
  float: left;
  margin-top: 5px;
}

.video-section { 
    background-size: 100% 55%;
    height: 442px;
}

}


@media (max-width:400px){
.video-section { 
    background-size: 100% 55%;
    height: 470px;
}


}