@font-face {
    font-family: 'gt_walsheim_proregular';
    src: url('../fonts/gtwalsheimproregular-webfont.woff2') format('woff2'),
         url('../fonts/gtwalsheimproregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gt_walsheim_promedium';
    src: url('../fonts/gtwalsheimpromedium-webfont.woff2') format('woff2'),
         url('../fonts/gtwalsheimpromedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body{
	font-family: 'gt_walsheim_proregular' !important;
	color: #325565;

}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

.container{
	max-width: 1110px;
}

.header.sticky {
    position: fixed;
    top: 0;
    background-color: #fff !important;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
}

.sticky + .mid-content {
  padding-top: 150px;
}

.header{
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fff; 
	padding-right: 60px !important;
	padding-left: 60px !important;
}
.header .navbar .get-quote{
	padding: 14px 32px !important;
    border-radius: 48px;
    background-color: #e6f2ea;
    color: #04752a !important;
    font-size: 18px;
    border: none;
    font-family: 'gt_walsheim_proregular';
}

.header .navbar-expand-lg .navbar-nav .nav-item{
	    margin-right: 20px;
		padding-left: 11px;
		padding-right: 11px;
}


.header .navbar-expand-lg .navbar-nav .nav-link{
	color: #112632 !important;
	font-weight: 500;
	font-size: 18px;
	padding: 0;
}


.header .navbar-light .navbar-toggler-icon {
    background-image: none;
}

.header .navbar-light .navbar-toggler{
	border: none;
}

.header .navbar-light .navbar-toggler-icon svg{
	width: 18px;
}
.bg-img{
	background: url('../img/Vector.svg') no-repeat;
	background-position: top 200px right !important;
	padding-top: 0;
}

.top-banner{
	padding: 55px 0;
	background-color: transparent;
}

.top-banner .container{
	max-width: 1320px;
}


.top-banner .topBannerleft{
	margin-right: 3%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.top-banner .topBannerleft h1{
    font-size: 64px;
    color: #112632;
   	margin-bottom: 32px !important;
   	line-height: 1em
}

.top-banner .topBannerleft p{
	margin-bottom: 64px !important;
	font-size: 20px;
	max-width: 420px;
}

.deepGreensolar .container{
	max-width: 1110px
}

.deepGreensolar .deepGreensolarLeft{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%
}

.deepGreensolar .deepGreensolarLeft h2{
	font-size: 64px;
	color: #112632;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
}

.deepGreensolar .deepGreensolarLeft p{
	font-size: 20px;
	max-width: 438px;
	color: #325565;
}

.deepGreensolar .deepGreensolarRight p{
	padding-top: 45px !important;
	margin-bottom: 32px !important;
	font-size: 20px;
	max-width: 475px;
}

.deepGreensolar .deepGreensolarRight p span{
	font-family: 'gt_walsheim_promedium'; 
	font-weight: normal; 
	color: #04752a;
}

.about{
	padding: 100px 0 55px 0 !important;
	text-align: right;
}

.about-img .aboutImg{
    margin-right: -170.5px;
}

.bg-img-2{
	padding-top: 80px;
	background: url('../img/Vector-1.svg') no-repeat;
	background-position: left top -150px !important;
}

.good-hands h2{
	font-size: 64px;
	color: #112632;
	padding-bottom: 0;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 30px;
}


.good-hands p{
	font-size: 20px;
    max-width: 744px;
    margin: 0 auto 32px auto;
    color: #325565;
}

.brandBox{
	padding:100px 0 0 0; 
}

.brandBox ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.brandBox ul li{
	width: 25%;
	padding-bottom: 3%;
}

.brandBox ul li .landscape{
	text-align: center;
}

.brandBox .dividerBox {
    margin-top: 80px;
    margin-bottom: 40px;
    height: 1px;
    border-top: 1px solid rgb(0 0 0 / .1);
}

.whyGreensolar{
    padding-top: 70px;
}

.whyGreensolar h2{
	font-size: 64px;
	color: #112632;
	padding: 27px 0;
	line-height: 1em;
	font-weight: 500;
	margin-bottom: 32px;
}
.whyGreensolar ul{
	text-align: center;	
	margin: 27px 0 ;
	border: none !important;
}

.whyGreensolar ul li{
	background-color: #f6f7fa !important;
	transition: background-color 300ms ease 0ms ;
	background-image 300ms ease 0ms;
	width: 22%;
	display:inline-block;
	text-align: center;
	margin:15px auto;
	border: none !important;
}

.whyGreensolar ul li a p,
.whyGreensolar ul li a{
	font-size: 20px !important;
	margin: 30px 0 0 0;
	color: #325565;
}

.whyGreensolar ul li.nav-item .nav-link{
	border:none !important;
	background-color: transparent !important;
	padding: 64px 20px 48px 20px;
}

.whyGreensolar .tab-discription{
	padding: 0 0 150px 0;
	border-bottom:1px solid #d7dfe9;
}

.whyGreensolar .tab-discription h3{
	font-size: 48px;
	color: #112632;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	max-width: 460px;
	text-align: left;
}

.whyGreensolar .tab-discription .tab-pane{
	text-align: right;
	/*display: flex: ;*/
	justify-content: flex-end;
	align-items: flex-start;
	gap: 55px;
	margin-top: 80px;
	display: none;
	opacity: 0;
}


.whyGreensolar .tab-discription .tab-pane.active{
	display: flex;
	opacity: 1;	
}

.financing{
	padding-top: 120px;
}

.financing .financingRight{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	padding-left: 90px;
}
.financing .financingRight h2{
	font-size: 64px;
	color: #112632;
	padding: 0 0 30px 0;
	line-height: 1em;
	font-weight: 500;
	text-align: left;
	max-width: 300px;
	margin: 0;
}

.financing .financingRight p{
	font-size: 20px;
	margin: 0 0 32px 0;
	text-align: left;
	max-width: 475px;
	color: #325565;
}

.financing .dividerBox{
	border-top:1px solid #d7dfe9;
	border-top-style: dashed;
	height: 1px;
	width: 100%;
	margin:24px 0 24px 0;
	max-width: 475px;
}


.financing .financingLogo{
	margin-top: 20px !important;
}

.howItwork .dividerBox{
	margin: 140px 0 155px 0;
	border-top:1px solid #d7dfe9;
	height: 1px;
	width: 100%
}

.howItwork .getQuote-btn{
	border-radius: 64px;
	font-size: 18px;
	background-color: #e6f2ea;
	padding: 17px 48px;
	color: #04752a;
	line-height: 60px;
	font-weight: 500;
}

.howItwork h2{
	font-size: 64px;
	color: #112632;
	padding: 0 0 30px 0;
	line-height: 1em;
	font-weight: 500;
	text-align: left;
}

.howItwork p{
	font-size: 20px;
	margin: 0 0 30px 0;
	max-width: 436px;
}



.howItwork .howItworkRight{
	padding-left: 90px;
}


.howItwork .request_PPA{
	border-bottom:1px solid #325565;
	border-bottom-style: dashed;
	padding-bottom: 35px;
	margin-bottom: 65px;
	max-width: 436px;
}

.howItwork .numberBox{
	background-color: #e3f2eb;
	height: 80px;
	margin-bottom: 32px !important;
	width: 80px;
	display: inline-block;
}

.howItwork .numberBox p{
	transform: translateX(17px);
	font-family: 'gt_walsheim_promedium';
	font-size: 64px !important;
	line-height: 80px;
}

.howItwork .request_PPA h4{
	font-size: 32px;
	line-height: 1.25em;
	margin-bottom: 15px; 
}

.howItwork .request_PPA p{
	font-size: 20px;
}

.getQuotenow .getQuotenow-content{
	border-top: 1px solid #d7dfe9;
	border-bottom: 1px solid #d7dfe9;
	padding: 110px 0; 
	margin-bottom: 110px;
}

.getQuotenow h2{
	font-size: 64px;
	color: #112632;
	padding: 0 0 30px 0;
	line-height: 1em;
	font-weight: 500;
}


.getQuotenow p{
	font-size: 20px;
	margin-bottom: 30px;
} 

.getQuotenow .submitBox{
	text-align: center;
}

.getQuotenow .submitBox .submitBtn{
	padding: 17px 48px !important;
	color: #04752a;
	border-radius: 64px;
	font-size: 18px;
	background-color: #e6f2ea;
	line-height: 64px !important;
	font-family: 'gt_walsheim_promedium';	
}


.footer h3{
	color: #325565;
	margin-bottom: 32px;
	font-size: 20px;
}

.footer h3 strong{
	font-weight: 700; 
}

.footer ul li{
	padding: 0;
	width: 100%;
	margin-bottom: 14px;
}

.footer ul li a{
	font-size: 18px;
    color: #325565 !important;
    padding-bottom: 8px;
    transition: all .4s ease-in-out;
    text-decoration: none;
}
.footer ul li a:hover{
	opacity: .7;
}

.footer .footerLogobox{
	text-align: right;
}

.footer .footerLogobox .footer-logo{
	max-width: 163px;
}

.footer .socialBox li a.icon{
	position: relative;
	border-radius: 3px;
	height: 32px;
	width: 32px;
	background-color: #007bb6 !important;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}

.footer .socialBox li a.icon svg{
	width: 16px;
	margin: 8px 4px 4px 4px;
}

.footer .copyRight{
	border-top: 1px solid #D6DFE8;
	margin-top: 150px;
	padding: 25px 0 50px 0;
    margin-bottom: 50px;

}

.footer .copyRight p{
	font-size: 18px;
	margin-bottom: 32px !important;
}

.footer .copyRight p a{
	color: #04752a !important;
}



.weiss_cookies{
	padding: 12px 0;
	background: #112632;
	opacity: 1;
	position: fixed;
	bottom: 0;
	width: 100%;
	left:0;
	right: 0;	
}



.weiss_cookies p{
	margin: 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.33;
	max-width: 936px;
}

.weiss_cookies .weiss_cookies_close{
	margin-left: 0;
	padding: 0 32px;
	line-height: 48px;
	border: none;
	border-radius: 64px;
	background: #e6f2ea;
	font-size: 20px;
	color: #04752a;
}

.projectIntaketab .tab-content{
	padding: 100px 0 !important;
}

.projectIntaketab{
	padding: 100px 0 0 0;
}

.projectIntaketab ul li{
	width: 50%;
	text-align: center;
}

.projectIntaketab ul li a{
	border-bottom: 3px solid #d7dfe9 !important;
	padding: 32px 20px;
	font-size: 32px !important;
	border-width: 0 0 3px 0 !important;
	color: #97a9b0 !important;
}

.projectIntaketab ul li a.active{
	color: #04752a !important;
	border-bottom: 3px solid #04752a !important;
}

.projectIntaketab .gfield_radio {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 15px;
}

.projectIntaketab .gfield_radio li{
	width: initial;
}

.projectIntaketab .gfield_radio li input{
	position: absolute;
	opacity: 0;
}

.projectIntaketab .gfield_radio li label{
	position: relative;
	min-width: 80px;
    padding: 0 12px 0 22px;
    text-align: left;
	font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: .12px;
    color: #325565;
    text-transform: uppercase;
    margin: 0;
}

.projectIntaketab .gfield_radio li label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: solid 1px #d7dfe9;
    background: #fff;
}


.projectIntaketab .gfield_radio li input:checked~label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #08a35d;
}


.projectIntaketab .gfield_radio li input:checked~label:before {
    border-color: #08a35d;
}


.projectIntaketab .ppaRateLeft{
	padding-right: 100px;
	border-right:1px solid #EAEFF3;
}

.projectIntaketab .ppaRateRight{
	padding-left: 75px;
}

.projectIntaketab .tab-discription h3{ 
	font-size: 32px;
	line-height: 1.25em;
	color: #112632;
	max-width: 370px;
}

.projectIntaketab .tab-discription .ppaRateRight h3{
	padding-bottom: 25px;
}

.projectIntaketab .dividerBox{
	margin: 60px 0;
	border: none;
	border-top: 1px solid #d7dfe9;
}

.projectIntaketab .tab-discription .form-group{
	margin-top: 30px;
}

.projectIntaketab .tab-discription .form-group .label{
	font-size: 12px;
	font-weight: 600;
	line-height: 1.33;
	letter-spacing: .12px;
	color: #325565;
	text-transform: uppercase;
	margin:0; 
}

.projectIntaketab .tab-discription .form-group .form-control,
.projectIntaketab .tab-discription .form-group .custom-select{
	height: 48px;
	padding: 0 16px;
	border-radius: 4px;
	border: solid 1px #d7dfe9;
	background-color: #fff;
	margin-top: 8px;
	box-shadow:none !important;
	outline: none !important;
	color: #325565;
	font-size: 20px;
}

.projectIntaketab .tab-discription .textarea{
	height: 80px;
	padding: 8px 16px;
	border-radius: 4px;
	border: solid 1px #d7dfe9;
	background-color: #fff;
	margin-top: 8px;
	box-shadow:none !important;
	outline: none !important;
	color: #325565;
	font-size: 16px;
	width: 100%;
}

.projectIntaketab .tab-discription .form-group .form-control::-ms-input-placeholder { /* Edge 12-18 */
	color: #325565;
	font-size: 20px;
}

.projectIntaketab .tab-discription .form-group .form-control::placeholder {
	color: #325565;
	font-size: 20px;
}


.projectIntaketab .tab-discription .dragDropBox{
	background: rgba(0, 0, 0, .02);
	border: 1px dashed #ccc;
	border-radius: 4px;
	color: #aaa;
	margin-bottom: 16px;
	padding: 24px;
	text-align: center;
	margin-top: 8px;
}

.projectIntaketab .tab-discription .dragDropBox p{
	font-size: 12px;
	color: #aaa;
}


.projectIntaketab .tab-discription .selectedFile{
	line-height: 26px;
	font-size: 20px;
	color: #325565;s
}

.projectIntaketab .tab-discription .dragDropBox p span{
	vertical-align: middle;
	margin: 3px 8px 0 0;
}

.projectIntaketab .tab-discription .dragDropBox input{
    width: 215px;
}
.projectIntaketab .tab-discription .captchaBox{
	margin-top: 25px;
}

.projectIntaketab .tab-discription .btn-submit{
	padding: 14px 32px;
	background: #e6f2ea;
	border: none;
	border-radius: 48px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.56;
	color: #04752a;
	margin-top: 32px;
}

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;

	content: url(../img/upload-icon.svg) " Drag and drop files or click to upload ";
	display: inline-block;
	vertical-align: middle;
	margin: 3px 8px 0 0;
}



@media(max-width: 1200px){
	.header .navbar-expand-lg .navbar-nav .nav-item{
		padding-left: 9px;
		padding-right: 9px;
	}

	.header .navbar{
		padding: 0;
	}

	.top-banner .topBannerleft p{
		max-width: 70%;
	}


	.container {
	    max-width: 80% !important;
	}

	.deepGreensolar .deepGreensolarLeft h2{
		max-width: 70%;
	}

	.deepGreensolar .deepGreensolarLeft p{
		max-width: 80%;
	}

	.deepGreensolar .deepGreensolarRight p{
		max-width: 100%;
		padding-left: 48px;
	}


	.projectIntaketab .PPA-rate .ppaRateLeft{
		padding-right: 60px;
	}

	.projectIntaketab .PPA-rate .ppaRateRight {
	    padding-left: 25px;
	}
}
@media(max-width: 991px){
	/*.header{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}*/

	.header .navbar-toggler{
		padding: 0;
	}

	

	.navbar-collapse {
        border-top: 3px solid #04752a;
        padding: 5%;
    }

    .header .navbar-collapse .nav-link{
		border-bottom: 1px solid rgba(0, 0, 0, .03);
		color: #666;
		display: block;
		padding: 10px 5% !important;
    }

    .header .navbar-collapse .get-quote{
    	width: 100%;
    	border:none;
    	margin-top: 18px !important;
    }
}