/* Concrete5's column layout builder utilizes Bootstrap 3, which Bootstrap 4 breaks. These fix that */

#ccm-account-menu-container { display: none; }

#ccm-layouts-edit-mode .row { display: block; }

#ccm-layouts-edit-mode div[class^="col-sm"] { max-width: 100%; float: left; }

#ccm-layouts-edit-mode .col-sm-12 {   width: 100%}

#ccm-layouts-edit-mode .col-sm-11 {   width: 91.66666667%}

#ccm-layouts-edit-mode .col-sm-10 {   width: 83.33333333%}

#ccm-layouts-edit-mode .col-sm-9 {    width: 75%}

#ccm-layouts-edit-mode .col-sm-8 {    width: 66.66666667%}

#ccm-layouts-edit-mode .col-sm-7 {    width: 58.33333333%}

#ccm-layouts-edit-mode .col-sm-6 {    width: 50%}

#ccm-layouts-edit-mode .col-sm-5 {    width: 41.66666667%}

#ccm-layouts-edit-mode .col-sm-4 {    width: 33.33333333%}

#ccm-layouts-edit-mode .col-sm-3 {    width: 25%}

#ccm-layouts-edit-mode .col-sm-2 {    width: 16.66666667%}

#ccm-layouts-edit-mode .col-sm-1 {    width: 8.33333333%}



/* Errors and Success */

html div.alert-success,

html div.alert-error,

html div.alert-danger {

    padding: 0 !important;

    border: none !important;

    text-align: center;

    font-size: 14px;

    color: #fff;

    padding: 10px !important;

    -webkit-border-radius: 6px;

    border-radius: 6px;

}



html div.alert-error ul li,

html div.alert-danger ul li {

    display: inline-block;

    margin: 6px;

}



html div.alert-error,

html div.alert-danger {

    background-color: #e84118 !important;

}



html div.alert-success {

    background-color: #44bd32 !important;

}


body {
    font-size: clamp(15px, 0.8854166666666666vw, 17px) !important;
}


.pg-intro {

    padding: 85px 0;

    text-align: center;

}



.pg-intro h1 {

    font-size: 5rem;

    font-weight: 800;

    line-height: 0.9;

    text-transform: uppercase;

    letter-spacing: -0.3px;

}



.pg-intro p {

    font-weight: 300;

    color: #777;

    font-size: 1.8rem;

}



.pg-thanks .button {

    margin: 30px 0 0;

}



.pg-content {

    padding: 80px 0;

    background: #fff;

}



.inner .pillars {

  margin: 0;

  padding: 75px 0;

}



.pg-intro p {

    font-weight: 300;

    color: #777;

    font-size: 2.4rem;

}



.bggrey {

  background-color: #f9f9f9;

}



.pg-about p {

    margin: 0 0 26px;

    line-height: 1.5;

}



.pg-about p:last-child {

    margin: 0;

}



.pg-about h3 {

    font-weight: 300;

    font-size: 3.6rem;

    margin: 0 0 35px;

}



.contact-box {

    background: #f9f9f9;

    padding: 30px 25px;

}



.contact-box h2 {

    margin: 0 0 14px;

}



.contact-box ul li a i {

    background-color: #b4142b;

    color: #fff;

    font-size: 1.6rem;

    width: 31px;

    height: 31px;

    text-align: center;

    line-height: 31px;

    border-radius: 7px;

    position: absolute;

    top: -3px;

    left: 0;

}



.contact-box ul li a {

    color: #666;

}



.contact-box ul li {

    position: relative;

    padding: 1px 0 0 42px;

    margin: 0 0 15px;

}



.contact-box ul li a:hover, .contact-box ul li a:focus {

    color: #b4142b;

}





fieldset {

    border: none;

}



.form-stacked fieldset .mb-3 {

    float: left;

    width: 49%;

}



.form-stacked fieldset .mb-3:nth-child(2n+2) {

    float: right;

}



.form-stacked fieldset .mb-3:nth-child(5) {

    width: 100%;

    float: none;

    clear: both;

}



