CSS

[css
FONT1=”‘PT Sans’, sans-serif”
FONT2=”‘Nunito Sans’, sans-serif”
BLACK=”#000000″
WHITE=”#FFFFFF”
TEXT=”#141416″
COLOR1A=”#FF8C00″
COLOR1B=”#000080″
COLOR2A=”#000080″
COLOR2B=”#FF8C00″
COLOR3A=”#000080″
COLOR3B=”#FF8C00″
]
@import url(‘https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=PT+Sans:ital,wght@0,400;0,700;1,400&display=swap’);
/* Default Styles */
#wpadminbar {
display: none !important;
}
body {
font-family: %FONT1%;
}h1 {
color: %TEXT%;
font-family: %FONT2%;
font-size: 3em;
line-height: 1;
text-transform: uppercase;
margin: 0 0 45px;
}h2 {
color: %TEXT%;
font-family: %FONT2%;
font-size: 1.875em;
line-height: 1.1;
text-transform: uppercase;
margin: 0 0 30px;
}h3 {
color: %TEXT%;
font-family: %FONT2%;
font-weight: 400;
font-size: 1.25em;
line-height: 1.1;
margin: 30px 0 5px;
}h4 {
font-family: %FONT2%;
color: %TEXT%;
font-weight: 400;
font-size: 1.5em;
line-height: 1.5;
margin: 25px 0;
}p {
font-family: %FONT1%;
color: %TEXT%;
font-size: 1.125em;
font-weight: 300;
line-height: 1.88;
margin: 15px 0;
}p.fancy-text {
font-family: %FONT2%;
font-size: 1.125em;
text-transform: uppercase;
margin-top: 40px;
font-weight: 400;
}p.fancy-text.alt {
text-transform: none;
}ul {
list-style-type: none;
}p a:hover {
color: #606060;
}
.disclaimer {
background: %WHITE%;
}.disclaimer p {
font-size: 0.875em;
line-height: 1.4;
color: %BLACK%;
}

/* Header Styles */

.header-bar {
padding: 15px 2.5vw;
}.header-details {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
position: relative;
}.logo-wrapper {
display: inline-block;
width: 100%;
}.company-details {
display: inline-block;
width: auto;
padding-left: 15px;
max-width: 86%;
vertical-align: middle;
}.company-details h1, .company-details h1 a {
font-family: %FONT2%;
font-size: 20px;
color: %BLACK%;
line-height: 1.1;
margin: 0;
text-transform: uppercase;
}.company-details p {
margin: 0;
font-size: 1em;
line-height: 1.4;
font-family: %FONT2%;
font-weight: 400;
}.header-cta-wrapper {
margin-left: auto;
}.tagline-wrapper {
display: flex;
justify-content: center;
width: 64%;
}p.tagline {
color: #424242;
text-transform: uppercase;
font-size: .875em;
margin: 0;
}.header-cta {
display: inline-block;
width: 250px;
background: #ff8c00;
font-family: %FONT2%;
color: #000000;
font-size: 1.4em;
text-align: center;
padding: 16px 10px;
border-radius: 29px;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}.header-cta:hover {
background: #000080;
color: #ffffff;
}.header-cta i {
display: inline-block;
margin-left: 15px;
animation: twist .8s linear 0s infinite alternate both;
}@keyframes twist {
0% {
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}100% {
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
}.header-cta:hover i {
animation-duration: .2s;
}.menu-wrapper {
background: #000080;
}.top-bar {
background: none;
height: auto;
}.top-bar-section ul li {
background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
font-family: %FONT1%;
background: none;
color: %WHITE%;
position: relative;
font-size: 1.25em;
line-height: 58px;
padding: 0 15px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: none;
color: %COLOR1A%;
line-height: 58px;
padding: 0 15px;
}.top-bar-section .has-dropdown>a {
padding-right: 25px !important;
}.top-bar-section .has-dropdown>a:after {
border-color: #ff8c00 transparent transparent transparent;
top: 35px;
margin-right: 11px;
}
/*custom css*/
#ae_launcher {
bottom:80px !important;
left: 10px !important;
right: initial !important;
}.gallery-wrapper h2 {
display: none;
}.logo-wrapper h1 {
margin: 0;
}.landing-page-button-wrapper a {
border-radius: 25px;
background: #000080;
color: #FFFFFF;
}a.landing-page-button:hover {
background: #FF8C00;
color: #000000;
}.landing-page-wrapper .cta-btn {
margin-bottom: 1em;
}::marker {
color: #FF8C00;
}.cta-btn {
background: #ff8c00 !important;
color: #000000 !important;
}.cta-btn:hover {
background: #000080 !important;
color: #ffffff !important;
}button, .button {
background: #ff8c00;
color: #000000 !important;
}.button:hover {
background: #000080 !important;
color: #ffffff !important;
}button, .button {
display: inline-block;
min-width: 262px;
font-size: 1.25em;
font-family: ‘Nunito Sans’, sans-serif;
color: #FFFFFF;
text-align: center;
padding: 19px 10px;
border-radius: 31px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.icon-section img {
padding-left: .5em;
padding-right: .5em;
}.icon-section h2 {
font-size: 3.5vw;
font-weight: bold;
margin-top: 1em;
padding-bottom: .5em;
}.service-slide-show {
max-height: 360px;
}.columns.service-slide-show {
padding: 0 !important;
}.intro-text h2 span {
font-size: 1.5em;
font-weight: bold;
color: #db7800;
}.utility-page iframe {
margin-top: 2em;
}.video-overlay-content {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: %WHITE%;
z-index: 10;
padding-top: 3em;
padding-bottom: 1vw;
width: 65%;
border-radius: 100px;
background: rgb(255 255 255 / 30%);
backdrop-filter: blur(4px);
border: 1px solid rgb(255 255 255 / 14%);
}.video-overlay-content h2 {
font-size: 2.5vw;
margin-bottom: 1rem;
color: #000080;
font-weight: bold;
}.video-overlay-content p {
font-size: 2vw;
font-weight: bold;
margin-bottom: 1.5rem;
color: #000080;
}.video-overlay-content h2::before {
content: url(%UPLOAD%/2024/10/solar-overlay-line.png);
top: 12%;
position: absolute;
left: 51%;
transform: translate(-50%, -50%);
}.video-overlay-content h2 span {
color: #ff8c00;
}.statistics-section {
background-color: #f7f9fc;
padding-top: 40px;
}.statistics-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}.stat-box {
flex: 1;
padding: 30px 100px 30px 100px;
text-align: center;
}.stat-box-inner {
background-color: #00008B;
color: #ffffff;
padding: 30px;
border-radius: 10px;
transition: transform 0.3s ease;
}.stat-box-inner * {
color: %WHITE%;
}.stat-box-inner h3 {
margin: 0;
font-size: 3em;
font-weight: 700;
}.stat-box-inner p {
margin-top: 10px;
font-weight: 700;
font-size: 1.3em;
margin-bottom: 0;
}.stat-box-inner:hover {
transform: scale(1.1) rotate(0deg) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) translateZ(0px);
}.stat-box-inner span {
color: #ff8c00;
}.home-first-section {
padding-top: 7vh !important;
}.collapsible-section {
padding: 35px 7.5vw 0 7.5vw;
margin: 20px 0;
}.benefit-section h2 {
font-weight: 700;
color: #ffffff;
padding: 2em;
}.benefit-section {
margin-top: 5em;
background: #00008b;
}.accordion-navigation a::after {
content: “\f107”;
font-family: ‘Font Awesome 6 Sharp’;
left: 79%;
position: absolute;
}.accordion-navigation a::after {
content: “\f107”;
font-family: ‘Font Awesome 6 Sharp’;
left: 80%;
position: absolute;
}.accordion .accordion-navigation>a, .accordion dd>a {
background: #00008b;
color: #ffffff;
padding: 1rem;
display: block;
font-family: %FONT2%;
font-size: 1.1em;
border-radius: 30px;
margin-top: 1em;
}.accordion .accordion-navigation.active>a, .accordion dd.active>a {
background: #ff8c00;
color: #000000;
}.accordion .accordion-navigation>a:hover, .accordion dd>a:hover {
background: #ff8c00;
color: #000000;
}.accordion-navigation.active>a::after {
content: “\f077″;
font-family: ‘Font Awesome 6 Sharp’;
left: 80%;
position: absolute;
}

