CSS

[css
DARKBLUE=”#174386″
MEDIUMBLUE=”#2b80ff”
LIGHTBLUE=”#5198ff”
HALALBLUE=”#345791″
BLUEGRADIENT=”#5198ff, #5198ff, #2b80ff, #2b80ff”
RED=”#ff2727, #ff2727, #ff3c3c, #ff3c3c”
WHITE=”#ffffff”
FONT1 = “Inter, sans-serif”
FONT2 = “Inter, sans-serif;”
BLACK = “#000000”
]
@import url(‘https://fonts.googleapis.com/css2?family=Inter&family=Oswald&display=swap’);

html {
scroll-behavior: smooth;
scroll-padding-top: 240px;
}
body{
overflow-x: hidden;
}
.bg-blue ul {
color: white;
}.button.btn-1 {
background: %HALALBLUE%;
}.iframe-div iframe {
width: 100%;
height: 1000px;
}.cities-wrapper {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-bottom: 30px;
}.cities-wrapper .city-box span {
background: #385c94;
justify-content: center;
display: flex;
position: absolute;
width: 100%;
top: 0;
padding: 10px 0px;
color: white;
}.cities-wrapper .city-box {
position: relative;
background: whitesmoke;
overflow: hidden;
}.cities-wrapper .city-box a {
height: 9vw;
display: block;
max-height: 9vw;
z-index: 9;
position: relative;
}.cities-wrapper .city-box:hover {
opacity: 0.7;
}.cities-wrapper .city-box a:hover span {
background: #4a6b9e;
color: white;
}.cities-wrapper .city-box img {
position: absolute;
height: 100%;
z-index: 0;
width: 100%;
}

/*** Four column menu ***/
.four-column-menu .menu-column {
width: 25%;
float: left;
margin-right: 1%;
text-align: left;
padding: 10px;
border: 1px solid #d0d0d0;
border-radius: 5px;
}.top-bar-section .four-column-menu.has-dropdown.not-click>.dropdown {
width: 20vw;
background: #ffffff !important;
padding: 0.5vw;
border: 1px solid #c4c4c4;
display: flex;
}.top-bar-section .four-column-menu .dropdown li:not(.has-form) a:not(.button) {
width: auto;
font-size: 14px;
text-transform: initial;
}.four-column-menu .menu-column::before {
content: “”;
color: black;
font-weight: bold;
font-size: 15px;
margin-left: 16px;
}.four-column-menu .menu-column.center-wrapper::before {
content: “Center”;
}.four-column-menu .menu-column.east-wrapper::before {
content: “East”;
}.four-column-menu .menu-column.west-wrapper::before {
content: “West”;
}.four-column-menu .menu-column.north-wrapper::before {
content: “North”;
}.top-bar-section li.four-column-menu:not(.has-form) ul.dropdown li a,
.top-bar-section li.four-column-menu:hover:not(.has-form) ul.dropdown li a {
line-height: 2;
}.wrapped-menu .dropdown {
padding:10px;
border: 1px solid #d0d0d0;
}.wrapped-menu .dropdown .menu-column {
float:left;
border: 1px solid #d0d0d0;
border-radius: 5px;
}.wrapped-menu .dropdown .menu-column li a{
font-size: 14px !important;
}
.btn-section img {
margin: 0 50px;
}.services-type img.ribbon {
margin: 0 auto;
display: block;
max-width: 300px;
position: relative;
margin-bottom: 0;
margin-top: auto;
}.services-type .content a {
margin-top: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}.booknow {
margin-top: 100px;
}.c1.card-list .fa.fa-check {
color: #e4a641!important;
}.c2.card-list .fa.fa-check {
color: #2e6faa!important;
}.c3.card-list .fa.fa-check {
color: #8e9093!important;
}.c4.card-list .fa.fa-check {
color: #188b55!important;
}.c5.card-list .fa.fa-check {
color: #f0bc6b!important;
}.c6.card-list .fa.fa-check {
color: #a93836!important;
}.c7.card-list .fa.fa-check {
color: #00bacd!important;
}.c8.card-list .fa.fa-check {
color: #95cd00!important;
}.c9.card-list .fa.fa-check {
color: #ff0000!important;
}.c10.card-list .fa.fa-check {
color: #ff00c7!important;
}.left-box, .right-box {
background: #f1f1f1;
border: 2px solid #325791;
border-radius: 5px;
}.location-wrapper {
display: flex;
gap: 10px;
flex-direction: column;
padding-bottom:30px;
}
@media screen and (min-width:1025px) {
a.email-header-icon, .nav-phone {
display: none;
}
.header-wrapper.home {
padding-top: 7.8vw !important;
}.services-box .service-content span{
display: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 0;
top: 0;
margin: 0;
align-items: center;
justify-content: center;
background: #006bffde;
}.services-box .service-content:hover span {
display: flex;
}
.top-bar-section .multi-column-menu.has-dropdown.not-click>.dropdown {
background: #ffffff !important;
padding: 0.5vw;
border: 1px solid #c4c4c4;
text-align: left;
left:0%;
transform: translateX(-9vw);
width: 46vw;
display: flex;
}.top-bar-section .multi-column-menu.smaller.has-dropdown.not-click>.dropdown {
width: 20vw;
}.top-bar-section .multi-column-menu .dropdown li:not(.has-form) a:not(.button) {
width: auto;
font-size: 14px;
line-height: 2.4;
text-transform: initial;
}.multi-column-menu .menu-column {
flex: 1;
border: 1px solid #dadada;
margin: 2px;
border-radius: 7px;
float: left;
width: 35%;
}.multi-column-menu.smaller .menu-column {
width: 48%;
}.multi-column-menu .menu-column::before {
content: “”;
color: black;
font-weight: bold;
font-size: 15px;
margin-left: 16px;
padding: 5px 0;
display: block;
}.multi-column-menu .menu-column.residential-wrapper::before {
content: “Residential”;
}.multi-column-menu .menu-column.commercial-wrapper::before {
content: “Commercial”;
}.multi-column-menu .menu-column.education-wrapper::before {
content: “Education & Charity”;
}.multi-column-menu .menu-column.construction-wrapper::before {
content: “Construction”;
}.multi-column-menu .menu-column.cleaning-packages-wrapper::before {
content: “Cleaning Solutions”;
}.multi-column-menu .menu-column.painting-packages-wrapper::before {
content: “Painting Solutions”;
}.multi-column-menu .construction-cleaning-wrapper.menu-column {
float: right;
}.multi-column-menu .menu-column .border-top {
border-top: 1px solid #d2d2d2 !important;
}
}

/* * * * * * GLOBALS * * * * * */
#wpadminbar {
display: none !important;
}
body {
font-family: %FONT1%;
padding-top: 0!important;
}h1, h1 a {
color: %BLACK%;
font-family: %FONT1%;
font-weight: bold;
font-size: 2em;
line-height: 1.27em;
margin: 25px 0;
}h2 {
color: %BLACK%;
font-family: %FONT1%;
font-weight: bold;
font-size: 1.8em;
line-height: 2rem;
margin: 25px 0;
}h3 {
color: %BLACK%;
font-family: Inter, sans-serif;
font-weight: bold;
font-size: 1.3em;
line-height: 2rem;
margin: 25px 0;
}h4 {
font-family: %FONT1%;
font-weight: normal;
color: %BLACK%;
font-size: 1.2em;
line-height: 2rem;
margin: 25px 0;
}p {
font-family: Inter, sans-serif;
color: #252525;
font-size: 15px;
margin: 18px 0;
text-align: justify;
}ul {
list-style-type: none;
margin: 0;
}.equal-height-flex {
display: flex;
align-items: center;
justify-content: center;
}.row {
margin: 0 auto;
max-width: 75rem;
width: 100%;
}.row.full {
margin: 0 auto;
max-width: 100% !important;
width: 100%;
}.strip-padding{
padding:0 !important;
}.bg-blue{
background: -webkit-linear-gradient(36deg, %BLUEGRADIENT%);
background: -moz-linear-gradient(36deg, %BLUEGRADIENT%);
background: -ms-linear-gradient(36deg, %BLUEGRADIENT%);
background: -o-linear-gradient(36deg, %BLUEGRADIENT%);
background: linear-gradient(36deg, %BLUEGRADIENT%)
}.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue p{
color: %WHITE%;
}.box-padding {
padding: 4%;
}.center-item{
display: flex;
align-content: center;
justify-content: center;
}.contain-to-grid {
background: none !important;
}.contain-to-grid .top-bar {
max-width: 75em;
}.content-wrapper{
background-color: %WHITE%;
}.has-light-shadow{
box-shadow: 0px 7px 45px 2px rgba(0, 0, 0, 0.25);
}.has-dark-shadow{
box-shadow: 0px 7px 25px 10px rgba(0, 0, 0, 0.28);
}.page-wrapper {
max-width: 75rem;
clear: both;
}.small-margin-top{
margin-top: 3%;
}span.highlight {
color: #FBDA0C;
}.scrollfade {
opacity: 0;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
-webkit-transition: all 1200ms ease;
transition: all 1200ms ease;
}.scrollfade.complete{
opacity:1;
}.from-bottom.scrollfade {
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}.from-bottom.scrollfade.complete {
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}.from-left.scrollfade {
-moz-transform: translateX(-30px);
-webkit-transform: translateX(-30px);
-o-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}.from-left.scrollfade.complete {
opacity: 1;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}.will-fade{
opacity:0;
}

/* * * * * * HEADER STYLES * * * * * */