.form-stacked fieldset:after {

    clear: both;

    content: "";

    display: block;

}



.form-stacked fieldset .mb-3 input, .form-stacked fieldset .mb-3 textarea {

    border: 1px solid #ccc;

    font-family: "proxima-nova",proxima-nova,sans-serif;

    font-size: 1.8rem;

    resize: none;

    width: 100%;

    display: block;

    padding: 10px;

    transition: all 0.4s;

}



.form-stacked fieldset .mb-3 input:hover, .form-stacked fieldset .mb-3 textarea:hover, .form-stacked fieldset .mb-3 input:focus, .form-stacked fieldset .mb-3 textarea:focus {

    border: 1px solid #be162f;

    outline: 0;

}



.form-stacked fieldset .mb-3 label {

    font-size: 1.6rem;

    position: relative;

    top: -1px;

}



.form-stacked fieldset .mb-3 label

 + span {

    background: #444;

    color: #fff;

    text-transform: uppercase;

    font-size: 1rem;

    padding: 7px 10px 5px;

    display: inline-block;

    border-radius: 100px;

    float: right;

}



.form-stacked fieldset .mb-3 {

    margin: 0 0 28px;

}



.form-stacked button.btn {

    background-color: #b4142b;

    color: #fff;

    font-weight: 400;

    padding: 17px 28px;

    display: inline-block;

    font-family: "proxima-nova",proxima-nova,sans-serif;

    -webkit-text-shadow: none;

    text-shadow: none;

    -webkit-border-radius: 0 0 0 0;

    -moz-border-radius: 0 0 0 0;

    -ms-border-radius: 0 0 0 0;

    border-radius: 0 0 0 0;

    font-size: 1.6rem;

    border: none;

    transition: all 0.4s;

    float: right;

    margin: -72px 0 0;

    cursor: pointer;

    font-size: 2.4rem;

}



.form-actions button.btn:hover, .form-actions button.btn:focus {

    background-color: #333;

}



.consult .form-stacked fieldset .mb-3 {

    float: none;

    width: 100%;

}



.consult .form-stacked fieldset .mb-3 label + span {

    display: none;

}



.consult .form-stacked fieldset .mb-3 {

    float: none;

    width: 100%;

}



.consult .form-stacked fieldset .mb-3 label + span {

    display: none;

}



.consult {

    width: 640px;

    display: none;

    padding: 25px;

    background: #fff;

}



.consult .mb-3:nth-child(2) {

    float: left !important;

    width: 49% !important;

}



.consult .mb-3:nth-child(3) {

    float: right !important;

    width: 49% !important;

}



.consult textarea {

    height: 97px;

}



.consult h2 {

    font-size: 2.5rem;

    background: #222;

    width: 100%;

    width: calc(100% + 50px);

    margin: -25px -25px 25px;

    padding: 15px 25px;

    color: #fff;

}



.consult {

}



.consult .closeThis {

    position: absolute;

    top: 1.6rem;

    color: #fff;

    right: 25px;

}



.consult .closeThis:hover, .consult .closeThis:focus {

    color: #999;

}



.consult .form-stacked fieldset .mb-3 {

    margin: 0 0 12px;

}



.service-intro {

  padding: 250px 0;

  border-top: 1px solid #1e1e1e;

  text-align: center;

  color: #fff;

}



.service-intro h1 {

    font-size: 8rem;

    font-weight: 800;

}



.service-intro p {

    color: #ccc;

    margin: 6px 0 0;

    font-weight: 300;

    font-size: 2.8rem;

    line-height: 1;

}



.service-content h2 {

    line-height: 1;

    margin: 0 0 10px;

}



.service-content p {

    margin: 0 0 30px;

    line-height: 1.5;

}



.service-content p:last-child {

    margin: 0;

}



.testimonial {

    text-align: center;

    padding: 0 150px;

}



.testimonial h2 {

    margin: 0 0 10px;

}



.testimonial p {

    font-size: 2.3rem;

    font-weight: 300;

    line-height: 1.5;

    margin: 0 0 40px;

}