/*end custom css*/

@media only screen and (min-width: 1025px) {
.navigation-wrapper {
display: flex;
justify-content: flex-end;
}.header-bar {
display: flex;
align-items: center;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
content: ” “;
width: calc(100% – 22px);
height: 1px;
background: %COLOR1A%;
position: absolute;
left: 11px;
bottom: 0;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before {
left: 11px;
width: calc(100% – 32px);
}.top-bar-section li:not(.has-form) a:not(.button):hover::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
opacity: 1;
}.top-bar-section .dropdown {
background: %BLACK%;
text-align: left;
padding: 3vh 2vw 3vh 2vw;
left: 50%;
border-radius: 0;
box-shadow: 2px 8px 10px 0px rgba(0, 0, 0, 0.24);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color: %WHITE%;
font-family: %FONT1%;
font-size: 13px;
line-height: 35px;
padding: 0 15px;
position: relative;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
background: none;
color: %COLOR1A%;
line-height: 35px;
padding: 0 15px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
display: none;
}.intro-text h1 {
font-size: 2.5vw;
}.header-home.homepage-header {
height: 95%;
}.overlay-home-section {
background: %WHITE%;
position: relative;
}
}

.slick-header-slider::after {
content: ” “;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgb(20 20 22 / 50%);
}.caption-slider {
position: absolute;
left: 2.5vw;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}.caption-slider .slick-text-slider {
width: 43vw;
}.caption-slider p.caption {
font-size: 5vw;
font-weight: bold;
color: %WHITE%;
font-family: %FONT2%;;
text-transform: uppercase;
margin: 0;
display: flex;
flex-direction: column;
}.caption-slider p.caption span:first-of-type {
font-family: %FONT2%;
font-weight: 300;
font-size: 4vw;
line-height: 1;
}.caption-slider p.caption span:last-of-type {
line-height: 1;
color: #ff8c00;
}.slider-cta {
margin-top: 8vh;
}.cta-btn {
display: inline-block;
min-width: 262px;
font-size: 1.25em;
font-family: %FONT2%;
color: %WHITE%;
text-align: center;
padding: 19px 10px;
border-radius: 31px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.cta-btn:first-child {
margin-right: 15px;
}.cta-btn:hover {
color: %WHITE%;
}.cta-btn i {
transform-origin: center;
margin-left: 10px;
-webkit-transition: transform 300ms ease;
-moz-transition: transform 300ms ease;
-ms-transition: transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
}.cta-btn:hover i {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}.cta-btn.teal {
background: %COLOR2A%;
}.cta-btn.teal:hover {
background: %COLOR2B%;
color: %BLACK%;
}.cta-btn.yellow {
background: %COLOR1A%;
color: %BLACK%;
}.cta-btn.yellow:hover {
background: %COLOR1B%;
color: %WHITE%;
}.cta-btn.brown {
background: %COLOR3A%;
color: %WHITE%;
}.cta-btn.brown:hover {
background: %COLOR3B%;
color: %BLACK%;
}span.scroll-arrow {
position: absolute;
right: 2.5vw;
bottom: 7.4vh;
width: 77px;
height: 77px;
border: 1px solid %WHITE%;
border-radius: 39px;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}span.scroll-arrow::after {
content: url(%UPLOAD%/2024/06/updated-icon.png);
filter: grayscale(1) brightness(4.5);
width: 0;
height: 22px;
position: absolute;
left: 28px;
top: 27.5px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
animation: scroll 1s ease 0s infinite alternate both;
}span.scroll-arrow:hover {
border-color: #FF8C00;
color: #ff8c00;
}span.scroll-arrow:hover::after {
filter: none !important;
}@keyframes scroll {
0% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}100% {
-moz-transform: translateY(10px);
-webkit-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
}

/* General Styles */

.row {
margin: 0 auto;
max-width: 1310px;
width: 100%;
}.row.wide {
max-width: 1570px;
}.row.full {
max-width: 100%;
}.flex {
display: flex;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 75em;
}.page-wrapper {
max-width: 75rem;
clear: both;
}.home-bg1 {
background: center / contain no-repeat url(%UPLOAD%/2024/06/home1.jpg);
}.home-bg2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home2v2.jpg);
position: absolute;
width: 100%;
height: calc(100% – 66px);
top: 0;
left: 0;
}.home-bg3 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home3.jpg);
}.home-bg4 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home4v2.jpg);
}.home-bg5 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home5.jpg);
}.about-bg1 {
background: center / contain no-repeat url(%UPLOAD%/2024/06/about1.jpg);
}.about-bg2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/about2.jpg);
}.service-bg1 {
background: center / contain no-repeat url(%UPLOAD%/2024/06/services1.jpg);
}.service-bg2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/services2.jpg);
}.solar-plus-storage {
background: center / contain no-repeat url(%UPLOAD%/2024/06/ev-charger-installation.jpg);
}.solar-plus-storage2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/solar-plus-storage2.jpg);
}.solar-panel-installation {
background: center / contain no-repeat url(%UPLOAD%/2024/06/solar-panel-installation-1.jpg);
}.solar-panel-installation2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/solar-panel-installation2.jpg);
}.ev-charger-installation {
background: center / contain no-repeat url(%UPLOAD%/2024/06/ev-charger.jpg);
}.ev-charger-installation2 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/ev-charger-installation2.jpg);
}.roofing {
background: center / cover no-repeat url(%UPLOAD%/2024/06/roofing1.jpg);
}.contact-bg {
background: center / contain no-repeat url(%UPLOAD%/2024/06/contact1.jpg);
}.csp {
background: center / cover no-repeat url(%UPLOAD%/2024/10/csp.jpg);
}.sri {
background: center / cover no-repeat url(%UPLOAD%/2024/10/sri.jpg);
}