.header-buttons-flex {
display: flex;
flex-direction: row-reverse;
}.header-wrapper{
display: block;
float:left;
height: auto;
position: relative;
width: 100%;
z-index: 999;
padding-top: 153.5px;
}.header-inner-wrapper {
width: 100%;
position: fixed;
z-index: 99;
background: #ffffff;
top: 0;
}.header-wrapper.inner-header::after {
background: transparent url(“%THEME%/images/commercial-inner-header-bg.png”) no-repeat top left;
content: “”;
height: 100%;
left: 0px;
position:absolute;
top: 0px;
width: 100%;
z-index:-1;
animation-name: fadeIn;
animation-duration: 4s;
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 4s;
}.header-wrapper .navigation-wrapper {
position: relative;
background: #345791;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
background: white;
justify-content: flex-start;
border-bottom: 1px solid #e0e0e0;
}h1.header-company-title {
margin: 0;
}.header-company-title a {
font-family: %FONT1%;
font-weight: normal;
text-decoration: none;
font-size: 0.9em;
line-height: 1.5rem;
color: %DARKBLUE%;
text-transform: uppercase;
text-decoration: none;
float: left;
width: 100%;
text-align: left;
margin: 0px 0 0px 0;
}
.img-icons-wrapper {
display: flex;
justify-content: center;
align-items:center;
border-bottom: 1px solid #e0e0e0;
padding: 6px 0;
}.img-icons-wrapper img {
width: 80px;
margin-left: 10px;
border: 1px solid #dfdfdf;
border-radius: 5px;
}.img-icons-wrapper i {
font-size: 1.6em;
background: #1da1f2;
border-radius: 6px;
margin-left: 13px;
width: 40px;
text-align: center;
line-height:40px;
color:white;
}.img-icons-wrapper i[class*=’linkedin’] {
background:#004182;
}.img-icons-wrapper i[class*=’facebook’] {
background:#1877f2;
}.img-icons-wrapper i[class*=’youtube’] {
background:#ff0000;
}.img-icons-wrapper i[class*=’instagram’] {
background: linear-gradient(20deg, #ffdc80, #f56040, #fd1d1d, #e1306c);
}.img-icons-wrapper i[class*=’threads’] {
background: linear-gradient(20deg, #ffdc80, #f56040, #fd1d1d, #e1306c, #c13584);
}.img-icons-wrapper i[class*=’twitter’] {
background:#1da1f2;
}.img-icons-wrapper i[class*=’tiktok’] {
background:#161616;
}.img-icons-wrapper i[class*=’pinterest’] {
background:#e60023;
}.img-icons-wrapper i[class*=’whatsapp’] {
background:#25d366;
}.img-icons-wrapper i[class*=’envelope’] {
background:#37aef3;
}@media screen and (max-width:1024px) {
.img-icons-wrapper {
display: block;
overflow: auto;
white-space: nowrap;
padding: 6px 20px;
}
}
.header-company-serviceorder {
color: %HALALBLUE%;
font-family: %FONT1%;
letter-spacing: 1px;
font-size: 1.3rem;
text-transform: uppercase;
}.header-phone{
opacity: 1;
}.header-phone a{
position: relative;
}.header-phone a span {
color: %WHITE%;
border: 1px solid %WHITE%;
box-shadow: none;
font-family: %FONT1%;
font-weight: bold;
border-radius: 20px;
padding: 12px 15px;
white-space: nowrap;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}.header-phone a span:hover{
box-shadow: 0px 7px 45px 2px rgba(0, 0, 0, 0.25);
color: %WHITE%;
}.logo-wrapper {
padding-top: 10px;
padding-bottom: 10px;
}.logo-wrapper img {
width: 175px;
}.social-icons{
margin-top:10px;
}.social-icons a{
color: %WHITE%;
font-size: 1em !important;
margin: 0 20px 0 0;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}.social-icons a:hover{
color: %DARKBLUE%
}.header-buttons {
position: relative;
background: #345791;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999999;
width: 100%;
}.header-buttons-right {
display: flex;
align-items: center;
position: absolute;
right: 0;
margin-right: 24px;
}.header-top-nav {
display: flex;
align-items: center;
margin-right: 20px;
justify-content: center;
}.header-buttons a {
width: 100px;
font-size: 12px;
font-weight: bold;
color: #fff;
}a.login-link {
width: 35%;
}.book-now-img {
/* width:150px; */
}.free-quote-img {
width:120px;
}.serviceorder-wrapper{
padding: 10px;
border-bottom: 1px solid whitesmoke;
}.locations {
display: flex;
margin: 0 auto;
justify-content: center;
padding-bottom: 60px;
}.locations a {
font-weight: bold;
color: #325791;
}.locations p {
text-align: inherit;
border-bottom: 1px solid #e3e3e3;
}

/* * * * * * NAVIGATIONAL STYLES * * * * * */

/* Navigational Menu */
.navigation-wrapper .header-cta-btn a {
padding: 7px;
border-left: 1px solid #cfcfcf;
border-bottom: 0;
}.top-bar {
display: inline-block;
}.top-bar-section .has-dropdown>a{
padding-right: 16px !important;
}
.top-bar,
.top-bar-section ul li,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button) {
background: none;
color:#FBDA0C;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
background: none;
}.top-bar-section .has-dropdown.not-click >.dropdown{
opacity: 0;
box-shadow: 0;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
}.top-bar-section .has-dropdown.not-click:hover>.dropdown{
opacity: 1;
}
.top-bar-section .has-dropdown>a:after{
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.top-bar-section .has-dropdown:hover>a:after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

}
/* Navigation Link Default Styles */

.top-bar .name {
background: rgb(18 64 140 / 82%);;
}.top-bar-section .dropdown {
left: 0;
top: auto;
background: transparent;
min-width: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}.top-bar-section .has-dropdown > a::after {
content: “”;
display: block;
width: 0;
height: 0;
border: inset 5px;
border-top-style: solid;
margin-top: -2.5px;
left: 0;
top: 38px;
padding-right: 0!important;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
margin: 0 auto;
right: 0;
border-color: #000000 transparent transparent transparent;
}.top-bar-section ul li > a,
.top-bar-section li:not(.has-form) a:not(.button) {
color: #fff;
font-family: Inter, sans-serif;
font-size: 13px;
font-weight: 600;
padding: 0 15px;
text-transform: Capitalize;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}.top-bar-section ul > li:not(:last-child) {
margin: 0;
}.navigation-wrapper,
.top-bar ul {
padding: 0;
}

/* Navigation Link Active/Hover Styles */

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
color: rgb(224 141 0);
padding: 0 7px;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li,
.top-bar-section ul li:hover:not(.has-form) ul.dropdown li a,
.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown li a:not(.button) {
background: none;
border: none;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown,
.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown {
background: #ffffff;
}.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){
background: #ffffff !important;
color: %HALALBLUE%;
}.top-bar-section ul li:not(.has-form) ul.dropdown li a,
.top-bar-section ul li:hover:not(.has-form) ul.dropdown li a {
border: none;
font-size: 10px;
line-height: 40px;
}.top-bar-section ul li.has-dropdown:hover:not(.has-form) > a:not(.button) {
border-bottom: none;
color: #FBDA0C;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li a:hover:not(.button),
.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown li a:hover:not(.button) {
background: #ffffff;
border: none;
color: #FBDA0C;
box-shadow: none;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li{
box-shadow: none;
}.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown li a:not(.button){
box-shadow: none;
}.top-bar.expanded .toggle-topbar a {
color: %HALALBLUE%;
}.top-bar-section .has-dropdown.moved > .dropdown {
background: #ffffff;
}.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
right: -115px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
background: #ffffff;
color: %HALALBLUE%!important;
width: 250px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button) {
background: #ffffff!important;
}.top-bar-section .dropdown li .dropdown li a:hover {
color: #FBDA0C!important;
}.top-bar-section .dropdown li .dropdown {
margin-left: 30%;
}.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
color: black;
padding: 0 7px;
position: relative;
}.top-bar-section ul li > a:hover, .top-bar-section li:not(.has-form) a:hover:not(.button){
padding: 0 7px;
}.navigation-wrapper .header-cta-btn a.nav-phone {
white-space: nowrap;
float: left;
flex-direction: row;
font-size: 1.1em;
padding: 0 23px;
color: %HALALBLUE%;
}.navigation-wrapper .header-cta-btn a.nav-phone .fa-phone {
float: left;
display: inline-block;
margin-right: 6px;
}

/* MODAL STYLES */
.reveal-modal.small {
max-height: 660px;
max-width: 400px;
left: 50%;
max-height: 660px;
margin: 0 auto;
transform: translateX(-50%);
}.form-captcha {
background: #ffffff!important;
}div#modal-popup {
background: #ffffff;
}.yellow-btn {
background-color: #FBDA0C!important;
}.word {
margin: auto;
color: #345791;
letter-spacing: 1px;
font-size: 1.3rem;
min-height: 110px;
display: flex;
align-items: center;
justify-content: center;
}

/* * * * * * SLIDER STYLES * * * * * */

.video-background {
background: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99;
overflow:hidden;
}.video-foreground, .video-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}#vidtop-content {
top: 0;
color: #fff;
}.vid-info {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 90%;
background: rgba(0, 0, 0, 0.3);
color: #fff;
padding: 14% 5% 5%;
font-family: Avenir, Helvetica, sans-serif;
height: 600px; /*768px for standard browser height*/
background: rgba(0, 0, 0, 0.64);
text-align: center;
}
.video-foreground {
width: 100%;
}
@media only screen and (max-width:1680px) and (min-width:1367px) {
.slider-wrapper {
height: 94vh !important;
}
.video-foreground {
top:50px;
}
}@media only screen and (max-width:1366px) {
.slider-wrapper {
max-height: 48vw;
}.locations a {
font-size: 11px;
}
}@media only screen and (max-width:1024px){
.slider-wrapper {
max-height:52vw;
}
.video-foreground {
top: 150px;
width: 100%;
left: 0;
}
}@media only screen and (max-width:767px){
.video-foreground {
top: 140px;
}
}

.video-container span {
font-size: 1.2em;
display: block;
color: black;
}.slider-wrapper {
float: left;
width: 100%;
height: 48vw;
}.slick-background-wrapper {
left: 0;
overflow: hidden;
position: relative;
top: 0;
z-index: 0;
width: 100% !important;
height: 31vw;
}.slick-background-wrapper .slick-slide img {
height: 100%;
max-height: 31vw;
width: 100%;
}.slick-slider {
height: 31vw;
}.slider-content {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgb(18 64 140 / 82%);
left: 1vw;
padding: 1.5vw 1.3vw;
width: 300px;
}.slider-content p {
color: #ffffff;
font-size: 1.1em;
text-transform: uppercase;
text-align: center;
line-height: 1.1;
font-weight: bold;
letter-spacing: 3px;
margin: 0;
}.slider-content p span {
display: block;
line-height: 1.8;
}.slider-content ul.check li::before {
content: “\f00c”;
font-family: ‘FontAwesome’;
margin-right: 8px;
}.slider-content ul.check li {
color: #ffffff;
line-height: 1.3;
font-weight: bold;
font-size: 20px;
}.slider-content ul.check {
margin-top: 30px;
margin-bottom: 32px;
}.home-page-slider .slick-dots li button {
background: #d2d2d2;
color: #6682ad;
font-weight: bold;
margin: 0;
font-size: 15px;
width: 25px;
height: 25px;
border-radius: 100%;
}.home-page-slider .slick-dots {
z-index: 99999;
bottom: 12px;
right: 12px;
width: auto;
}.home-page-slider .slick-dots li button:before {
display:none;
}.home-page-slider .slick-dots li.slick-active button {
background: #5f7ca9;
color:white;
}.arrow-wrapper {
position: absolute;
bottom: 0;
z-index: 9;
width: auto;
margin: 0 auto;
left: 0;
right: 0;
width: 20%;
}.arrow {
opacity: 1;
width: 55px;
height: 55px;
background: #ffffff;
position: relative;
bottom: 0;
cursor: pointer;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
transition-delay: 1.5s;
}.arrow-wrapper i.fa.fa-long-arrow-up {
color: %HALALBLUE%;
transform: rotate(180deg);
position: relative;
top: 12px;
font-size: 20px;
-webkit-animation: up-down 800ms ease infinite alternate;
animation: up-down 800ms ease infinite alternate;
}.typewrite-words p {
color: #000;
font-size: 1.1vw;
display: flex;
align-items: center;
justify-content: center;
}.typewrite-words {
min-height: 52px;
}.form-section {
background:white;
padding: 25px 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}.form-section p {
color: #006bff;
font-size: 1.875em;
margin: 0;
font-weight: bold;
line-height: 2rem;
}
/*CUSTOM CSS */
.packageswrapper {
margin: 0 auto;
width: 35%;
}.packageswrapper h2 {
padding: 0 20px;
color: #000000;
text-transform: uppercase;
}

