html{
scroll-behavior: smooth;
scroll-padding-top: 130px;
}
a{
color: #1079BF;
text-decoration: none;
}
a:hover{
color: #3C9C30;
}
#content h1:not(:first-child),
#content h2:not(:first-child){
padding-top: 15px;
}
#content h3:not(:first-child),
#content h4:not(:first-child){
padding-top: 10px;
}
strong{
font-weight: 600;
}
table{
border-collapse: collapse;
}
td, th{
border: 1px solid rgba(0,0,0,0.1);
font-size: clamp(16px, 2.5vw, 18px);
padding: 8px 16px;
}
th{
background: #1079bf;
color: #fff;
}
tr:nth-child(even){
background: #f4f4f4;
}
table.white-alt-rows tr:nth-child(even){
background: #fff;
}
table.two-col td{
width: 50%;
}
hr{
border-top: 1px solid #e4e4e4;
}
.container{
padding-left: 20px;
padding-right: 20px;
}
#content ol{
list-style: none;
counter-reset: my-awesome-counter;
padding-left: 32px;
}
#content ol li{
position: relative;
padding-left: 8px;
counter-increment: my-awesome-counter;
}
#content ol li::after {
content: counter(my-awesome-counter);
color: #3C9C30;
position: absolute;
left: -33px;
top: 1px;
font-size: clamp(14px, 2.5vw, 16px);
width: 32px;
height: 32px;
text-align: center;
}
#content ol li::before{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/ol-icon.png);
background-size: contain;
width: 28px;
height: 28px;
position: absolute;
left: -32px;
top: 1px;
}
::before,
::after{
image-rendering: auto;
}
video{
object-fit: cover;
} h1,
h2,
h3,
h4{
color: #1079BF;
}
h1{
margin-bottom: 70px !important;
}
h1{
font-size: clamp(33px, 3.5vw, 45px);
}
h2{
font-size: clamp(30px, 3.5vw, 40px);
}
h3{
font-size: clamp(25px, 3.5vw, 30px);
}
h4{
font-size: clamp(20px, 3.5vw, 25px);
} .sticky-nav {
position: fixed;
z-index: 99999;
top: 0;
width: 100%;
box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.4) !important;
}
.nav-ul li.sticky-phone{
display: none;
}
.sticky-nav li.sticky-phone{
background: #fff;
display: block;
} 
.sticky-nav li.sticky-phone a{
display: inline-block;
position: relative;
top: 0px;
font-size: clamp(13px, 4vw, 18px);
line-height: 1.4;
color: #3c9c30 !important;
font-weight: bold;
}
.sticky-nav .header-bottom-inner .row--wrapper{
justify-items: center;
}
.sticky-nav .nav-ul li>a{
padding: 14px calc(-12px + 1.5vw);
font-size: clamp(14px, 1.2vw, 18px);
}
.sticky-nav #content {
padding-top: 45px;
}
.sticky-nav .nav-ul{
justify-content: center;
}
*{
transition: all 0.3s;
scroll-behavior: smooth;
scroll-padding-top: 20px;
}
.navbar-toggle{
padding: 15px;
border-radius: 0px;
outline: 0px !important;
border: 0px !important;
color: #3c9c30;
}
.navbar-toggle:hover{
color: #1079bf;
}
.nav-clickaway-overlay{
z-index: 1;
}
.header{
position: relative;
}
.header-main{
padding: 25px 0px;
}
.header-row.row--wrapper{
grid-template-columns: 1fr 1fr 1fr;
margin: 0px;
}
.left-header{
align-self: center;
}
.header-bottom{  background: #3c9c30;
box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.07);
}
.header-bottom-inner .builder-item{
margin: 0px;
padding: 0px;
}
.header-main-inner::before{
display: none;
}
.nav-ul .sub-menu{
left: 0px !important;
background-color: rgba(0,0,0,0.8);
width: max-content;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
padding: 0px 20px;
justify-content: space-between;
display: none;
}
.active-menu .sub-menu{
display: grid;
}
.nav-ul .caret-wrap,
.nav-ul .caret,
.nav-ul .caret *{
transition: none !important;
}
.nav-ul .sub-menu li{
min-width: auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-ul .sub-menu li>a{
padding: 16px 16px !important;
}
.nav-ul .sub-menu li>a:hover{
background-color: rgba(0,0,0,0.6);
color: #fff;
}
.nav-ul>li{
font-family: "Open Sans", Arial;
font-size: clamp(14px, 1.2vw, 18px);
font-weight: 500;
text-transform: none;
position: relative;
margin: 0px -1px;
}
.nav-ul>li:not(:last-child)::after{
content: "";
width: 1px;
height: 15px;
background: #f7f7f7;
position: absolute;
right: 0px;
top: 20px;
}
.nav-ul>li:nth-last-child(2)::after{
display: none;
}
.nav-ul>li.current_page_item > a,
.nav-ul li>a:hover{
background: #fff;
color: #1079bf;
}
.nav-ul li>a{
padding: 14px calc(-10px + 1.8vw);
color: #fff;
opacity: 1 !important;
}
.nav-ul>li.page-item-23,
.nav-ul>li.page-item-23 a{
background: none;
color: #fff !important;
}
.nav-ul li.current-menu-item>a:not([href*="#"]){
color: #1079BF;
}
.nav-ul li .sub-menu .current-menu-item>a:not([href*="#"]){
color: #fff;
}
.menu-image-title-before{
order: 1;
padding-left: 0 !important;
padding-right: 12px !important;
}
.menu-image-title{
padding-right: 0 !important;
order: 2;
}
.menu-image-title-before img{
max-height: 20px;
}
.page-template-inner-page-without-featured-image #content{
margin-top: -54px;
}
.right-header{
display: flex;
margin-left: auto;
}
.header-right-items{
display: flex;
gap: 80px;
align-self: center;
}
.logo img{
max-width: 220px;
}
.header-btns{
display: flex;
gap: 20px;
justify-content: center;
}
.header-btn{
display: flex;
position: relative;
}
.header-btn a{
align-self: center;
padding: 5px 55px 5px 22px;
font-size: clamp(14px, 2.5vw, 18px);
font-weight: 500;
color: #fff;
background: #1079bf;
position: relative;
border-radius: 50px;
}
.header-btn a::before{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/right-arrows.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 23px;
height: 23px;
top: 50%;
transform: translateY(-50%);
right: 19px;
position: absolute;
}
.header-btn a:hover::before{
color: #fff;
}
.header-btn a:hover{
background: #3c9c30;
color: #fff;
}
.calculator-btn a{
color: #1079bf;
border-color: #1079bf;
}
.calculator-btn a:hover{
background: #1079bf;
} .phone-item{
line-height: 1;
position: relative;
}
.header-phone{
display: flex;
justify-content: flex-end;
}
.phone-item::before{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/phone-icon.png);
background-repeat: no-repeat;
background-size: contain;
width: 43px;
height: 43px;
position: absolute;
top: 3px;
left: -52px;
}
.phone-numb{
font-size: clamp(22px, 2.5vw, 26px);
font-weight: 600;
color: #1079bf;
}
.opening-hours{
font-size: clamp(12px, 1.3vw, 14px);
color: #3C9C30;
} h1{
position: relative;
}
h1::after{
content: "";
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
height: 4px;
width: 100px;
background: #3C9C30;
}
.down-arrow::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100px;
background: linear-gradient(to top right,#fff 49%, transparent 50%) 0 0 /50% 100% no-repeat;
}
.down-arrow::after{
content: "";
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
display: block;
width: 100%;
height: 100px;
background: linear-gradient(to top left,#fff 49%, transparent 50%) 100% 0 /50% 100% no-repeat;
}
.saving-chart img{
mix-blend-mode: darken;
}
#content ul,
#content ol,
.insert-page ul,
.insert-page ol{
margin-top: 0px;
margin-bottom: 30px;
}
#content ul li,
.insert-page ul li{
position: relative;
padding-left: 10px;
list-style: none;
margin-top: 0px;
margin-bottom: 5px;
}
#content ul li:last-child,
.insert-page ul li:last-child{
margin-bottom: 0px;
}
#content ul li::before,
.insert-page ul li::before{
position: absolute;
content: "";
left: -20px;
top: 5px;
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/green-tick.png);
width: 20px;
height: 20px;
background-size: contain;
}
.custom-list ul{
list-style-position: inside;
list-style-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/green-tick-thin-small.png);
}
.custom-list ul li{
list-style: inherit !important;
padding-left: 0px !important;
}
.custom-list ul li::before{
display: none;
}
a.quote-btn,
a.contact-btn{
display: inline-block;
padding: 8px 30px;
background: #1079BF;
border-radius: 50px;
font-weight: 500;
text-transform: uppercase;
color: #fff !important;
transition: all ease 0.3s;
}
a.contact-btn{
padding: 10px 16px;
}
a.contact-btn:hover{
background: #3c9c30;
}
.home-text p{
max-width: 960px;
margin-inline: auto;
} .grid-wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
align-items: center;
}
.item-wrapper{
position: relative;
z-index: 1;
}
.grid-item{
display: grid;
justify-content: center;
align-content: center;
text-align: center;
min-height: 400px;
padding: 50px;
position: relative;
background-size: cover;
background-position: center;
}
.background-img::before,
.grid-item::before{
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background-image: linear-gradient(0, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
pointer-events: none;
}
.grid-item h3{
font-size: clamp(34px, 2.5vw, 40px);
color: #fff;
margin-bottom: 20px;
text-shadow: 0px 0px 25px rgba(0, 0, 0 , 0.7);
}
.learn-more{
display: inline-block;
padding: 5px 24px;
background: #1079BF;
border-radius: 50px;
font-weight: 500;
text-transform: uppercase;
color: #fff !important;
font-size: clamp(12px, 2.5vw, 14px);
line-height: 1.5;
width: fit-content;
transition: transform ease 0.3s;
}
.learn-more:hover,
a.quote-btn:hover{
transform: translate(0, -5px);
}
.grid-item .learn-more{
border: 1px solid #fff;    
}
.grid-item .learn-more:hover{
position: relative;
}
.grid-item.effect{
filter: brightness(1.2);
}
.grid-wrapper{
position: relative;
z-index: 1;
}
.industry-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/industrial-sector-img.jpg);
}
.healthcare-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/healthcare-sector-img.jpg);
}
.automotive-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/automotive-sector-img.jpg);
}
.construction-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/construction-sector-img.jpg);
}
.retail-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/retail-sector-img.jpg);
}
.commercial-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/commercial-sector-img.jpg);
}
.sports-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/sports&leisure-sector-img.jpg);
}
.exteriors-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/exteriors-sector-img.jpg);
}
.education-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/education-sector-img.jpg);
}
#section-3 .aio-icon-img{
width: auto;
font-size: inherit;
}
#section-3 .aio-icon-img .img-icon{
height: 100px;
width: auto;
}
#section-3 .aio-icon-title{
font-size: clamp(17px, 2.5vw, 21px);
line-height: 26px;
font-weight: 500;
margin-top: 15px;
max-width: 200px;
margin-inline: auto;
color: #555;
}
#section-3 .vc_col-sm-2{
width: 20%;
float: none;
display: inline-block;
}
.grid-2-wrapper{
grid-template-columns: repeat(2, 1fr);
}
.grid-2-wrapper .grid-item{
min-height: 500px;
}
.grid-2-wrapper .calculate-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/savings-calculate-img.jpg);
background-position: 50%;
grid-column: span 3;
min-height: 600px;
padding: 50px 20px;
}
.grid-2-wrapper .calculate-item h3{
font-size: clamp(30px, 2.5vw, 45px);
max-width: 700px;
margin-inline: auto;
margin-bottom: 30px;
}
.grid-2-wrapper .calculate-item .learn-more{
padding: 6px 26px;
font-size: clamp(14px, 2.5vw, 18px);
background: #3c9c30;
}
.grid-2-wrapper .emergency-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/emergency-lighting-img.jpg);
}
.grid-2-wrapper .smart-lighting-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/lighting-controls-img.jpg);
}
#section-5 p{
max-width: 960px;
margin-inline: auto;
}
.service-row{
display: flex;
min-height: 500px;
}
.service-row .service-img{
position: relative;
background-position: center;
background-size: cover;
}
.service-row .service-img::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/arrow-shape.png);
background-repeat: no-repeat;
background-position: right;
background-size: 100% 100%;
image-rendering: -webkit-optimize-contrast;
position: absolute;
width: 100px;
height: 100%;
right: 0px;
transform: scaleX(1);
}
.service-row-alt .service-img::after{
left: 0px;
transform: scaleX(-1);
}
.service-img,
.service-text{
width: 50%;
}
.service-text{
display: grid;
align-content: center;
text-align: center;
padding: 50px;
background: #f4f4f4;
}
.service-row h3{
color: #1079BF;
font-size: clamp(35px, 2.5vw, 40px);
position: relative;
margin-bottom: 50px;
}
.service-row h3::after{
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
height: 4px;
width: 100px;
background: #3C9C30;
}
.consulation-row .service-img{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/consulation-img.jpg);
}
.design-row .service-img{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/design-img.jpg);
}
.supply-row .service-img{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/supply-img.jpg);
}
.installation-row .service-img{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/installation-img.jpg);
}
.support-row .service-img{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/support-img.jpg);
}
.contact-form-text p{
max-width: 850px;
margin-inline: auto;
margin-bottom: 40px;
}
.contact-form-text ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 20px;
column-gap: 100px;
padding: 0px
}
ul.grid-list{
display: grid;
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
padding-left: 30px;
column-gap: 100px;
row-gap: 0px;
}
.contact-form-text ul li{
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 500;
}
ul.grid-list li{
font-size: clamp(16px, 2.5vw, 20px);
font-weight: 400;
}
.contact-form-text ul li::before{
width: 30px !important;
height: 30px !important;
top: -2px !important;
left: -30px !important;
}
ul.grid-list li::before{
width: 25px !important;
height: 25px !important;
top: 3px !important;
left: -30px !important; 
}
p.pp-text{
font-size: clamp(12px, 2.5vw, 14px);
line-height: 1.2;
text-align: center;
margin-top: 20px;
max-width: none;
}
#section-7 h1{
margin-bottom: 50px !important;
}
.case-studies::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/case-studies-bg.jpg);
background-attachment: fixed;
width: 100%;
height: 1000px;
pointer-events: none;
background-position: center;
background-size: cover;
opacity: 0.08;
mix-blend-mode: luminosity;
position: absolute;
top: 0px; 
left: 0px;
}
.case-studies .vc_row{
position: relative;
z-index: 9;
}
.slick-track{
padding: 35px 0px;
margin-inline: auto;
}
.featured-content-slider .slick-slide{
display: inline-block !important;
min-height: 413px;
padding: 30px;
background: #fff;
margin: 0px 25px;
border-radius: 20px;
box-shadow: 8px 8px 15px 8px rgba(0, 0, 0, 0.12);
}
.featured-content-list.design-1 .featured-content-image,
.featured-content-slider.design-1 .featured-content-image,
.featured-content-list.design-1 .featured-content-image a,
.featured-content-slider.design-1 .featured-content-image a{
height: 150px;
}
.featured-content-image{
margin-bottom: 50px !important;
}
.featured-content-slider .featured-content-image img{
width: 100%;
max-width: 200px;
max-height: 120px;
margin: auto;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.featured-content-slider ul li::before{
display: none;
}
.featured-content-slider.design-1 h3.entry-title{
position: relative;
line-height: 1;
margin: 30px 0 !important;
}
.entry-title a{
color: #777;
font-size: clamp(18px, 2.5vw, 22px);
}
.featured-content-slider .entry-title::after{
content: "";
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
height: 3px;
width: 100px;
background: #3C9C30;
}
.featured-read-more a,
.small-btn{
display: inline-block !important;
padding: 1px 20px !important;
background: #1079BF;
border-radius: 50px;
border: 0px !important;
font-weight: 500;
text-transform: uppercase;
color: #fff !important;
font-size: clamp(11px, 2.5vw, 13px);
width: fit-content;
transition: transform ease 0.3s !important; 
}
.large-btn{
padding: 3px 28px !important;
font-size: clamp(16px, 2.5vw, 18px);
line-height: 1.8;
}
.slick-list{
margin-bottom: 20px;
}
.featured-content-slider .slick-prev{
left: -20px !important;
}
.featured-content-slider .slick-next{
right: -20px !important;
}
.featured-content-slider .slick-dots{
margin-top: 20px !important;
}
.featured-content-slider .slick-dots li{
margin: 0 5px !important;
width: 15px !important;
height: 15px !important;
}
.featured-content-slider .slick-dots li.slick-active button{
background: #3c9c30 !important;
}
.featured-content-slider .slick-dots li button{
background: none !important;
border: 1px solid #3c9c30;
width: 15px !important;
height: 15px !important;
}
#section-8 iframe{
box-shadow: 8px 8px 20px 5px rgba(0, 0, 0, 0.25);
}
#section-9 h1{
margin-bottom: auto !important;
}
.testimonials::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/testimonials-bg.jpg);
background-attachment: fixed;
width: 100%;
height: 100%;
pointer-events: none;
background-position: center;
background-size: cover;
opacity: 0.4;
mix-blend-mode: luminosity;
position: absolute;
top: 0px; 
left: 0px;
}
.testimonials .vc_row{
position: relative;
z-index: 9;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-inner{
padding: 30px 30px 0px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content{
margin: 0 110px !important;
padding-bottom: 60px !important;
}
.testimonial-name{
position: relative;
}
.testimonial-name::after{
content: "";
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
height: 2px;
width: 100px;
background: #3C9C30;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:before{
left: -70px !important;
top: -30px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after{
right: -70px !important;
bottom: 60px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:before,
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after{
color: #3c9c30 !important;
background: #3c9c30 !important;
width: 50px !important;
height: 50px !important;
}
.testimonial-content p{
font-family: "Gentium Plus", Arial;
font-weight: 500;
font-size: clamp(20px, 2.5vw, 30px);
line-height: 1.3;
font-style: italic;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before{
-webkit-mask: url(//www.litelite.co.uk/wp-content/themes/litelite/images/arrow-right.png) center center no-repeat !important;
mask: url(//www.litelite.co.uk/wp-content/themes/litelite/images/arrow-right.png) center center no-repeat !important;
width: 38px !important;
height: 38px !important;
top: -50px !important;
left: -15px !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before{
-webkit-mask: url(//www.litelite.co.uk/wp-content/themes/litelite/images/arrow-left.png) center center no-repeat !important;
mask: url(//www.litelite.co.uk/wp-content/themes/litelite/images/arrow-left.png) center center no-repeat !important;
width: 38px !important;
height: 38px !important;
top: -50px !important;
right: -15px !important;
}
.strong-view.nav-position-outside .wpmslider-controls{
padding: 20px 0 0px !important;
}
.strong-view.pager-style-buttons .wpmslider-pager-link:before{
width: 15px !important;
height: 15px !important;
color: #3c9c30 !important;
background: #3c9c30 !important;
}
.strong-view.pager-style-buttons .wpmslider-pager-link.active:before{
width: 15px !important;
height: 15px !important;
}
.slide-btn {
padding: 4px 25px !important;
border: 2px solid #fff;
background: #fff;
border-radius: 50px;
color: #111 !important;
transition: all 0.5s !important;
}
.slide-btn:hover{
background: #111;
color: #fff !important;
transition: all 0.5s !important;
} .nv-big-title{
display: none;
}
.page-title-container{
min-height: 600px;
border-bottom: 3px solid #1079BF;
}
.page-title-container{
align-items: center;
position: relative;
}
.page-title-container .page-title{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1000px;
}
.page-title-container .page-title{
text-align: center;
}
.page-title-container .page-title h1{
font-size: clamp(40px, 2.5vw, 60px);
color: #fff;
text-align: center;
font-weight: 600;
margin-bottom: 0px !important;
text-shadow: 0px 0px 25px rgba(0, 0, 0 , 0.7);
}
.page-title-container .page-title h1::after{
background: #ffffff;
box-shadow: 0px 0px 20px rgba(0, 0, 0 , 0.7);
bottom: -10px;
}
.background-img{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top;
object-fit: cover;
background-size: cover;
background-attachment: fixed;
}
.background-img::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/dotted-overlay.png);
background-attachment: fixed;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
#breadcrumbs{
display: inline-block;
background: rgba(0,0,0,0.5);
padding: 5px 20px;
margin-top: 40px;
font-size: clamp(12px, 2.5vw, 14px);
}
#breadcrumbs *{
color: #fff;
}
#breadcrumbs a{
color: #43B3FF;
}
#breadcrumbs a:hover{
color: #6fff5d;
}
body:not(.home) .single-page-container{
padding-top: 100px;
padding-bottom: 100px;
}
body:not(.home) #content p:first-child{
font-size: clamp(18px, 2.5vw, 23px);
line-height: 1.4;
font-weight: 600;
}
.page-template-inner-page #content .col{
padding-right: 50px;
}
.sections{
margin-bottom: 10px;
}
.sections .service-row:nth-child(odd) .service-img{
order: 2;
}
.sections .service-row:nth-child(odd) .service-img::after{
right: auto;
left: 0px;
transform: scaleX(-1);
}
.sections .service-text{
padding: 80px 80px 60px;
}
.sections .service-text h3,
.sections .service-text p{
text-align: left;
}
#content .sections .service-text p{
font-size: clamp(16px, 1.6vw, 20px);
line-height: 1.5;
font-weight: 400;
}
.sections .service-row h3{
font-size: clamp(28px, 2.5vw, 35px);
}
.sections .service-row h3::after{
left: 0;
transform: translateX(0%);
}
.sections.tiles h2,
.sections.tiles h3,
.sections.tiles h4{
text-align: left;
}
.sections.tiles h3{
font-weight: 500;
margin-bottom: 25px;
color: #555;
font-size: clamp(30px, 2.5vw, 35px);
}
.sections.tiles p{
color: #555;
}
.sections.tiles h3::after,
.sections.tiles .service-img::after{
display: none;
}
.sections.tiles .service-row{
gap: 10px;
min-height: 600px;
background: none;
}
.services-slim .service-row{
min-height: 400px;
}
.blend-mode{
mix-blend-mode: darken;
}
.panel-lights-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/panel-lights-img.jpg);
}
.highbay-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/highbay-lights-img.jpg);
}
.downlights-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/downlights-img.jpg);
}
.flood-lights-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/flood-lights-img.jpg);
}
.battens-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/battens-img.jpg);
}
.led-controllers-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/led-controllers-img.jpg);
}
.led-strips-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/led-strips-img.jpg);
}
.emergency-lighting-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/emergency-lighting-service-img.jpg);
}
.smart-lighting-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/smart-lighting-service-img.jpg);
}
.biophilic-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/biophilic-lighting-img.jpg);
}
.catalogue-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/catalogue-img.jpg);
}
.savings-calculator-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/savings-calculator-img.jpg);
}
.page-template-inner-page-full-width #content .col,
.page-template-inner-page-without-featured-image #content .col{
width: 100%;
max-width: 100%;
}
.page-template-inner-page-full-width .nv-sidebar-wrap,
.page-template-inner-page-without-featured-image .nv-sidebar-wrap{
display: none;
}
.five-year-warranty-txt h2{
font-size: clamp(35px, 4vw, 50px);
line-height: 1.2;
text-transform: uppercase;
color: #3c9c30;
max-width: 450px;
}
.five-year{
display: inline-block;
padding: 5px 10px;
background: #3c9c30;
color: #fff;
}
.page-template-inner-page-without-featured-image .header-bottom{
background: #3c9c30;
}
.page-template-inner-page-without-featured-image .background-img{
display: none;
}
.page-template-inner-page-without-featured-image .page-title-container{
position: relative;
top: 54px;
border-bottom: 0px;
min-height: auto;
width: 100%;
background: #2b2b2b;
}
.page-template-inner-page-without-featured-image .page-title-container .page-title{
padding-top: 40px;
padding-bottom: 40px;
position: relative;
transform: initial;
top: auto;
left: auto;
}
.page-template-inner-page-without-featured-image .page-title-container .page-title h1{
text-shadow: none;
font-size: clamp(30px, 2.5vw, 45px);
}
.page-template-inner-page-without-featured-image .page-title-container #breadcrumbs{
background: none;
padding: 5px 20px;
font-size: clamp(12px, 2.5vw, 14px);
margin-top: 0px;
}
.page-template-inner-page-without-featured-image .page-title h1::after{
background: #fff;
box-shadow: none;
display: none;
}
#contact-us h3{
color: #2b2b2b;
}
#contact-us .vc_row{
z-index: 1;
}
.contact-item-wrapper{
display: flex;
column-gap: 100px;
row-gap: 25px;
justify-content: center;
}
.contact-item{
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
position: relative;
min-width: 360px;
padding: 30px;
box-shadow: 8px 8px 15px 8px rgba(0, 0, 0, 0.12);
background: #fff;
border-radius: 20px;
}
.contact-item img{
height: 50px;
width: auto;
}
.contact-item-3{
display: none;
}
.contact-item-3 img{
height: 60px;
}
.contact-item-1 a,
.contact-item-2 a{
font-weight: 600;
font-size: clamp(24px, 2.5vw, 30px);
}
.contact-item:not(:last-child)::after{
content: "";
background: #3c9c30;
height: 100px;
width: 2px;
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
}
#led-strip-section .aio-icon-component{
box-shadow: 8px 8px 15px 8px rgba(0, 0, 0, 0.12);
border-radius: 20px !important;
}
#led-strip-section .aio-icon-img .img-icon{
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
}
#led-strip-section .aio-icon-img,
#led-strip-section .aio-icon-img .img-icon{
width: 100%;
}
#led-strip-section p{
margin: 0px;
font-size: clamp(16px, 2.5vw, 18px) !important;
color: #2b2b2b !important;
}
#led-strip-section .aio-icon-header h3.aio-icon-title{
font-size: clamp(24px, 2.5vw, 30px);
}
#led-strip-section a.small-btn:hover{
transform: translateY(0px);
}
#led-strip-section .aio-icon-description{    
padding: 20px 20px 40px;
margin: 0px !important;
}
.top-icon .aio-icon-header h3.aio-icon-title{
margin: 0px !important;
padding: 10px 20px 0px;
}
.view-product{
margin: 0px;
}
.view-product .learn-more{
margin-top: 20px;
padding: 4px 16px !important;
}
.product-desc .aio-icon-box-link p{
font-size: clamp(16px, 2.5vw, 18px) !important;
margin-bottom: 20px !important;
color: #2b2b2b !important;
}
.design-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/design-img.jpg);
}
.design-plus-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/design-plus-img.jpg);
}
.customer-service-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/support-img.jpg);
}
.finance-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/finance-img.jpg);
}
.light-guarantee-item{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/guarantee-img.jpg);
grid-column: span 2;
}
.external-lighting-section::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/construction-inner-page-img.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0.1;
mix-blend-mode: luminosity;
}
.external-lighting-section .vc_row{
z-index: 1;
position: relative;
}
.highlighted-txt{
background: rgba(60, 156, 48, 0.1);
padding: 30px 35px;
border-radius: 20px;
border: 2px solid #3c9c30;
}
.highlighted-txt h3{
color: #3c9c30;
margin-bottom: 15px;
}
.alignright{
margin: 0px 0 20px 20px;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
flex: 1;
border-radius: 50px;
padding: 9px 15px;
}
.cli-bar-btn_container{
display: flex;
} .nv-sidebar-wrap{
padding: 0px;
}
.nv-sidebar-wrap ul li::before{
display: none;
}
.related-links{
background: #F4F4F4;
padding: 35px;    
}
.related-links h3{
position: relative;
color: #2B2B2B;
margin-bottom: 40px;
}
.related-links h3::after{
content: "";
position: absolute;
bottom: -15px;
left: 0px;
height: 3px;
width: 100px;
background: #3C9C30;
}
.related-links ul{
margin-bottom: 0px !important;
}
.related-links li{
font-size: clamp(18px, 2.5vw, 22px);
font-weight: 500;
padding-left: 0px !important;
border-bottom: 1px solid rgba(0,0,0,0.09);
}
.related-links li:last-child{
border-bottom: 0px;
}
.related-links li a{
display: inline-block;
width: 100%;
padding: 7px 0px;
}
.last-word{
color: #1079BF;
}
img.case-studies-logo{
max-width: 200px;
max-height: 140px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
padding: 15px;
background: #fff;
} .ecs-txt-box{
max-height: 700px;
overflow: hidden;
}
.ecs-txt{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.ecs-txt *{
color: #fff;
text-shadow: 0px 0px 25px rgba(0, 0, 0 , 0.8);
}
.ecs-txt h2{
margin-bottom: 15px;
font-size: clamp(30px, 2.5vw, 55px);
line-height: 1.2;
}
.ecs-txt h3{
margin-bottom: 15px;
font-size: clamp(22px, 2.5vw, 40px);
line-height: 1.2;
}
.ecs-txt h4{
margin-bottom: 15px;
padding-top: 5px;
}
.ecs-txt p{
font-size: clamp(16px, 2.5vw, 18px);
}
#sensors-section .wpb_text_column p{
max-width: 400px;
margin-inline: auto;
}
#sensors-section *,
#application *{
color: #fff;
}
#sensors-section h2{
color: #40a734;
}
.lighting-col h3{
font-size: clamp(30px, 2.5vw, 35px);
margin: 30px 0px 20px;
}
.lighting-col h4{
color: #3c9c30;
}
.lighting-col p{
margin-bottom: 20px;
}
.lighting-col p,
.lighting-col ul li{
font-size: clamp(16px, 2.5vw, 18px);
}
.lighting-col ul{
display: grid;
justify-content: center;
padding: 0px;
}
.lighting-col img{
padding: 30px;
background: #f4f4f4;
border-radius: 25px;
box-shadow: 8px 8px 15px 8px rgba(0, 0, 0, 0.12);
border: 3px solid #fff;
}
.normal-txt p{
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
} .page-template-savings-calculator #content .col{
padding: 0px;
width: 100%;
max-width: 100%;
}
.energy-saving-banner-link{
padding: 60px 20px;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
transition: opacity 0.3s ease-in-out;
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/instant-energy-savings-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
align-items: center;
}
@media (max-width: 768px){
.energy-saving-banner-link{
grid-template-columns: 1fr;
row-gap: 40px;
}
.energy-saving-banner{
grid-row: 3;
}
.savings-banner-item img{
max-height: 180px !important;
}
}
.energy-saving-banner-link:hover{
opacity: 0.9;
transition: opacity 0.3s ease-in-out;
}
.energy-saving-banner-wrapper{
position: relative;
overflow: hidden;
border-bottom: 3px solid #1079BF;
}
.savings-banner-item{
text-align: center;
}
.savings-banner-item img{
max-height: 250px;
border-radius: 15px;
filter: drop-shadow(0 0px 12px rgba(0, 0, 0,0.3));
}
.energy-saving-banner{
text-align: center;
width: 100%;
}
.energy-saving-banner h2{
color: #fff;
margin: 0px 0px 25px;
font-size: clamp(32px, 3.5vw, 45px);
}
.energy-saving-banner .find-out-more{
background: #fff;
padding: 5px 25px;
color: #000;
border-radius: 50px;
}
.energy-saving-banner h2,
.energy-saving-banner span{
pointer-events: none;
} .site-footer{    
background: #F4F4F4;
}
.footer-top{
display: grid;
grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
column-gap: 110px;
row-gap: 40px;
padding-top: 70px;
}
.footer-top li{
line-height: 1.2;
margin-bottom: 7px;
}
.site-footer h4{
color: #1079BF;
position: relative;
margin-bottom: 40px;
}
.site-footer h4::after{
content: "";
position: absolute;
bottom: -15px;
left: 0px;
height: 2px;
width: 40px;
background: #3C9C30;
}
.site-footer li a{
font-size: clamp(14px, 2.5vw, 16px);
color: #2B2B2B;
font-weight: 500;
}
.site-footer li a:hover{
color: #3C9C30;
}
.footer-logo-wrapper{
text-align: center;
padding: 20px 0px;
display: flex;
justify-content: center;
column-gap: 40px;
row-gap: 20px;
}
.footer-logo{
align-self: center;
}
.footer-logo img{
width: auto;
max-height: 110px;
max-width: 160px;
}
.footer-bottom{
background: #1079BF;
padding: 12px 0px;
}
.footer-bottom .container{
display: flex;
justify-content: space-between;
}
.footer-left-col{
line-height: 1.4;
}
.footer-btm-col,
.footer-btm-col li a{
font-size: clamp(12px, 2.5vw, 14px);
font-weight: 400;
color: #fff;
align-self: center;
}
.footer-btm-col li a:hover{
color:#6fff5d;
}
.footer-right-col ul{
display: flex;
gap: 40px;
padding: 0px;
}
.footer-col-4 li{
position: relative;
margin-left: 28px;
}
.footer-col-4 li a{
font-size: clamp(16px, 2.5vw, 18px);
}
.footer-col-4 li::before{
content: "";
position: absolute;
top: 5px;
width: 20px;
height: 20px;
margin-left: -28px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
li.footer-phone::before{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/phone-icon.png);
}
li.footer-email::before{
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/email-icon.png);
top: 7px;
}
.footer-right-col li{
position: relative;
}
.footer-right-col li:not(:last-child)::after{
content: "";
width: 1px;
height: 15px;
background: #fff;
position: absolute;
right: -20px;
top: 8px;
}
.insert-page .case-studies::after{
display: none;
}
.insert-page .case-studies::after{
display: none;
}
.compliant-wrapper{
display: flex;
}
.compliant-left-col{
flex: 3;
}
.compliant-right-col{
flex: 2;
text-align: right;
}
.compliant-left-col{
display: flex;
gap: 50px;
}
.compliant-left-col .img-col img{
width: 300px;
vertical-align: middle;
}
.compliant-left-col .txt-col h3{
color: #2B2B2B;
font-size: clamp(30px, 2.5vw, 40px);
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase;
}
.compliant-left-col .txt-col h2{
color: #3A9E2D;
font-size: clamp(30px, 2.5vw, 40px);
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}
.compliant-wrapper .img-col,
.compliant-wrapper .txt-col{
align-self: center;           
}
.compliant-right-col img{
max-height: 270px;
margin-top: 40px;
}
.insert-page .free-lighting-survey{
position: relative;
background: #f4f4f4;
}
.insert-page .free-lighting-survey::after{
content: "";
background-image: url(//www.litelite.co.uk/wp-content/themes/litelite/images/free-lighting-survey-bg.jpg);
background-attachment: fixed;
width: 100%;
height: 100%;
pointer-events: none;
background-position: center;
background-size: cover;
opacity: 0.4;
mix-blend-mode: multiply;
position: absolute;
top: 0px;
left: 0px;
}
.footer-section{
overflow: hidden;
}
.footer-section h1{
text-align: center;
}
.footer-section.case-studies{
padding-top: 100px;
padding-bottom: 100px;
}
.footer-section.case-studies::after{
display: none;
}
.testimonials{
position: relative;
}
.footer-section .testimonials-row{
position: relative;
z-index: 1;
padding-top: 100px;
padding-bottom: 100px;
}
#cookie-law-info-bar{
border-radius: 15px;
box-shadow: 0 0px 5px 2px rgba(172, 171, 171, 0.3);
padding: 25px !important;
}
.cli-bar-message{
font-size: 12px !important;
line-height: 1.3 !important;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
font-size: 11px;
padding: 7px 10px !important;
}
.video-container iframe{
width: 100% !important;
left: 0px !important;
}
.floatton-success,
.floatton-loading{
display: none !important;
}
.floatton-container{
padding: 0px !important;
width: 280px !important;
display: none;
}
body .floatton-container.floatton-opened{
display: block;
right: 14px !important;
left: auto !important;
}
.floatton-container .quform .quform-element{
width: 100%;
margin: 0px !important;
padding: 0px !important;
}
.floatton-container .quform-field-textarea{
min-height: 100px !important;
}
.floatton-container .floatton-inner{
padding: 0px !important;
max-width: 100% !important;
}
.floatton-container .floatton-inner label{
font-size: 16px !important;
font-weight: 500 !important;
top: 6px !important;
left: -9px !important;
text-transform: none !important;
}
.floatton-container .quform-button-submit{
margin-left: auto !important;
margin-right: auto !important;
}
.floatton-container .quform-button-submit button[type="submit"].quform-submit{
margin: 0px auto 0px auto !important;
float: none !important;
padding: 5px 30px;
font-size: clamp(14px, 2.5vw, 16px);
}
.floatton-container .quform-element-submit{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.floatton-container .floatton-close:before{
position: relative;
top: -3px;
}
.floatton-container .quform-label{
pointer-events: none;
}
.floatton-container{
border-radius: 20px !important;
}
.floatton-inner input,
.floatton-inner textarea{
border-radius: 10px !important;
font-size: 14px !important;
}
.floatton-container .floatton-pointer{
left: auto !important;
right: 12px !important;
}
.floatton-container p.pp-text{
font-size: clamp(9px, 2.5vw, 10px) !important;
line-height: 1.2 !important;
max-width: 100% !important;
margin: 0px !important;
}
.floatton-container .quform-form .quform-spacer{
margin: 0 0 0px 0 !important;
}
.floatton-container .quform-field{
padding: 3px 12px !important;
}
.float-inner-1 h3{
margin: 0px !important;
background: #1079bf;
padding: 8px 25px;
color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
font-size: 21px;
}
.float-inner-2{
padding: 0px 20px 25px;
}
.float-inner-2 .float-txt{
font-size: clamp(12px, 2.5vw, 14px) !important;
line-height: 1.3 !important;
margin-bottom: 15px !important; 
}
.floatton-container .floatton-close{
border: 1px solid #fff;
}
button.floatton-btn{
border: 1px solid #fff !important;
}
.grecaptcha-badge {
display: none;
}
.downlights-bar-chart img{
opacity: 0.7;
border-radius: 15px;
}
.sticky-free-energy-btn{
position: fixed;
left: 0px;
bottom: 50px;
z-index: 999;
opacity: 0;
transition: all 0.3s;
pointer-events: none;
}
.sticky-free-energy-btn a{
padding-left: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.sticky-free-energy-btn.showBtn{
opacity: 1;
pointer-events: all;
} .nv-meta-list{
padding-left: 18px;
}
.nv-meta-list .author{
display: none;
}
.single-post h1::after{
left: 0px;
transform: translateX(0%);
}
.posted-on::before{
content: "\f017" !important;
font-family: fontawesome;
color: #3c9c30;
font-size: 23px;
top: 0px !important;
background: none !important;
}
.vc_gitem_row .vc_gitem-col{
padding: 30px !important;
}
.vc_grid-item-mini > .vc_gitem-animated-block{ }
.neve-main > .single-post-container .nv-single-post-wrap.col{
max-width: 100% !important;
} @media (max-width: 1499px){
.nav-ul{
gap: 5px;
}
.nav-ul li>a{
font-size: clamp(13px, 1vw, 15px);
}
#header-menu-sidebar .nav-ul li>a{
font-size: clamp(18px, 1vw, 21px);
}
#header-menu-sidebar .nav-ul{
gap: 0px;
}
.sticky-nav li.sticky-phone a{
top: 0px;
}
}
@media(max-width: 1400px){
.featured-content-slider.slick-slider{
max-width: 95%;
margin-inline: auto;
}
.header-bottom-inner .row--wrapper{
margin-left: 0px;
margin-right: 0px;
}
}
@media(max-width: 1350px){
.nav-ul .sub-menu{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1100px){
.grid-wrapper{
grid-template-columns: repeat(2, 1fr);
}
.education-item{
grid-column: span 2;
}
#section-3 .vc_col-sm-2{
width: 33%;
}
}
@media(min-width: 961px){
.header-bottom-inner .row--wrapper{
grid-template-columns: 1fr;
justify-items: left;
}
}
@media(max-width: 960px){
.header-row.row--wrapper{
grid-template-columns: 1fr;
gap: 20px;
text-align: center;
}
.right-header{
margin-inline: auto;
}
.header-right-items{
margin-inline: auto;
flex-direction: column;
gap: 20px;
}
.header-phone{
justify-content: center;
margin-left: 40px;
}
.phone-item{
text-align: left;
}
.phone-item::before{
width: 35px;
height: 35px;
top: 1px;
left: -46px;
}
.header-menu-sidebar .nav-ul .sub-menu{
grid-template-columns: repeat(1, 1fr) !important;
width: 100%;
}
.header-menu-sidebar-bg{
background: #3c9c30;
padding-top: 20px;
}
.header-menu-sidebar .nav-ul li{
border-bottom: 1px solid rgba(255,255,255,0.15);
font-size: 18px;
}
.nav-ul .sub-menu li>a{
font-size: 16px;
}
.header-menu-sidebar .nav-ul li:not([class*=block])>a{
padding: 18px;
border-bottom: 0px;        
}
.header-menu-sidebar .nav-ul li:not([class*=block])>a:hover{
background: #fff;
color: #1079bf !important;
}
.nav-ul>li.current_page_item > a,
.nav-ul li>a:hover{
background: none;
color: #fff !important;
}
.header-menu-sidebar .nav-ul li:not([class*=block])>a:hover img{
filter: invert(43%) sepia(89%) saturate(5379%) hue-rotate(186deg) brightness(92%) contrast(87%);
}
.header-menu-sidebar .nav-ul>li:not(:last-child)::after{
display: none;
}
.img-col{
align-self: flex-start !important;
}
#led-strip-section .vc_col-sm-3{
width: 50%;
display: inline-block;
}
.sections .service-text{
padding: 80px 40px 60px;
}
.ecs-txt-box video{
height: 800px;
}
.ecs-txt{
padding: 0px 20px;
width: 100%;
}
.products-used-row .vc_col-sm-2{
width: 33%;
}
}
@media (min-width: 768px) and (max-width: 960px){
.contact-form-text ul{
padding: 0px 20px;
}
}
@media (max-width: 767px){
.floatton-btn{
display: none !important;
}
a.mobile-contact-btn{
position: fixed;
right: 20px;
bottom: 10px;
z-index: 999;
border: 1px solid #fff;
text-transform: capitalize;
padding: 6px 16px;
}
.sticky-free-energy-btn{
display: none;
}
.page-title-container{
min-height: 350px;
}
body:not(.home) .single-page-container{
padding-top: 70px;
}
.page-template-inner-page-without-featured-image .single-page-container,
.page-template-default:not(.home) .single-page-container{
padding-top: 100px !important;
}
.grid-wrapper{
grid-template-columns: 1fr;
}
.education-item,
.calculate-item,
.savings-calculator-item,
.light-guarantee-item{
grid-column: span 1 !important;
}
table,
#chart_div1,
#chart_div2{
display: block;
max-width: fit-content;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;
border: 0px;
}
#content ul li::before,
.insert-page ul li::before{
width: 16px !important;
height: 16px !important;
top: 4px !important;
}
#content ul li,
.insert-page ul li{        
padding-left: 5px;
}
ul.grid-list{
padding-left: 25px;
}
ul.grid-list li::before{
left: -25px !important;
}
ul.grid-list li{
padding-left: 0px !important;
}
.contact-form-text ul{
justify-content: left;
margin-left: 20px;
row-gap: 10px;
}
.contact-form-text ul li::before{
left: -20px !important;
}
#content ol{
padding-left: 25px;
}
#content ol li::before,
#content ol li::after{
width: 23px;
height: 23px;
left: -25px;
}
.down-arrow::before,
.down-arrow::after{
height: 50px;
}
.service-row{
flex-direction: column;
}
.service-img,
.service-text{
width: 100%;
}
.service-row .service-img{
order: 2;
min-height: 350px;
}
.service-text{
order: 1;
padding: 80px 20px !important;
}
#section-5 p{
margin-bottom: 0px;
}
.service-row .service-img::after{
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 100%;
height: 50px;
background: linear-gradient(to top left,#f4f4f4 49%, transparent 50%) 100% 0 /50% 100% no-repeat;
transform: scaleY(-1) !important;
}
.service-row .service-img::before{
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 50px;
background: linear-gradient(to top right,#f4f4f4 49%, transparent 50%) 0 0 /50% 100% no-repeat;
transform: scaleY(-1);
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:before,
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after{
color: #3c9c30 !important;
background: #3c9c30 !important;
width: 30px !important;
height: 30px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:before{
left: -20px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after{
right: -20px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content{
margin: 0px !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before{
left: -20px !important;
right: auto !important;
top: 5px !important;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before{
right: -20px !important;
left: auto !important;
top: 5px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after{
margin-top: 0px !important;
}
.footer-logo-wrapper{
flex-direction: column;
padding: 40px 0px;
}
.footer-bottom .container{
flex-direction: column;
row-gap: 10px;
}
.footer-bottom .container,
.footer-right-col ul{
justify-content: center;
text-align: center;
}
p,
#content ul,
#content ol,
.insert-page ul,
.insert-page ol{
margin-bottom: 20px;
}
#section-3{
text-align: center;
}
#section-3 .vc_col-sm-2{
width: 50%;
}
#section-3 .aio-icon-title{
margin-top: 5px;
}
#section-3 .aio-icon-img .img-icon{
height: 80px;
}
.grid-item{
min-height: 350px !important;
}
.contact-item:not(:last-child)::after{
display: none;
}
.contact-item-wrapper{
flex-direction: column;
}
.contact-item{
min-width: auto;
}
.compliant-wrapper{
flex-direction: column;
}
.compliant-left-col{
column-gap: 30px;
}
.compliant-right-col{
text-align: center;
}
.five-year-warranty-txt.wpb_text_column{
padding-bottom: 30px !important;
}
.five-year-warranty-txt h2{
margin-inline: auto;
text-align: center;
}
.five-year-warranty-txt ul{
width: max-content;
margin-inline: auto;
}
.vc_row.full-width-img{
margin-top: 25px !important;
margin-bottom: 60px !important;
}
.lighting-control-col .vc_column-inner{
padding-top: 0px !important;
}
.lighting-controls-txt .wpb_wrapper{
background: rgba(0,0,0,0.5);
padding: 30px;
border-radius: 20px;
}
.empty-col{
display: none !important;
}
.lighting-control-row{
min-height: 550px !important;
}
#led-strip-section .vc_col-sm-3{
width: 100%;
}
.emergency-lights-section .vc_col-sm-4:not(:last-of-type){
margin-bottom: 40px;
}
.savings-box{
margin-top: 50px !important;
}
.led-street-light.wpb_text_column{
margin-bottom: 40px !important;
}
.high-power-led.wpb_text_column{
margin-top: 40px !important;
}
.high-power-led-row.vc_row{
margin-top: 50px !important;
}
.products-used-row .vc_col-sm-2{
width: 100%;
}
.floatton-btn{
display: none;
}
}
@media(max-width: 480px){
.featured-content-slider .slick-dots{
bottom: -30px !important;
}
.compliant-left-col{
column-gap: 20px;
}
.background-img,
.case-studies::after,
.testimonials::after,
.free-lighting-survey::after{
background-attachment:scroll !important;
}
.case-studies::after,
.testimonials::after,
.free-lighting-survey::after{
background-size: auto !important;
}
.alignright{
float: none;
display: block;
margin-bottom: 30px !important;
}
.info-icon-row .vc_col-sm-2{
width: 50%;
}
}