.intro-row {
padding: 15.5vh 0;
}.intro-row.inner, .gallery-page {
padding-top: 10vh;
}.intro-row .intro-text {
order: 1;
padding: 5vh 0.9375rem 6.4vh 4vw;
}.intro-text p {
font-size: 1.2em;
line-height: 1.6;
}.intro-text p:not(:last-of-type) {
margin-bottom: 30px;
}.intro-bg.bg-wrapper {
padding-left: 0;
}.bg-box {
height: 100%;
}.intro-bg .bg-box {
max-width: 495px;
}.home-bg-full {
position: relative;
}.home-card {
display: inline-block;
width: 40vw;
position: relative;
left: 42vw;
background: #181818;
padding: 12vh 4.5vw 15vh;
z-index: 1;
}.home-card * {
color: %WHITE%;
}.home-card::after {
content: ” “;
width: 0;
height: 16px;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #000080 33.333%, #000080 33.333%, #ff8c00 66.666%, #ff8c00 66.666%);
-webkit-transition: all 4000ms ease 2s;
-moz-transition: all 4000ms ease 2s;
-ms-transition: all 4000ms ease 2s;
-o-transition: all 4000ms ease 2s;
transition: all 4000ms ease 2s;
}.home-card.complete::after {
width: 100%;
}.gallery-cta-inner {
background: rgba(255,255,255,0.4);
padding: 16vh 0 15vh;
display: flex;
justify-content: center;
}.gallery-cta-text {
display: flex;
flex-direction: column;
align-items: flex-end;
}.gallery-cta-text h2 {
font-family: %FONT2%;;
font-size: 9.375vw;
margin-bottom: 45px;
display: flex;
flex-direction: column;
}.gallery-cta-text h2 span:first-child {
font-family: %FONT2%;
font-size: 4.95vw;
line-height: 1;
font-weight: 300;
padding-left: 2vw;
}.gallery-cta-text h2 span {
line-height: 1;
}.gallery-cta-text .cta-btn {
margin-right: 2vw;
}.icon-content h3 {
font-size: 1.5625em;
text-transform: uppercase;
margin: 0;
}.icon-content p {
line-height: 1.6;
margin: 0;
}i.custom-icon {
display: flex;
width: 47px;
height: 47px;
border-radius: 47px;
position: relative;
justify-content: center;
align-items: center;
flex-shrink: 0;
}i.custom-icon::after {
display: inline-block;
}i.custom-icon.icon-1::after {
content: url(%UPLOAD%/2024/10/ranking-icon.png);
width: 50px;
height: 50px;
}i.custom-icon.icon-2::after {
content: url(%UPLOAD%/2024/10/dollar-icon.png);
width: 50px;
height: 50px;
}i.custom-icon.icon-3::after {
content: url(%UPLOAD%/2024/10/world-icon.png);
width: 50px;
height: 50px;
}i.custom-icon.icon-4 {
background: #5151e7;
}i.custom-icon.icon-4::after {
content: url(%THEME%/images/Icons/icon4.png);
width: 35px;
height: 36px;
}.icon-box {
display: flex;
}.icon-box:not(:last-child) {
margin-bottom: 35px;
}.icon-content {
padding-left: 35px;
}.icon-box-wrapper {
padding: 35px 3vw 0 11.5vw;
}.icon-bg {
padding-left: 3vw;
padding-right: 0;
}.row.badges-row {
max-width: 100%;
padding-bottom: 5vh;
}.bottom-cta-inner {
padding: 21vh 2.5vw 17vh;
background: rgb(29 30 29 / 60%);
text-align: center;
position: relative;
overflow: hidden;
}.bottom-cta-inner::before {
content: ” “;
width: 0;
height: 34px;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to right, #000080 33.333%, #000080 33.333%, #ff8c00 66.666%, #ff8c00 66.666%);
-webkit-transition: all 3000ms ease;
-moz-transition: all 3000ms ease;
-ms-transition: all 3000ms ease;
-o-transition: all 3000ms ease;
transition: all 3000ms ease;
}.bottom-cta-inner.complete::before {
width:100%;
}.bottom-cta-text {
width: 100%;
max-width: 780px;
display: block;
margin: 0 auto;
}.bottom-cta-text h2 {
font-size: 2.5vw;
color: %WHITE%;
}.bottom-cta-text h3 {
font-size: 1.5vw;
}.bottom-cta-text p {
color: %WHITE%;
}.bottom-cta-text p.fancy-text {
margin: 30px 0 10.5vh;
}.footer-inner-wrapper {
border-top: 1px solid #424242;
}.row.footer-row {
max-width: 100%;
}.footer-contact-row {
padding: 13.8vh 0 5vh;
}.footer-col h2 {
font-weight: bold;
font-size: 1.5625em;
margin: 0 0 25px;
color: %BLACK%;
}.footer-col p {
font-family: %FONT2%;
font-weight: 400;
font-size: 1.125em;
line-height: 1.3;
margin: 0;
}.footer-col .aligner {
display: inline-block;
}.footer-cta p {
font-family: %FONT2%;;
font-size: 4.0625vw;
text-transform: uppercase;
line-height: 1;
margin: 0 0 35px;
}.footer-btn {
display: inline-block;
width: 131px;
line-height: 131px;
text-align: center;
background: %COLOR3A%;
border-radius: 131px;
color: %WHITE%;
font-size: 2.9375em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.footer-btn:hover {
background: %COLOR3B%;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: %WHITE%;
}.footer-row.bottom-row {
padding: 4.6vh 0;
}.footer-payment svg.payment-icon.transparent {
height: 18px;
}.footer-col:first-child {
padding-left: 10.2vw;
}.footer-col:nth-child(2) {
padding-left: 6.5vw;
}.footer-social .fa {
width: 50px;
line-height: 48px;
font-size: 1.125em;
border: 1px solid %BLACK%;
border-radius: 25px;
text-align: center;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.footer-social .fa:hover {
border-color: %COLOR1A%;
color: %COLOR1A%;
}.footer-social a:not(:last-child) {
margin-right: 20px;
}.grey-bg {
background: #eaeaea;
}.orange-divider {
position: relative;
}.orange-divider::after {
content: ” “;
width: 1px;
height: 100%;
background: %COLOR1A%;
position: absolute;
top: 0;
left: calc(50% – 0.5px);
}.gallery-title h1 {
font-size: 1.875em;
margin: 0;
line-height: 1.1;
}.gallery-button:not(.custom-legacy), .lnm-post {
padding: 0 !important;
}.gallery-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1311px;
margin: 0 auto;
}.gallery-container {
display: inline-block;
width: 31.5%;
margin-bottom: 2.75%;
position: relative;
}.caption-inner {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(20,20,22,0);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}p.gallery-caption {
font-family: %FONT2%;
font-size: 1.25em;
font-weight: 400;
color: %WHITE%;
position: relative;
margin: 0;
line-height: 1;
opacity: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}p.gallery-caption::before,p.gallery-caption::after {
content: ” “;
width: 60%;
height: 2px;
position: absolute;
left: 20%;
top: -40px;
background: %COLOR2A%;
opacity: 0;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}p.gallery-caption::after {
bottom: -40px;
top: unset;
}.caption-inner:hover {
background: rgba(20,20,22,0.7);
}.caption-inner:hover p.gallery-caption {
opacity: 1;
}.caption-inner:hover p.gallery-caption::before {
top: -25px;
opacity: 1;
}.caption-inner:hover p.gallery-caption::after {
bottom: -25px;
opacity: 1;
}.intro-row .intro-text.contact-body {
padding-bottom: 0;
}.contact-body h1 {
font-size: 1.875em;
margin-bottom: 30px;
}

.contact-row {
padding: 10vh 0;
}.contact-body {
padding-left: 8.3vw;
padding-right: 11vw;
}.contactForm {
margin: 0;
}.contactForm label{
font-weight: normal;
display: block;
margin-bottom: 3px;
color: %TEXT%;
}.contactForm input {
width: 100%;
padding: 3px;
margin-bottom: 5px;
}.contactForm textarea {
width: 100%;
}input.fancyInput[type=”text”] {
font-family: %FONT1%;
padding: 12px 25px;
font-size: 15px;
line-height: 1.4;
height: auto;
border: none;
border-radius: 0;
margin-bottom: 7px;
background: none;
color: %TEXT%;
box-shadow: inset 0px 0px 0px 1px %TEXT%;
}input.fancyInput[type=”text”]::placeholder, textarea.fancyInput[type=”text”]::placeholder {
color: %TEXT%;
}.contactForm textarea {
width: 100%;
}textarea.fancyInput[type=”text”] {
font-family: %FONT1%;
padding: 15px 25px;
font-size: 15px;
line-height: 1.4;
height: 100px;
border: none;
border-radius: 0;
margin-bottom: 7px;
background: none;
color: %TEXT%;
box-shadow: inset 0px 0px 0px 1px %TEXT%;
}.contactForm .captchaWrapper {
margin: 0 0 5px;
padding: 10px 25px;
font-size: 0.875em;
line-height: 1.4;
height: auto;
border: none;
border-radius: 0;
background: none;
color: %TEXT%;
font-weight: bold;
min-height: 0;
margin-bottom: 23px;
box-shadow: inset 0px 0px 0px 1px %BLACK%;
text-align: left !important;
}.contactForm .captchaWrapper:not(.slideOut) img {
max-width: 25%;
}.contactForm .captchaWrapper input {
background: none;
border: none;
box-shadow: none;
display: inline-block;
width: auto;
font-size: 1em;
padding: 0;
margin: 0 0 0 25px;
color: %TEXT%;
font-weight: normal;
}.contactForm .captchaWrapper input::placeholder {
color: %TEXT%;
}.contactForm .captchaRefresh {
vertical-align: top;
}.contactForm .submitWrapper {
margin-top: 5px;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}.slick-background-wrapper {
left: 0;
position: fixed;
top: 0;
z-index: -1;
width: 101% !important;
overflow: hidden;
}.mobile-sticky-cta {
display: none;
}

/* SLIDE OUT FORM */

.slide-out-wrapper {
position: fixed;
top: 50%;
right: 2vw;
background: #000080;
padding: 50px 70px 30px;
z-index: 99;
max-width: 570px;
border-radius: 29px;
/* box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.17);*/
-moz-transform: translateX(calc(100% + 2vw + 1px)) translateY(-50%);
-webkit-transform: translateX(calc(100% + 2vw + 1px)) translateY(-50%);
-o-transform: translateX(calc(100% + 2vw + 1px)) translateY(-50%);
-ms-transform: translateX(calc(100% + 2vw + 1px)) translateY(-50%);
transform: translateX(calc(100% + 2vw + 1px)) translateY(-50%);
-webkit-transition: all 1.2s ease;
-moz-transition: all 1.2s ease;
-ms-transition: all 1.2s ease;
-o-transition: all 1.2s ease;
transition: all 1.2s ease;
}.slide-out-wrapper.active {
-moz-transform: translateX(0) translateY(-50%);
-webkit-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}.slide-out-content span.form-title {
font-family: %FONT2%;
font-weight: 400;
color: %WHITE%;
margin: 0 0 10px;
font-size: 1.1875em;
display: block;
}.slide-out-form form {
margin: 0;
}.slide-out-wrapper span.form-toggle {
position: absolute;
left: 1px;
top: 50%;
color: %BLACK%;
font-size: 1.375em;
width: 86px;
line-height: 48px;
text-align: center;
background: %COLOR1A%;
border-radius: 25px 0 0 25px;
-moz-transform: translateX(-100%) translateY(-50%);
-webkit-transform: translateX(-100%) translateY(-50%);
-o-transform: translateX(-100%) translateY(-50%);
-ms-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
cursor: pointer;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}.slide-out-wrapper span.form-toggle:hover {
background: %COLOR1B%;
color:%WHITE%;
}i.toggle-left {
display: inline-block;
position: relative;
font-style: normal;
}i.toggle-left::before {
content: “\e091”;
font-family: ‘Font Awesome 6 Sharp’;
font-weight: 300;
}i.toggle-right {
display: inline-block;
position: relative;
font-style: normal;
}i.toggle-right::before {
content: “\e093″;
font-family: ‘Font Awesome 6 Sharp’;
font-weight: 300;
}input.slideOutInput[type=”text”] {
font-size: .8125em;
font-family: %FONT1%;
font-weight: 300;
line-height: 1.4;
height: auto;
border: 1px solid rgba(102,102,102,0.5);
border-radius: 5px;
padding: 10px 10px;
margin-bottom: 5px;
background: %WHITE%;
color: %BLACK%;
box-shadow: none;
}.slide-out-form input[type=”text”]::placeholder, .slide-out-form .contactForm textarea::placeholder {
color: #cfcece;;
}.slide-out-form .contactForm textarea {
width: 100%;
line-height: 1.4;
border: 1px solid rgba(102,102,102,0.5);
border-radius: 5px;
background: %WHITE%;
color: %BLACK%;
font-family: %FONT1%;
font-weight: 300;
padding: 10px 25px;
font-size: .8125em;
height: 90px;
margin-bottom: 5px;
box-shadow: none;
}.slide-out-form label {
color: #cfcece;
font-weight: normal;
margin-bottom: 3px;
}.slide-out-form .contactForm .captchaWrapper {
font-size: .8125em;
line-height: 1.4;
height: auto;
border: 1px solid rgba(102,102,102,0.5);
box-shadow: none !important;
background: %WHITE%;
color: %BLACK%;
font-weight: normal;
margin: 0 0 3px;
min-height: 0;
padding: 0px 25px 0px 0px;
overflow: hidden;
border-radius: 5px;
}.slide-out-form .contactForm .captchaWrapper input {
font-family: %FONT1%;
font-weight: 300;
border: none;
box-shadow: none;
display: inline-block;
width: auto;
padding: 0 15px;
margin: 0 0 0 30px;
color: #000000;
background: #ffffff;
border: 1px solid #000080;
}.slide-out-form .contactForm .captchaWrapper img#captchaImage {
-webkit-filter: none;
filter: none;
}.slide-out-form .contactForm .captchaRefresh {
vertical-align: middle;
max-width: 30px;
margin-left: 3px;
filter: invert(1) brightness(0.5);
}.slide-out-form .contactForm .submitWrapper {
text-align: center;
margin-top: 10px;
}.slide-out-form .contactForm .submitWrapper button.submit {
color: %BLACK%;
font-family: %FONT2%;
font-size: .96875em;
background: #FF8C00;
text-align: center;
cursor: pointer;
padding: 16px 10px;
border: 1px solid #000080;
width: 117px;
border-radius: 23.5px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}.slide-out-form .contactForm .submitWrapper button.submit:hover {
background: #000080 !important;
color: #FFFFFF !important;
border: 1px solid %WHITE%;
}