.cleaning-packages .flex ,.painting-packages .flex {
flex-direction: row!important;
}.flex-row-reverse {
display: flex;
flex-direction: row-reverse;
}.flex-row {
flex-direction: row-reverse;
}
.ethics-icons {
display: flex;
background: white;
}.ethics-icons .tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
}.ethics-icons .tabs .tab-title.active a {
background: none;
border-color: #335892;
}.ethics-icons .tabs .tab-title a {
background: none;
border: 1px solid #f8f8f8;
text-align: center;
}.ethics-icons .tabs .tab-title a:hover {
background: none;
}
.ethics-icons .tabs .tab-title.active a {
background: none;
}.ethics-icons .tab-title p {
margin: 0;
text-align: center;
}.ethics-icons .tabs .tab-title img {
width: 89px;
}
.ethics-content .tabs-content {
border: 1px solid #afafaf;
margin-top: 10px;
padding-top: 60px;
}.ethics-content {
display: flex;
flex-direction: column;
}

.ethics-content .tabs-content>.content.active {
flex-direction: column;
max-width: 800px;
text-align: left;
}.ethics-tabs ul {
list-style: disc;
margin-left:1em;
}.ethics-tabs ul p {
margin: 0;
}.ethics-content .tabs-content > .content.active h2,
.ethics-content .tabs-content > .content.active h3,
.ethics-content .tabs-content > .content.active h4{
margin:10px 0;
}

.parallax-map {
background: url(%UPLOAD%/2024/02/parallax-one-modified.png);
background-size: cover;
height: 800px;
background-position: center;
background-attachment: fixed;

}.services-box {
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 2% 0;
flex-wrap: wrap;
}

.services-box .service-content {
flex-direction: column;
display: flex;
align-items: center;
justify-content: end;
height: 250px;
margin: 20px;
flex: 20%;
position: relative;
float: left;
height:auto;
}

.services-box .service-content img {
width: auto;
}.service-content span {
color: #ffffff;
background: #002e62;
font-weight: 500;
padding: 2px 8px;
border-radius: 10px;
font-size: 13px;
margin-top: 20px;
}.services-box .service-content a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}

#slidebox .tabs .tab-title a {
background: white;
color: #5c7aa8 !important;
font-weight: bold;
}#slidebox .tabs .tab-title:hover a {
background: whitesmoke;
}#slidebox .tabs .tab-title.active a {
color: #006bffde!important;
}.services-type #slidebox .tabs {
border-bottom: 6px solid #e2e2e2;
}#slidebox .tabs .tab-title.active a {
color: #006bffde!important;
}#slidebox .tabs .tab-title.active::after {
content:””;
background:#aaceff;
position:absolute;
bottom: -6px;
height: 6px;
width:100%;
left:0;
}#slidebox .tabs .tab-title.active::before {
content: “”;
background: #006bffde;
position: absolute;
bottom: -6px;
height: 6px;
width: 100%;
left: 0;
z-index:1;
width:0%;
animation:progress 20s 1;
animation-timing-function:linear;
}#slidebox .tabs-content .image-container img:nth-child(1) {
width: 248px;
}
@keyframes progress {
from {
width: 0%;
}

to {
width: 100%;
}
}

/* * * * * * FOR PAGES * * * * * */
.step-numbers {
display: flex;
align-items: center;
justify-content: center;
justify-content: space-around;
}.step-numbers span {
font-size: 3em;
display: inline-block;
background: #345791;
border-radius: 100%;
width: 77px;
padding: 15px;
color: #ffffff;
line-height: 1;
font-weight: bold;
z-index: 9;
}.step-numbers::before {
content:””;
position: absolute;
height: 3px;
width: 70%;
background: #345791;
z-index: 0;
}.step-images img {
padding: 30px;
}.step-images .image-box span {
color: black;
font-size: 15px;
font-weight: bold;
}.tabs-content .active#cleaning {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
flex-direction: column;
}.tabs-content .active#painting {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
flex-direction: column;
}.services-type .tabs {
display: inline-block;
text-align: center;
margin-top: 20px;
border-radius: 0;
/* background: #345791; */
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}.services-type .tabs .tab-title.active {
background: #345791;
}.services-type .tabs a {
font-size: 1em;
font-weight: bold;
color: #ffffff !important;
background: #345791;
font-weight: lighter;
}.tabs .tab-title.active a {
background: #345791;
color: #FBDA0C!important;
}.tabs .tab-title>a:hover {
background: #345791;
color: #FBDA0C!important;
}span.ovelayed-badge {
position: relative;
display: inline-block;
padding: 0 0.7vw;
width: 89%;
}span.ovelayed-badge p{
opacity:0;
position:absolute;
top:0;
font-size: 12px;
left:0;
line-height: 1.6;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
background: white;
font-weight: bold;
}.content.row {
max-width: 75rem;
margin: 0 auto;
}p.img-text {
text-align: center;
padding: 15px;
}span.ovelayed-badge:hover p {
opacity:1;
}.promo-slider-wrapper h2{
display: inline-block;
}.promo-slider-wrapper .slick-text-slider {
overflow: hidden;
width: 100%;
max-width: 100%;
}.promo-slider-wrapper .slick-text-slider .slick-track {
width: 100%;
overflow: hidden;
}.promo-slider-wrapper .slick-text-slider .slick-list {
overflow: hidden;
max-width: 100%;
width: 100%;
}.promo-slider-wrapper .slick-text-slider .slick-slide.slick-center img {
transform: scale(1);
}.promo-slider-wrapper .slick-text-slider .slick-slide img {
transform: scale(0.9);
}.slick-prev:before, .slick-next:before {
color: #4a4a4a;
}h2.large-text {
font-size: 2em;
}.home-bg-img2 {
background: url(%UPLOAD%/2023/08/new-home22.jpg);
background-size: cover;
background-position: center;
border-right: 5px solid #ffffff;
}.home-bg-img {
background: url(%UPLOAD%/2023/08/new-home1.jpg);
background-size: cover;
background-position: center;
}.flex-row {
display: flex;
}.home-box {
padding: 2%;
}.home-box-list {
padding-bottom: 2%;
}.home-box-list ul {
margin: 30px 0;
}.home-box-list ul li {
font-size: 14px;
line-height: 1.5;
font-weight: bold;
text-align: left;
}.home-box-list ul li .fa {
margin: 0 10px;
}.footer-logos img {
float: left;
padding: 20px 0px;
border-radius: 21px;
border: 1px solid #d5d5d5;
}.footer-logos {
display: flex;
align-items: center;
justify-content: center;
}.footer-social-logos img {
width: 120px;
max-width: 120px;
margin: 10px;
}.footer-social-logos {
display: flex;
justify-content: center;
align-items: center;
}.footer-contact {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}.footer-contact span {
font-size: 32px;
margin-top: 50px;
text-transform: uppercase;
color: #0f76b8;
margin-right: 20px;
letter-spacing: 1px;
}.footer-logos > div {
margin: 10px;
}main.main-wrapper.inner-page{
padding-top: 45px;
}.main-wrapper ol li {
color: #252525;
}.service-items a {
color: %LIGHTBLUE%;
}.service-items a i.fa.fa-long-arrow-right{
position: relative;
top: 1px;
left:0;
opacity: 0;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}.service-items a:hover i.fa.fa-long-arrow-right{
left: 5px;
opacity: 1;

}.inner-banner-details {
height: 500px;
width: 100%;
padding-top: 111px;
}

/* Home Page */

.stacked-img-wrapper {
max-width: 751px;
z-index:99;
}.stacked-img {
margin-top: 20%;
}.stacked-img img{
box-shadow: box-shadow: 0px 0px 79px 3px rgba(0, 0, 0, 0.48);
}

/* About Page */