.testimonial p:last-child {

    margin: 0;

}



.testimonial p strong {

    font-size: 80%;

}



.testimonial h2,

.testimonial p {

  position: relative;

  z-index: 2;

}



.testimonial:after,

.testimonial:before {

  content: '';

  display: block;

  -webkit-background-size: contain;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  z-index: 1;

  width: 98px;

  height: 85px;

  top: 0;

}



.testimonial:before {

  left: 200px;

  background-image: url(../i/quote-left.png);

}





.testimonial:after {

  right: 200px;

  background-image: url(../i/quote-right.png);

}



.service-content ul li {

    margin: 0 0 20px;

}



.service-content ul {

    margin: 0 0 30px;

}



.service-content ul li:before {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f058";

    color: #b4142b;

    margin: 0 12px 0 0;

}



.pg-intro p:after {

    background: #b4142b;

    content: "";

    display: block;

    width: 100px;

    height: 3px;

    margin: 40px auto 0;

}



.pg-about-full {

  display: -webkit-flex;

  display: -ms-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  -ms-align-items: stretch;

  align-items: stretch;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  -ms-justify-content: space-between;

  -o-justify-content: space-between;

  justify-content: space-between;

  min-height: 500px;

  padding: 0;

}



.pg-about-full .pg-about-left {

  -webkit-flex: 0 0 45%;

  -ms-flex: 0 0 45%;

  flex: 0 0 45%;

  max-width: 45%;

  padding: 150px 100px;

}



.pg-about-full .pg-about-right {

  -webkit-flex: 0 0 55%;

  -ms-flex: 0 0 55%;

  flex: 0 0 55%;

  max-width: 55%;

}



.pg-about-full.pg-about-invert .pg-about-left {

  -webkit-order: 2;

  -ms-order: 2;

  order: 2;

}



.pg-about-full.pg-about-invert .pg-about-right {

  -webkit-order: 1;

  -ms-order: 1;

  order: 1;

}



.pg-about-bg-1 {

  background-position: center left;

  -webkit-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-image: url(../i/aboutbg1.jpg);

}



.pg-bg {

  background-position: center;

  -webkit-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #ccc;

}



.pg-about-bg-2 {

  background-position: top left;

  -webkit-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-image: url(../i/aboutbg2.jpg?v=2);

}



@media (min-width: 992px) {

  .service-content ul {

    display: -webkit-flex;

    display: -ms-flex;

    -webkit-display: flex;

    -moz-display: flex;

    -ms-display: flex;

    -o-display: flex;

    display: flex;

    -ms-align-items: flex-start;

    align-items: flex-start;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }



  .service-content ul li {

    -webkit-flex: 0 0 48%;

    -ms-flex: 0 0 48%;

    flex: 0 0 48%;

    max-width: 48%;

    position: relative;

    padding-left: 30px;

  }

  .service-content ul li:before {

    position: absolute;

    top: 0;

    left: 0;

  }

}



.bg-pole-line-construction { background-image: url(../i/servicebg1.jpg); }

.bg-electrical-contracting { background-image: url(../i/servicebg2.jpg); }

.bg-high-voltage-electrical-services { background-image: url(../i/servicebg3.jpg?v=2); }

.bg-gemstone-lights { background-image: url(../i/servicebg4.jpg?v=3); background-position: center right;}



.equipment {

    background: #151515;

    display: -webkit-flex;

    display: -ms-flex;

    -webkit-display: flex;

    -moz-display: flex;

    -ms-display: flex;

    -o-display: flex;

    display: flex;

    -ms-align-items: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

}



.equipment section {

    padding: 0 60px;

    font-weight: 300;

    text-align: center;

}



.equipment.equip-electrical-contracting {

    display: none;

}



.equipment + .pg-content {

    padding-top: 180px;

}



.equipment.equip-electrical-contracting  + .pg-content {

  padding-top: 80px;

}



.equipment p {

    color: #fff;

    font-size: 33px;

}