/* END SLIDE OUT FORM */

/* PADDING CLASSES */

.side-buffer {
padding-left: 2.5vw;
padding-right: 2.5vw;
}.left-buffer {
padding-left: 5vw;
}.right-buffer {
padding-right: 5vw;
}.small-buffer {
padding-left: 35px;
padding-right: 35px;
}.vertical-padding-xs {
padding-top: 4.5vh;
padding-bottom: 4.5vh;
}.top-padding-xs {
padding-top: 4.5vh;
}.bottom-padding-xs {
padding-bottom: 4.5vh;
}.vertical-padding-small {
padding-top: 6vh;
padding-bottom: 6vh;
}.top-padding-small {
padding-top: 6vh;
}.bottom-padding-small {
padding-bottom: 6vh;
}.vertical-padding-medium {
padding-top: 8vh;
padding-bottom: 8vh;
}.top-padding-medium {
padding-top: 8vh;
}.bottom-padding-medium {
padding-bottom: 8vh;
}.vertical-padding-large {
padding-top: 12vh;
padding-bottom: 12vh;
}.top-padding-large {
padding-top: 12vh;
}.bottom-padding-large {
padding-bottom: 12vh;
}.vertical-padding-x-large {
padding-top: 15.5vh;
padding-bottom: 15.5vh;
}.top-padding-x-large {
padding-top: 15.5vh;
}.bottom-padding-x-large {
padding-bottom: 15.5vh;
}