.about-bg-img-01{
background: url(“%UPLOAD%/2022/11/about-1.jpg”);
background-size: cover;
background-position: center;
height: 100%;
opacity: 1;
}.about-bg-img-02{
background: url(“%UPLOAD%/2022/12/new-about1.jpg”);
background-size: cover;
background-position: center;
height: 100%;
box-shadow: 0px 6px 34px 12px rgba(121, 121, 121, 0.22);
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
-webkit-transition: all 800ms ease;
transition: all 800ms ease;
transition-delay: 1.2s;
}.about-bg-img-03{
background:url(“%UPLOAD%/2022/12/new-about2.jpg”);
background-size: cover;
background-position: center;
height: 100%;
}.inner-page-banner {
height: 580px;
width: 100%;
display: flex;
align-items: center;
}.inner-page-banner.about {
background: center / cover no-repeat url(%UPLOAD%/2022/12/new-aboutbg.jpg) #ffffff;
}.inner-page-banner.reviews{
background: center bottom / contain no-repeat url(%UPLOAD%/2025/03/reviews-hero-1.jpg) #ffffff;
}.inner-page-banner.janitorial-services {
background: center / cover no-repeat url(%UPLOAD%/2023/01/janitorial-bg.jpg) #ffffff;
}.inner-page-banner.disinfection-services {
background: center / cover no-repeat url(%UPLOAD%/2022/12/disinfection-bg.jpg) #ffffff;
}.inner-page-banner.scheduled-cleaning-services {
background: center / cover no-repeat url(%UPLOAD%/2022/12/new-scheduledbg.jpg) #ffffff;
}.inner-page-banner.residential-cleaning {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-2.png) #ffffff;
}.inner-page-banner.commercial-exterior-painting {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-6.png) #ffffff;

}.inner-page-banner.residential-exterior-painting {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-5.png) #ffffff;

}.inner-page-banner.upholstery-cleaning-2 {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2023/06/upholstery-bg.jpg) #ffffff;
}.inner-page-banner.upholstery-cleaning {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2023/06/upholstery-bg.jpg) #ffffff;
}.inner-page-banner.commercial-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/new-commercial-cleaningbg.jpg) #ffffff;
}.inner-page-banner.office-building-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/new-officebg.jpg) #ffffff;
}.inner-page-banner.construction-cleaning {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-3.png) #ffffff;
}.inner-page-banner.post-construction-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/postconstruction-bg.jpg) #ffffff;
}.inner-page-banner.window-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2023/04/windowcleaning-bg.jpg) #ffffff;
}.inner-page-banner.gym-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/gym-bg.jpg) #ffffff;
}.inner-page-banner.carpet-cleaning {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-9.png) #ffffff;
}.inner-page-banner.carpet-cleaning-1 {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2022/11/Carpet-Cleaning.jpg) #ffffff;

}.inner-page-banner.covid-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/covid-bg.jpg) #ffffff;
}.inner-page-banner.green-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2022/12/new-green-cleaningbg.jpg) #ffffff;
}.inner-page-banner.spring-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2023/04/springcleaning.png) #ffffff;
}.inner-page-banner.house-painting {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-4.png) #ffffff;
}.inner-page-banner.interior-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/residentialpainting-bg.jpg) #ffffff;
}.inner-page-banner.commercial-interior-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/02/commercialpainting-bg.jpg) #ffffff;
}.inner-page-banner.apartment-condo-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/02/apartmentcondo-bg.jpg) #ffffff;
}.inner-page-banner.deck-painting {
background: center / cover no-repeat url(%UPLOAD%/2025/03/deck-painting-hero-1.jpg) #ffffff;
}.inner-page-banner.drywall-repair {
background: center / cover no-repeat url(%UPLOAD%/2022/12/drywall-bg.jpg) #ffffff;
}.inner-page-banner.choosing-paint-colors {
background: center / cover no-repeat url(%UPLOAD%/2022/12/choosing-bg.jpg) #ffffff;
}.inner-page-banner.buying-or-selling-property-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/04/buying-bg.jpg) #ffffff;

}.inner-page-banner.school-cleaning {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-8.png) #ffffff;

}.inner-page-banner.school-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/schoolpainting-bg.jpg) #ffffff;
}.inner-page-banner.private-schools {
background: center / cover no-repeat url(%UPLOAD%/2022/12/private-bg.jpg) #ffffff;
}.inner-page-banner.institutes-college-campuses {
background: center / cover no-repeat url(%UPLOAD%/2022/12/institutes-bg.jpg) #ffffff;
}.inner-page-banner.institutecollege-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/institutesandcollegepainting-bg.jpg) #ffffff;
}.inner-page-banner.day-care-centers {
background: center / cover no-repeat url(%UPLOAD%/2025/03/day-care-hero-1.jpg) #ffffff;
}.inner-page-banner.daycare-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/daycareandlearningcenterpainting-bg.jpg) #ffffff;
}.inner-page-banner.charities-worship-centers {
background: center / cover no-repeat url(%UPLOAD%/2022/12/nonprofit-bg.jpg) #ffffff;
}.inner-page-banner.non-profit-relief {
background: center / cover no-repeat url(%UPLOAD%/2022/12/nonprofit-bg.jpg) #ffffff;
}.inner-page-banner.charities-worship-centers2 {
background: center / cover no-repeat url(%UPLOAD%/2025/03/charity-center-hero-1.jpg) #ffffff;
}.inner-page-banner.cleaning-packages {
background: center / cover no-repeat url(%UPLOAD%/2023/01/janitorial-bg.jpg) #ffffff;
}.inner-page-banner.painting-packages {
background: center / cover no-repeat url(%UPLOAD%/2022/12/house-bg.jpg) #ffffff;
}.inner-page-banner.deep-carpet-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2023/04/deepcleaning-bg.jpg) #ffffff;
}.inner-page-banner.high-traffic-clean {
background: center / cover no-repeat url(%UPLOAD%/2023/01/hightraffic-1.jpg) #ffffff;
}.inner-page-banner.beyond-basic-clean {
background: center / cover no-repeat url(%UPLOAD%/2023/01/janitorial-bg.jpg) #ffffff;
}.inner-page-banner.premium-plus-clean {
background: center / cover no-repeat url(%UPLOAD%/2022/12/premium-cleaning1.jpg) #ffffff;
}.inner-page-banner.absolute-clean {
background: center / cover no-repeat url(%UPLOAD%/2023/01/janitorial-bg.jpg) #ffffff;
}.inner-page-banner.residential-painting {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-7.png) #ffffff;
}.inner-page-banner.commercial-painting {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-5.png) #ffffff;
}.inner-page-banner.one-solution {
background: center / cover no-repeat url(http://4166042884.linknowmedia.tv/wp-content/uploads/sites/985/2025/05/Website-Slider-Image-940-x-280-px-940-x-275-px-4.png) #ffffff;
}.inner-page-banner.education-centers {
background: center / cover no-repeat url(%UPLOAD%/2022/12/school-clean1.jpg) #ffffff;
}.inner-page-banner.non-profits-community-painting {
background: center / cover no-repeat url(%UPLOAD%/2022/12/abs-clean1.jpg) #ffffff;
}.inner-page-banner.painting-faq {
background: center / cover no-repeat url(%UPLOAD%/2022/12/faq-bg.jpg) #ffffff;
}.inner-page-banner.code-of-ethics {
background: center / cover no-repeat url(%UPLOAD%/2023/09/ethics-bgnew.jpg) #ffffff;
}.inner-page-banner.service-areas {
background: center / cover no-repeat url(%UPLOAD%/2023/01/servicearea-img.jpg) #ffffff;
}.inner-page-banner.ajax {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-ajax.png) #ffffff;
}.inner-page-banner.toronto {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-toronto.png) #ffffff;
}.inner-page-banner.mississauga {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-missisauga.png) #ffffff;
}.inner-page-banner.markham {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-markham.png) #ffffff;
}.inner-page-banner.etobicoke {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-etobicoke.png) #ffffff;
}.inner-page-banner.hamilton {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-hamilton.png) #ffffff;
}.inner-page-banner.oshawa {
background: center / cover no-repeat url(%UPLOAD%/2023/11/oshawa-bg.png) #ffffff;
}.inner-page-banner.whitby {
background: center / cover no-repeat url(%UPLOAD%/2023/11/whitby-bg.png) #ffffff;
}.inner-page-banner.stouffville {
background: center / cover no-repeat url(%UPLOAD%/2023/11/stouffville-bg.png) #ffffff;
}.inner-page-banner.burlington {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-burlington.png) #ffffff;
}.inner-page-banner.oakville {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-oakville.png) #ffffff;
}.inner-page-banner.brampton {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-brampton.png) #ffffff;
}.inner-page-banner.vaughan {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-vaughan.png) #ffffff;
}.inner-page-banner.pickering {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-pickering.png) #ffffff;
}.inner-page-banner.milton {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-milton.png) #ffffff;
}.inner-page-banner.newmarket {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-newmarket.png) #ffffff;
}.inner-page-banner.richmondhill {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-richmondhill.png) #ffffff;
}.inner-page-banner.northyork {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-northyork.png) #ffffff;
}.inner-page-banner.thornhill {
background: center / cover no-repeat url(%UPLOAD%/2023/09/header-thornhill.png) #ffffff;
}.inner-page-banner.yorkville {
background: center / cover no-repeat url(%UPLOAD%/2023/10/header-yorkville.png) #ffffff;
}.inner-page-banner.midtown {
background: center / cover no-repeat url(%UPLOAD%/2023/10/header-midtown.png) #ffffff;
}.inner-page-banner.scarbourough {
background: center / cover no-repeat url(%UPLOAD%/2023/10/header-scarbourough.png) #ffffff;
}.inner-page-banner.estimate {
background: center / cover no-repeat url(%UPLOAD%/2023/10/estimate-bg.jpg) #ffffff;
}.inner-page-banner.charitycenter-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/charitycenterpainting-bg.jpg) #ffffff;
}.inner-page-banner.worshipcenter-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/worshipcenterpainting-bg.jpg) #ffffff;
}.inner-page-banner.worshipcentercleaning-bg {
background: center / cover no-repeat url(%UPLOAD%/2024/01/worshipcentercleaning-bg.jpg) #ffffff;
}.inner-page-banner.postconstructionpainting-bg {
background: center / cover no-repeat url(%UPLOAD%/2024/01/postconstructionpainting-bg.jpg) #ffffff;
}.inner-page-banner.retail-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2024/01/retail-cleaning.jpg) #ffffff;
}.inner-page-banner.fence-painting {
background: center / cover no-repeat url(%UPLOAD%/2023/11/fencepainting-bg.jpg) #ffffff;
}.inner-page-banner.movein-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2023/11/moveincleaning-bg.jpg) #ffffff;
}.inner-page-banner.moveout-cleaning {
background: center / cover no-repeat url(%UPLOAD%/2023/11/moveoutcleaning-bg.jpg) #ffffff;
}.inner-page-banner.careers{
background: center / cover no-repeat url(%UPLOAD%/2025/01/careers.png) #ffffff;
}.inner-page-banner.uptown{
background: center / cover no-repeat url(%UPLOAD%/2025/02/uptown-bg.png) #ffffff;
}.inner-page-banner.downtown{
background: center / cover no-repeat url(%UPLOAD%/2025/02/downtown-bg.png) #ffffff;
}.inner-page-banner.caledon{
background: center / cover no-repeat url(%UPLOAD%/2025/02/caledon-bg.png) #ffffff;
}.inner-page-banner.halton-hills{
background: center / cover no-repeat url(%UPLOAD%/2025/02/halton-hills-bg.png) #ffffff;
}.inner-page-banner.why-choose-us {
background: center / cover no-repeat url(%UPLOAD%/2025/03/why-choose-us-hero.jpg) #ffffff;
}.inner-page-banner.industrial-painting{
background: center / cover no-repeat url(%UPLOAD%/2025/03/industrial-hero-1.jpg) #ffffff;
}
.banner-details {
position: absolute;
margin: 0;
padding: 20px;
transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
text-align: center;
}.banner-details p {
font-size: 48px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1;
margin: 0;
color: #ffffff;
text-shadow: 0px 0px 20px black;
}.banner-details p.yellow-text {
letter-spacing: 0;
color: #FBDA0C;
}.form-buttons a {
background: #345791;
padding: 20px;
border-radius: 10px;
color: yellow;
font-weight: bold;
margin: 10px;
}.form-buttons {
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-evenly;
}.form-color {
padding-bottom: 50px;
}.gallery-button.default:not(.custom-legacy) {
background: #2b80ff!important;
color: #eaeaea;
margin-top: 15px;
}.gallery-button span:hover {
background: none;
color: #ffffff;
}.gallery-button.custom {
margin-top: 8px;
background: #2b80ff;
}.gallery-button.custom p {
margin: 5px 0;
color: #ffffff;
}.gallery-modal {
top: 14vh!important;
}.tabs-content>.content.active {
width: 1420px;
margin: 0 auto;
display: flex;
}.card-list li {
color: black;
text-align: left;
border-bottom: #b3b3b3 1px solid;
box-shadow: #efefef 0px 2px 0px;
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
}.tabs-content>.content.active{
width:1720px;
}.tab-slider-custom span.image-container {
display: flex;
width: 26%;
}.tab-slider-custom .concerns, .tab-slider-custom .solutions{
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 100%;
}.solutions a.ribbon-link,
.pricing-page .ribbon-link {
margin-top: auto;
}.tab-slider-custom span.badge-list{
min-height: 89.5%;
}span.image-container {
width: 28%;
float: left;
position: relative;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}.badge-list {
width: 30%;
background: #ffffff;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: start;
flex-direction: column;
border: 2px solid #e4a641;
}.includes-wrapper {
display: flex;
flex-wrap: wrap;
width:30%;
}.includes-wrapper .badge-list{
width:100%
}.badge.split {
width: 45%;
}.badge {
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
align-items: start;
justify-content: start;
padding: 1%;
}.badge.split img {
width: 250px;
}.badge a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 900px;
}ul.card-list .fa.fa-check {
float: revert;
margin-left: 36px;
display: inline-block;
float: right;
margin: 10px 10px 0 10px;
text-align: center;
font-size: 22px;
color: #49ac11;
}.badge-cta {
width: 180px;
height: 80px;
background: #09a500;
top: 0;
z-index: 99;
padding: 10px;
background: -webkit-linear-gradient(160deg, rgb(66, 170, 18), rgb(108, 180, 9));
background: linear-gradient(160deg, rgb(66, 170, 18), rgb(108, 180, 9));
clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);
}.badge-cta.c1 {
background: #e4a641;
}.badge-cta.c2 {
background: #2e6faa;
}.badge-cta.c3 {
background: #8e9093;
}.badge-cta.c4 {
background: #188b55;
}.badge-cta.c5 {
background: #f0bc6b;
}.badge-cta.c6 {
background: #e60000;
}.badge-cta.c7 {
background: #00bacd;
}.badge-cta.c8 {
background: #95cd00;
}.badge-cta.c9 {
background: #ff0000;
}.badge-cta.c10 {
background: #ff00c7 ;
}.boxed-element .badge-cta {
text-align: center;
height: 60px;
margin: 0 auto;
color:white;
font-weight: 700;
font-size: 19px;
}.boxed-element {
border: 2px solid #dcdcdc;
border-radius: 5px;
padding:0px 30px 30px;
}.concerns .boxed-element {
border-color: #e60000;
}.solutions .boxed-element {
border-color: #5cad0a;
}.boxed-element ul {
margin-top: 20px;
}.concerns .boxed-element ul li::before {
content: “”;
width: 10px;
height: 10px;
background: #a93836;
position: relative;
display: block;
float: left;
vertical-align: middle;
top: 7px;
margin-right: 5px;
}.solutions .boxed-element ul li::before {
content: “”;
width: 10px;
height: 10px;
background: #54ae0e;
position: relative;
display: block;
float: left;
vertical-align: middle;
top: 7px;
margin-right: 5px;
}.badge-cta p {
color: #ffffff;
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 10px 0;
}.card-list {
width: 100%;
padding: 5%;

}.btn-section {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding-bottom: 5%!important;
}a.border-btn {
margin: 0 50px;
border-radius: 30px;
padding: 5px 15px;
background: #dddddd;
text-transform: uppercase;
font-size: 21px;
transition: ease 1s all;
}a.border-btn.yellow {
background: #FBDA0C;
}a.border-btn.blue {
background: #345791;
color: #ffffff;
}a.border-btn.green {
background: #25d366;
color: #ffffff;
}a.border-btn:hover {
background: #dddddd;
color: #000000;
}.home .home-pricing {
border: 1px solid #00b6ff;
display: block;
margin-bottom:auto;
margin-top: 0;
}.home .home-pricing p {
text-align:center;
font-size:0.7em;
color:#00b6ff;
padding: 0px 10px;
}.home .home-pricing span{
font-weight:bold;
font-size:2.5em;
}.inner-page .image-container {
border: 2px solid #3f6197;
border-radius:3px;
box-shadow: 2px 3px 3px 0px #dedede;
padding:0 19px;
padding-bottom: 40px;
padding-top: 20px;
}.inner-page .image-container *{
color:#1d5cbc;
}.inner-page .image-container h2 {
margin:10px 0 0 0;
font-size:17px;
}.inner-page .image-container p {
text-align:center;
font-size:0.6em;
margin-top:0;
}.inner-page .image-container p .price {
font-size: 3.5em;
font-weight: bold;
}.inner-page .image-container ul li {
text-align:left;
margin-left:25px;
font-size:0.9em;
position:relative;
}.inner-page .image-container ul li::before{
content:”\f00c”;
font-family:”FontAwesome”;
left:-18px;
position:absolute;
}.pricing-page {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}.pricing-page .image-container {
width: 24.33%;
display: flex;
align-items: start;
}.pricing-page .image-container:hover {
border-color: #fed700;
}
li.tab-slider–trigger a {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
z-index:2;
display: block;
position: relative;
padding: 10px;
}li.tab-slider–trigger a:hover{
color:#5b5b5b;
}li.tab-slider–trigger {
flex: 1 1;
} ul.tab-slider–tabs li{
position:relative;
text-transform: uppercase;
text-align: center;
}ul.tab-slider–tabs.slide {
display: flex;
margin: 0 auto 0em;
}li.tab-slider–trigger.active a {
color: white;
}ul.tab-slider–tabs {
display: flex;
border-radius: 100px;
background: #dadada;
top: 0px;
position: relative;
}ul.tab-slider–tabs li:last-child:after {
display: block;
content: “”;
width: 100%;
height: 100%;
background-color: transparent;
display: block;
transition: all 0.3s ease;
position: absolute;
left: 0;
top: 0;
border-radius: 100px;
}ul.tab-slider–tabs li.active::after{
border-radius:100px;
color:#ffffff;
}ul.tab-slider–tabs li:nth-child(1).active ~ li:last-child::after {
left: -200%;
background-color: #345791;
}ul.tab-slider–tabs li:nth-child(2).active ~ li:last-child::after {
left: -100%;
background-color: #345791;
}
ul.tab-slider–tabs li:nth-child(3).active::after {
left: 0%;
background-color: #345791;
}

