CSS

[css
FONT2=”Questrial, sans-serif”
FONT1=”Michroma, sans-serif”
LIGHTGRAY=”#f7f7f7″
GRAY=”#878787″
DARKGRAY=”#0e0e0e”
BLACK=”#000000″
WHITE=”#FFF”
RED=”#e7d26a”
]

@import url(‘https://fonts.googleapis.com/css2?family=Michroma&family=Questrial&display=swap’);

/* DEFAULT RULES */
#wpadminbar {
display: none !important;
}body {
font-family: %FONT1%;
}a {
color: inherit;
}a:hover {
color: inherit;
}h1, h1 a {
color: %BLACK%;
font-family: %FONT1%;
font-size: 36px;
line-height: 40px;
margin: 25px 0;
text-transform: uppercase;
}h2 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 32px;
font-weight: bold;
line-height: 40px;
margin: 35px 0 25px 0;
letter-spacing: 1px;
text-transform: uppercase;
}h3 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 24px;
font-weight: normal;
line-height: 34px;
margin: 35px 0 25px 0;
text-transform: uppercase;
}h4 {
font-family: %FONT2%;
color: %BLACK%;
font-size: 20px;
line-height: 32px;
margin: 25px 0;
}p {
font-family: %FONT2%;
color: %BLACK%;
font-size: 17px;
line-height: 30px;
margin: 15px 0;
}ul {
list-style-type: none;
}ul li, ol li {
font-family: %FONT2%;
color: %BLACK%;
font-size: 17px;
line-height: 24px;
}ul.icon li::before {
content: “\f00c”;
margin-right: 15px;
font-family: FontAwesome;
font-size: 22px;
font-weight: 400;
color: %BLACK%;
}.row {
margin: 0 auto;
max-width: 80%;
width: 80%;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 75em;
}.page-wrapper {
max-width: 100%;
clear: both;
}.full-width {
margin: 0 auto;
max-width: 100%;
width: 100%;
}
/* HEADER & NAV & SLIDER RULES */
.top-bar-section .has-dropdown>a {
padding-right: 1vw !important;
}.fullwidth-navigation.active .top-bar {
height: 100%;
}.navigation-wrapper {
justify-content: flex-end;
text-align: center;
}.header-company-title a {
font-family: %FONT1%;
font-weight: normal;
text-decoration: none;
font-size: 1.2em;
color: #252525;
text-decoration: none;
float: left;
width: 100%;
text-align: left;
margin: 30px 0 5px 0;
}header.header-wrapper {
position: relative;
background: %DARKGRAY%;
}header.header-wrapper.header-inner {
background: %LIGHTGRAY%;
padding-bottom: 60px;
}.row.header-bar {
display: flex;
align-items: center;
}.logo-wrapper {
display: inline-block;
padding-left: 50px;
}.company-details {
display: inline-block;
vertical-align: middle;
width: auto;
max-width: 80%;
}.company-details h1 {
margin: 0;
line-height: 1.1;
}.company-details h1 a {
margin: 10px 0 0 0;
font-size: 1.10vw;
line-height: 1;
color: %BLACK%;
display: block;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.2vw;
}.company-details p {
font-family: %FONT2%;
font-size: 0.80vw;
line-height: 1.1;
margin: 0;
color: %BLACK%;
}.top-bar {
background: none;
display: inline-block;
flex: auto;
margin-top: 5px;
}.top-bar-section ul li {
background: none;
}.top-bar-section li.active:not(.has-form) a:not(.button) {
padding: 0 0.5vw;
}.top-bar-section li:not(.has-form) a:not(.button) {
background: none;
color: %WHITE%;
font-size: 15px;
text-transform: uppercase;
padding: 0 0.5vw;
font-family: %FONT2%;
letter-spacing: -0.5px;
position: relative;
}.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: %WHITE%;
}.top-bar-section .has-dropdown>a:after {
content: “”;
display: block;
width: 0;
height: 0;
border: inset 4px;
border-color: %RED% transparent transparent transparent;
border-top-style: solid;
margin-top: -3px;
margin-right: -15px;
top: 22.5px;
right: 20px;
}.header-cta {
justify-content: flex-end;
}.header-cta span {
padding-right: 5px;
font-family: %FONT2%;
font-size: 1vw;
}a.header-phone {
font-family: %FONT2%;
font-size: 18px;
color: %BLACK%;
background: %RED%;
padding: 14px 40px;
white-space: nowrap;
transition: all .3s ease;
}a.header-phone:hover {
background: %BLACK%;
}.top-bar-section .dropdown li {
width: 50%;
}.located-in {
margin: 0;
padding: 25px 4vw;
font-family: %FONT2%;
font-size: 14px;
color: %WHITE%;
background: %BLACK%;
text-transform: uppercase;
line-height: 18px;
}.located-in.vertical-center {
justify-content: flex-start;
}.row.slider-row, .row.tagline-row {
max-width: 100%;
width: 100%;
}.tagline {
position: absolute;
bottom: -40px;
z-index: 1;
}.slick-slide img {
filter: brightness(50%);
}.slick-header-slider.slick-initialized {
opacity: 1;
}.slick-header-slider {
opacity: 0;
}.tagline-row {
padding: 2vh 0;
}.slider-caption {
position: absolute;
top: 25%;
left: 20%;
width: 60%;
text-align: left;
font-family: %FONT1%;
font-size: 5.5vw;
color: %WHITE%;
}.slider-caption span {
line-height: 12vh;
display: block;
}.slider-caption i {
font-size: 1.5vw;
font-style: normal;
margin-bottom: 5px;
}.slider-caption .btn-1{
padding: 25px 40px;
}
/* FOOTER RULES */
.footer-wrapper {
width: 100%;
max-width: 100%;
font-family: %FONT2%;
padding: 0;
}.footer-wrapper h2 {
font-size: 16px;
font-weight: normal;
line-height: initial;
color: %WHITE%;
margin: 0px 0 20px 0;
text-transform: uppercase;
}.footer-content {
position: relative;
background: %DARKGRAY%;
padding: 20vh 6vw;
}.scrollfade.footer-car {
position: absolute;
top: -40px;
left: -210px;
}.scrollfade.footer-car.complete {
position: absolute;
top: -40px;
left: calc( 50% – 105px);
animation: vroom 1.5s ease-out 1;
}@keyframes vroom {
0% {left: -210px;}
100% {left: calc( 50% – 105px);}
}.footer-address, .footer-hours, .footer-payment, .footer-social {
padding: 0 2vw;
}.footer-social:after, .footer-hours:after, .footer-payment:after {
content: “”;
position:absolute;
top: -25px;
left: 0;
height: 175px;
min-height: 100%;
border-right: 3px solid %RED%;
}.footer-address p, .footer-hours p {
margin: 0;
font-size: 15px;
color: %WHITE%;
font-family: %FONT2%;
line-height: 20px;
}.footer-social .fa {
color: %WHITE%;
font-size: 24px;
margin: 0 1vw;
-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 {
color: %RED%;
}.lnm-logo {
padding: 20px 0;
}.lnm-logo img {
max-width: 150px;
}.disclaimer {
padding-top: 18px;
font-family: %FONT1%;
}.disclaimer P {
font-size: 14px;
font-family: %FONT2%;
}
/* GENERAL RULES */
.service-areas-wrapper, .landing-page-wrapper {
padding: 50px 10vw !important;
}.home-bg-01 {
background: url(%UPLOAD%/2024/06/home-img2.jpg) 50% 50%;
background-size: cover;
}.home-bg-02 {
background: url(%THEME%/images/home-img3.jpg) 50% 50%;
background-size: cover;
}.home-bg-03 {
background: url(%UPLOAD%/2024/06/home-img4.jpg) 50% 50%;
background-size: cover;
}.home-bg-04 {
background: url(%THEME%/images/texture.jpg) 50% 50%;
background-size: cover;
}.home-bg-04 h2, .home-bg-04 p, .home-bg-04 li, .home-bg-04 li:before {
color: %WHITE% !important;
}.about-bg-01 {
background: url(%THEME%/images/about-img2.jpg) 50% 50%;
background-size: cover;
}.about-bg-02 {
background: url(%THEME%/images/about-img3.jpg) 50% 50%;
background-size: cover;
}.faq-page section p:before {
content: “\f0a4″;
font-family: FontAwesome;
color: %RED%;
font-size: 22px;
margin: 0 10px 0 0;
}.img-top-parent{
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}.img-top {
border-top: 25px solid %RED%;
}svg.payment-icon {
display: initial;
float: none;
height: 45px;
margin: 2px;
width: auto;
-webkit-filter: invert(1);
filter: invert(1);
}svg.payment-icon.transparent {
height: 27px;
margin: 0 8px 8px 8px;
}.no-wrap {
white-space: nowrap;
}.scroll-arrow {
display: inline-block;
width: 100px;
height: 100px;
background: %BLACK%;
position: absolute;
bottom: 50px;
right: 25px;
cursor: pointer;
z-index: 999;
}.scroll-arrow::after {
content: ” \f175 “;
font-family: FontAwesome;
color: %RED%;
font-size: 20px;
text-align: center;
width: 100%;
height: 50%;
padding: 15px 0 0 0;
position: absolute;
transform: scale(1, 1.4);
animation: scroll 1.5s ease alternate infinite;
}.scroll-arrow-interior {
display: inline-block;
width: 5px;
height: 185px;
background: %BLACK%00;
border: 1px solid %GRAY%;
position: absolute;
top: 25%;
left: 25px;
cursor: pointer;
z-index: 999;
}.scroll-arrow-interior::after {
content: “”;
width: 100%;
height: 50%;
background: %BLACK%;
position: absolute;
animation: scroll 1.85s ease alternate infinite;
}@keyframes scroll {
0% {
top: 0px;
}
100% {
top: 50%;
}
}.section-article a:not(.btn-1, .btn-2, .btn-3) {
text-decoration: none;
border-bottom: 1px solid %RED%;
}.white-bullets li {
color: %WHITE%;
font-family: %FONT2%;
font-weight: normal;
font-size: 26px;
line-height: 36px;
letter-spacing: 1px;
}.bold {
font-weight: bold;
}.dark-overlay {
background: %BLACK%E6;
}.service-background-1 {
background: url(%THEME%/images/service-img2.jpg) 50% 50%;
background-size: cover;
border-right: 20px %WHITE% solid;
}.about-background-1 {
background: url(%THEME%/images/arch-bg-large.jpg) 50% 50%;
background-size: cover;
margin: 6em 0;
}.about-background-1 h2, .about-background-1 h3, .about-background-1 p {
color: %WHITE%;
}.about-background-2 {
background: url(%THEME%/images/about-img5.jpg) 50% 50%;
background-size: cover;
margin: 6em 0;
}.about-background-2 h2, .about-background-2 h3, .about-background-2 p {
color: %WHITE%;
}.about-background-2 .dark-overlay {
margin-bottom: 100px;
}.about-background-3 {
background: url(%THEME%/images/about-img6.jpg) 50% 50%;
background-size: cover;
border-right: 20px %WHITE% solid;
}.home-background-1 {
background: url(%THEME%/images/home-img7.jpg) 50% 50%;
background-size: cover;
border-right: 20px %WHITE% solid;
}.right-text-padding {
padding: 100px;
}.big-underscore {
position: relative;
padding-left: 65px;
}.big-underscore::before {
content: “”;
position: absolute;
bottom: 2px;
left: 0;
width: 60px;
height: 3px;
background: %BLACK%;
}.different-paragraph {
font-family: %FONT2%;
font-weight: normal;
font-size: 26px;
letter-spacing: 1px;
}h3.big-underscore {
font-family: %FONT2%;
font-weight: normal;
font-size: 28px;
margin-top: 20px;
}h3.different-heading {
font-family: %FONT2%;
font-size: 28px;
}.contact-picture {
background: url(%THEME%/images/about-img4.jpg) 50% 50%;
background-size: cover;
}.separator {
border: 0;
height: 1px;
background: %RED%;
}.separator:after {
content: “”;
position: absolute;
width: 70%;
left: 15%;
height: 5px;
background: %RED%;
}.uppercase {
text-transform: uppercase;
}.first-strip-child{
margin: 3px;
}.gallery-wrapper h2 {
text-align: center;
font-size: 30px;
}.sub-heading {
display: block;
font-family: %FONT2%;
color: %BLACK%;
font-size: 22px;
font-weight: 700;
line-height: 30px;
margin: 25px 0;
}.margin-bottom-xs {
margin-bottom: 5px;
}.row.row-content {
margin: 0 auto;
max-width: 80%;
width: 80%;
}.home-first-strip {
border-top: 1px solid %GRAY%;
border-bottom: 1px solid %GRAY%;
background: %DARKGRAY%;
}.home-img-01 {
padding: 100px;
border: 5px solid %DARKGRAY%;
background: %WHITE%;
}.home-left-border {
border-left: 1px solid %GRAY%;
}.home-right-border {
border-right: 1px solid %GRAY%;
}.box-padding {
padding: 125px 0;
}.promo-strip {
padding: 250px 50px;
background: url(%UPLOAD%/2024/06/home-img1.jpg) 50% 50%;
background-size: cover;
}.promo-strip::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%; height: 100%;
background: %BLACK%;
opacity: 0;
z-index: 0;
}.promo-holder {
position: relative;
z-index: 1;
}.big-text {
font-size: 2.5vw;
font-weight: bold;
text-transform: uppercase;
line-height: 3vw;
}.white-text-box {
padding: 65px;
}.white-text-box h2, .white-text-box p, .white-text-box .icon li, .white-text-box .sub-heading {
color: %WHITE%;
}.white-text {
color: %WHITE% !important;
}.cta-strip {
background: url(%UPLOAD%/2024/06/home-img6.png) 50% 50%;
background-size: cover;
padding: 17vh 0 27vh;
}.cta-strip .row {
margin: 0;
width: 100%;
max-width: 100%;
padding: 0 30vh 0 0;
}.cta-strip h2, .cta-strip h3 {
color: %WHITE%;
}.cta-strip p {
color: %WHITE%;
}.cta-strip .btn-1, .cta-strip .btn-2{
margin: 1rem 5px;
padding: 25px 30px;
min-width: 30%;
}.about-background-strip {
padding: 125px 100px;
background: url(%THEME%/images/about-img2.jpg) 50% 50%;
background-size: cover;
}.interior-first-strip {
border-top: 1px solid %GRAY%;
border-bottom: 1px solid %GRAY%;
background: %LIGHTGRAY%;
padding: 5px 0;
}.interior-img-01 {
padding: 100px;
border: 5px solid %LIGHTGRAY%;
background: %WHITE%;
}.vertical-padding-large {
padding-top: 6em!important;
padding-bottom: 6em!important;
}.vertical-padding-medium {
padding-top: 4em!important;
padding-bottom: 4em!important;
}.vertical-padding-small {
padding-top: 2em!important;
padding-bottom: 2em!important;
}.horizontal-padding-medium {
padding-left: 5vw;
padding-right: 5vw;
}.horizontal-padding-large {
padding-left: 10vw;
padding-right: 10vw;
}.horizontal-padding-xl {
padding-left: 15vw;
padding-right: 15vw;
}.vertical-center{
display: flex;
align-items: center;
justify-content: center;
}.top-padding-small{
padding-top: 50px !important;
}.default-box {
padding: 50px;
}.text-box {
padding: 125px;
}.text-box-smaller {
padding: 100px;
}.text-box-smallest {
padding: 75px 100px;
}.image-box{
padding: 25px;
}.btn-1{
background: %RED%;
color: %BLACK%;
font-family: %FONT1%;
font-size: 15px;
padding: 20px 25px;
margin: 3rem 5px 0 0;
transition: all .5s ease;
text-transform: capitalize;
z-index: 1;
min-width: 11vw;
}.btn-1:hover {
background: %BLACK%;
color: %WHITE%;
}.btn-1:focus {
background: %RED%;
color: %WHITE%;
}.btn-1:hover:after {
width: 100%;
}.lp-btn {
display: inline-block;
text-align: center;
margin: 1rem 0;
position: relative;
}.btn-2{
background: %WHITE%;
color: %BLACK%;
font-family: %FONT1%;
font-size: 15px;
padding: 20px 25px;
margin: 3rem 0;
transition: all .3s ease;
text-transform: capitalize;
z-index: 1;
min-width: 11vw;
}.btn-2:hover {
background: %RED%;
color: %BLACK%;
}.btn-2:focus {
background: %WHITE%;
color: %BLACK%;
}.btn-3{
background: %RED%;
color: %WHITE%;
font-family: %FONT2%;
font-size: 15px;
padding: 20px 25px;
margin: 3rem 0;
transition: all .3s ease;
text-transform: capitalize;
z-index: 1;
min-width: 11vw;
}.btn-3:hover {
background: %GRAY%;
color: %WHITE%;
}.btn-3:focus {
background: %GRAY%;
color: %WHITE%;
}.cta-btn.btn-1 {
display: inline-block;
text-align: center;
margin: 0;
padding: 15px 30px;
}.svc-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}.svc-box h2 {
margin-top: 0;
flex: 1 0 auto;
}.svc-box P {
flex: 1 0 auto;
}.svc-box .btn-1, .svc-box .btn-2, .svc-box .btn-3 {
margin-bottom: auto;
max-width: 230px;
}.service-strip:nth-of-type(odd) {
background: %DARKGRAY%;
}.service-strip:nth-of-type(odd) h2, .service-strip:nth-of-type(odd) h3, .service-strip:nth-of-type(odd) p, .service-strip:nth-of-type(odd) .btn-1, .service-strip:nth-of-type(odd) ul li {
color: %WHITE%;
}.service-strip:nth-of-type(odd) .btn-1 {
color: %WHITE%;
border: 2px solid %WHITE%;
}.black-background {
background: %BLACK%;
}.black-background h2, .black-background p, .black-background li, .black-background li:before {
color: %WHITE% !important;
}.darkgray-background {
background: %DARKGRAY%;
}.darkgray-background h2, .darkgray-background p, .darkgray-background label {
color: %WHITE%;
}.gray-background {
background: %GRAY%;
}.white-background {
background: %WHITE%;
}.lightgray-background {
background: %LIGHTGRAY%;
}.red-background {
background: %RED%;
}.strip-padding {
padding: 0 !important;
}.strip-padding-top {
padding-top: 0 !important;
}.strip-padding-bottom {
padding-bottom: 0 !important;
}.strip-margin {
margin: 0 !important;
}.like-h1 {
color: %BLACK%;
font-family: %FONT1%;
font-size: 60px;
line-height: 64px;
margin: 25px 0;
}.mobile-sticky-cta {
display: none;
}.custom-slide-out-wrapper {
position: fixed;
top: 50%;
right: 0;
background: %LIGHTGRAY%;
padding: 60px;
z-index: 9999;
-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%);
-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;
}.custom-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);
right: 1vw;
}span.slide-out-title {
display: block;
margin: 0 0 25px;
color: #000000;
font-weight: normal;
font-size: 1.5em;
text-transform: uppercase;
}.custom-slide-out-form form {
margin: 0;
}.custom-slide-out-wrapper span.custom-form-toggle {
position: absolute;
left: -10px;
top: 47%;
color: %BLACK%;
font-size: 35px;
width: 75px;
line-height: 33px;
text-align: left;
background: %WHITE%;
padding: 0 0 0 5px;
border: 1px solid %GRAY%;
-moz-transform: translateX(-70%) translateY(-50%);
-webkit-transform: translateX(-70%) translateY(-50%);
-o-transform: translateX(-70%) translateY(-50%);
-ms-transform: translateX(-70%) translateY(-50%);
transform: translateX(-70%) translateY(-50%);
cursor: pointer;
}.active span.custom-form-toggle {
background: %RED%;
color: %WHITE%;
text-align: right;
}.custom-form-toggle .fa {
padding: 0 5px;
}input.slideOutInput[type=”text”] {
font-size: 15px;
line-height: 1.4;
height: auto;
border: 1px solid %GRAY%;
padding: 10px 25px;
margin-bottom: 10px;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
}.custom-slide-out-wrapper label {
font-size: 12px;
padding: 0;
}.custom-slide-out-form .contactForm textarea {
width: 100%;
line-height: 1.4;
border: 1px solid %GRAY%;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
padding: 10px 25px;
font-size: 15px;
height: 100px;
margin-bottom: 10px;
}.custom-slide-out-form .contactForm .captchaWrapper {
font-size: 15px;
line-height: 1.4;
height: auto;
border: 1px solid %GRAY%;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
margin: 0 0 10px;
padding: 5px 15px;
min-height: 0;
}.custom-slide-out-form .contactForm .captchaWrapper input {
border: none;
box-shadow: none;
display: inline-block;
width: auto;
font-size: 15px;
padding: 0 15px;
margin: 0 0 0 30px;
color: #000000;
}.custom-slide-out-form .contactForm .captchaWrapper img {
max-width: 25%;
}.custom-slide-out-form .contactForm .captchaRefresh {
vertical-align: middle;
}.custom-slide-out-form .contactForm .submitWrapper {
text-align: center;
margin-top: 20px;
}.custom-slide-out-form .contactForm .submitWrapper button.submit {
color: %WHITE%;
font-weight: normal;
background: %RED%;
border: none;
text-align: center;
cursor: pointer;
min-width: 200px;
padding: 15px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}.custom-slide-out-form .contactForm .submitWrapper button.submit:hover {
box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
-moz-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-o-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}.contactForm {
margin-top: 20px;
}.contactForm label{
font-family: %FONT2%;
font-size:16px;
color: %DARKGRAY%;
display: block;
}.contact-page .contactForm label{
color: %WHITE%;
}.contactForm input {
width: 100%;
padding: 3px;
margin-bottom: 10px;
border: none;
height: 2.5rem;
box-shadow: none;
}.contactForm textarea {
width: 100%;
border: none;
min-height: 4rem;
}.contactForm .captchaWrapper {
margin-top: 10px;
}.contactForm .captchaRefresh {
vertical-align: middle;
margin: 0 10px;
opacity: 1;
cursor: pointer;
filter: invert(1);
}.contactForm .submitWrapper {
margin-top: 30px;
}.contactForm .submitWrapper span.submit {
font-size: inherit;
font-weight: bold;
background-color: #fafafa;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
padding: 3px 20px;
cursor: pointer;
}.contactForm .submitWrapper span.submit:hover {
background-color: #eaeaea;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}.request-a-quote label, .request-a-quote h3 {
color: %WHITE%;
font-size: 20px;
}.landing-page-button-wrapper a {
color: %BLACK%;
background: %RED%;
padding: 5px 20px;
transition: .3s ease all;
}.landing-page-button-wrapper a:hover, .landing-page-button-wrapper a:focus {
color: %WHITE%;
background: %DARKGRAY%;
}