.equipment img {

    margin: -70px 0 -73px;

    max-width: 1000px;

}



.why-choose {

    padding: 120px 0 220px;

}



.why-choose.wc-electrical-contracting {

    padding: 120px 0;

}



.emergency {

  text-align: center;

      padding: 60px 0;

      background-color: #f9f9f9;

      background-image: url(../i/pole.png);

      background-repeat: no-repeat;

      background-position: 240px 0px;

      background-size: contain;

}



.emergency p {

    margin: 0;

    font-weight: 300;

    font-size: 29px;

}



.emergency p strong {

  font-weight: 300;

  color: #b4142b;

}







@media (max-width: 1600px) {





  .equipment p {

      font-size: 24px;

  }



  .equipment section {

      padding: 0 20px;

  }



  .equipment img {

      margin: -70px 0 -61px;

      max-width: 840px;

  }



}





@media (max-width: 1199px) {

  .equipment p {

    font-size: 17px;

}



.equipment img {

    margin: -40px 0 -46px;

    max-width: 630px;

}

}



@media (max-width: 991px) {



  .equipment {

      -webkit-flex-direction: column;

      -ms-flex-direction: column;

      flex-direction: column;

      padding-top: 50px;



  }



  .equipment section {

      -webkit-order: 1;

      -moz-order: 1;

      order: 1;

  }



  .equipment img {

      -webkit-order: 2;

      -moz-order: 2;

      order: 2;

  }



  .equipment img {

      margin: 30px 0 -40px;

      max-width: 560px;

  }





}



@media (max-width: 767px) {

  .equipment img {

      max-width: 300px;

      margin: 30px 0 -21px;

  }

}



.emerg {

    background-color: #0d0d0d;

    width: 200px;

    height: 200px;

    display: block;

    position: fixed;

    z-index: 100000;

    bottom: 20px;

    right: 20px;

    border-radius: 100%;

    text-align: center;

    border: 2px solid #FFF;

    padding: 23px 11px 0;

}



.emerg span {

    font-family: "Muli",Muli,sans-serif;

    font-weight: bold;

    font-size: 19px;

    color: #fff;

    display: block;

    line-height: 1;

}



.emerg span i {

    display: block;

    color: #b4142b;

    font-size: 40px;

    margin: 0 0 7px;

}



.emerg em {

    font-style: normal;

    font-size: 13px;

    color: #eee;

    line-height: 1.25;

    display: block;

}



.footer, .copyright {

    position: relative;

    z-index: 200000;

}



.center-to-image {display: flex;flex-direction: column;justify-content: center;height: 100%;padding: 0 50px;}



.lightingbox p {font-weight: 300;font-size: 23px;}



.lightingbox h2 {margin: 0 0 20px;}