/* Contact Page */
.contact-info p {
font-size: 21px;
margin: 20px 0;
}p.contact-email.email{
margin: 0 0 50px 0;
}.contactForm {
margin-top: 20px;
}.contactForm label{
font-weight: bold;
display: block;
}.contactForm input {
width: 100%;
padding: 3px;
margin-bottom: 24px;
}.contactForm textarea {
width: 100%;
height: 147px;
}.contactForm .captchaRefresh {
vertical-align: top;
}.contactForm .captchaWrapper {
margin-top: 10px;
}.contactForm .submitWrapper {
text-align: center;
margin-top: 30px;
}.contactForm .submitWrapper button.submit {
background-color: %MEDIUMBLUE%;
color: white;
cursor: pointer;
display: inline-block;
font-family: %FONT1%;
padding: 9px 20px;
max-width: 440px;
width: 100%;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
line-height: unset;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}.contactForm .submitWrapper button.submit:hover {
background-color: %DARKBLUE%;
}.emailConfirmation {
margin: 0 auto;
}.emailConfirmation h1 {
color: #00CC00;
}img#captchaImage {
width: calc(100% – 25%);
float: right;
}img.captchaRefresh {
width: calc(100% – 75%);
float: left;
}::-webkit-input-placeholder {
font-family: %FONT1%;
color: #a1a1a1;
padding-left: 10px;
}
::-moz-placeholder {
font-family: %FONT1%;
color: #a1a1a1;
padding-left: 10px;
}
:-ms-input-placeholder {
font-family: %FONT1%;
color: #a1a1a1;
padding-left: 10px;
}
:-moz-placeholder {
font-family: %FONT1%;
color: #a1a1a1;
padding-left: 10px;
}:focus::-webkit-input-placeholder {
font-family:;
color: %MEDIUMBLUE%;
}
:focus::-moz-placeholder {
color: %MEDIUMBLUE%;
}
:focus:-ms-input-placeholder {
color: %MEDIUMBLUE%;
}
:focus:-moz-placeholder {
color: %MEDIUMBLUE%;
}

/* * * * * * FOOTER * * * * * */

.back-to-top {
background: #ffffff;
width: 55px;
height: 55px;
position: absolute;
right: 5%;
cursor: pointer;
}.back-to-top i.fa.fa-long-arrow-up {
color: #345791;
font-size: 20px;
position: relative;
left: 23px;
top: 16px;
-webkit-animation: up-down 800ms ease infinite alternate;
animation: up-down 800ms ease infinite alternate;
}.disclaimer {
padding: 30px 0;
background-color: #345791;
}.disclaimer::before {
content: “”;
display: block;
height: 5px;
width: 0;
background-color: #345791;
top: calc(0px – 35px);
position: relative;
transition-delay: 1s;
transition-duration: 2s;
transition-property: width;
}.footer-holder.scrollfade.complete >.disclaimer::before{
width: 100%;
}.disclaimer p{
color: %WHITE%;
font-size:13px;
}footer.footer-holder {
background: url(‘%UPLOAD%/2025/01/opt_cta-bg.jpg’);
background-size: cover;
float: left;
width: 100%;
}.footer-wrapper {
width: 100%;
min-height:300px;
padding: 40px 0 95px 0;
font-family: %FONT1%;
background: #ffffffb5;
}.footer-wrapper h1 {
display: none;
}.footer-inner-wrapper {
margin: 0 auto;
padding: 25px 0 0 0;
}.footer-inner-wrapper h1 {
padding: 0 0 25px 0;
}footer.footer-wrapper .content-wrapper {
padding: 80px 0;
}.footer-btn {
background: %DARKBLUE%;
color: %WHITE%;
box-shadow: none;
float: left;
width: 300px;
border-radius: 50px;
padding: 15px 50px 15px 50px;
font-family: %FONT1%;
font-size: 17px;
font-weight: normal;
letter-spacing: 1px;
white-space: nowrap;
opacity: 1;
transition-delay: 2000ms;
transition-duration: 800ms;
transition-property: opacity;
transition-timing-function: ease;
}.pipe-wrapper.scrollfade.complete .footer-btn{
opacity: 1;
}.pipe-holder {
position: relative;
top: 45px;
margin: 0 7px;
}.pipe-wrapper a {
float: left;
margin-left: 16%;
position: relative;
width: 300px;
}.pipe-wrapper a span.footer-btn span{
position: relative;
left: 13px;
transition-duration: 800ms;
transition-timing-function: ease;
}.pipe-wrapper a:hover span.footer-btn span{
position: relative;
left: -2px;
}.pipe-wrapper a .footer-btn i.fa.fa-long-arrow-right {
position: relative;
margin-left: 0px;
top: 1px;
opacity: 0;
transition-duration: 300ms;
transition-timing-function: ease;
}.pipe-wrapper a:hover .footer-btn i.fa.fa-long-arrow-right {
margin-left: 5px;
opacity: 1;
}.hours-availability {
margin:20px 0;
}.hours-availability p {
color: %DARKBLUE%;
font-family: %FONT1%;
font-weight: normal;
line-height: 5px;
text-align: center;
}.hours-availability p:nth-child(1) {
font-weight: bold;
font-size: 23px;
}.hours-availability p:nth-child(2){
font-size: 18px;
text-transform: uppercase;
}.pipe-wrapper .hours-availability-wrapper:nth-child(1){
opacity: 1;
transition-delay: 100ms;
transition-duration: 300ms;
transition-property: opacity;
}.pipe-wrapper .hours-availability-wrapper:nth-child(2){
opacity: 1;
transition-delay: 1450ms;
transition-duration: 300ms;
transition-property: opacity;
}.pipe-wrapper.scrollfade.complete .hours-availability-wrapper:nth-child(1){
opacity: 1;
}.pipe-wrapper.scrollfade.complete .hours-availability-wrapper:nth-child(2){
opacity: 1;
}span.pipe-one {
height: 8px;
background-color: %MEDIUMBLUE%;
width: 95%;
display: inline-block;
margin-left:25px;
border-radius: 20px 0 0 20px;
transition-delay: 500ms;
transition-duration: 300ms;
transition-property: width;
}span.pipe-one::after {
width: 8px;
height: 65px;
display: inline-block;
content: “”;
position: relative;
border-radius: 0 20px 20px 20px;
left: 100%;
box-shadow: 0px 7px 45px 2px rgba(0, 0, 0, 0.25);
background-color: %MEDIUMBLUE%;
transition-delay: 900ms;
transition-duration: 150ms;
transition-property: height;
}.pipe-wrapper.scrollfade.complete .pipe-holder span.pipe-one{
width: 95%;
}.pipe-wrapper.scrollfade.complete .pipe-holder span.pipe-one::after{
height: 65px;
}span.pipe-two {
height: 8px;
width: 100%;
background-color: %MEDIUMBLUE%;
display: inline-block;
border-radius: 20px;
transition-delay: 1700ms;
transition-duration: 300ms;
transition-property: width;
}.pipe-wrapper.scrollfade.complete .pipe-holder span.pipe-two{
width: 100%;
}

/* * * * * * ANIMATIONS * * * * * */

@keyframes up-down {
0% {
top: 12px;
}
100% {
top: 18px;
}
}