@media only screen and (min-width: 1025px) {
.strip-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}.horizontal-padding-large {
padding-left: 9vw;
padding-right: 9vw;
}.left-padding-large {
padding-left: 9vw;
}.right-padding-large {
padding-right: 9vw;
}.horizontal-padding-medium {
padding-left: 7vw;
padding-right: 7vw;
}.left-padding-medium {
padding-left: 7vw;
}.right-padding-medium {
padding-right: 7vw;
}.horizontal-padding-small {
padding-left: 4.5vw;
padding-right: 4.5vw;
}.left-padding-small {
padding-left: 4.5vw;
}.right-padding-small {
padding-right: 4.5vw;
}.horizontal-padding-xs {
padding-left: 3vw;
padding-right: 3vw;
}.left-padding-xs {
padding-left: 3vw;
}.right-padding-xs {
padding-right: 3vw;
}.company-details {
padding-left: 10px;
max-width: 89%;
vertical-align: middle;
}.tagline-wrapper {
padding-left: 1.3vw;
}.slider-wrapper {
height: 45vw;
overflow: hidden;
background: #ffffff;
}.bottom-cta-text h3 {
color: #ffffff;
}.slider-cta.mobile-btn {
display: none;
}.header-details {
padding-top: 0;
}.icon-section img {
width: 13vw;
}
}
@media only screen and (min-width: 1441px) {
.service-slide-show .slick-slide {
max-width: 480px;
}
}