.pg-gemstone-lights hr {border: 0;border-top: 1px solid #eee;margin: 80px 0;}



.pg-gemstone-lights {border-top: 20px solid #f9f9f9;}



.lighting-lead {background: #222;text-align: center;padding: 40px 0;color: #fff;font-size: 25px;}



.lighting-lead a {color: #ff718c;}



.lighting-lead a:hover, .lighting-lead a:focus {color: #ccc;}



@media (max-width: 767px){

  .pg-gemstone-lights hr {margin: 50px 0;}



  .lightingbox p {font-size: 16px;}



  .lightingbox h2 {margin: 0 0 10px;}



  .lightingbox {padding: 0;}



  .center-to-image {height: auto;}



  .pg-gemstone-lights .container:last-child .col-sm-6:last-child {order: -1;}

}



.header .brand img {

    max-height: 96px;

    width: 237px;

}



.img-fluid {

    width: 100%;

    height: auto;

}

.hero {
    position: relative;
    overflow: hidden;
}

.hero-slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kenburns-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* Ken Burns animation (only scaling, no opacity changes) */
@keyframes kenburns {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}


.hero h1, .hero p {
    position: relative;
    z-index: 100;
}

.hero:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.65);
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.pillars {
    z-index: 100;
}

.service-content.sc-home * {
    text-align: left !important;
}

.service-content.sc-home .button {
    width: max-content !important;
}

.service-content.sc-home:not(.service-content.sc-home.last) {
    margin-bottom: clamp(80px, 6.25vw, 120px);
}

.sc-home__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bg-residential-electricians { background-image: url(../i/bg-residential-electricians.jpg); }

#new-services {
    border-top: clamp(13.333333333333334px, 1.0416666666666667vw, 20px) solid #f2f2f2;
}

#new-services h2 {
    text-align: center !important;
    margin: 0 0 40px;
}

#new-services ul {
    display: flex;
    flex-wrap: wrap;
    grid-gap: clamp(40px, 3.125vw, 60px);
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

#new-services ul li {
    margin: 0;
    width: calc(33% - clamp(26.666666666666668px, 2.0833333333333335vw, 40px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    font-weight: 800;
    margin: 0 0 10px;
    color: #121212;
    text-align: center;
}

#new-services ul li i {
    width: clamp(75px,7.8125vw,150px);
    height: clamp(75px,7.8125vw,150px);
    background-color: #b4142b;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    margin: 0 0 20px;
}

#new-services ul li i.icon-installs { background-image: url(../i/2025/icon-install.svg?v=1); }
#new-services ul li i.icon-maintenance { background-image: url(../i/2025/icon-maintenance.svg?v=1); }
#new-services ul li i.icon-inspections { background-image: url(../i/2025/icon-inspection.svg?v=1); background-size: 40%; }
#new-services ul li i.icon-newconstruction { background-image: url(../i/2025/icon-newconstruction.svg?v=1); }
#new-services ul li i.icon-panelupgrade { background-image: url(../i/2025/icon-panelupgrades.svg?v=1); }
#new-services ul li i.icon-resmore { background-image: url(../i/2025/icon-more.svg?v=1); }

#new-services ul li i.icon-retail { background-image: url(../i/2025/icon-retail.svg); }
#new-services ul li i.icon-office { background-image: url(../i/2025/icon-office.svg); }
#new-services ul li i.icon-restaraunts { background-image: url(../i/2025/icon-restaraunt.svg); }
#new-services ul li i.icon-medical { background-image: url(../i/2025/icon-medical.svg); }
#new-services ul li i.icon-grocery { background-image: url(../i/2025/icon-grocery.svg); }
#new-services ul li i.icon-commore { background-image: url(../i/2025/icon-commore.svg); }

#new-services ul li i.icon-barn { background-image: url(../i/2025/icon-barn.svg); }
#new-services ul li i.icon-irrigation { background-image: url(../i/2025/icon-irrigation.svg); }
#new-services ul li i.icon-hydroponics { background-image: url(../i/2025/icon-hydroponics.svg); }
#new-services ul li i.icon-climate { background-image: url(../i/2025/icon-climate.svg); }
#new-services ul li i.icon-repairs { background-image: url(../i/2025/icon-repairs.svg); }
#new-services ul li i.icon-agrmore { background-image: url(../i/2025/icon-agrmore.svg); }

#team {
    margin-top: clamp(53.333333333333336px, 4.166666666666667vw, 80px);
    border-top: clamp(13.333333333333334px, 1.0416666666666667vw, 20px) solid #F2F2F2;
}

#team h2 {
    text-align: center !important;
    margin: 0 0 clamp(26.666666666666668px, 2.0833333333333335vw, 40px);
}

#team ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    grid-gap: clamp(40px, 3.125vw, 60px) clamp(20px, 1.5625vw, 30px);
    justify-content: center;
}

#team ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(33% - clamp(13.333333333333334px, 1.0416666666666667vw, 20px)) !important;
}

#team ul li strong {
    display: block;
    font-size: clamp(18px, 1.3541666666666667vw, 26px);
    font-weight: 800;
    margin: 10px 0;
    color: #121212;
}

#team ul li img {
    display: block;
    width: 400px;
    max-width: 100%;
    height: clamp(175px, 14.322916666666666vw, 275px);
    margin: 0 auto;
    object-fit: cover;
}