/* SLIDE OUT FORM */
.custom-slide-out-wrapper {
position: fixed;
top: 50%;
right: 0;
background: #e7e7e7;
padding: 40px 70px;
z-index: 9999;
border-radius: 10px 0px 0px 15px;
-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);
}.custom-slide-out-content h3 {
margin: 0 0 25px;
color: #101010;
}.custom-slide-out-form form {
margin: 0;
}.custom-slide-out-wrapper span.custom-form-toggle {
position: absolute;
left: 0;
top: 50%;
color:#ffffff;
font-size: 24px;
width: 80px;
line-height: 80px;
text-align: center;
background:#2b80ff;
border-radius: 40px;
box-shadow: 0px 25px 40px 0px rgba(28, 28, 28, 0.2);
-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;
}input.slideOutInput[type=”text”] {
border-radius: 15px;
font-size: 15px;
line-height: 1.4;
height: auto;
border: none;
padding: 10px 25px;
margin-bottom: 10px;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
border: 2px solid #e7e7e7;
}.custom-slide-out-form input[type=”text”]::placeholder, .custom-slide-out-form .contactForm textarea::placeholder {
color: #000000;
}.custom-slide-out-form .contactForm textarea {
width: 100%;
border-radius: 15px;
line-height: 1.4;
border: none;
box-shadow: none !important;
background: #ffffff;
color: #000000;
font-weight: normal;
padding: 10px 25px;
font-size: 15px;
height: 100px;
margin-bottom: 10px;
border: 2px solid #e7e7e7;
}.custom-slide-out-form .contactForm .captchaWrapper {
border-radius: 15px;
font-size: 15px;
line-height: 1.4;
height: auto;
border: none;
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;
border-radius: 15px;
padding: 0 15px;
margin: 0 0 0 30px;
color: #000000;
border: 2px solid #e7e7e7;
}.custom-slide-out-form .contactForm .captchaWrapper img {
max-width: 25% !important;
width: auto !important;
float: none !important;
}.custom-slide-out-form .contactForm .captchaRefresh {
vertical-align: top;
}.custom-slide-out-form .contactForm .submitWrapper {
text-align: center;
margin-top: 20px;
}.custom-slide-out-form .contactForm .submitWrapper button.submit {
color: #ffffff;
font-weight: normal;
background: #2b80ff;
border: none;
text-align: center;
cursor: pointer;
min-width: 200px;
padding: 15px;
border-radius: 10px;
-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);
}
/* END SLIDE OUT FORM */

.vertical-padding-large {
padding: 100px;
}.vertical-padding-xlarge {
padding: 150px;
}.vertical-padding-medium {
padding: 50px;
}.vertical-padding-small {
padding: 25px;
}.vertical-padding-top-small {
padding: 50px 0 100px 0;
}.vpad-5vh {
padding-top: 5vh;
padding-bottom: 5vh;
}.vertical-padding-top {
padding: 50px 0 0 0;
}.vertical-padding-top {
padding: 50px 0 0 0;
}.padding-bottom {
padding-bottom: 72px;
}

/* PSO */
.footer-social h2 {
color: #ffffff;
margin-top: 0;
}.footer-social .fa {
color: #ffffff;
font-size: 20px;
margin: 0 15px;
}.footer-social .fa:hover {
color: %BLUE%;
}#internal-popup h2 {
font-size: 35px;
text-align: center;
margin: 0;
color: #3f48cc;
}.supernova .form-all, .form-all {
margin: 20px auto!important;
border: none!important;
}#internal-popup {
margin-left: auto;
width: 22%;
margin: 0 auto;
text-align: center;
transform: translatex(-50%);
}.form-all {
border: none!important;
}.table-overflow-x table thead tr th,.table-overflow-x table tbody tr td, table tr td {
text-align: center;
width: 35%;
border: 1px solid #ebebeb;
}th.blue-bg {
background: #0041ad;
color: white;
font-size: 27px;
padding: 26px;
}

th.red-bg {
background: #cf1c1c;
color: white;
font-size: 27px;
padding: 26px;
}

th.purple-bg {
background: #4a00e7;
color: white;
font-size: 27px;
padding: 26px;
}.flex-padding {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
padding: 2%;

}.header-cta-btn a {
clear: both;
float: none;
display: flex!important;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-weight: bold;
margin: 20px;
font-size: 21px;
text-transform: uppercase;
border-left: 1px solid #cfcbcb;
padding: 10px;
margin: 0;
border-bottom: 1px solid #cfcbcb;
}.header-cta-btn {
float: right;
align-items: center;
justify-content: center;
}.header-cta-btn .fa-solid.fa-envelope {
color: #ffffff;
background: #1da1f2;
font-size: 1.4em;
background: #1da1f2;
border-radius: 6px;
margin: 13px;
width: 40px;
text-align: center;
line-height: 40px;
}.cta-wrapper a.nav-phone {
position: relative;
padding: 0;
display: block;
margin: 0;
color: #3a5d9a;
}.giftcard a {
color: #516fa1;
}.refer-wrapper p {
text-align: center;
font-size: 20px;
font-weight: 500;
}img.special-size {
width: 180px;
max-width: 180px;
transform: rotate3d(1, 1, 1, 15deg);
}
.refer-wrapper h2, .refer-wrapper h3 {
color: black;
}img.special-rotate {
transform: rotate(7deg);
}

@media screen and (max-width:1680px) and ( min-width:1025px ){
.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
font-size: 0.77vw;
padding: 0 6px;
}.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
padding: 0 6px;
}
}