@media only screen and (min-width: 1026px) and (max-width: 1440px) {
.company-details {
max-width: 84%;
}p.tagline {
font-size: 1vw;
}
}

@media only screen and (max-width: 1366px) {
.home-card {
width: 60vw;
left: 30vw;
}.icon-box-wrapper {
padding-left: 2.5vw;
}.footer-col:nth-child(2) {
padding-left: 3vw;
}
}
@media only screen and (min-width: 1138px) and (max-width: 1180px) {
.stat-box-inner p {
font-size: 1.3vw;
}.accordion .accordion-navigation>a, .accordion dd>a {
font-size: 1.4vw;
}
}

@media only screen and (max-width: 1024px) {
main .columns {
padding-left: 10vw !important;
padding-right: 10vw !important;
text-align: center;
}.side-buffer {
padding-left: 0;
padding-right: 0;
}.top-space, .bottom-space {
margin: 0;
}.header-bar {
padding: 20px;
}.header-details {
padding: 0;
text-align: center;
}.header-details::after {
display: none;
}.logo-wrapper {
width: auto;
max-width: none;
display: block;
text-align: center;
margin-bottom: 10px;
}.company-details {
padding-right: 15px;
}.company-details h1, .company-details h1 a {
font-size: 22px;
}.company-details p {
font-size: 16px;
}.mobile-header-bg {
height: 400px;
background: center / cover no-repeat url(%UPLOAD%/2024/06/slider-mobilev2.jpg);
}.mobile-navigation {
display: block;
right: 25px;
position: absolute;
text-transform: uppercase;
top: 20px;
vertical-align: middle;
width: auto;
height: 24px;
z-index: 999;
}span.mobile-navigation.navigation-toggle.active {
background: %COLOR3A%;
height: 50px;
width: 50px;
border-radius: 25px;
}i.toggle-bars {
display: inline-block;
position: relative;
color: %BLACK%;
width: 37px;
height: 7px;
}i.toggle-bars::before {
content: ” “;
width: 17px;
height: 2px;
background: %BLACK%;
position: absolute;
bottom: 0;
right: 0;
}i.toggle-bars::after {
content: ” “;
width: 37px;
height: 2px;
background: %BLACK%;
position: absolute;
top: 0;
right: 0;
}i.toggle-bars.close {
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 50px;
height: 50px;
}i.toggle-bars.close::after {
background: %WHITE%;
top: calc(50% – 1px);
left: calc(50% – 15px);
width: 30px;
}i.toggle-bars.close::before {
background: %WHITE%;
width: 2px;
height: 30px;
left: calc(50% – 1px);
top: calc(50% – 15px);
}.fullwidth-navigation {
background: %WHITE%;
position: absolute;
top: 0;
z-index: 997;
width: 100%;
display: none;
}.fullwidth-navigation .top-bar {
padding: 0;
display: block;
background: %WHITE%;
height: auto;
}.fullwidth-navigation .top-bar-section ul:not(.dropdown) {
padding-top: 10%;
}.fullwidth-navigation .title-area {
display: none !important;
}.top-bar-section {
background: %WHITE%;
margin-bottom: 10%;
}.fullwidth-navigation .top-bar-section ul {
position: relative;
right:0;
width:100%;
z-index: 997;
padding-top: 40px;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
box-shadow:none;
left: 100%;
}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button) {
color: %BLACK%;
line-height: 2.5;
text-align: center;
padding: 0 !important;
font-size: 1.5em !important;
}.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form)>a {
color: %COLOR1A%;
padding: 0;
line-height: 2.5;
font-size: 1.5em !important;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
color: %BLACK%;
font-weight: normal;
line-height: 40px;
font-size: 17px !important;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
background: #000080;
color: %COLOR1A%;
line-height: 40px;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
box-shadow: none;
left: 100%;
border-radius: 0;
padding-bottom: 40px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
display: none;
}.top-bar-section ul li {
text-align: center;
}.top-bar-section li:not(.has-form) a:not(.button) {
display: inline-block;
width: auto;
}.top-bar-section .has-dropdown>a:after {
right: -20px;
margin: 0;
border: solid 5px;
border-color: %BLACK% transparent transparent transparent;
top: 29px;
}.top-bar-section ul li.active {
background: #000080;
}.top-bar-section .has-dropdown.active>a:after {
border-color: %COLOR1A% transparent transparent transparent;
}.vertical-padding-xs {
padding-top: 3vh;
padding-bottom: 3vh;
}.top-padding-xs {
padding-top: 3vh;
}.bottom-padding-xs {
padding-bottom: 3vh;
}.vertical-padding-small {
padding-top: 4vh;
padding-bottom: 4vh;
}.top-padding-small {
padding-top: 4vh;
}.bottom-padding-small {
padding-bottom: 4vh;
}.vertical-padding-medium {
padding-top: 6vh;
padding-bottom: 6vh;
}.top-padding-medium {
padding-top: 6vh;
}.bottom-padding-medium {
padding-bottom: 6vh;
}.vertical-padding-large {
padding-top: 6vh;
padding-bottom: 6vh;
}.top-padding-large {
padding-top: 6vh;
}.bottom-padding-large {
padding-bottom: 6vh;
}.vertical-padding-x-large {
padding-top: 6vh;
padding-bottom: 6vh;
}.top-padding-x-large {
padding-top: 6vh;
}.bottom-padding-x-large {
padding-bottom: 6vh;
}main .columns.strip-padding-mobile {
padding-left: 0 !important;
padding-right: 0 !important;
}.m-vpad-none {
padding-top: 0 !important;
padding-bottom: 0 !important;
}.mobile-bg-remove {
background: none;
}.mobile-hide {
display: none !important;
}.footer-wrapper a[href^=”tel”] {
color: inherit;
text-decoration: none;
}.mobile-sticky-cta {
display: flex;
position: fixed;
bottom: 10px;
left: 0;
width: 100%;
z-index: 3;
justify-content: center;
}a.sticky-btn {
display: inline-block;
width: calc(50% – 10px);
max-width: 260px;
text-align: center;
color: #000000;
font-family: %FONT2%;
font-size: 1.25em;
background: #ff8c00;
padding: 15px 5px;
margin: 0 5px;
border-radius: 30px;
}a.sticky-btn.alt {
background: %COLOR1A%;
color: %BLACK%;
}.home-bg1 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home1-mobile.jpg);
}.about-bg1 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/about1-mobile.jpg);
}.service-bg1 {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/services1-mobile.jpg);
}.solar-plus-storage {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/ev-charger-installation-mobile.jpg);
}.solar-panel-installation {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/solar-panel-installation-mobile-1.jpg);
}.ev-charger-installation {
background: left center / cover no-repeat url(%UPLOAD%/2024/06/ev-charger-mobile.jpg);
}.roofing {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/roofing-mobile.jpg);
}.csp {
background: right center / cover no-repeat url(%UPLOAD%/2024/10/csp-mobile.jpg);
}.sri {
background: right center / cover no-repeat url(%UPLOAD%/2024/10/sri-mobile.jpg);
}.row.flex-row {
display: block;
}ul.icon-list {
display: inline-block;
text-align: left;
}.intro-row {
padding: 0;
}.intro-row .intro-text {
order: 0;
padding-top: 6vh;
padding-bottom: 6vh;
}.flex {
flex-wrap: wrap;
}.intro-bg.bg-wrapper {
padding: 0 !important;
height: 400px;
}.intro-bg .bg-box {
max-width: unset;
}.home-card {
left: 0;
width: 100%;
padding: 6vh 10vw;
text-align: center;
}.home-card::after {
width: 100%;
}.row.gallery-cta {
background: #eaeaea;
}.row.gallery-cta {
background: #eaeaea;
}.gallery-cta-inner {
background: none;
padding: 6vh 10vw;
}.gallery-cta-text {
align-items: center;
width: 100%;
}.gallery-cta-text h2 {
text-align: center;
font-size: 4em;
margin-bottom: 25px;
}.gallery-cta-text h2 span:first-child {
font-size: .5em;
padding: 0;
}.gallery-cta-text .cta-btn {
margin-right: 0;
}.icon-box-wrapper {
padding-top: 0;
}.icon-box {
flex-direction: column;
align-items: center;
}i.custom-icon {
margin-bottom: 25px;
}.icon-content {
padding-left: 0;
}.badge {
text-align: center !important;
}.badge:not(:last-of-type) {
margin-bottom: 20px;
}.row.badges-row {
padding-bottom: 6vh;
}.bottom-cta-inner {
background: none;
padding: 6vh 10vw;
}.bottom-cta {
background: %COLOR2A%;
}.bottom-cta-text p.fancy-text {
margin-bottom: 30px;
}.bottom-cta-text h2 {
font-size: 2.5em;
color: %BLACK%;
}.bottom-cta-text p {
color: %BLACK%;
}.cta-btn-wrapper .cta-btn,.cta-btn-wrapper .cta-btn:hover {
color: %WHITE%;
background: %BLACK%;
}.intro-row.inner, .gallery-page {
padding-top: 0;
}.orange-divider::after {
display: none;
}.row.gallery-title {
padding-top: 6vh;
}.gallery-container {
display: inline-block;
width: 48.625%;
margin-bottom: 2.75%;
position: relative;
}.gallery-row {
padding: 6vh 2.5vw;
}.caption-inner {
background: rgba(20,20,22,0.7);
}p.gallery-caption {
opacity: 1;
}.caption-inner p.gallery-caption::before {
top: -25px;
opacity: 1;
}.caption-inner p.gallery-caption::after {
bottom: -25px;
opacity: 1;
}.footer-contact-row {
padding: 3vh 0;
}.footer-row.bottom-row {
padding: 3vh 0;
display: flex;
flex-direction: column;
}.footer-col {
padding: 3vh 10vw !important;
text-align: center;
}.footer-col.footer-logo {
order: 3;
padding-top: 6vh !important;
border-top: 1px solid #424242;
}.footer-col.footer-social {
padding-bottom: 6vh !important;
}main .contact-body {
padding: 6vh 0 !important;
}svg.payment-icon {
float: none;
margin: 0 .8vw;
}footer.footer-wrapper {
padding-bottom: 70px;
}.m-btmpad-none {
padding-bottom: 0 !important;
}.m-toppad-none {
padding-top: 0 !important;
}.bottom-cta * {
color: %WHITE% !important;
}.badge img {
width: 22vw;
}ul.disc {
margin-left: 0;
list-style: inside;
}.service-areas-wrapper h1 {
font-size: 4.5vw;
}.landing-page-wrapper h1 {
font-size: 4vw;
font-weight: bold;
}.landing-page-wrapper h2 {
font-size: 3.5vw;
}.intro-text h1 {
font-size: 5vw;
}.mobile-btn .cta-btn {
margin-right: 0;
}.slider-cta.mobile-btn {
padding-top: 12em;
text-align: center;
margin-top: 0;
}.residential-section iframe {
height: 75em;
width: 100%;
}.icon-section img {
width: 19%;
}.columns.icon-section {
padding: 0 !important;
}main .icon-section h2 {
font-size: 6vw !important;
}.bottom-cta .cta-btn, .bottom-cta .cta-btn i {
color: %BLACK% !important;
}.bottom-cta .cta-btn:hover {
border: 1px solid %WHITE%;
color: %WHITE% !important;
}.cta-btn:hover i {
color: %WHITE% !important;
}.residential-section.form-section {
height: 75em;
}.mobile-navigation .fa {
color: #000000;
font-size: 32px;
line-height: 35px;
margin: 0px;
text-align: end;
vertical-align: middle;
width: 35px;
}.video-overlay-content {
top: 25%;
left: 50%;
width: 85%;
}.video-overlay-content p {
font-size: 2.5vw;
}.accordion .accordion-navigation>a, .accordion dd>a {
font-size: 1.9vw;
}.accordion-navigation a::after {
left: 89%;
}.columns.collapsible-section {
padding-left: 2vw !important;
padding-right: 2vw !important;
}.stat-box {
padding: 10px;
}.stat-box-inner p {
margin-top: 10px;
font-weight: 700;
font-size: 2.2vw;
margin-bottom: 0;
}.collapsible-section {
padding: 0;
margin: 0;
}.accordion-navigation.active>a::after {
left: 89%;
}
}
@media only screen and (min-width: 760px) and (max-width: 768px) {
.video-overlay-content {
top: 29%;
left: 50%;
width: 85%;
}
}
@media only screen and (max-width: 767px) {
.header-bar {
padding-left: 0;
padding-right: 0;
}.company-details {
max-width: none;
}.company-details h1, .company-details h1 a {
font-size: 17px;
}.company-details p {
font-size: 0.875em;
}span.mobile-navigation.navigation-toggle.active {
height: 40px;
width: 40px;
}i.toggle-bars.close {
width: 40px;
height: 40px;
}i.toggle-bars.close::before {
height: 20px;
top: calc(50% – 10px);
}i.toggle-bars.close::after {
width: 20px;
left: calc(50% – 10px);
}.contactForm .captchaWrapper:not(.slideOut) img {
max-width: 50%;
margin-bottom: 15px;
}main .columns {
padding-left: 5vw !important;
padding-right: 5vw !important;
}main .contact-body {
padding: 6vh 0 !important;
}.bottom-cta-inner,.gallery-cta-inner,.home-card {
padding-left: 5vw;
padding-right: 5vw;
}.footer-col {
padding-left: 5vw !important;
padding-right: 5vw !important;
}main h1 {
font-size: 1.5em !important;
}main h2:not(.large), .footer-wrapper h2, main h3 {
font-size: 1.35em !important;
}.gallery-container {
width: 100%;
max-width: 413px;
margin: 0 auto 2.75%;
}.bottom-cta-inner .cta-btn {
width: calc(50% – 0.5%);
min-width: unset;
font-size: 1em;
}.bottom-cta-inner .cta-btn:first-child {
margin-right: 1%;
}.bottom-cta-inner .cta-btn-wrapper {
display: flex;
justify-content: center;
}.residential-section.form-section {
height: 68em;
}.stat-box-inner p {
font-size: 2vw;
}
}