/*CUSTOM CSS*/
.badges img{
width: 20%;
}.footer-car{
display: none;
}.slider-wrapper {
overflow: hidden;
height: 41vw;
background: %BLACK%;
}
/* MEDIA QUERIES */
@media only screen and (max-width: 1680px) {
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
font-size: 12.5px;
line-height: 30px;
}
}
@media only screen and (max-width: 1440px) {
.cta-strip {
padding: 10vh 0 20vh;
}.darkgray-background:nth-of-type(1).strip-padding {
padding: 0 0 25px 0 !important;
}.located-in {
font-size: 12px;
}.horizontal-padding-xl {
padding-left: 10vw;
padding-right: 10vw;
}.top-bar-section .has-dropdown>a:after {
top: 23px;
right: 17px;
}.horizontal-padding-medium {
padding-left: 2vw;
padding-right: 2vw;
}.about-background-1 {
margin-bottom: 3em;
}.scroll-arrow-interior {
top: 15%;
}.btn-2:hover:after {
right: calc(10% – 5px);
}.btn-2:hover:before {
transform: translate(10px, 0);
width:10px;
}.btn-2:after {
right: calc(13% – 5px);
bottom: 16px;
}.btn-2:before {
width: 20px;
}.right-text-padding {
padding: 75px;
}ul li, ol li {
font-size: 14px;
line-height: 24px;
}.btn-1 {
margin: 1.5rem 0;
}h2 {
font-size: 30px;
}p {
font-size: 14px;
line-height: 24px;
}.box-padding {
padding: 40px;
}.vertical-padding-large {
padding-top: 5em!important;
padding-bottom: 5em!important;
}.vertical-padding-medium {
padding-top: 2em!important;
padding-bottom: 2em!important;
}.vertical-padding-small {
padding-top: .5em!important;
padding-bottom: .5em!important;
}.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 12px;
letter-spacing: -0.5px;
}.text-box {
padding: 75px;
}.text-box-smaller {
padding: 50px;
}.text-box-smallest {
padding: 35px;
}.home-img-01 {
padding: 50px;
}.interior-img-01 {
padding: 50px;
}.white-text-box {
padding: 45px;
}.slider-caption span {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1366px) {
.about-background-1 {
margin-bottom: 2em;
}.box-padding {
padding: 25px 40px;
}.vertical-padding-large {
padding-top: 3em!important;
padding-bottom: 3em!important;
}.vertical-padding-medium {
padding-top: 1em!important;
padding-bottom: 1em!important;
}.vertical-padding-small {
padding-top: .25em!important;
padding-bottom: .25em!important;
} .top-bar-section li:not(.has-form) a:not(.button) {
font-size: 11px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
font-size: 11px;
line-height: 22px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
line-height: 22px;
}.top-bar-section .dropdown {
min-width: 535px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,
.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::before {
width: 6px !important;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
left: -10px !important;
transform: translateY(-50%) scale(0.8, 0.8) !important;
}.top-bar-section li:not(.has-form) a:hover:not(.button)::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
top: -15px;
}
}
@media only screen and (max-width: 1280px) {
.contactForm label {
font-size: 13px;
}.right-text-padding {
padding: 50px;
}p {
font-size: 16px;
line-height: 24px;
}.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 0.5vw;
}.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 {
}
}
@media only screen and (min-width: 1026px) {
.row .row:before, .row .row:after {
display: none !important;
}.navigation-wrapper {
justify-content: flex-end;
}.top-bar-section li:not(.has-form) a:hover:not(.button)::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
content: “”;
position: absolute;
top: -1vh;
left: 0;
right: 0;
height: 6px;
width: 6px;
border-radius: 3px;
display: inline-block;
background: %RED%;
margin: 0 auto;
}.top-bar-section li:not(.has-form) .dropdown li:hover a:not(.button)::before,
.top-bar-section li:not(.has-form) .dropdown li.active a:not(.button)::before {
content: “”;
opacity:1;
left:-10px;
top:50%;
margin: 0;
transform:translateY(-50%);
position:absolute;
height: 6px;
width: 6px;
border-radius: 3px;
}.top-bar-section li.active:not(.has-form) .dropdown a:not(.button)::before {
opacity:0;
}.top-bar-section .dropdown {
background: %WHITE%;
min-width: 650px;
text-align: left;
padding: 3vh 2vw 3vh 2vw;
left: 50%;
border-radius: 5px 5px 0 0;
border-bottom: 10px solid %RED%;
transform: translateX(-75%);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}.top-bar-section .dropdown::before {
content: “”;
position: absolute;
top: -5px;
left: calc(75% – 2.5px);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid white;
}.top-bar-section .dropdown li {
width: 50%;
display: inline-block;
position:relative;
}.top-bar-section ul li ul.dropdown li:nth-child(2n+2) {
padding-left: 20px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color: %BLACK%;
font-size: 14px;
line-height: 16px;
position: relative;
padding: 5px;
font-family: %FONT2%;
}.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: %BLACK%;
line-height: 16px;
}
}
@media only screen and (max-width: 1026px) {
ul.circle {
list-style-type: none;
}.empty-box {
display: none;
}.svc-box h2 {
margin-top: 35px;
}.service-strip {
padding: 0 !important;
}.mobile-strip-padding-bottom {
padding-bottom: 0;
}.mobile-bottom-push {
padding-bottom: 40px !important;
}.home-bg-04.mobile-no-bg.box-padding.horizontal-padding-medium {
padding: 50px 0 0 0;
}.home-bg-04 .horizontal-padding-large {
padding: 0 10vw !important;
}.black-background {
padding: 50px 10vw 75px 10vw !important;
}.full-width .horizontal-padding-xl {
padding: 0 10vw 50px !important;
}.img-top-parent {
overflow: hidden;
max-height: 350px;
}.img-top {
border: none;
width: 100%;
max-width: 100%;
}.mobile-no-bg {
background: none !important;
}.mobile-no-bg h2, .mobile-no-bg h3, .mobile-no-bg p, .mobile-no-bg li, .mobile-no-bg li:before {
color: %BLACK% !important;
}.mobile-swapper {
display: grid;
}.mobile-swapper div:nth-of-type(1){
order: 2;
}.mobile-swapper div:nth-of-type(2){
order: 1;
padding: 6vw 10vw 10vw 10vw;
}.cta-strip .row {
padding: 0 5vw;
}.footer-social:after, .footer-hours:after, .footer-payment:after {
content: none;
}.footer-car{
display: none;
}.mobile-slider {
background: url(%UPLOAD%/2024/06/slide-mobile.jpg) 50% 50%;
background-size: cover;
padding: 135px 0;
} .footer-wrapper h2 {
margin: 50px 0 25px 0;
}.horizontal-padding-medium.strip-padding-left {
padding-right: 0;
}ul.square {
list-style-type: none;
}.top-bar-section ul li.active > a {
color: %RED% !important;
}.top-bar-section ul li.active:after {
content: none;
display: inline-block;
bottom: 0;
width: 6px;
height: 6px;
border-radius: 3px;
background: %RED%;
margin: 0 auto;
}.mobile-menu .fa-close:before {
content: “”;
position: absolute;
background: %RED%;
width: 2px;
height: 100%;
top: 0;
left: 15px;
transform: rotate(45deg);
}.mobile-menu .fa-close:after{
content: “”;
position: absolute;
background: %RED%;
width: 2px;
height: 100%;
top: 0;
left: 15px;
transform: rotate(-45deg);
}.row.header-bar {
margin-bottom: 30px;
}.mobile-hide {
display: none;
}.white-bullets li {
color: %BLACK%;
font-size: 20px;
line-height: 30px;
}.service-strip .service-item:nth-of-type(odd) h2,
.service-strip .service-item:nth-of-type(odd) h3,
.service-strip .service-item:nth-of-type(odd) p,
.service-strip .service-item:nth-of-type(odd) .btn-1,
.service-strip .service-item:nth-of-type(odd) .circle li {
color: %WHITE%;
}.service-strip:nth-of-type(odd) h2,
.service-strip:nth-of-type(odd) h3,
.service-strip:nth-of-type(odd) p,
.service-strip:nth-of-type(odd) .btn-1,
.service-item:nth-of-type(odd) .circle li {
color: %BLACK%;
}.service-strip:nth-of-type(odd) {
background: none;
}.service-strip .service-item:nth-of-type(odd) {
background: %DARKGRAY%;
color: %WHITE%;
}.service-strip .service-item:nth-of-type(even) {
background: %WHITE%;
color: %BLACK%;
}.service-strip:nth-of-type(odd) .btn-1 {
color: %BLACK%;
border: 2px solid %BLACK%;
}.mobile-spacer {
padding: 15px;
}.dark-overlay .horizontal-padding-large {
padding: 0;
padding-top: 0 !important;
}.about-background-2 .dark-overlay {
background: none;
}.about-background-2 {
background: none;
margin:0;
padding: 0 !important;
}.about-background-2 h2, .about-background-2 h3, .about-background-2 p {
color: %BLACK%;
}.about-background-1 {
background: none;
margin: 0;
padding: 0 !important;
}.about-background-1 h2, .about-background-1 h3, .about-background-1 p {
color: %BLACK%;
}.mobile-about-picture {
height: 40vh;
overflow: hidden;
margin: 25px 0 0 0;
}.mobile-about-picture img {
width:100%;
}.mobile-row-padding {
padding-left: 10%;
padding-right: 10%;
padding-bottom: 50px;
}.mobile-noflex {
display: initial;
}.footer-icon {
display: none;
}.full-width {
max-width: 100% !important;
width: 100% !important;
}.big-underscore {
padding-left: 0;
}.big-underscore::before {
background: none;
}.mobile-text-center {
text-align: center;
}.big-text {
font-family: Work Sans, sans-serif;
font-size: 4vw;
font-weight: bold;
text-transform: uppercase;
line-height: 4vw;
}.promo-strip {
padding: 150px 50px;
margin: 0 auto;
max-width: 100% !important;
width: 100% !important;
}i.toggle-bars {
display: inline-block;
position: relative;
color: %WHITE%;
width: 37px;
height: 7px;
}i.toggle-bars::before {
content: “”;
width: 17px;
height: 2px;
background: %WHITE%;
position: absolute;
bottom: 0;
left: 0;
}i.toggle-bars::after {
content: “”;
width: 37px;
height: 2px;
background: %WHITE%;
position: absolute;
top: 0;
left: 0;
}.row.header-bar {
padding: 75px 0 50px 0;
max-width: 100%;
width: 100%;
}.sub-heading {
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin: 15px 0 10px 0;
}.submitWrapper {
text-align: center;
padding-bottom: 20px;
}.mobile-strip-padding-top {
padding-top: 0 !important;
}.mobile-strip-padding-bottom {
padding-bottom: 0 !important;
}.svc-box .btn-1, .svc-box .btn-2, .svc-box .btn-3 {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}.gateway-last-exception {
background: %LIGHTGRAY%;
}.separator {
display: none;
} .lnm-logo {
margin-top: 0;
}.footer-content {
display: block;
padding: 75px 0;
}.gallery-images {
margin-left: 7px;
}.row, .row.row-content {
margin: 0 auto;
max-width: 90%;
width: 90%;
}ul.icon {
margin: 0;
font-style: italic;
}ul.icon li::before {
content: none;
}.contactForm label {
text-align: left;
}.contactForm input, .contactForm textarea {
border: 1px solid %DARKGRAY%;
}.gallery-wrapper h2 {
margin-top: 0;
}.interior-first-strip {
border: none;
background: none;
padding: 0;
}.interior-first-strip .darkgray-background{
background: %WHITE%;
}.interior-first-strip .white-background{
background: %DARKGRAY%;
}header.header-wrapper.header-inner {
background: none;
padding-bottom: 0;
}.white-text-box {
padding: 0 20px 25px 20px;
}.cta-strip {
background: %DARKGRAY%;
padding: 75px 0 ;
max-width: 100%;
width: 100%;
}.cta-strip img {
display: none;
}.cta-text {
position: relative;
padding: 0;
background: none;
z-index: 1;
}.cta-text::after {
content: none;
}.home-background-strip {
padding: 20px 0 40px 0;
margin-top: 20px;
background: %DARKGRAY%;
text-align: center;
}.about-background-strip {
padding: 0px;
background: none;
}.home-first-strip {
border-top: 0;
border-bottom: 0;
background: none;
}.interior-img-01 {
padding: 3em 0;
border: none;
background: none;
margin: 0 auto;
}.home-img-01 {
padding: 3em 0;
border: none;
background: none;
margin: 0 auto;
}.box-padding {
padding: 20px 0 40px 0;
}.home-left-border, .home-right-border {
border: 0;
}.row.slider-row {
max-width: 100%;
width: 100%;
}.logo-wrapper {
width: 100%;
padding: 0 0 10px 0;
}.logo-wrapper img {
max-width: 175px;
}.navigation-toggle .toggle-bars.fa.fa-bars,
.navigation-toggle .fa.fa-close {
font-size: 25px;
}.top-bar .title-area {
height:0;
}.navigation-wrapper {
justify-content: center;
text-align: center;
padding-top: 100px;
}.top-bar {
display: block;
height: 0;
}.top-bar .title-area {
display: none;
}.top-bar-section li:not(.has-form) a:not(.button):hover::before,
.top-bar-section li.active:not(.has-form) a:not(.button)::before {
height: 1px;
}.top-bar-section .dropdown {
background: %DARKGRAY%;
min-width: 320px;
left: 100%;
}.top-bar-section .dropdown li {
width: 100%;
}.top-bar-section .dropdown li.page_item {
margin: 10px 0;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: none;
color: %WHITE%;
font-size: 18px;
line-height: 30px;
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;
line-height: 40px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
content: “”;
width: 0px !important;
height: 2px;
background: %WHITE%;
position: absolute;
top: calc(50% – 1px);
bottom: unset;
left: -18px !important;
opacity: 1;
-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 .dropdown li:not(.has-form):hover>a:not(.button)::before,
.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::before {
width: 14px !important;
opacity: 1;
}.top-bar-section .dropdown::before{
border-bottom: 6px none %RED%;
}.mobile-menu .dropdown .title a {
color:%RED% !important;
font-weight: bold;
}.mobile-menu .dropdown .parent-link a {
font-weight: bold !important;
}.mobile-sticky-cta {
display: block;
position: fixed;
bottom: 50px;
left: 10%;
width: 80%;
z-index: 100;
}a.sticky-btn-1 {
display: inline-block;
width: calc(50% – 5px);
margin-right: 8px;
float: left;
text-align: center;
color: %BLACK%;
font-family: %FONT2%;
font-size: 18px;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 1px;
background: %RED%;
padding: 20px 5px;
border-radius: 60px;
}a.sticky-btn-2 {
display: inline-block;
width: calc(50% – 5px);
margin-left: 1px;
float: left;
text-align: center;
color: %BLACK%;
font-family: %FONT2%;
font-size: 18px;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 1px;
background: %RED%;
padding: 20px 5px;
border-radius: 60px;
}a.sticky-btn-1:hover,
a.sticky-btn-2:hover {
color: %WHITE%;
}.footer-wrapper {
padding-top: 0;
padding-bottom: 200px;
background: none;
}.background-picture {
min-height: 45vh;
}.header-details {
text-align: center;
}.company-details h1 a {
font-size: 30px;
float: unset;
margin: 10px 0 0 0;
text-align: center;
color: %BLACK%;
letter-spacing: 10px;
}.company-details p {
font-size: 22px;
text-align: center;
color: %BLACK%;
}.tagline{
display: none;
}.mobile-navigation.navigation-toggle{
position: absolute;
left: 25px;
top: 25px;
z-index: 1;
}.top-bar-section .has-dropdown>a:after {
content: “”;
display: block;
width: 0;
height: 0;
border: inset 4px;
border-color: %RED% transparent transparent transparent;
border-top-style: solid;
margin-top: unset;
top: 14.5px;
right: calc(50% – 85px);
transform: rotate(270deg);
}.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 20px;
padding: 0 15px;
letter-spacing: unset;
line-height: 40px;
}.footer-social .fa {
margin: 0 2vw;
padding: 15px;
}.mobile-full-width{
max-width: 100%;
width: 100%;
}.fullwidth-navigation {
display: none;
}#ae_launcher {
bottom:80px !Important;
left: 10px !important;
right: initial !important;
}
}
@media only screen and (max-width: 767px) {
.service-areas-wrapper, .landing-page-wrapper {
padding: 25px 10vw !important;
}.footer-wrapper {
padding-bottom: 150px;
}.row.header-bar {
margin-bottom: 0;
padding: 45px 0 30px 0;
}.vertical-padding-large {
padding-top: 1em!important;
padding-bottom: 1em!important;
}.vertical-padding-medium .service-strip {
padding-top: 0!important;
padding-bottom: 0!important;
}.mobile-strip-padding-bottom {
padding-bottom: 0 !important;
}.mobile-slider {
padding: 100px 0;
}.cta-strip {
padding: 50px 0;
}h2 {
font-size: 22px;
line-height: 28px;
margin: 20px 0 10px 0;
}h3 {
font-size: 22px;
line-height: 28px;
margin: 20px 0 10px 0;
}h4 {
font-size: 20px;
line-height: 24px;
}p {
font-size: 15px;
line-height: 25px;
}ul li {
font-size: 16px;
line-height: 24px;
}.like-h1{
font-size: 34px;
line-height: 38px;
}.big-text {
font-size: 8vw;
line-height: 10vw;
}.mobile-sticky-cta {
bottom: 25px;
}a.sticky-btn-1 {
padding: 10px 5px;
font-size: 15px;
}a.sticky-btn-2 {
padding: 10px 5px;
font-size: 15px;
}.footer-address, .footer-hours, .footer-payment, .footer-social {
margin-bottom: 25px;
padding: 0;
}.footer-wrapper h2 {
margin: 15px 0;
}.footer-address p, .footer-hours p {
line-height: 24px;
}.lnm-logo.text-right {
text-align: center !important;
padding: 0;
}
}
@media only screen and (max-width: 414px) {
.footer-content {
padding: 50px 0;
}.horizontal-padding-medium.strip-padding-left {
padding-right: 0 !important;
}.box-padding {
padding: 20px 0 20px 0;
}.svc-box h2 {
margin-top: 20px;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
width: 10%;
left: calc(50% – 5%);
}.company-details {
max-width: 100%;
}.company-details h1 a {
font-size: 20px;
}.company-details p {
font-size: 12px;
line-height: 16px;
}.text-box {
padding: 30px;
}.text-box-smaller {
padding: 30px;
}.text-box-smallest {
padding: 30px;
}.top-padding-small {
padding-top: 30px !important;
}.disclaimer P {
font-size: 10px;
line-height: 18px;
}.btn-1 {
padding: 15px 30px;
margin: 1rem 0;
}.btn-2 {
padding: 20px 35px;
margin: 1rem 0;
width: 90%;
}.logo-wrapper {
padding: 0;
}.logo-wrapper img {
max-width: 95px;
}.lnm-logo img {
max-width: 150px;
filter: grayscale(1) brightness(2);
}.lightgray-background {
margin: -20px 0;
}.strip-padding-mobile {
padding: 0 !important;
}.lnm-logo.text-right {
margin-bottom: 10vh;
}
}
@media only screen and (max-width: 334px) {
.mobile-navigation.navigation-toggle {
left: 10px;
top: 35px;
}
}
[/css]