@media screen and (max-width: 1680px){
li.tab-slider–trigger a {
font-size: 14px;
}.service-content span {
font-size: 13px;
}
}
@media screen and (max-width: 1664px){
.slick-background-wrapper::before{
left: -131vw;
}
.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 9px;
}.top-bar-section .has-dropdown > a {
padding: 0 9px !important;
}.top-bar-section ul li:hover:not(.has-form) > a{
padding: 0 9px;
}.word {
font-size: 22px;
}
}
@media screen and (max-width: 1500px) and (min-width: 1025px) {
.box-padding {
padding: 4%;
}.footer-btn{
padding: 15px 27px;
}.header-inner-wrapper {
float: left;
}.header-phone a {
top: 87px;
}.pipe-holder{
margin: 0 22px;
}.pipe-wrapper .pipe-holder span.pipe-one{
width: 98%;
margin-left: 44px;
}.pipe-wrapper .pipe-holder span.pipe-one::after{
height: 50px;
}.slick-background-wrapper::before{
left: -129vw;
height: 183vh;
}.slick-dots {
bottom: 15vh;
}.slick-dots.complete{
bottom: 21vh;
}.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 7px;
}.top-bar-section ul > li:not(:last-child) {
margin: 0 5px 0 0;
}.top-bar-section .has-dropdown > a {
padding: 0 5px !important;
}.top-bar-section ul li:hover:not(.has-form) > a{
padding: 0 5px;
}.top-bar-section ul li:not(.has-form) ul.dropdown li a, .top-bar-section ul li:hover:not(.has-form) ul.dropdown li a{
line-height: 30px;
}.services-type .tabs a {
font-size: .8em;
}
@keyframes up-down {
0% {
top: 15px;
}
100% {
top: 21px;
}
}
.slider-content p {
font-size: 15px;
line-height: 20px;
}.slider-content ul.check {
margin: 12px 0;
}.slider-content ul.check > li {
font-size: 12px;
}.slider-content {
padding: 20px;
}.home-box-list ul li {
font-size: 12px;
}
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
.slider-content p {
font-size: 16px;
line-height: 22px;
}ul.check > li {
margin: 0;
}.slick-prev {
left: 5px;
}.slick-next {
right: 5px;
}.home-box-list ul li {
font-size: 9px;
}span.ovelayed-badge p {
height: auto;
min-height: 100%;
width: 110%;
left: -5%;
}.tabs-content {
padding-bottom: 6vh;
}.form-section p {
font-size: 1.25em;
}.header-inner-white {
padding-top: 5px;
padding-bottom: 5px;
}p.form-title {
font-size: 24px;
}.service-content span {
font-size: 10px;
}.service-content {
height: 200px;
}.service-content img {
width: 160px;
}li.tab-slider–trigger a {
font-size: 12px;
}.header-company-serviceorder {
font-size: 1.1rem;
}.top-bar-section .multi-column-menu.has-dropdown.not-click>.dropdown {
width: auto;
}.top-bar-section .multi-column-menu .dropdown li:not(.has-form) a:not(.button) {
line-height: 2.1;

}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
.slider-content p {
font-size: 13px;
line-height: 18px;
}.slider-content ul.check {
margin: 5px 0;
}p.form-title {
font-size: 21px;
}.word {
font-size: 17px;
}li.tab-slider–trigger a {
font-size: 10px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1138px) {
.ethics-content .tabs-content>.content.active {
margin-left: auto;
max-width: 700px;
}.left-box {
display: flex !important;
align-items: start;
justify-content: start;
}.locations {
display: flex;
align-items: start;
justify-content: start;
}
}
@media screen and (max-width: 1024px) {
.home .home-pricing span {
display: block;
}.inner-page .image-container p .price {
display: block;
}.cities-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}.cities-wrapper .city-box a {
height: 18vw;
max-height: 21vw;
}.header-cta-btn a.email-header-icon {
font-size: 18px;
}
span.image-container{
width:80%;
margin:0 auto;
}.pricing-page .image-container {
width: 32%;
display: flex;
flex-direction: column;
align-items: center;
}.parallax-map {
background: url(%UPLOAD%/2024/02/parallax-mobile.png);
}
img.googlebtn-small {
max-width: 100px;
}a.consulatation-btn {
background: whitesmoke;
padding: 10px;
float: none;
margin: 0 auto;
text-align: center;
font-size: 13px;
}.header-inner-white {
border-bottom: 1px solid gainsboro;
}.header-cta-btn a {
clear: none;
margin: 0;
border-bottom:0;
padding:1px;
}.header-cta-btn {
display: flex !important;
width:100%;
align-items: normal;
}footer.footer-wrapper .content-wrapper {
padding: 10px 0 50px 0;
}.footer-btn{
float: none;
}.mobile-navigation {
background:#34579100;
display: block;
font-family: Inter, sans-serif;
font-size: 18px;
right: 0px;
line-height: 58px;
position: fixed;
text-transform: uppercase;
top: 0px;
vertical-align: top;
width: auto;
z-index: 999;
}.mobile-navigation .fa {
color: #345791;
font-size: 32px;
line-height: 58px;
margin: 0px;
text-align: center;
vertical-align: middle;
width: 58px;
}header.header-wrapper .navigation-wrapper{
opacity: 0;
position: fixed;
width: 100%;
background: #345791;
}.navigation-wrapper.fullwidth-navigation.active {
opacity: 1;
}.header-inner-wrapper {
padding: 0px 2%;
}.header-phone a span{
background: #2b80ff;
color: #ffffff;
}.pipe-wrapper a{
width: 215px;
float: none;
margin: 0;
}.slider-content ul.check li {
font-size: 17px;
}.slider-content ul.check {
margin-top:10px;
}.slick-background-wrapper::before{
height: 140vh;
}.slider-content {
left: 100px;
bottom: 0;
opacity: 1;
width: 41vw;
float: left;
top: 54%;
padding-top: 13px;
padding-bottom: 8px;
bottom: initial;
}.slider-content a{
width: 215px;
}.slider-content p:nth-of-type(1){
font-size: 1em;
}.slider-content p:nth-of-type(2){
font-size: 3em;
}.slider-details {
height: 75.5vh;
}.slider-details-btn {
color: #ffffff;
padding: 12px 20px;
position: relative;
top: 0px;
margin-left: 0;
font-size: 16px;
width: 300px;
}.slider-details-btn span{
left: 9px;
}.slick-dots{
display: none !important;
}.slick-list::before {
content: none;
}.slick-slide{
height: 300vh;
}.stacked-img {
margin-top: 5%;
}.stacked-img::before{
content: none;
}.stacked-img::after{
content: none;
}.mobile-hide {
display: none !important;
}
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
border: none;
border-radius: 0px;
color: #ffffff;
box-shadow: none;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button){
background:none;
color:#000000 !important;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown,
.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown {
background: none;
}
.top-bar-section ul li > a,
.top-bar-section ul li > a:hover,
.top-bar-section .has-dropdown > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
border: none;
line-height: 40px;
text-align: center;
color:#000000;
}.top-bar-section li:not(.has-form) a:hover:not(.button) {
border-color: transparent;
color: #ffffff;
}.top-bar-section ul > li:not(:last-child) {
margin: 0;
}.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button){
background: none;
border: none;
border-color: transparent;
color: rgb(224 141 0);
}.top-bar-section li.active:not(.has-form) a:not(.button){
border: none;
border-radius: 0 0 0 0;
}.top-bar-section ul li.has-dropdown:hover:not(.has-form) > a:not(.button){
border-radius: 0 0 0 0;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li:nth-child(3) a {
border-radius: 0 0 0 0;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li:nth-child(3) a:hover:not(.button) {
border-radius: 0 0 0 0;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li.page_item:last-of-type a{
border-radius: 0 0 0 0;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li.page_item:last-of-type a:hover:not(.button) {
border-radius: 0 0 0 0;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown, .top-bar-section ul li.active:hover:not(.has-form) ul.dropdown{
border-radius: 0;
}.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){
background: #ffffff !important;
color: #174386;
border-radius: 0 0 0 0 !important;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li a:hover:not(.button),
.top-bar-section ul li.active:hover:not(.has-form) ul.dropdown li a:hover:not(.button) {
background: #ffffff !important;
border: none;
border-radius: 0;
color: #174386;
box-shadow: none;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li{
height: 40px;
}.top-bar-section ul li:hover:not(.has-form) ul.dropdown li a{
line-height: 40px;
font-size: 15px;
}.top-bar-section .dropdown{
left: 100%;
top: 0;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}.top-bar-section .has-dropdown.not-click >.dropdown{
opacity: 1;
}
.top-bar .toggle-topbar.menu-icon {
left:0;
}.top-bar .toggle-topbar.menu-icon a{
color: #ffffff;
}.top-bar .toggle-topbar.menu-icon a span::after{
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
left: 65px;
}.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
}.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button) {
line-height: 40px;
text-align:center;
font-size: 15px;
}.top-bar-section li:not(.has-form):not(.button)::after,
.top-bar-section li:hover:not(.has-form):not(.button)::after{
display:none !important;
}.top-bar-section {
background: #ffffff;
}.top-bar .top-bar-section ul li:not(.dropdown){
height: 40px;
}.top-bar-section .has-dropdown.moved>.dropdown {
left: unset;
}.top-bar-section .has-dropdown.moved>.dropdown a {
color: white;
width: 100% !important;
font-size: 15px;
}.top-bar-section .dropdown::before{
display:none;
}.top-bar-section .has-dropdown .dropdown {
left: 100%;
top:0px;
transform: unset;
-webkit-transform: unset;
-moz-transform: unset;
}.top-bar-section .has-dropdown:hover .dropdown {
top:0px;
}.top-bar-section .has-dropdown>a:after {
top: 43% !important;
}.top-bar.expanded .title-area{
background: #ffffff;
}.top-bar-section .has-dropdown > a::after {
content: “”;
display: inline-block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #000000 !important;
border-top-style: solid;
margin-top: 0px;
left: auto;
right: 0;
top: 50%;
margin-right: 15px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}.top-bar-section .has-dropdown:hover>a:after {
-ms-transform: none;
-webkit-transform: none;
}/* Single item dropdown menu (Service Areas) style */
.top-bar-section ul li:hover:not(.has-form) ul.dropdown li.single-list-item a{
border-radius: 0px !important;
}
.top-bar-section ul li:hover:not(.has-form) ul.dropdown li.single-list-item a:hover:not(.button) {
border-radius: 0px !important;
}.fullwidth-navigation {
background: #174386;
position: absolute;
top:0;
z-index: 997;
display: none;
}.fullwidth-navigation .top-bar {
height: 100vh!important;
width: 100%;
top: 0;
padding-top: 30vh;
position: relative;
background: #ffffff;
}.fullwidth-navigation .title-area {
display: none !important;
}.fullwidth-navigation .top-bar-section ul {
position: relative;
right:0;
width:100%;
z-index: 997;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
box-shadow:none;
left: 100%;
}.top-bar-section .has-dropdown.not-click >.dropdown{
opacity: 1;
box-shadow: 0;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}.vertical-center-flex {
display: flex;
justify-content: center;
}.buttons-container {
border-top: 1px solid #e0e0e0;
}.buttons-container.ribbons {
display: block;
width: 100%;
}.header-cta-btn a:nth-child(1) {
width: 100%;
}.header-cta-btn .book-now {
width: 160px;
}.header-cta-btn a.same-height {
height: 62px;
padding: 0px 11px;
}.header-cta-btn a.nav-phone span {
font-size: 1.9vw;
color: #0592f1;
border: 2px solid #7cc4f4;
padding: 1px 9px;
border-radius: 7px;
top: 0px;
position: relative;
/* box-shadow: 2px 4px 3px #0000006b; */
font-weight: 900;
display: block;
font-family: ‘Oswald’;
outline: 0.5px solid white;
}.footer-btn{
transition-delay: 300ms;
transition-duration: 800ms;
}.pipe-wrapper .hours-availability-wrapper:nth-child(1){
transition-delay: 100ms;
transition-duration: 300ms;
transition-property: opacity;
}.pipe-wrapper .hours-availability-wrapper:nth-child(2){
transition-delay: 200ms;
transition-duration: 300ms;
transition-property: opacity;
}.header-wrapper.home {
background: center / cover no-repeat url(%THEME%/images/sliders/com-tablet-bg.jpg);
}.pipe-wrapper .hours-availability-wrapper:nth-child(1),
.pipe-wrapper .hours-availability-wrapper:nth-child(2),
.footer-btn, .header-phone {
opacity: 1;
}.disclaimer::before {
width: 100%;
}.scrollfade, [class*=”fadein-“] {
opacity:1;
-moz-transform: translateX(0px) translateY(0px) !important;
-webkit-transform: translateX(0px) translateY(0px) !important;
-o-transform: translateX(0px) translateY(0px) !important;
-ms-transform: translateX(0px) translateY(0px) !important;
transform: translateX(0px) translateY(0px) !important;
opacity: 1;
}
/* PSO */
.disclaimer {
text-align: center;
}.footer-social {
margin-bottom: 30px;
}.header-inner-wrapper {
padding: 0;
}.logo-wrapper {
text-align: center;
}.logo-wrapper h1 {
margin: 0;
}.logo-wrapper img {
position: relative;
margin: 0px;
top: 0;
width: 200px;
}a.no-btn {
background: none;
box-shadow: none;
width: 150px;
padding: 0;
}.bubble-buttons {
float: none;
margin: 0 0 12px 0;
text-align: center;
}.equal-height-flex {
display: inline-block;
}.header-company-title a {
text-align: center;
}.mobile-bg {
height: 200px;
background: center / cover no-repeat url(%UPLOAD%/2023/06/slidenew1.jpg);
}.word {
font-size: 1em;
}p.form-title {
font-size: 21px;
text-align: center;
}.step-numbers span {
font-size: 1.5em;
width: 54px;
}.tabs-content .active#cleaning {
display: block;
text-align: center;
width: 100%;
}.tabs-content .active#cleaning a {
display: block;
}span.ovelayed-badge:hover p {
opacity: 0;
}span.ovelayed-badge {
margin-bottom: 12px;
}.tabs-content>.content.active a {
margin-bottom: 10px;
display: inline-block;
}.slick-prev {
left: 5px;
}.slick-next {
right: 5px;
}.home-box {
width: 100%;
}.home-box-list ul {
margin: 0;
}.home-box-text {
padding: 4% 0;
}.inner-page-banner {
/* height: auto; */
}.banner-details {
display: none;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
box-shadow: none;
left: 100%;
top: 0;
overflow-y: inherit;
/* height: 100%; */
margin: 0;
}.top-bar-section .dropdown li .dropdown li a:hover {
color: #345791;
}.footer-social-logos {
display: flex;
float: left;
width: 100%;
flex-wrap: wrap;
}.footer-social-logos a{
margin: 0 auto;
display:block;
}.custom-slide-out-form .contactForm .captchaWrapper input {
margin: 0;
}.form-buttons {
display: inline-grid;
float: left;
}.form-buttons a {
margin: 4px 0;
text-align: center;
padding: 16px;
}.inner-banner-details {
padding-top: 20px;
}#internal-popup {
width: 60%;
}.inner-banner-details {
height: 200px;
}.inner-page-banner {
background-size: contain!important;
}.packageswrapper {
width: 80%;
margin-bottom: 20px;
}.badge-list {
width: 50%;
margin: 0 auto;
}.es-rating-container.ReviewContent__StyledRating-sc-m38j33-1.hoLZfb.es-review-content-rating {/
display: flex!important;
align-items: center!important;
justify-content: center!important;
}.es-review-author-block-container.Balloon__StyledAuthorBlock-sc-1ne4ysd-1.kDOPdZ {
display: flex!important;
align-items: center!important;
justify-content: center!important;
}.vertical-padding-medium {
padding: 50px 10px;
}.submit-button {
font-size: 13px!important;
}.how-it-works {
margin-top: 20px!important;
}.typewrite-content {
display: none;
}.bubble-buttons {
display: flex!important;
width: 100%;
align-items: center;
}.bubble-buttons a {
padding: 8px 14px;
line-height: 1.2;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
border-radius: 5px;
background-color: #006bff;
color: #fff;
font-size: 16px;
margin: 0 auto;
width: 42%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-transform:uppercase;
padding: 0px;
}a.fixed-phone.yellow-btn {
width: 15%;
font-size: 38px;
padding: 20px;
}.bubble-buttons a span {
position: absolute;
font-size: 20px;
line-height: 3;
}.services-box {
max-width: 100%!important;
}.tabs-content>.content.active {
width: 100%;
}.footer-logos {
flex-wrap: wrap;
}.services-box .service-content {
height: auto;
}.services-box .service-content img {
height: 180px;
}#slidebox .tabs .tab-title {
display: inline-block;
float: none;
}.services-type #slidebox .tabs .tab-title a {
height: 100%;
display: flex;
align-items: center;
}.services-type #slidebox .tabs {
white-space: nowrap;
overflow: auto;
background: none;
display: block;
}.services-type #slidebox .tabs .tabs .tab-title.active {
display: inline-block;
}#slidebox .tabs .tab-title.active::after {
content:””;
bottom:3px;
}#slidebox .tabs .tab-title.active::before {
content:””;
bottom:3px;
}.header-cta-btn .fa-solid.fa-envelope {
margin: 20px 13px;
height: 40px;
}.ethics-content .tabs-content>.content.active {
margin-left: auto;
max-width: 100%;
}.ethics-icons .tabs {
float: none;
white-space: nowrap;
overflow: auto;
display: initial;
}.ethics-icons .tabs .tab-title {
display: inline-grid;
float: none;
width: auto;
border: 1px dashed;
min-height: 120px;
}.ethics-icons .tabs .tab-title a {
padding: 11px;
text-align: center;
}.ethics-icons img {
width: 90px;
margin: 0 auto;
}.ethics-icons .tabs .tab-title.active a {
display: block;
}.ethics-icons .tab-title p {
font-size: 14px;
}.ethics-icons .tabs .tab-title.active {
border-color: #0048ff;
border-width: 4px;
}.inner-page-banner {
height: 29vw !important;
margin-top: 192px;
position: relative;
}.banner-details {
display: block;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
}.banner-details p {
font-size: 5.5vw;
}.header-wrapper .book-now-img {
width: 111px;
}.boxed-element {
padding: 0 16px 21px;
max-width: 100%;
height: 100%;
}.tab-slider-custom .concerns,
.tab-slider-custom .solutions {
flex-wrap: initial;
}.tab-slider-custom span.image-container {
width: 20%;
}
}
@media screen and (max-width: 768px) {
.tab-slider-custom :is(
.concerns,
.solutions,
.image-container,
.includes-wrapper) {
margin-bottom: 40px;
margin-top: 0px;
border-bottom:1px solid #e4e4e4;
}.step-images img {
padding: 0px 30px 0px 30px;
}.services-box .service-content {
height: auto;
flex: 30%;
margin:10px
}.services-type #slidebox .tabs{
width:100%;
}.services-type #slidebox .tabs .tab-title a {
display: block;
}.services-type #slidebox li.tab-title {
width: auto;
}.services-box .service-content img {
width: auto;
height:auto;
}
.textImg p{
text-align: center;
font-weight: 600;
}
.step-numbers::before {
content:””;
display: none;
}
.step-images .image-box span {
color: #fff;
}
h2{
font-size: 1.3em;
}.arrow{
height: 40px;
width: 40px;
}.arrow-wrapper i.fa.fa-long-arrow-up {
top: 10px;
font-size: 16px;
}.box-padding {
padding: 4% 2%;
}.footer-btn {
padding: 15px 30px;
font-size: 14px;
}.header-company-title a{
font-size: 0.8em;
}.header-phone a span {
color: #ffffff;
background: #174386;
border: none;
border-top: 2px solid #ffffff;
font-family: Inter, sans-serif;
font-weight: bold;
width: 100%;
letter-spacing: 1px;
border-radius: 0;
padding: 12px 15px;
position: fixed;
white-space: nowrap;
left: 0;
bottom: 0;
top: auto;
text-align: center;
z-index:9999;
}.pipe-wrapper a {
margin-left: 0;
}.pipe-wrapper a span.footer-btn span{
left: 12px;
}.slick-background-wrapper::before{
height: 98vh;
transform: skew(0deg, -46deg);
}.slider-content{
left: 0;
bottom: 0;
opacity: 1;
padding-top: 5vh;
}.slider-content p:nth-of-type(1){
font-size: 2em;
}.slider-content p:nth-of-type(2){
font-size: 2em;
}.slider-details {
height: 50vh;
}.slick-list::before {
content: none;
}.slick-slide {
height: 100%;
}.slick-slide img {
height: auto;
width: 100vw;
position: relative;
top: 0;
}.social-icons {
margin-bottom: 10px;
}
@keyframes up-down {
0% {
top: 5px;
}
100% {
top: 10px;
}
}
.fullwidth-navigation .top-bar {
padding-top: 23vw;
}.tabs-content>.content.active {
flex-direction: column;
}.badge.split {
width: 100%;
}.services-type .tabs {
display: flex;
flex-direction: column;
width: 600px;
margin: 0 auto;
}.services-type {
display: flex;
flex-direction: column;
}a.border-btn {
font-size: 13px;
}.home-bg-img2 {
height: 400px!important;
}.home-bg-img {
height: 400px!important;
}.slider-content {
display: none;
}.parallax-map {
height: 500px;
background-size: cover;
background-position: center;
background-attachment: local;
}.ethics-content .tabs-content>.content.active {
flex-direction: column;
width: 100%;
padding: 0 100px;
margin-left: auto;
}.flex-row-reverse {
display: flex;
flex-direction: column;
}.flex-row {
display: flex;
flex-direction: column-reverse;
}.service-content {
margin-top: 20px;
}.services-box {
flex-wrap: wrap;
}.vertical-padding-small {
padding: 5px;
}th.red-bg, th.blue-bg, th.purple-bg {
font-size: 14px;
padding: 18px;
}.header-cta-btn {
width: 100%;
}li.tab-slider–trigger a {
font-size: 8px;
}.packageswrapper {
width: 99%;
}.packageswrapper {
border-radius: 13px;
}.blue-btn {
background: #345791;
}.blue-btn * {
color: #ffffff!important;
}.services-type .tabs a {
font-weight: bold;
}.service-content img {
width: 220px;
}.jf-form-buttons.submit-button:only-child {
font-size: 12px;
}.location-wrapper {
display: flex;
gap: 10px;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.badge-cta{
width:auto;
}.cities-wrapper {
grid-template-columns: 1fr 1fr;
}.cities-wrapper .city-box a {
height: 36vw;
max-height: 36vw;
}.header-wrapper{
padding-top: 259.5px;
}.header-cta-btn a.nav-phone span{
font-size: 4vw;
}.step-images img {
padding: 0px 30px 0px 30px;
}.table-overflow-x {
overflow-x: scroll;
}.table-overflow-x table tbody tr td, table tr td {
font-size: 10px;
line-height: 1.2;
}
.textImg p{
text-align: center;
font-weight: 600;
}
.step-numbers::before {
content:””;
display: none;
}
.step-images .image-box span {
color: #fff;
}
.slick-background-wrapper::before {
height: 70vh;
transform: skew(0deg, -46deg);
}.slider-content p:nth-of-type(1) {
font-size: 1.6em;
display: inline-block;
}.slider-content p:nth-of-type(2) {
font-size: 1.6em;
display: inline-block;
}.slider-content {
bottom: 0;
opacity: 1;
left: 0;
padding-top: 0;
width: 100%;
}.slider-details {
height: auto;
}.slider-details-btn{
display: none !important;
}.inner-page-banner {
background-size: cover!important;
height:auto;
margin-top: 20px;
}.submit-button {
font-size: 12px!important;
}
@keyframes up-down {
0% {
top: 5px;
}
100% {
top: 10px;
}
}
.header-wrapper.home {
background: center / cover no-repeat url(%THEME%/images/sliders/com-mobile-bg.jpg);
}.mobile-bg {
height: 110px;
background: center / cover no-repeat url(%UPLOAD%/2023/06/slidenew1.jpg);
}.step-images img {
width: 400px;
display: block;
margin: 0 auto;
}.badge-list {
width: 95%;
padding: 0;
}.badge {
width: 100%;
padding: 4%;
}.tabs-content>.content.active {
display: flex;
flex-direction: column;
}.services-type .tabs {
width: 350px;
}a.border-btn {
font-size: 13px;
margin: 10px;
}.btn-section {
flex-direction: column;
}.vertical-padding-large {
padding: 10px;
}.step-numbers {
flex-direction: column;
}.step-numbers span {
margin: 10px;
}.step-numbers::before {
content: “”;
height: 200px;
width: 1%;
}li.tab-title{
width: 100%;
}.ethics-content .tabs-content>.content {
padding: 0 10px;
}.ethics-content .tabs-content>.content.active {
padding: 0px 17px;
max-width: 100% !important;
margin: 0;
display: block;
width: 100% !important;
}.ethics-icons .tabs .tab-title a {
width: 100%;
text-align: center;
}.inner-banner-details {
height: 100px;
}li[data-type=”control_button”] .form-submit-button {
font-size: 11px!important;
}#internal-popup {
width: 100%;
transform: none!important;
}.jf-form-buttons.submit-button:only-child {
font-size: 12px!important;
}.parallax-map {
height: 300px;
background:url(‘%UPLOAD%/2024/02/parallax-smartphones.png’);
background-size: cover;
}.logo-wrapper img {
width: 150px;
}.bubble-buttons a span {
font-size: 10px;
}.bubble-buttons a {
font-size: 16px;
height: 50px;
}.header-wrapper.home {
/* padding-top: 114vw; */
}.slider-wrapper{
height:37vw;
}.tab-slider-custom span.image-container{
width: 100%;
display: block;
text-align: center;
}a.fixed-phone.yellow-btn {
font-size: 19px;
} .service-content span {
font-size: 11px;
}.service-content {
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;
width: 50%;
flex-wrap: wrap;
margin: 30px 0 0 0;
text-align: center;
}.service-content img {
width: 120px;
}.services-box {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
max-width: 100%;
align-items: end;
width: 100%;
padding: 0;
height: auto;
}.badge a {
width: 100%;
}li.tab-slider–trigger a {
font-size: 9px;
}.bubble-buttons a {
margin: 2px;
}.footer-social-logos {
justify-content: space-between;
} .footer-logos > div{
flex: 27%;
}.locations {
flex-direction: column;
text-align: center;
}.supernova body {
margin: 0;
}.jf-form-buttons.submit-button:only-child {
padding: 5px!important;
font-size: 12px!important;
}dialog, .reveal-modal {
min-height: 75vh;
}.includes-wrapper {
width:100%;
padding: 0 30px;
}.pricing-page .image-container{
width: 100%;
}
}
@media screen and (max-width: 400px) {
.header-wrapper.home {
background: center / cover no-repeat url(%THEME%/images/sliders/com-mobile-bg-sm.jpg);
}
.step-images img {
padding: 0px 30px 0px 30px;
}
.textImg p{
text-align: center;
font-weight: 600;
}
.step-numbers::before {
content:””;
display: none;
}
.step-images .image-box span {
color: #fff;
}#internal-popup {
width: 100%;
transform: none!important;
}.services-type .tabs {
width: 260px;
}.reveal-modal.small {
width: 279px;
max-height: 200px!important;
padding: 11px 10px;
}.reveal-modal h2 {
margin: 0 30px;
text-align: center;
}.bubble-buttons a {
font-size: 11px;
} .service-content span {
font-size: 10px;
}.service-content img {
width: 100px;
}.badge a {
width: 100%;
}label.form-label.form-label-auto, label.form-label:not(.form-label-top) {
text-align: center !important;
}ul.form-section {
margin: 0;
padding: 0;
text-align: center!important;
margin: 0 auto!important;
}.form-captcha {
display: flex!important;
text-align: center!important;
flex-direction: column!important;
margin: 0 auto!important;

}
}
@media screen and (max-width: 300px) {
li.tab-slider–trigger a {
font-size: 6px;
}
.service-content span {
font-size: 8px;
}
}
[/css]