@media only screen and (max-width: 500px) {
.mobile-header-bg {
height: 200px;
background: center / cover no-repeat url(%UPLOAD%/2024/06/slider-small.jpg);
}.home-bg1 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/home1-small.jpg);
}.about-bg1 {
background: center / cover no-repeat url(%UPLOAD%/2024/06/about1-small.jpg);
}.service-bg1 {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/services1-small.jpg);
}.solar-plus-storage {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/ev-charger-installation-small.jpg);
}.solar-panel-installation {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/solar-panel-installation-small-1.jpg);
}.ev-charger-installation {
background: left center / cover no-repeat url(%UPLOAD%/2024/06/ev-charger-small.jpg);
}.roofing {
background: right center / cover no-repeat url(%UPLOAD%/2024/06/roofing-small.jpg);
}.csp {
background: right center / cover no-repeat url(%UPLOAD%/2024/10/csp-small.jpg);
}.sri {
background: right center / cover no-repeat url(%UPLOAD%/2024/10/sri-small.jpg);
}.logo-wrapper img {
width: 75%;
}.mobile-navigation {
top: 5px;
}.badge img {
width: auto;
}.contact-body h1 {
font-size: 5.5vw !important;
}.service-areas-wrapper h1 {
font-size: 7.5vw;
}.landing-page-wrapper h1 {
font-size: 6.5vw;
font-weight: bold;
}.landing-page-wrapper h2 {
font-size: 6vw;
}.archive-post.default .read-more {
bottom: -5px !important;
}.slider-cta.mobile-btn {
padding-top: 5em;
text-align: center;
}.residential-section iframe {
width: 100%;
height: 71em;
}.icon-section img {
margin-left: .5em;
margin-right: .5em;
padding-bottom: .5em;
width: 43%;
}main .icon-section h2 {
font-size: 10vw !important;
}.utility-page iframe {
width: 100% !important;
}.calendly-inline-widget.calendly-mobile {
min-width: 290px !important;
}.mobile-navigation .fa {
width: 14px;
}span.mobile-navigation.navigation-toggle.active {
right: 10px;
}.statistics-row {
gap: 0;
flex-direction: column;
}.stat-box-inner {
padding-right: 10px;
padding-left: 10px;
}.stat-box-inner p {
font-size: 4vw;
}.accordion .accordion-navigation>a, .accordion dd>a {
font-size: 3.9vw;
}.video-overlay-content .cta-btn {
padding: 5px;
min-width: 125px;
font-size: 3.5vw;
}.video-overlay-content p {
font-size: 3.5vw;
margin-bottom: 5px;
margin-top: 5px;
}.video-overlay-content h2::before {
content: url(%UPLOAD%/2024/10/solar-line.png);
}.video-overlay-content h2 {
font-size: 3.5vw;
margin-bottom: 5px;
}.video-overlay-content {
padding-top: 2em;
width: 90%;
}.video-overlay-content {
top: 51vw;
}.stat-box-inner:hover {
transform: scale(1.02) rotate(0deg) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) translateZ(0px);
}
}
@media only screen and (max-width: 320px) {
.residential-section.form-section {
height: 70em;
}.video-overlay-content {
top: 33%;
}.video-overlay-content .cta-btn {
font-size: 4vw;
}
}

@media only screen and (max-width: 280px) {
.cta-btn {
min-width: unset;
width: 100%;
}a.sticky-btn i, .cta-btn i {
display: none;
}
}
[/css]