h1 {color:#74af28;text-align:center;text-transform:uppercase;}  
h2 {color:#6d6e71;}
h3 {color:#6d6e71;}
h4 {color:#74af28;}
p {color:#6d6e71;font-weight:600;}

  .com-contact__container {
	grid-gap: 1rem;
    display: block;
    float: left;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(4,auto);
    margin-bottom: 1em;
    width: 50%;
  }
 .contact-us .com-contact__form,  .contact-us .contact-form {
	  float:left;
	  
  }
.com-contact h1{
	text-align: center;
	margin: 0 0 0 0;
   }
   .com-contact .page-header {
	background: darkgray;
    color: #fff;
    padding: 34px;
    margin: 0 0 24px 0;
	   
   }
   .container-header .grid-child {
    display: flex;
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    float: left;
}

.panel-manufacturer .field-label {

}
.fields-container .inverter span{	
float:left;
}
.fields-container .inverter {
	display: inline-block;
    font-weight: 600;
    font-size: 19px;
    color: darkgoldenrod;
}
.fields-container .price-from span{	
float:left;
}
.fields-container .price-from {
    display: inline-block;
    background: #483d8b;
    color: #fff;
    padding: 0.5rem;
    border-radius: 0.4rem;
}
.newsflash-title {
	padding-left: 0;
	text-align: center;
}
.mod-articlesnews-horizontal > * {
	text-align: center;
}
.commercial-ev-page figure img {
	width:5rem!important;
}
.container-component {
    max-width: 100%;
    width: 100%;
}
.card {
	border:0px!important;
}
.card-header {
    background: 0;
	border:0;
	text-align:center;
}
.card-header {margin:1px;}
.container-bottom-a {}
.bottom-a {
    background: #f1f1f1;
}
.bottom-d .card-body h3 {
	color:#fff;
}
.bottom-d .card-body {
    flex: 1 1 auto;
	padding: 1rem;
}
.container-bottom-b {}
.bottom-b {}
.bottom-c {
    background: #f1f1f1;
}
.container-bottom-a .card-header, .container-bottom-b .card-header, .container-bottom-c .card-header, .container-bottom-d .card-header {
    margin: 40px 0 20px 0;
}
.container-bottom-a>*, .container-bottom-b>*, .container-top-a>*, .container-top-b>* {
    margin: 0;
}
.ozev-headline p {
    font-size: 1.3rem;
}
.container-banner h1 {
	color:#fff;
}
.container-bottom-c {
    grid-area: bot-c;
}

.container-bottom-c, .container-bottom-d {
    position: relative;
}

.container-bottom-d {
    grid-area: bot-d;
}

#mod-custom207 {
    position: fixed;
    bottom: 0;
    right: 0;
}

#toggleChat {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ff9900;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-weight: bold;
}

#chatIframe {
    display: none;
    position: fixed;
    right: 0;
    bottom: 54px;
    width: 370px;
    height: 566PX;
    z-index: 1000;
}


@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c ." ". bot-d bot-d bot-d bot-d .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 100%)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  .site-grid > [class^=container-],
.site-grid > [class*=" container-"] {
    width: 100%;
    max-width: none;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .site-grid > .full-width {
    grid-column: full-start/full-end;
  }
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c ." ". bot-d bot-d bot-d bot-d .";
	}
	.mod-articlesnews-horizontal {
	  grid-template-columns: repeat(auto-fit,minmax(100px,1fr))!important;
	}
  }
  @media (max-width: 992px){
	.mod-articlesnews-horizontal {
		grid-template-columns: repeat(auto-fit,minmax(100px,1fr))!important;
	}
	
	.years-xp img, #mod-custom137 img, #mod-custom140 img{
		width:65%!important;
	}
	
	.navbar-expand-md .navbar-collapse {

	}
  }
  @media (max-width: 800px){
	.mod-articlesnews-horizontal {
		grid-template-columns: repeat(auto-fit,minmax(300px,1fr))!important;
	}
	.benefits-solar .mod-articlesnews-horizontal figure img {
		width: 25%;
	}
  }
  @media (max-width: 780px){
	.mod-articlesnews-horizontal {
		grid-template-columns: repeat(auto-fit,minmax(400px,1fr))!important;
	}
	.years-xp img, #mod-custom137 img, #mod-custom140 img, .solar-cost img{
		width:50%!important;
	}
	
  }
  @media (max-width: 420px){
	.mod-articlesnews-horizontal {
		grid-template-columns: repeat(auto-fit,minmax(275px,1fr))!important;
	}
	.years-xp img, #mod-custom137 img, #mod-custom140 img {
		width:65%!important;
	}
  }

}


.container-header {background-color: #74af28;
    background-image: linear-gradient(135deg,#ffffff 0,#ffffff 100%);
}
.container-header .mod-menu {
    color: #74af28;
}
.container-header .navbar-toggler {
    border: 1px solid #fff;
    color: #74af28;
}
#mod-custom138 img {
	border-radius: 17px;
}
.btn-primary {
    background-color: #74af28;
    border-color: #74af28;
}