@media (max-width: 991px) {
    #new-services ul li {
        width: calc(50% - clamp(26.666666666666668px, 2.0833333333333335vw, 40px));
    }
    .sc-home__image {
        order: -1 !important;
        margin: 0 0 20px !important;
    }
    #team ul li {
        width: calc(50% - clamp(13.333333333333334px, 1.0416666666666667vw, 20px)) !important;
    }
}

@media (max-width: 991px) {
    #new-services ul li {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .sc-home__content.schc-right { padding-left: clamp(33.333333333333336px, 2.6041666666666665vw, 50px) !important; }
    .sc-home__content.schc-left { padding-right: clamp(33.333333333333336px, 2.6041666666666665vw, 50px) !important; }
}

.header, .preheader {
    position: relative;
    z-index: 1000;
}

#lutron {
    background-image: url(../i/2025/lutron-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
    border-radius: clamp(16.666666666666668px,1.3020833333333333vw,25px);
    padding: clamp(30px,4.166666666666667vw,80px);
    position: relative;
    background-color: #000;
    color: #fff;
    margin-bottom: clamp(80px, 6.25vw, 120px);
}

#lutron h2 {
    line-height: 1;
    text-align: left;
    font-size: clamp(25px, 1.5625vw, 30px);
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 8px;
}

#lutron p {
    text-align: left;
}

#lutron p a.button {
    width: max-content;
}

#lutron h2 + p {
    max-width: 425px;
    width: 100%;
}

#lutron ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 clamp(26.666666666666668px, 2.0833333333333335vw, 40px);
}

#lutron ul li {
    display: flex;
    align-items: center;
    margin: 0 0 clamp(12px,.9375vw,18px);
    flex: 0 0 48%;
    max-width: 48%;
    height: clamp(28.666666666666668px,2.2395833333333335vw,43px);
    padding-left: clamp(30px, 2.34375vw, 45px);
}

#lutron ul li:before {
    content: '';
    display: block;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: clamp(25.333333333333332px,1.9791666666666667vw,38px);
    height: clamp(28.666666666666668px,2.2395833333333335vw,43px);
}

#lutron ul {
    padding: 0;
    justify-content: space-between;
}

#lutron ul li:nth-child(1):before, .icon-lutron-1 {
    background-image: url(../i/2025/icon-lutron-1.svg);
}

.icon-lutron-1 {
    width: clamp(14px,1.09375vw,21px);
    height: clamp(25.333333333333332px,1.9791666666666667vw,38px);
}

#lutron ul li:nth-child(2):before,.icon-lutron-2 {
    background-image: url(../i/2025/icon-lutron-2.svg);
}

.icon-lutron-2 {
    width: 22px;
    height: clamp(29.333333333333332px,2.2916666666666665vw,44px);
}

#lutron ul li:nth-child(3):before,.icon-lutron-3 {
    background-image: url(../i/2025/icon-lutron-3.svg);
}

.icon-lutron-3 {
    width: clamp(16.666666666666668px,1.3020833333333333vw,25px);
    height: clamp(26px,2.03125vw,39px);
}

#lutron ul li:nth-child(4):before,.icon-lutron-4 {
    background-image: url(../i/2025/icon-lutron-4.svg);
}

.icon-lutron-4 {
    width: clamp(18px,1.40625vw,27px);
    height: clamp(27.333333333333332px,2.1354166666666665vw,41px);
}

#footer.footer .footer-logos {
    margin: 0 0 40px;
}

#footer.footer img {
    display: block;
    width: auto;
    height: clamp(26.666666666666668px, 2.0833333333333335vw, 40px);
}

#footer.footer .brand a {
    display: flex;
    width: 118px;
    height: 48px;
}

#footer.footer .brand a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#footer.footer h3 {
    font-size: clamp(18px, 1.3541666666666667vw, 26px);
    font-weight: 800;
    margin: 0 0 20px;
    color: #FFF;
}