.banner-bottom h2, .banner-bottom p {
color:#fff;
}
.bottom-d .container-banner .banner-overlay {
    height: auto;
}
.solar-bullet {
    color: #74af28;
    font-size: xxx-large;
    line-height: 2.5rem;
}
.item-title {text-align: center;}
.icon-chevron-right {
	display:none;
}
.btn-secondary {
    background-color: #74af28;
    border-color: #74af28;
	color:#fff;
}
.home-cat .mod-articlesnews-horizontal figure img {
    border-radius: 8em;
}
.top-a {
background: #f1f1f1;
}
.blog-featured ul {
    padding: 1rem 0 0 0;
}
.blog-featured .newsflash-title {
    padding: 20px;
}
.blog-featured .item-title {
	margin: 40px 0 20px 0;
}
.com-content-article h1{
	margin: 40px 0 20px 0;
}
.container-banner {
    margin: 0;
}
.mod-articlesnews-horizontal figure.donation img {
    width: 110px;
}

@media (min-width: 1200px){
	
		.h1, h1 {
			font-size: 2rem;
		}

}
@media (min-width: 992px) {
	
		.card, .container-component{
			padding: 0;
		}
		.bottom-d .mod-articlesnews-horizontal {
			padding: 0;
		}
		.bottom-d .mod-articlesnews-horizontal li{
		
		}

}

.home-banner-heading {
    padding: 0 0 1rem 0;
}

.install-steps h4{
    font-size: 1.2rem;
}
.bottom-c, .bottom-d {
	width:100%;
}

.btn-primary {
    color: #fff;
}

.install-types .btn-primary{
	
}
.install-types .btn-primary:after{
	content:"";
    border-color: #74af28 transparent transparent transparent;
    border-style:solid;
    border-width:12px;
    width:0;
    height:0;
    position:relative;
	bottom: -47px;
    left: -18px;
}
.install-types .last{
	
}
.install-types .last:after{

    border:none;
}
.container-banner p {color:#fff;}
.card, .container-component{
    padding: 0;
}
.bottom-d {padding: 0;}
.bottom-d .mod-articlesnews-horizontal {
    padding: 0;
}
.home-vision p {
    font-size: larger;
    margin: 1rem 0;
}
.footer {
    margin-top: 0;
	line-height: 0.5;
}
.navbar-brand img {
	width:200px;
}
.container-header .container-search {

}
.convertforms .btn-primary {
	padding: 7px;
    line-height: 1;
    font-size: 15px;
    font-weight: 900;
}
.convertforms .cf-control-group {
    padding: 3px 9px;
}
.contact-toggle {
	top: 0;
    right: 0;
    position: fixed;
}
.contact-toggle-close {
	position: absolute;
    top: -2px;
    float: left;
    width: auto!important;
    left: -6px;
    background: none;
    color: #fff;
}
.contact-main-card li {
	color:#fff;
}
.contact-us .site-grid {
	
}
#cf_1 {
	margin: 0 0 1em 0;
 	max-width:100%;
}
.footer-company-info p{
	color:#fff;
}

.contact-toggle-close .fa {
	font-size: x-large;
}
.container-footer .mod-custom {
    align-self: baseline;
}

#contact-popup-form {

}
#mod-custom140 img {
	width:75%;
}
#mod-custom137 img {
width:75%;
}


.install-types img {

}
.install-types li {
	background: ivory;
    border-radius: 10px;
    padding: 30px;
}
.md-modal {
    width: auto!important;
	min-width: 300px!important;
}
.md-content {
    background: none!important;
    padding: 0!important;
	margin:0!important;
}
.inn {
		margin:0!important;
	    padding: 0!important;
}
.convertforms .cf-control-group {
    padding: 3px!important;
}

element.style {
}
.solar-cost .newsflash-title {margin:1em 0;}
.solar-cost .btn-primary {}
#average-price-table .row-price .even {color:#fff;}
#average-price-table .even {background: #74af28;}
#average-price-table .row-0 {background: #f1f1f1;}
#average-price-table .answer {background: #74af28;}
#average-price-table th, #average-price-table tr, #average-price-table td {border: 2px solid #c1c1c1; height: 2.5rem; }
#average-price-table {width:100%;}

#average-price-table .column-1 {width: 104px;} #average-price-table .column-2 {width: 66px;} #average-price-table .column-3 {width: 128px;}
#average-price-table .row-0 #average-price-table .row-1 {} #average-price-table .row-2 {} #average-price-table .row-3 {}

.solar-cost .mod-articlesnews-horizontal figure img {
    width: 50%;
}

.summary .answer {
    font-size: xx-large;
    font-weight: 600;
    color: #74af28;
}
#switch-price .answer {
    font-size: xx-large;
    font-weight: 600;
    color: #74af28;
}
.opencontact {
    position: fixed;
    background: url(/images/get-price-now.jpg);
    font-weight: 400;
    font-size: 21px;
    right: 0;
    top: 66px;
    height: 56px;
	width: 183px;
}
.self-install {
	
	
}