#footer.footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    grid-gap: clamp(13.333333333333334px, 1.0416666666666667vw, 20px) 30px;
}

#footer.footer ul li {
    margin: 0;
    display: flex;
    align-items: unset;
    justify-content: flex-start;
    line-height: 1.3;
}

#footer.footer .footer-contact ul li,
#footer.footer .footer-services ul li {
    width: 100%;
}

#footer.footer .footer-communities ul li {
    width: calc(33% - 20px);
}

#footer.footer li:not(#footer.footer .footer-logos li):before {
    margin-right: clamp(10px, 0.78125vw, 15px);
}

#footer.footer li:not(#footer.footer .footer-logos li):before {
    content: '';
    display: block;
    width: clamp(16px,1.1979166666666667vw,23px);
    flex: 0 0 clamp(16px,1.1979166666666667vw,23px);
    height: clamp(16px,1.1979166666666667vw,23px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#footer.footer .footer-contact ul li:first-child:before {
    background-image: url(../i/2025/icon-map.svg);
}

#footer.footer .footer-contact ul li:nth-child(2):before {
    background-image: url(../i/2025/icon-email.svg);
}

#footer.footer .footer-contact ul li:nth-child(3):before {
    background-image: url(../i/2025/icon-phone.svg);
}

#footer.footer .footer-contact ul li:nth-child(4):before {
    background-image: url(../i/2025/icon-license-light.svg);
}

#footer.footer .footer-services ul li:nth-child(1):before {
    background-image: url(../i/2025/icon-pole-light.svg);
}

#footer.footer .footer-services ul li:nth-child(2):before {
    background-image: url(../i/2025/icon-residential-light.svg);
}

#footer.footer .footer-services ul li:nth-child(3):before {
    background-image: url(../i/2025/icon-commercial-light.svg);
}

#footer.footer .footer-services ul li:nth-child(4):before {
    background-image: url(../i/2025/icon-agricultural-light.svg);
}

#footer.footer .footer-services ul li:nth-child(5):before {
    background-image: url(../i/2025/icon-voltage-light.svg);
}

#footer.footer .footer-communities ul li:before {
    background-image: url(../i/2025/icon-check-light.svg);
}

@media (max-width: 1600px) {
    #footer.footer li:not(#footer.footer .footer-logos li):before {
        position: relative;
        top: 1px;
    }
}

@media (max-width: 1367px) {
    #footer.footer li:not(#footer.footer .footer-logos li):before {
        top: 3px;
    }
}

@media (max-width: 1199px) {
    #footer.footer .footer-communities ul li {
        width: calc(50% - 15px);
    }
    #footer.footer .footer-communities {
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    #footer.footer .footer-contact,
    #footer.footer .footer-services {
        -ms-flex: 0 0 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
    #footer.footer li:not(#footer.footer .footer-logos li):before {
        top: 1px;
    }
}

@media (max-width: 991px) {
    #lutron ul li {
        padding-left: 0;
    }
    #lutron {
        position: relative;
        overflow: hidden;
    }
    #lutron:after {
        content: '';
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.65);
        z-index: 5;
    }
    #lutron * {
        position: relative;
        z-index: 10;
    }
    #footer.footer .footer-communities {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 0 40px !important;
    }
    #footer.footer .footer-contact,
    #footer.footer .footer-services {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    #footer.footer .footer-communities ul li {
        width: calc(33% - 20px);
    }
    #footer.footer li a br {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #lutron .col-sm-6.offset-sm-6 {
        margin: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #lutron h2 + p {
        max-width: 100%;
    }
    #footer.footer .footer-communities,
    #footer.footer .footer-contact {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 0 40px !important;
    }
    #footer.footer .footer-services {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #footer.footer .footer-communities ul li {
        width: calc(50% - 15px);
    }
    #footer.footer li:not(#footer.footer .footer-logos li):before {
        top: 0;
    }
    #team ul li {
        width: 100% !important;
    }
    #team ul li img {
        height: 275px;
    }
}

@media (max-width: 500px) {
    #lutron ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
}