html {
scroll-behavior: smooth;
}
html {
--size: 14px!important;
position: inherit;
}
.site{
max-width: 1700px;
margin: auto;
overflow: hidden;
box-shadow: 0em 0em 2em #e0e5ff;
}
.show-for-small-only{
display: none!important;
}
a {
-webkit-transition: color .4s ease 0s;
-moz-transition: color .4s ease 0s;
-o-transition: color .4s ease 0s;
transition: color .4s ease 0s;
}
a {
color: #12599c;
text-decoration: underline;
}
.hide{
display: none;
}
.modal-dialog {
max-width: 660px;
margin: 12.75rem auto!important;
z-index: 99999;
}
.modal-backdrop{
z-index: 1!important;
}
.schema a{
text-decoration: none;
}
body .btn-primary, body .btn-secondary{
background-color: #12599c;
border: 0;
text-transform: uppercase;
padding: 0.72em 1.6em;
margin: 1em 0 0 0;
letter-spacing: .09em;
margin: auto;
/* display: block; */
position: relative;
color: #ffffff;
font-weight: 700;
border-radius: 1.5em;
}
.btn-primary.content-btn{
max-width: 500px;
margin-left: 0;
}
body .btn-secondary{
background-color: #df0013;
color: white!important;
font-weight: 900;
}
body .btn-secondary:hover{
background-color: #282828!important;
}
.post-thumbnail img{
position: relative;
padding: 0!important;
margin: auto;
display: block;
}
.post-thumbnail{
overflow: hidden;
margin-top: 1em;
}
body .button:focus, body .button:hover {
background-color: #df0013;
color: #fefefe;
}
.single-blog img{
padding: 5%;
}
.single-blog .entry-title{
font-size: 2em;
color: black;
}
.single-blog .entry-meta{
position: relative;
padding: 2%;
background: #f4f4f4;
border-left: .5em solid #df0013;
}
.single-blog .nav-links a{
display: block;
background: #df0013;
color: white;
transition: all .3s ease-in-out;
padding: 2% 5%!important;
margin-bottom: 7%;
}
.single-blog .nav-links a:hover{
background: black!important;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
margin-bottom: 3%;
display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ededd!important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #ededd!important;
}
@font-face {
font-family: 'icomoon';
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.eot?cx701b');
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.eot?cx701b#iefix') format('embedded-opentype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff2?cx701b') format('woff2'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.ttf?cx701b') format('truetype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff?cx701b') format('woff'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.svg?cx701b#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'icomoon-ex';
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.eot?p3bd65');
src: url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.eot?p3bd65#iefix') format('embedded-opentype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.woff2?p3bd65') format('woff2'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.ttf?p3bd65') format('truetype'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.woff?p3bd65') format('woff'),
url('/wp-content/themes/plumberseo-bootstrap/fonts/at/icomoon.svg?p3bd65#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Oswald";
src: url("/wp-content/themes/plumberseo-bootstrap/fonts/Oswald-VariableFont_wght.ttf") format("truetype");
font-weight: 100 900; /* because it's a variable font */
font-style: normal;
font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-trsut-tech-n:before {
content: "\e966";
font-family: 'icomoon-ex';
}
.icon-location3:before {
content: "\e9f6";
font-family: 'icomoon-ex';
}
.icon-calendar1:before {
content: "\e955";
font-family: 'icomoon-ex';
}
.icon-youtube-square:before {
content: "\f166";
font-family: 'icomoon-ex';
}
.icon-x1:before {
content: "\e904";
font-family: 'icomoon-ex';
}
.icon-facebook-square:before {
content: "\f082";
font-family: 'icomoon-ex';
}
.icon-tools-pm:before {
content: "\e90f";
font-family: 'icomoon-ex';
}
.icon-time-db:before {
content: "\e99d";
font-family: 'icomoon-ex';
}
.icon-bb-technology:before {
content: "\e942";
font-family: 'icomoon-ex';
}
.icon-money-document-energy:before {
content: "\eb86";
font-family: 'icomoon-ex';
}
.icon-kc-call-row:before {
content: "\e95f";
font-family: 'icomoon-ex';
}
.icon-bb-community:before {
content: "\eae0";
font-family: 'icomoon-ex';
}
.icon-trophy-spah-icon:before {
content: "\e97d";
font-family: 'icomoon-ex';
}
.icon-bb-truck:before {
content: "\e9cb";
font-family: 'icomoon-ex';
}
.icon-caret-right:before {
content: "\f0da";
font-family: 'icomoon-ex';
}
.icon-air-qaulity:before {
content: "\e968";
font-family: 'icomoon-ex';
}
.icon-ticket4:before {
content: "\eb22";
font-family: 'icomoon-ex';
}
.icon-bb-heating:before {
content: "\eb1d";
font-family: 'icomoon-ex';
}
.icon-snow:before {
content: "\eb1b";
font-family: 'icomoon-ex';
}
.icon-caret-down:before {
content: "\f0d7";
font-family: 'icomoon-ex';
}
.icon-comm-involv-proserv:before {
content: "\e9a4";
font-family: 'icomoon-ex';
}
.icon-trophy-spah-icon:before {
content: "\e97d";
font-family: 'icomoon-ex';
}
.icon-morrow-tech:before {
content: "\e948";
font-family: 'icomoon-ex';
}
.icon-water-leaks-icon:before {
content: "\e933";
}
.icon-money-icon-secop:before {
content: "\e934";
}
.icon-building-icon:before {
content: "\e935";
}
.icon-calendar-spotcon:before {
content: "\e908";
}
.icon-price-tag-spotcon:before {
content: "\e922";
}
.icon-watercondcon:before {
content: "\e927";
}
.icon-leak-detectcon:before {
content: "\e92e";
}
.icon-background-check-crcon:before {
content: "\e932";
}
.icon-tankless-water-heater-cr-con:before {
content: "\e92d";
}
.icon-water-heater-cr-con:before {
content: "\e930";
}
.icon-wac-er-icon:before {
content: "\e93c";
}
.icon-thumbs-up-sm:before {
content: "\e938";
}
.icon-toolcon-sm:before {
content: "\e939";
}
.icon-service-area-patriot-icon:before {
content: "\e928";
}
.icon-drain-clean-patriot-icon:before {
content: "\e92f";
}
.icon-sewer-patriot-icon:before {
content: "\e931";
}
.icon-fast-truck-con:before {
content: "\e92c";
}
.icon-calculator-icon:before {
content: "\e929";
}
.icon-coin-hands-icon:before {
content: "\e920";
}
.icon-gear-aplus-icon:before {
content: "\e925";
}
.icon-aplus-bbb-con:before {
content: "\e90c";
}
.icon-aplus-ontime-con:before {
content: "\e90d";
}
.icon-aplus-fam-con:before {
content: "\e91b";
}
.icon-ac-repair-con:before {
content: "\e936";
}
.icon-toilet-con:before {
content: "\e923";
}
.icon-plumbcon:before {
content: "\e91e";
}
.icon-newtech-icon:before {
content: "\e902";
}
.icon-ontime-icon:before {
content: "\e904";
}
.icon-clean-masters:before {
content: "\e900";
}
.icon-trophy-masters:before {
content: "\e903";
}
.icon-pricetag-masters:before {
content: "\e91f";
}
.icon-finance-masters:before {
content: "\e921";
}
.icon-customer-education:before {
content: "\e901";
}
.icon-home-comfort:before {
content: "\e905";
}
.icon-live-answer:before {
content: "\e92a";
}
.icon-mid-finance:before {
content: "\e907";
}
.icon-mid-shield:before {
content: "\e909";
}
.icon-mid-thumbs-up:before {
content: "\e90b";
}
.icon-schedule-icon-spring:before {
content: "\e906";
}
.icon-emergency-icon-spring:before {
content: "\e926";
}
.icon-tools-icon-spring:before {
content: "\e90a";
}
.icon-family-icon-spring:before {
content: "\e91d";
}
.icon-live-answer-icon-spring:before {
content: "\e919";
}
.icon-truck-icon-spring:before {
content: "\e924";
}
.icon-calendar-icon-spring:before {
content: "\e91a";
}
.icon-finance-icon-spring:before {
content: "\e90e";
}
.icon-stars-icon-spring:before {
content: "\e90f";
}
.icon-trustedtechs-icon-spring:before {
content: "\e917";
}
.icon-pricing-icon-spring:before {
content: "\e918";
}
.icon-leftcoast-repaircon:before {
content: "\e91c";
}
.icon-circ-yelp-icon:before {
content: "\e910";
}
.icon-fb-circle:before {
content: "\e911";
}
.icon-instagram-circle:before {
content: "\e912";
}
.icon-linkedin-cricle:before {
content: "\e913";
}
.icon-morrow-bbb:before {
content: "\e914";
}
.icon-new-x-circle:before {
content: "\e915";
}
.icon-yt-circle:before {
content: "\e916";
}
.icon-plus:before {
content: "\f067";
}
.icon-minus:before {
content: "\f068";
}
.icon-search:before {
content: "\f002";
}
.icon-heart:before {
content: "\f004";
}
.icon-star:before {
content: "\f005";
}
.icon-star-o:before {
content: "\f006";
}
.icon-user:before {
content: "\f007";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-cog:before {
content: "\f013";
}
.icon-gear:before {
content: "\f013";
}
.icon-home:before {
content: "\f015";
}
.icon-clock-o:before {
content: "\f017";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-print:before {
content: "\f02f";
}
.icon-image:before {
content: "\f03e";
}
.icon-photo:before {
content: "\f03e";
}
.icon-picture-o:before {
content: "\f03e";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-check-circle-o:before {
content: "\f05d";
}
.icon-calendar:before {
content: "\f073";
}
.icon-cogs:before {
content: "\f085";
}
.icon-gears:before {
content: "\f085";
}
.icon-comments:before {
content: "\f086";
}
.icon-phone:before {
content: "\f095";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-wrench:before {
content: "\f0ad";
}
.icon-group:before {
content: "\f0c0";
}
.icon-users:before {
content: "\f0c0";
}
.icon-bars:before {
content: "\f0c9";
}
.icon-navicon:before {
content: "\f0c9";
}
.icon-reorder:before {
content: "\f0c9";
}
.icon-google-plus:before {
content: "\f0d5";
}
.icon-money:before {
content: "\f0d6";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-double-left:before {
content: "\f100";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-angle-double-up:before {
content: "\f102";
}
.icon-angle-double-down:before {
content: "\f103";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-ticket:before {
content: "\f145";
}
.icon-level-down:before {
content: "\f149";
}
.icon-thumbs-up:before {
content: "\f164";
}
.icon-youtube:before {
content: "\f167";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-yelp:before {
content: "\f1e9";
}
.icon-newspaper-o:before {
content: "\f1ea";
}
.icon-calculator:before {
content: "\f1ec";
}
.icon-calendar-check-o:before {
content: "\f274";
}
.icon-user-circle:before {
content: "\f2bd";
}
.icon-user-circle-o:before {
content: "\f2be";
}
/* -------------------------------------------------------------------- */
.wrap1 {
z-index: 2;
position: relative;
padding: 0 2%;
}
.row {
max-width:100%!important;
margin: auto;
}
.clear{
clear:both;
}
ul {
margin-left: 0em!important;
}
/* -------------------------------------------------------Header Section CSS--------------------------------- */
/* Search Bar & Page */
/* Top Bar Section CSS */
/* ---------------------------------------------------------------------------------------- */
.desk-nav{
display: none;
width: 100%;
max-width: none;
padding: 0% 0% 0% 0%;
}
.logo-block{
position:relative;
z-index:99;
background-color:#fff;
}
.desk-nav .row>* , .mobile-nav .row>* {
padding: 0;
}
.mobile-nav{
padding: 0;
width: 100%;
max-width: none;
padding: 0% 0 0% 0;
z-index: 3;
position: relative;
background: white;
}
.main-bar{
padding: 0% 0%;
}
.logo-image{
position: relative;
}
.logo-image img{
position: relative;
width: 18em;
display: block;
margin: auto;
transition: all .3s ease-in-out;
left: -0.8em;
z-index: -2;
}
.logo-image a{
position: relative;
display: block;
transform: scale(1);
/* z-index: -2; */
}
.smallbar .logo-image img{
width: 11em;
}
.contact-info {
font-size: 1.7em;
font-weight: 900;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
line-height: 1;
letter-spacing: .04em;
text-align: -webkit-center;
margin-top: 0%;
padding-right: 1%;
}
.contact-info strong{
position: relative;
font-size: 0.9em;
font-weight: 400;
color: #0a05e4;
letter-spacing: .04em;
top: .1em;
display: block;
}
.contact-info span{
position: relative;
top: 0.1em;
}
.contact-info a:hover{
color: #137bbe;
}
.contact-info a{
font-size: 1.4em;
display: block;
background-color: #12599c;
width: 1.9em;
border-radius: 23em;
height: 1.9em;
line-height: 2;
color: #ffffff;
margin: auto;
transition: all .3s ease-in-out;
text-align: center;
text-decoration: none;
outline: .1em solid #df0013;
outline-offset: -0.2em;
}
.mobile-nav .btn-primary {
color: #ffffff;
border: 0;
border-radius: 0;
padding: 0.8em 1.6em;
background: #12599c;
margin-left: 0;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
font-size: 1.3em;
}
.mobile-nav .btn-primary span{
display: block;
}
/* Offcanvas mobile menu logo */
.shift-menu {
padding-top: 1rem; /* breathing room above first item */
}
.shift-logo {
text-align: center;
margin-bottom: 1.5rem;
}
.shift-logo img {
max-width: 260px; /* adjust to taste */
width: 90%;
height: auto;
display: inline-block;
}
.shift-menu{
background: rgb(18 89 156);
background: -moz-radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%);
/* background: -webkit-radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%); */
/* background: radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%); */
padding: 5.2em 0 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a2a2a",endColorstr="#161616",GradientType=1);
}
.shift-item{
position: relative;
}
.offcanvas-end{
z-index: 9999;
width: 25em;
}
.shift-item a{
display: block;
position: relative;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .08em;
padding: .85em 0em .85em 1em;
background: #ff000000;
color: white;
margin: 0em 0;
border-bottom: 1px solid #ffffff1a;
border-left: 0em solid #003046;
transition: all .3s ease-in-out;
}
.shift-item .btn-secondary{
display: none;
position: absolute;
right: 0em;
top: 0.3em;
background: #ff000000;
border: 0;
font-size: 1.3em;
padding: 0.2em 0.7em;
}
.shift-item a:hover{
color: #ffffff;
background-color: #12599c;
border-left: 0.5em solid #df0013;
}
.dropdown.shift-item .btn-secondary{
display: block;
}
.shift-item a.sub-item{
background: #0000005c;
}
.shift-item a.sub-item:hover{
background-color: #12599c;
}
/* ---------------------- */
/* NAV CSS */
.modal {
z-index: 999999999999999999999999999999;
}
.modal-header {
padding: 0;
border: 0;
}
.frm_style_formidable-style.with_frm_style .frm_submit button{
width: 100%!important;
display: block;
}
.pop-label{
text-align: center;
text-transform: uppercase;
font-weight: 900;
font-size: 1.6em;
letter-spacing: .05em;
}
.pop-title{
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 2em;
margin-bottom: 0em;
font-family: oswald;
font-weight: bold;
margin-top: 1em;
font-style: italic;
color: white;
}
.modal-content {
background-color: #12599c;
box-shadow: 0em 0em 1em #0000004f;
}
.modal-header .btn-close{
position: relative;
left: -.9em;
}
/* 1. Let the modal body scroll if the content is taller than the viewport */
#exampleModal .modal-body {
max-height: calc(100vh - 160px); /* header+footer space */
overflow-y: auto;
}
/* 2. Give the ConversionAmp embed an explicit height */
#inline-2kT8kxM1EFcODum8AQV1-div,
#inline-2kT8kxM1EFcODum8AQV1-wrapper,
#inline-2kT8kxM1EFcODum8AQV1 {
height: 942px !important; /* match data-height or tweak as needed */
}
.modal-title {
display: block;
text-align: center!important;
width: 100%;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 1.3em;
padding-top: 1em;
margin-bottom: -0.5em;
}
header#masthead {
margin-bottom: 0;
background-color: white!important;
/* box-shadow: none!important; */
padding: 0rem 0rem!important;
z-index: 9999;
width: 100%;
transition: all .3s ease-in-out;
top: 0em;
display: block;
position: fixed;
max-width: 1700px;
}
header#masthead.smallbar{
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%)!important;
}
.top-bar-menu-col {
text-align: right;
display: flex;
justify-content: flex-end;
}
.top-bar {
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;
letter-spacing: .1em;
transition: all .3s ease-in-out;
color: #fff;
margin: auto;
background: #12599c;
margin-bottom: 0%;
height: 3.5em;
}
.top-bar:after{
content:'';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
}
.top-bar #menu-top-menu{
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-justify-content: end;
-ms-flex-pack: end;
justify-content: end;
}
.smallbar .top-bar{
/* font-size: 1em; */
}
.top-bar input::-webkit-input-placeholder,.top-bar textarea::-webkit-input-placeholder {
color: #fff!important;
}
.top-bar input:-moz-placeholder,.top-bar textarea:-moz-placeholder {
color: #fff!important;
}
.top-bar .btn-primary{
display: block;
letter-spacing: .08em;
font-size: .9em;
color: black;
border: 0;
border-radius: 0;
}
.main-nav {
border-top: 1px solid #00000030; /* Faint black border with transparency */
padding-top: 2px; /* Optional: Adjust padding as needed */
}
/* General submenu styles */
.main-nav .double-column.menu-item-has-children:hover .sub-menu {
opacity: 1;
height: auto;
top: 100%;
display: block;
animation: fadeIn 0.2s;
}
/* Target only the "About Us" submenu */
.main-nav #menu-item-1819:hover .sub-menu {
left: -251%; /* Adjust this value as needed */
}
.main-bar {
padding: 0% 2% 0% 2%;
position: relative;
}
.search-bar input{
background-color: #ffffff00;
border: 0;
color: white;
border-bottom: 1px solid white;
}
.contact-desk{
position: relative;
padding: 0% 0 0% 0!important;
margin-top: 0%;
}
.contact-desk a{
display: block;
letter-spacing: .05em;
font-size: 2.2em;
line-height: 1;
color: #66bee3;
text-decoration: none;
border-bottom: 0;
transition: all .3s ease-in-out;
padding: 0.1em 0em 0.1em 0em;
margin: 0;
font-weight: 900;
}
.contact-desk a:hover{
color: #fa4f41;
}
.contact-desk a em{
display: block;
font-size: .7em;
color: black;
font-style: normal;
}
.contact-desk span{
font-size: 1em;
line-height: 1.4;
position: relative;
top: 0em;
height: 1.4em;
width: 1.4em;
display: block;
border-radius: 900em;
color: #fa4f41;
text-align: center;
transform: scale(2.1);
}
.smallbar .contact-desk a{
/* font-size: 1.3em; */
}
.contact-desk a strong{
display: block;
font-size: .8em;
}
.smallbar .desk-nav .btn-primary{
/* font-size: 0.9em; */
}
.desk-nav .top-bar .btn-primary{
color: white;
font-size: clamp(.7rem, .5vw + .6rem, .9rem);
/* key part ↓ */
display: inline-flex; /* or inline-block */
flex: 0 0 auto; /* don't grow to fill row */
width: auto;
transition: all .3s ease-in-out;
text-align: center;
align-items: center;
justify-content: center;
background-color: #df0013;
border-radius: 1em;
padding: 0.6em 2.4em; /* adjust as you like */
white-space: nowrap; /* prevents wrapping, optional */
}
.menu{
position: relative;
list-style: none;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
list-style-type: none;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
}
.top-text{
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.8em;
left: 0.8em;
}
.top-text span{
color: #12599c;
}
.contact-info-desk{
position: relative;
}
.contact-info-desk a{
line-height: 1;
margin: 0.1em 0 0.1em auto;
font-size: clamp(1.75rem, 2vw + 1rem, 3.5rem);
font-weight: 900;
position: relative;
text-align: center;
transition: all .3s ease-in-out;
font-family: 'oswald', sans-serif;
/* border-left: 1px solid #00000030; */
}
.contact-info-desk a span{
color: #12599c;
position: relative;
top: .1em;
}
.icon-mobile{
color: #df0013 !important;!imp;!impp;!i;!;!
@;!;!;
font-size: 1.2em;
}
.contact-info-desk-number {
font-size: 1.2em; /* Adjust as needed */
}
.contact-info-desk a:hover .icon-mobile,
.contact-info-desk a:hover .contact-info-desk-number {
color: #000000;
}
.contact-info-desk a em{
display: block;
font-style: normal;
font-size: 0.45em;
color: #000000;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: 'poppinsregular';
position: relative;
top: 0.3em;
}
.contact-info-desk strong{
color: #df0013;
}
.contact-info-desk a span {
color: #12599c;
position: relative;
top: .1em;
display: inline-block; /* needed so transform works nicely */
transition: transform 0.2s ease;
}
/* grow on hover */
.contact-info-desk a:hover span {
transform: scale(1.04); /* tweak 1.05–1.15 to taste */
}
.smallbar .contact-info-desk a{
/* font-size: 2.5em; */
}
.sched-btn{
position: relative;
border-radius: 900em;
width: 8.2em;
height: 8.2em;
text-transform: uppercase;
font-size: 0.8em;
margin: 1em auto 1em auto;
display: block;
background: #df0013;
color: white;
line-height: 1.1;
outline: .2em solid white;
outline-offset: -.49em;
border: 0;
transition: all .3s ease-in-out;
}
.smallbar .sched-btn{
font-size: .46em;
}
.sched-btn span{
font-size: 3em;
display: block;
margin-bottom: .2em;
}
.sched-btn:hover{
background: #12599c;
white;
}
.top-bar .menu>li a{
font-size: 0.8em;
padding: 0.2em 0.7em;
color: #ffffff !important;
}
.top-bar .menu>li a span{
color: #df0013;
/* display: block; */
font-size: 1.4em;
/* top: -0.4em; */
position: relative;
}
.menu>li a:hover span{
color: white;
}
.menu>li.sched-link a{
color: white!important;
background: #12599c;
border-radius: 0em;
font-family: 'Exo 2', sans-serif;
}
.menu>li a{
padding: 0.3em 1.5em 0.6em 1.5em;
text-decoration: none;
color: black!important;
font-size: 1.0em;
display: block;
transition: all .3s ease-in-out;
position: relative;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.08em;
font-family: 'Oswald';
}
.menu>li a span{
color: #df0013;
}
.smallbar .menu>li a{
/* font-size: 0.86em; */
}
.menu>li.menu-item-has-children> a:before {
content: "\f107";
font-family: 'icomoon' !important;
color: #ffffff;
display: block;
position: absolute;
font-size: 0.8em;
top: 37%;
right: 0.5%;
}
.sub-menu li a{
color: #030303!important;
}
.top-bar .menu>li:nth-child(3) a{
border: 0;
}
.menu>li a:hover{
background-color: #df0013 !important;
color: white!important;
}
.top-menu{
padding: 2%;
}
.top-menu .btn{
width: 90%;
text-transform: none;
letter-spacing: inherit;
transition: all .3s ease-in-out;
background: #ff000000;
border: .2em solid #12599c;
text-transform: uppercase;
letter-spacing: .04em;
font-weight: 900;
}
.top-menu .btn:hover{
background-color: #12599c;
}
.top-menu .btn span{
color: #003644;
}
.mid-bar{
padding: 2% 0% 2% 0%;
}
.mainnav{
text-align: right;
padding: 0.7% 0;
position: relative;
}
.nav-border{
padding-left: 0em!important;
padding-right: 0em!important;
}
.mainnav .menu {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mainnav .menu .active>a {
color: #ffffff;
background: #12599c;
}
.mainnav .menu .active>a:before{
color: black!important;
}
.mainnav .menu .current-menu-item.active>a {
color: #ffffff;
background: #12599c;
}
.mainnav .menu .sub-menu .current-menu-item.active>a {
color: #fefefe!important;
background: #12599c!important;
}
.mainnav .menu>li>a {
display: block;
padding: 0.7rem 0.6rem;
line-height: 1;
font-weight: 400;
font-size: 0.78em;
color: black;
letter-spacing: .02em;
}
.mainnav .menu>li>a:hover{
color: #ffffff;
background: #12599c;
}
.mainnav .menu>li>a:hover:before{
color: white;
}
.menu-item-has-children{
position: relative;
transition: all .3s ease-in-out;
}
.menu>li .sub-menu a{
text-transform: none;
letter-spacing: inherit;
padding: 0.6em 1em;
text-align: left;
}
.mainnav .menu>li.menu-item-has-children >a:before {
content: "\f107";
font-family: 'icomoon' !important;
color: #ffffff;
display: block;
position: absolute;
font-size: 0.8em;
top: 37%;
right: 0.5%;
}
.main-nav .menu-item-has-children > .sub-menu{
top: 100%;
right: auto;
left: 0;
}
.main-nav .menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #ebebec;
list-style: none;
margin-left: 0.0rem;
width: 17em;
height: 0;
display: none;
z-index: 99;
}
.main-nav .menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
left: 0;
display: block;
animation: fadeIn .2s;
font-size: .88em;
text-align: left;
padding-left: 0;
}
.main-nav .last-column.menu-item-has-children:hover .sub-menu {
opacity: 1;
height: auto;
top: 100%;
right: 0%;
left: auto!important;
display: block;
animation: fadeIn .2s;
font-size: .88em;
text-align: left;
left: auto;
}
.main-nav .slim.menu-item-has-children .sub-menu{
color: #df0013;
background: #12599c;;
width: 165%;
text-align: left;
padding-left: 0%;
}
.main-nav .slim.menu-item-has-children:hover .sub-menu {
left: 0%;
}
.main-nav .menu-item-has-children .sub-menu>li{
padding: 0%;
}
.sub-menu a{
padding: 5% 4% 5% 4%;
display: block;
color: #1d1d1d;
font-size: .9em;
transition: all .3s ease-in-out;
border-bottom: 1px solid #00000014;
}
.sub-menu a:hover{
color: #ffffff;
background: #df0013;
padding: 5% 4% 5% 7%;
}
/* Heating Tab 2 columns Sub menu */
.main-nav .double-column.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #e1e1e1;
list-style: none;
margin-left: 0.0rem;
width: 31em;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column.menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
left: 0%;
display: block;
animation: fadeIn .2s;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li{
width: 50%;
float: left;
padding: 0%;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.full-sub{
width: 100%;
float: left;
padding: 0%;
}
.double-column .sub-menu .full-sub a {
padding: 0.3em 0.6em 0.7em 0.6em;
border-right: 1px solid #00000014;
text-transform: uppercase;
letter-spacing: 0.12em;
text-align: center;
}
.double-column .sub-menu .full-sub a span{
font-size: 1.8em;
position: relative;
top: 0.2em;
}
.last-cool{
float: right!important;
}
.double-column .sub-menu a{
padding: 0.9em 0.6em 0.9em 0.7em;
border-right: 1px solid #00000014;
}
.main-nav .double-column-l.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #12599c;
list-style: none;
margin-left: 0.0rem;
width: 410%;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column-l.menu-item-has-children:hover .sub-menu{
opacity: 1;
height: auto;
top: 100%;
right: 0%;
display: block;
left: auto;
animation: fadeIn .2s;
}
.main-nav .double-column-l.menu-item-has-children .sub-menu>li{
width: 50%;
float: left;
padding: 0%;
}
/* Fly out menu */
.main-nav .double-column .fly-out.menu-item-has-children .sub-menu{
opacity: 0;
transition: all .3s ease-in-out;
position: absolute;
background: #12599c;
list-style: none;
margin-left: 0.0rem;
width: 18.8em;
height: 0;
display: none;
text-align: left;
z-index: 99;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover{
background-color: #12599c;
}
.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover .sub-menu{
opacity: 1;
position: absolute;
background: #dcdcdc;
height: auto;
top: 0%;
right: -18.8em;
display: block;
animation: fadeInUp .2s;
left: auto;
}
.main-nav .double-column .fly-out.menu-item-has-children .sub-menu>li {
width: 100%;
float: left;
padding: 0%;
}
.quick-nav{
position: fixed;
top: -3em;
width: 100%;
background-color: #12599c;
padding: 2% 2% 5.5% 2%;
opacity: 0;
transition: all .3s ease-in-out;
overflow: hidden;
}
.quick-nav.adjust{
padding: 5% 2% 1% 2%;
opacity: 1;
top: 5em;
}
.quick-nav .col-3 {
flex: 0 0 auto;
padding: 0;
}
.quick-nav a{
color: #ffffff;
text-align: center;
display: block;
text-decoration: none;
padding: 9% 1% 9% 1%;
font-size: 0.9em;
transition: all .3s ease-in-out;
border-right: 1px solid #00000030;
}
.quick-nav a:hover{
color: white;
background-color: #df0013;
}
.smallbar .quick-nav{
}
.quick-nav a span{
font-size: 1.4em;
display: block;
position: relative;
top: -0.2em;
transition: all .3s ease-in-out;
color: #ffffff;
}
.quick-nav a em{
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 900;
display: block;
margin: 1.5em auto -2.6em auto;
color: white;
bottom: 0em;
font-size: 0.7em;
position: relative;
opacity: 0;
transition: all .3s ease-in-out;
}
.quick-nav a em:after{
content: '';
position: absolute;
height: 11.5em;
width: 100%;
background-color: #df0013;
border-radius: 900em;
z-index: -1;
left: 0%;
bottom: -9.6em;
}
.quick-nav a:hover em{
bottom: 1.2em;
opacity: 1;
}
.quick-nav a:hover span{
/* top: -0.6em; */
font-size: .9em;
}
.sched-global{
width: 50%;
}
.sched-global .btn-primary, .sched-global .btn-secondary{
display: block;
width: 100%;
padding: 1.1em;
text-transform: uppercase;
font-size: .7em;
letter-spacing: .06em;
color: black;
background-color: #ff000000;
border: 0;
line-height: .9
}
.sched-global .btn-primary span, .sched-global .btn-secondary span{
font-size: 4.6em;
color: white;
border: 0;
top: -.1em;
position: relative;
border-radius: 900em;
width: 1.1em;
height: 1.1em;
padding: 0;
line-height: 1;
display: block;
text-align: center;
margin: auto;
text-shadow: -0.04em 0.08em black;
}
.sched-global .btn-primary span{
background-color: #12599c;
}
.sched-global .btn-secondary span{
background-color: #df0013;
}
.sched-global .btn-primary:hover, .sched-global .btn-secondary:hover{
background-color: #ff000000!important;
color: black!important;
}
.sched-global .btn-primary:hover span, .sched-global .btn-secondary:hover span{
background-color: #df0013;
}
/* ------------------------------------------------------------------------------------- */
#site-wrap {
max-width: 1700px;
margin: auto;
box-shadow: 0px 0px 2em rgba(181,193,199,.46);
}
/* Slider Section CSS */
/* Badges container on the right side */
.hero-badges {
position: absolute;
top: 26%; /* move up/down as needed */
right: 4%; /* move closer/further from the right edge */
display: flex;
gap: 25px;
z-index: 5;
}
/* Individual badges */
.hero-badge img {
max-width: 100px; /* adjust size as needed */
height: auto;
animation: badge-pulse 2s infinite ease-in-out;
}
/* Define the pulse keyframes */
@keyframes badge-pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.08); /* how big the pulse gets */
opacity: 0.9;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@media (max-width: 1024px) {
.hero-badges .hero-badge img {
max-width: 70px;
height: auto;
}
}
/* Optional: tweak for mobile so they don’t overlap weirdly */
@media (max-width: 899px) {
.hero-badges {
display: none;
}
}
.sliderfull {
position: relative;
z-index: 1;
margin-top: 14%;
}
.static-slide{
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
position: relative;
z-index: 2;
margin-top: 0%;
padding: 6% 5% 8% 5%;
color: white;
border-bottom: 0.6em solid #df0013;
text-align: center;
background-image: url(/wp-content/uploads/2025/12/banner-new-update.jpg);
}
.usp-slide {
position: relative;
height: 8.4em;
text-align: center;
line-height: 1.4;
font-size: 0.9em;
transition: all .3s ease-in-out;
color: #ffffff;
text-transform: uppercase;
padding: 0.5em 1em 2.5em 1em; /* extra bottom space for caret */
font-family: 'poppins', sans-serif;
}
/* caret styling */
.usp-slide .usp-caret {
position: absolute;
left: 50%;
bottom: -1.8em; /* distance from bottom of card */
transform: translateX(-50%) translateY(8px);
font-size: 2.2em; /* size of the caret */
opacity: 0;
transition: opacity .3s ease, transform .3s ease;
color: #df0013; /* red like in mockup */
}
/* show caret on hover */
.usp-slide:hover .usp-caret {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
/* keep your existing hover for the big icons */
.usp-slide:hover span.icon-morrow-tech,
.usp-slide:hover span.icon-trophy-spah-icon,
.usp-slide:hover span.icon-comm-involv-proserv {
transform: scale(1.2);
color: #df0013;
}
.hero-family-bar {
display: table !important;
background: #e11b22;
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 18px;
border-radius: 30px;
margin-top: 12px;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
font-size: 17px;
line-height: 1;
}
.slider-header{
line-height: 1;
font-size: 2.8em;
position: relative;
letter-spacing: .07em;
color: #ffffff;
margin-bottom: 2%;
animation: fadeInLeft 3s;
font-weight: 900;
animation-timing-function: ease;
animation-fill-mode: both;
animation-delay: 1s;
transition: 1s ease-in-out;
opacity: 0;
transform: translateX(-40%);
text-transform: uppercase;
font-family: "Oswald"!important;
text-align: left;
/* new, heavier drop shadow like your mockup */
text-shadow:
0 6px 0 rgb(69 69 69 / 90%), /* hard edge directly below */
0 10px 15px rgba(0, 0, 0, 0.75); /* soft blurred shadow */
}
@keyframes fadeInLeft {
20% {
opacity: 0;
transform: translateX(-20%);
}
30%, 100% {
opacity: 1;
transform: translateX(0%);
}
}
.services-description {
font-size: 1.8em;
margin-bottom: 20px;
margin-top: 40px;
width: 50%;
text-align: left;
}
.slider-header strong{
/* display: block; */
font-size: 1.2em;
line-height: 1.2;
}
.call-slider{
position: relative;
font-family: 'Exo 2', sans-serif;
font-size: 2em;
color: #197fc0!important;
padding-left: 2em;
}
.call-slider span{
width: 1.7em;
height: 1.7em;
border: 3px solid #d0d0d0;
border-radius: 900em;
display: block;
position: absolute;
text-align: center;
line-height: 1.6;
left: 0em;
color: #e86029;
}
.slider-subline .check-list li{
border: 0!important;
padding: 0.5em 1em 0.5em 3.3em!important;
}
.slider-subline .check-list{
border: 0!important;
}
.slider-subline .check-list li:before {
width: 1.7em;
height: 1.8em;
top: 0.4em;
left: 1.06em;
}
.sliderfull .btn {
max-width: 300px;
margin: 1em 0;
}
.slider-usp-row{
position: relative;
width: 40%;
margin: 2em auto 2em 0;
z-index: 2;
padding: 0px;
text-align: center;
left: -40px;
}
/* divider settings (can tweak) */
.usp-box-row.slider-usp-row {
--divider-width: 5px;
--divider-height: 45%; /* how tall the line is relative to the column */
--divider-color: rgba(255,255,255,0.7);
}
/* make each column a positioning context */
.usp-box-row.slider-usp-row > [class*="col-"] {
position: relative;
}
/* draw a vertical line after each column except the last */
.usp-box-row.slider-usp-row > [class*="col-"]:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: 0; /* at the right edge of the column */
transform: translate(50%, -50%); /* push it half into the gutter */
width: var(--divider-width);
height: var(--divider-height);
background: var(--divider-color);
border-radius: 2px;
pointer-events: none;
z-index: 1;
}
@media (max-width: 959px) {
.slider-usp-row {
display: none !important;
}
}
.usp-box-row .usp-slide .col-3, .usp-box-row .usp-slide .col-9{
width: 100%;
text-align: center;
/* margin-top: 12%; */
/* font-size: .8em; */
}
.usp-slide{
position: relative;
height: 8.4em;
text-align: left;
line-height: 1.4;
/* outline-offset: -0.7em; */
font-size: 0.9em;
transition: all .3s ease-in-out;
text-align: center;
/* background: #ffffffbf; */
color: #ffffff;
text-transform: uppercase;
padding: 0.5em 0em 1em 0em;
/* border: 1px solid #00000038; */
font-family: 'poppins', sans-serif;
}
.usp-slide span{
display: block;
color: #ffffff;
font-size: 6em;
line-height: 0.8;
position: relative;
/* top: 0.3em; */
margin-bottom: .28em;
}
.usp-slide:hover{
/* background: #12599cd1; */
color: #ffffff;
}
.usp-slide:hover span {
transform: scale(1.2);
color: #df0013;
}
/* ---------------------- */
.top-services a:hover span {
/* display: none; */ /* Hide the span text on hover */
color: #12599c;
}
.top-services a:hover span::after {
content: url('https://berqwp-cdn.sfo3.cdn.digitaloceanspaces.com/cache/www.aqsair.com/wp-content/uploads/2025/01/favicon.png?bwp'); /* Specify the image */
position: absolute;
top: -5.5em; /* Adjust position above the span element */
left: 50%; /* Center the image horizontally */
transform: translateX(-50%); /* Center alignment fix */
opacity: 1; /* Make the image fully visible */
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
z-index: 1;
}
.top-services a span::after {
content: '';
opacity: 0; /* Hide the image by default */
transform: translateX(-50%) scale(0.8); /* Scale down slightly when hidden */
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.top-services{
position: relative;
padding: 0% 0%;
z-index: 3;
}
.top-services img {opacity: 0.1; /* Adjust overlay opacity */}
.top-services .col-sm-12,
.top-services .col-md-3,
.top-services .col-lg-3 {
padding: 0; /* Remove default padding */
margin: 0; /* Remove any default margin, if present */
z-index: 5;
}
.top-services .ts-box-1 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; /* makes it act like background-size: cover */
}
.top-services a{
position: relative;
background-color: #12599c;
color: #ffffff;
display: block;
z-index: 2;
text-decoration: none;
height: 14em;
overflow: hidden;
transition: all .3s ease-in-out;
text-align: center;
margin: 0em 0em;
outline-offset: -0.7em;
background-size: 100%;
/* border: 1px solid #0000001f; */
/* border-radius: 0.5em; */
}
.top-services a span{
display: block;
font-size: 7em;
position: absolute;
top: 0.2em;
right: 0em;
transition: all .3s ease-in-out;
width: 100%;
color: #df0013;
}
.top-services a .icon-rooftop-icon:before{
transform: scale(1.7);
display: block;
}
.top-services a span:after{
content:'';
position: absolute;
left: 0;
bottom: -0.2em;
height: 0.4em;
width: 100%;
background-size: 0.7em;
background-repeat: no-repeat;
background-position: center;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.top-services a svg{
width: 6em;
height: 6em;
position: relative;
top: 0.6em;
transition: all .3s ease-in-out;
}
.top-services a svg path{
transition: all .3s ease-in-out;
fill: #0056a6;
}
.servi-label{
position: absolute;
text-transform: uppercase;
letter-spacing: 0.04em;
bottom: 1.2em;
left: 0em;
width: 100%;
font-size: 1.6em;
padding: 0% 0%;
line-height: 1.1;
transition: all .3s ease-in-out;
font-weight: bold;
font-family: 'Oswald';
color: white;
}
.top-services p{
position: absolute;
bottom: -10em;
padding: 2em 1.5em 2em 1.5em;
font-size: 0.8em;
left: 0;
transition: all .3s ease-in-out;
opacity: 0;
}
.ts-box-4, .ts-box-5{
position: relative;
/* left: 16.5%; */
}
@keyframes uspTada {
20% {
opacity: 1;
transform: scale(1);
}
40% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.top-services a:hover{
color: white;
background-color: #df0013;
}
.top-services a:hover svg{
width: 2em;
height: 2em;
right: 0.3em;
opacity: 0;
top: 0em;
}
.top-services a:hover svg path{
fill: #000;
}
.top-services a:hover .servi-label{
/* bottom: 70%; */
color: #fff7f7;
text-shadow: none;
opacity: 1;
}
.top-services a:hover .servi-label strong{
color: black;
}
.top-services a:hover p{
opacity: 1;
bottom: -2em;
}
.top-services .carousel-control-next,.top-services .carousel-control-prev {
position: absolute;
top: 9.7%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 1.8em;
padding: 0;
color: #fff;
text-align: center;
background: 0 0;
/* border: 10px; */
opacity: 1;
background: #df0013;
transition: opacity .15s ease;
height: 80%;
border-radius: 5px;
}
/* fixed widget on the right */
.float-btn {
position: fixed;
z-index: 9999;
right: 0.5%;
top: 45%;
transform: translateY(-50%);
cursor: pointer;
background: transparent;
border: none;
padding: 0;
}
/* circular badge */
.float-btn-inner {
width: 7.2em;
height: 7.2em;
border-radius: 50%;
background: #12599c;
border: 0.2em solid #ffffff;
box-shadow: 0 0 1em rgba(0,0,0,.7);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: transform .35s ease, box-shadow .35s ease;
}
/* mascot image */
.float-btn-inner img {
width: 3.6em;
display: block;
/* lift him a bit so there’s room for text at the bottom */
transform: translateY(-0.95em);
}
/* text inside the circle */
.float-btn-text {
position: absolute;
left: 50%;
bottom: 1em;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 0.65em;
line-height: 1.1;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,.7);
}
/* hover glow / bob */
.float-btn:hover .float-btn-inner,
.float-btn:focus-visible .float-btn-inner {
transform: translateY(-2px) scale(1.05);
box-shadow: 0 0 0 3px #ffffff, 0 0 18px rgba(110,193,228,0.9);
}
/* pulse ring */
.float-btn-inner::after {
content: "";
position: absolute;
inset: -4px;
border-radius: 50%;
border: 2px solid rgb(223 0 19);
opacity: 0;
transform: scale(0.7);
pointer-events: none;
animation: float-pulse-ring 2.3s ease-out infinite;
}
/* keyframes for pulse */
@keyframes float-pulse-ring {
0% {
opacity: 0.7;
transform: scale(0.7);
}
70% {
opacity: 0;
transform: scale(1.4);
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
.float-btn-inner::after {
animation: none;
}
}
.section-1 {
position: relative;
z-index: 0;
padding: 5% 4% 0% 4%;
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
background-color: white;
background-position: 0% 100%;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec1-bg.jpg);
background-size:cover
}
.section-1 h1 {
position: relative;
font-size: clamp(2rem, 4vw + 1rem, 3.4rem) !important;
color: #12599c;
letter-spacing: 0.05em;
/* margin-bottom: 0.7em; */
line-height: 1.2;
/* border-bottom: 1px solid #0000001c; */
/* padding-bottom: 0.4em; */
/* padding-left: 0em; */
text-transform: uppercase;
font-family: oswald !important;
/* font-weight: normal; */
}
.section-1 h1 em{
font-size: 2.5em;
font-style: normal;
color: #e86029;
position: absolute;
left: -0.1em;
letter-spacing: -.15em;
text-shadow: -0.05em 0.05em black;
top: -0.1em;
}
.section-1 h1 em span{
font-size: .6em;
}
.section-1 h1 strong{
/* display: block; */
font-size: 1.2em;
font-family: 'oswald';
color: #12599c;
line-height: 1.2;
}
.section-1 h1 strong span{
color: #197fc0;
}
.section-1 a[href^="tel"] {
/* display: inline; */ /* Makes it stay inline with the text */
margin-bottom: 0; /* Resets margin if needed */
}
.section-1 blockquote:before {
content: '';
position: absolute;
bottom: 0;
left: 10px;
height: 100%;
width: 100%;
transition: all .3s ease-in-out;
z-index: -1; /* Corrected z-index */
background-color: #ebf5ff;
border-top-right-radius: 0;
border-radius: 1em;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-left: 0.8em solid #df0013;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
color: #000000 !important;
}
.section-1 blockquote{color: #000000 !important;left: -55px;padding: 1em 4em 1em 2.5em;margin: 1% 1% 5% 1% !important;}
.section-1 blockquote p{color: #000000 !important;}
.section-1 blockquote a[href^="tel"] {
display: inline;
margin-bottom: 0; /* Resets margin if needed */
}
.call-cta:hover {
color: #12599c !important;!i;!; /* Changes color on hover */
}
.call-cta{
font-family: "Poppins", sans-serif!important;
font-weight: 700;
font-style: normal;
padding-left: 2em;
margin-top: 1em;
position:relative;
}
.call-cta{
position: relative;
display: block;
margin-top: 0.4em;
background-color: #fdfdfd3d;
padding: 0.4em 0em 0.1em 2em;
border-radius: 1em;
text-transform: uppercase;
letter-spacing: 0.02em;
line-height: 1.2;
font-size: clamp(2.4rem, 4.8vw, 4.5rem);
width: 13em;
font-family: 'oswald';
transition: all .3s ease-in-out;
color: #000000 !important;
font-weight: bold;
font-style: normal;
}
.call-cta:before{
content:'';
position: absolute;
left: 2em;
top: 0;
width: 57%;
height: 100%;
border: 1px solid #dddddd;
z-index: -1;
transition: all .3s ease-in-out;
border-left: 0;
border-right: 0;
}
.call-cta:after{
content: '';
position: absolute;
width: 2em;
height: 3em;
top: -0.5em;
left: 0em;
background-image: url(/wp-content/uploads/2025/11/logo-asset-cta.png);
background-size: 1.55em;
background-repeat: no-repeat;
background-position: center;
display: block;
}
.call-cta span{
display: block;
font-family: poppins;
font-size: 0.25em;
color: #000000;
letter-spacing: .26em;
font-style: normal;
font-weight: normal;
}
.call-cta span em{
color: #df0013 !important;
font-style: normal;
}
.call-cta:hover, .call-cta:hover span{
/* color: white!important; */
}
.call-cta:hover:after, .call-cta:hover span{
color: #12599c;
}
.call-cta:hover:before{
/* background: #edab00; */
}
.call-cta:hover em{
color: white;
}
.call-cta:hover:before{
-webkit-animation: tada 1s;
animation: tada 1s;
}
.home-form {
text-align: center; /* Center-align the content */
padding: 2rem; /* Add some padding around the form */
background: #12599c; /* Blue background */
border-radius: 40px; /* Rounded corners */
color: white; /* Text color */
position: relative; /* Establish stacking context */
/* z-index: 1; */ /* Ensure this element is above the pseudo-element */
height: 62em;
}
.home-form iframe{
margin-top: -3.5em;
height: 42em!important;
margin-bottom: -3em;
}
.home-label {
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 2em;
/* top: 1em; */
/* text-shadow: -.1em .1em black; */
margin-bottom: 0em;
font-family: 'oswald';
font-weight: bold;
margin-bottom: 2em;
/* font-style: italic; */
}
/* ---------------------- */
/* Section-2 CSS */
.section-2{
padding: 5% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size:cover
}
/* badge always centered horizontally at the bottom */
.section-2 .sec2-logo-badge{
position: absolute;
left: 50%; /* center horizontally */
bottom: 0; /* stick to bottom of section */
transform: translateX(-50%) translateY(50%);
/* ^ 50% moves it down so it overlaps the next section edge.
Use just translateX(-50%) if you want it fully inside. */
width: 280px; /* adjust size as needed */
height: auto;
z-index: 5; /* above section content & next section */
}
/* optional: smaller on mobile */
@media (max-width: 767.98px){
.section-2 .sec2-logo-badge{
width: 110px;
}
}
.rev-box{
position: relative;
background-size: 100% 100%;
padding: 4em 3em;
background-position: center;
}
.rev-header{
position: relative;
color: white;
font-family: 'oswald';
font-size: 3.2em;
letter-spacing: 0.05em;
/* padding-left: 2.9em; */
line-height: 1;
/* text-shadow: -.1em .1em black; */
font-weight: bold;
text-align: center;
margin-bottom: 1em;
margin-top: 1em;
}
.rev-header strong{
display: block;
font-size: 1.5em;
}
.section-2 .btn{
margin-top: 10%;
}
.finance-cta{
position: relative;
padding: 3% 5%;
background: #ebebeb;
}
.finance-cta span{
display: block;
text-align: center;
font-size: 7em;
width: 1.5em;
height: 1.5em;
margin: auto;
border: .06em solid #d3d3d3;
border-radius: 900em;
line-height: 1.4;
color: #197fc0;
}
.finance-cta strong{
display: block;
position: relative;
font-size: 2em;
text-transform: uppercase;
letter-spacing: 0.08em;
padding-bottom: 1.1em;
}
.finance-cta strong:after{
content:'';
position: absolute;
width: 3em;
height: .25em;
background: #e86029;
left: 0em;
bottom: 0.5em;
}
/* ---------------------- */
/* Section-3 CSS */
.section-3 {
position: relative;
padding: 6% 5% 5% 5%;
background-image: url(/wp-content/uploads/2025/11/sec3-bg.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.sec3_title {
font-size: clamp(1.75rem, 2.5vw + 1rem, 3rem);
color: #000000;
line-height: 1.2;
text-align: center;
margin-bottom: 35px;
margin-top: 15px;
font-weight: bold;
position: relative;
font-family: 'Oswald';
}
/* ========== ADDITIONAL HVAC SERVICES BUTTONS ========== */
.service-list {
overflow-y: scroll;
height: 10em;
overflow-x: hidden;
}
/* Scrollbar Styles */
.service-list::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.49);
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.1);
}
.service-list::-webkit-scrollbar {
width: 5px;
}
.service-list::-webkit-scrollbar-thumb {
border-radius: 15px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.36);
background-color: #df0013;
}
/* reset list */
.service-list {
list-style: none;
padding: 0 7%;
margin: 0;
}
/* each LI – layout is handled by Bootstrap col-* classes */
.service-item {
padding: 0 12px 24px; /* left/right = horizontal gap, bottom = vertical gap */
margin: 0;
box-sizing: border-box;
}
/* the button */
.service-item a {
display: flex;
align-items: center;
background-color: #12599c;
color: #ffffff;
text-decoration: none;
border-radius: 8px;
padding: 10px 18px;
position: relative;
overflow: hidden;
transition: background-color 0.25s ease, transform 0.25s ease;
width: 100%; /* fill the column */
max-width: 360px; /* but don’t get wider than this */
margin: 0 auto; /* center inside each column */
}
/* red underline */
.service-item a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background-color: #df0013; /* red */
border-radius: 0 0 8px 8px;
transition: background-color 0.25s ease;
}
.service-name {
flex: 1;
font-weight: 600;
/* min = 16px, fluid = 1.8vw, max = 21px */
font-size: clamp(16px, 1.8vw, 21px);
order: 1;
}
/* caret icon (font icon span) */
.icon-caret-right {
font-size: 16px;
order: 2; /* push caret to the right */
margin-left: auto; /* move it all the way to the right */
}
/* hover state – flip colors */
.service-item a:hover {
background-color: #df0013; /* red */
color: #ffffff;
}
.service-item a:hover::after {
background-color: #12599c; /* blue */
}
/* make sure caret inherits hover color */
.service-item a:hover .icon-caret-right {
color: inherit;
}
/* optional: small bump on hover */
.service-item a:hover {
transform: translateY(-1px);
}
/* Media query adjustments for smaller screens */
@media (max-width: 768px) {
.service-item {
width: calc(50% - 20px); /* Adjust to fit two items per row on medium screens */
}
.section-1 blockquote:before {
display: none;
}
}
@media (max-width: 576px) {
.service-item {
width: 100%; /* Stacks items on very small screens */
}
}
/* ---------------------- */
.section-4 {
position: relative;
padding: 40px 0 140px; /* extra bottom for truck overlap */
background: url('/wp-content/uploads/2025/11/sec4-bg.jpg') center center / cover no-repeat;
overflow: visible;
}
/* video + photo spacing */
.section-4-top iframe,
.section-4-top .section-4-photo img {
width: 100%;
/* height: auto; */
}
.section-4-photo {
text-align: right;
}
/* TRUCK – decorative, so pseudo-element */
.section-4::after {
content: "";
position: absolute;
left: 20%;
transform: translateX(-50%);
bottom: -269px; /* how far it hangs into the logos area */
width: 700px; /* tweak to match asset proportion */
height: 600px;
background: url('/wp-content/uploads/2025/11/atlantic-truck.png') center center / contain no-repeat;
pointer-events: none;
}
/* Logos bar */
.section-4-logos {
background: #ffffff;
padding: 10px 0 40px; /* top padding so truck can overlap */
}
.section-4-logos img {
max-height: 170px;
width: auto;
display: block;
}
/* default desktop-ish tweaks (optional) */
.section-4-logos img {
max-width: 140px;
height: auto;
display: block;
}
/* Mobile layout */
@media (max-width: 640px) {
.section-4-logos .row {
justify-content: center !important;
flex-wrap: wrap;
gap: 1.25rem; /* space between logos */
}
.section-4-logos .col-auto {
flex: 0 0 50%; /* 2 logos per row */
max-width: 46%;
display: flex;
justify-content: center;
}
.section-4-logos img {
max-width: 110px; /* adjust to taste */
}
.section-4-logos .container-fluid {
padding-right: 1rem; /* reduce that pe-5 on small screens */
}
}
/* ---------------------- */
/* Section-5 CSS */
.section-5 {padding: 4% 4% 7% 4%;position: relative;z-index: 2;background-size: cover;background-position: top;background-repeat: no-repeat;background-color: white;background-image: url(/wp-content/uploads/2025/11/sec5-bg.jpg);margin-top: 0em;}
.sec5-header {position: relative;/* text-transform: uppercase; *//* font-size: 3.2em; */letter-spacing: 0.05em;line-height: 1.1;/* padding-left: 0.9em; */margin: 0em 0 0em 0;font-family: 'oswald' !important;font-weight: 400;color: #000000;font-size: clamp(2rem, 4vw, 3.4rem);}
.sec5-header span{
color: #df0013;
}
.sec5-header strong {
display: block;
font-size: .8em;
color: #000000;
text-shadow: -0.05em 0.05em white;
line-height: 0.7;
font-family: 'Archivo Black';
text-transform: capitalize;
}
.sec5-content{
padding-right: 10%
}
.usp-row{
position: relative;
margin: 0em 0;
transition: all .3s ease-in-out;
padding: 1em 0em 0em 0em;
}
.usp-row:after{
content:'';
position: absolute;
width: 0%;
height:100%;
background: #12599c;
left: 0;
top: 0;
z-index: -1;
transition: all .3s ease-in-out;
border-radius: 25px;
}
.usp-row .usp-label{
font-family: oswald;
font-weight: 700;
/* font-style: italic; */
margin-bottom: 1em;
position: relative;
letter-spacing: 0.06em;
color: black;
font-size: 1.4em;
}
.usp-row .usp-label:after{
content: "";
text-align: center;
color: white;
line-height: 2.4;
position: absolute;
left: 0em;
bottom: -0.9em;
background: #df0013;
width: 4em;
height: .4em;
border-radius: 900em;
}
.usp-row span{
display: block;
text-align: center;
font-size: 6em;
color: #12599c;
top: -0.1em;
position: relative;
}
.usp-row:hover .usp-label{
color: white;
}
.usp-row:hover .usp-label:after{
background: #ffffff;
}
.usp-row:hover{
color: white;
}
.usp-row:hover span{
color: white;
}
.usp-row:hover:after{
width: 100%;
}
.section-5 .col-lg-6{
position: relative;
}
.section-5 .carousel-indicators {
bottom: -1em;
justify-content: start;
}
.section-5 .carousel-indicators [data-bs-target].active {
opacity: 1;
background-color: #df0013;
}
.section-5 .carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 50px;
height: 8px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #05050530;
background-clip: padding-box;
border: 0;
border-top: 0;
border-bottom: 0;
opacity: .5;
border-radius: 900em;
}
/* ---------------------- */
/* ---------------------- */
/* Section-6 CSS */
.section-6{
padding: 5% 5% 5% 5%;
position: relative;
z-index: 2;
background: #ffffff;
margin-bottom: -1px;
color: #ffffff;
background-size: cover;
background: url('/wp-content/uploads/2025/11/sec6-bg.jpg') center center / cover no-repeat;
}
.sec6-card{
position: relative;
/* background: #f3f6fb; */ /* light grey card */
border-radius: 1.9em;
padding: 2em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
/* Match the blue coupon tiles (square) */
/* aspect-ratio: 1 / 1; */
min-height: 18rem; /* fallback floor */
}
/* Header typography inside the grey card */
.sec6-header{
position: relative;
font-size: 2em;
color: #ffffff;
text-transform: uppercase;
font-family: 'poppins', sans-serif;
font-weight: 300;
text-align: center;
line-height: 1;
}
.sec6-header span{
color: #df0013;
font-weight: 700;
}
.sec6-header strong{
font-size: 2.2em;
color: #ffffff;
font-weight: 700;
}
/* ---------- Carousel nav buttons (centered & low) ---------- */
.section-6 .carousel-control-next,
.section-6 .carousel-control-prev{
opacity: 1;
background: #df0013;
width: 2.25rem;
height: 2.25rem;
border-radius: 999px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff; /* Bootstrap uses currentColor for icon  this makes it white */
}
/* Position inside the grey card */
.sec6-card{ position: relative; }
.sec6-card .carousel-control-prev,
.sec6-card .carousel-control-next{
position: absolute;
top: auto !important; /* override Bootstrap’s top:0 */
bottom: 0rem; /* move down */
left: 50%;
right: auto;
transform: translateX(-50%);
}
/* split them around center */
.sec6-card .carousel-control-prev{
transform: translateX(calc(-50% - 1.9rem));
}
.sec6-card .carousel-control-next{
transform: translateX(calc(-50% + 1.9rem));
}
@supports not (mask: url("")){
.sec6-card .carousel-control-prev-icon,
.sec6-card .carousel-control-next-icon{
filter: invert(1) brightness(2); /* fallback for SVG background-image */
}
}
/* Mobile tweak */
@media (max-width: 767.98px){
.sec6-card .carousel-control-prev,
.sec6-card .carousel-control-next{ bottom: .75rem; }
.sec6-card .carousel-control-prev{ transform: translateX(calc(-50% - 1.6rem)); }
.sec6-card .carousel-control-next{ transform: translateX(calc(-50% + 1.6rem)); }
}
/* ---------- Right-hand blue coupon tiles ---------- */
.coup-col{ display: flex; } /* equal heights for columns */
.home-coup{
position: relative;
background: #ffffff;
letter-spacing: 0.08em;
color: #ffffff;
text-align: center;
padding: 2em 2em 3.7em 2em;
outline: .25em dashed #000000;
outline-offset: -1.5em;
width: 100%;
margin: auto;
border-radius: 1.9em;
/* Make the coupons square like the grey card */
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Optional decorative strip at the top (kept from your original) */
.home-coup:after{
content: '';
position: absolute;
background-size: 3.5em;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 4.5em;
left: 0;
top: 0;
z-index: 9;
}
/* Price + Offer text */
.home-price{
position: relative;
font-size: 2em;
color: #000000;
margin: 1em 0 0em 0;
line-height: 1;
font-weight: 700;
font-weight: bold;
font-family: poppins;
}
.home-price span{
font-size: .58em;
color: #f43b3b;
position: relative;
top: -.5em;
}
.home-price span:last-child{ top: auto; }
.home-offer{
color: black;
position: relative;
text-transform: uppercase;
font-size: 1.5em;
line-height: 1.1;
margin: .5em auto 0em auto;
font-family: poppins;
font-weight: bold;
}
.home-offer span{
color: #df0013;
font-size: 0.6em;
margin: 1em auto .8em auto;
font-family: poppins;
/* font-weight: normal; */
display: block;
line-height: 1.2;
}
.home-coup-logo-wrap {
text-align: center;
margin-bottom: 10px; /* space between logo and $50 OFF */
}
.home-coup-logo {
width: 90%;
height: auto;
display: inline-block;
margin-top: .5em;
}
/* Button inside coupons */
/* Coupon button */
.home-coup .btn{
font-size: .9em;
width: 95%;
background-color: #12599c;
border: 2px solid transparent; /* reserve space */
box-sizing: border-box; /* keep width the same */
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
color: white;
margin-top: .5em;
}
/* Hover/focus: show white border */
.home-coup .btn:hover,
.home-coup .btn:focus-visible{
border-color: #fff;
color: #fff;
}
/* Fine print inside coupons */
.home-coup p{
font-size: .8em;
text-transform: uppercase;
margin-top: 3em;
letter-spacing: .03em;
}
/* ---------- Responsive tweaks ---------- */
@media (max-width: 991.98px){
.section-6{padding: 4em 1.5em;}
}
@media (max-width: 767.98px){
/* Allow flexible height on small screens */
.sec6-card{ aspect-ratio: auto; min-height: 16rem; }
.home-coup{ aspect-ratio: auto; min-height: 16rem; }
/* Bring the grey-card arrows a touch closer together */
.sec6-card .carousel-control-prev{ left: calc(50% - 2.4em); }
.sec6-card .carousel-control-next{ left: calc(50% + 0.7em); }
}
/* ---------------------- */
/* Section 7 */
.section-7{
position: relative;
padding: 5% 5% 0% 5%;
}
.sec7-header {
position: relative;
font-size: clamp(1.8rem, 4vw, 3rem);
color: #000000;
letter-spacing: 0.05em;
line-height: 1;
padding-bottom: 0.4em;
padding-left: 0;
text-transform: uppercase;
font-family: oswald,;
font-weight: bold;
}
.sec7-content{
margin-bottom: 2em
}
.sec7-content-block{
padding: 50px;
}
/* ---------------------- */
/* Section 8 */
.section-8 {
position: relative;
padding: 0% 4% 5% 4%;
z-index: 3;
color: #fff;
margin-bottom: 0em;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec8-bg.jpg);
background-position: center;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-image {
max-width: 100%;
height: auto;
object-fit: cover;
border-radius: 15px;
}
.section-8 .check-list,.section-8 .check-list li {
border: 0!important
}
.sec8-header {
position: relative;
font-size: 1.7em;
text-transform: uppercase;
letter-spacing: .04em;
line-height: 1.1;
margin-bottom: .4em;
padding-left: 1em
}
.sec8-header:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: .5em;
background: #e3163b;
border-radius: 900em
}
.sec8-header strong {
font-size: 2.4em;
display: block;
line-height: .9
}
.section-8 #myTabContent {
position: relative
}
.section-8 .hide-for-small-only #myTabContent:after {
content: '';
position: absolute;
right: 2%;
top: -1%;
width: 5em;
height: 102%;
background-image: var(--wpr-bg-20289492-76ac-4d0c-a66f-310ba18d06ac);
background-size: 100% 100%;
background-position: right
}
#my-mask {
width: 112%;
height: 400px;
overflow: auto;
border: 1px solid #ccc;
position: relative;
left: -16%
}
#my-image {
width: 100%;
height: auto
}
#my-image-2 {
width: 135%;
max-width: none
}
.zoom-btn {
position: absolute;
bottom: .2em;
left: -3.5em;
background: #fff;
border: 1px solid #00000057;
height: 1.5em;
width: 2em;
z-index: 99
}
#zoom-in {
bottom: 2em
}
.map-row {
position: relative;
margin-top: 0em;
}
#result-message .msj1 {
color: #ec464a; /* Sets the text color to red */
}
.map-header strong {
display: block;
color: #12599c;
font-weight: bold;
}
.map-header {
position: relative;
font-size: clamp(1.8rem, 4.5vw, 3.6rem); /* min, fluid, max */
color: #df0013;
letter-spacing: 0.05em;
line-height: 1.1;
padding-bottom: 0.4em;
text-transform: uppercase;
font-family: 'oswald';
font-weight: bold;
}
.map-content{
color:black;
margin-left: .5em;
}
.section-8 .nav-tabs {
position: relative;
width: 22em;
border-radius: 900em;
overflow: hidden;
border: 0
}
.section-8 .nav-item {
width: 50%
}
.section-8 .nav-tabs .nav-link {
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: .06em;
font-size: .8em;
border-radius: 00em;
box-shadow: none;
border: 0;
background: #00000026;
color: #fff
}
.section-8 .nav-tabs .nav-link.active {
color: #000;
background: #e3163b
}
.zip-check {
position: relative;
margin-top: 1em;
font-size: .9em;
}
.search-subtitle {
position: relative;
text-transform: uppercase;
letter-spacing: .08em;
line-height: 1.1;
color: black;
}
#zip-input {
position: relative;
background: #00000026;
color: #000000;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
padding: .4em .4em .4em .4em;
}
.zip-check button {
position: relative;
padding: .2em 1.4em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
background: #197fc0;
color: white;
}
.serv-list {
list-style: none;
padding-left: 1.5rem;
margin: 0;
}
.serv-list li {
margin-bottom: 0.3rem;
}
.serv-list a {
color: white;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s ease;
}
.serv-list a:hover {
color: #000;
}
/* Right Column (Service Areas) */
.section-8 .right-column {
padding: 1rem;
max-height: calc(3 * 3.9rem); /* Limit height to 3 rows (~15rem total) */
overflow-y: auto; /* Enable vertical scrolling */
overflow-x: hidden; /* Disable horizontal scrolling */
}
/* Service Areas */
.service-areas-list {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Two-column layout */
gap: 1rem; /* Space between columns and rows */
list-style: none;
padding: 0;
margin: 0;
}
.service-areas-list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
padding: 20px;
margin-top: 1em;
}
.service-areas-list {
overflow-y: scroll;
height: 17em;
overflow-x: hidden;
margin-left: 0;
}
/* Scrollbar Styles */
.service-areas-list::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.49);
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.1);
}
.service-areas-list::-webkit-scrollbar {
width: 5px
}
.service-areas-list::-webkit-scrollbar-thumb {
border-radius: 15px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.36);
background-color: #df0013
}
.service-areas-list li {
position: relative;
padding: .4em .3em .4em .2em;
padding-left: 2em;
font-size: 1.2em;
font-weight: 500;
width: 100%;
margin: .3em .2em;
/* background: #fff; */
border-radius: .5em;
/* transform: skew(-8deg,0deg); */
color: #ffffff;
text-transform: uppercase;
background-color: #12599c;
}
.service-areas-list li a {
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family: 'poppins';
font-weight: 700
}
.location-header {
margin-bottom: 0.5rem;
font-family: 'poppins';
font-weight:400
}
.icon-map-marker{
font-family: icomoon!important;
position: absolute;
top: .2em;
left: .6em;
color: #df0013;
font-size: 1.333em;
border-radius: 50%;
line-height: 1
}
#profile-2 .service-areas-list li {
padding-left: 0
}
#profile-2 .service-areas-list li strong {
padding-left: 2em
}
.serv-list {
list-style: none;
padding-left: 1.5rem;
margin: 0;
display: flex;
}
.serv-list li {
position: relative;
padding: .2em 0 0;
font-size: .6em;
font-weight: 500;
/* width: 45%!important; */
font-style: normal!important
}
.serv-list li:after {
display: none
}
.serv-list li a {
color: #ffffff;
text-decoration: none
}
.serv-list li a:hover {
color: #df0013;
}
/* ---------------------- */
/* Section 9 */
.section-9 {
padding: 4% 7%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box-container {
position: relative;
z-index: 3; /* Bring USP boxes above the background */
padding: 0px 7%; /* Adjust side padding */
margin-top: 12em;
}
.section-9 .usp-box {
position: relative; /* Ensure positioning context for ::before */
background: white;
border-radius: 1em;
padding: 1rem; /* Increased padding for better spacing */
text-align: center;
height: 500px; /* Adjusted height for a rectangular look */
box-shadow: 0 0 1em rgba(102, 162, 222, 0.4);
transition: all 0.3s ease-in-out;
display: flex;
flex-direction: column;
align-items: center; /* Center content horizontally */
margin: 1em 2em 1em 2em;
overflow: hidden; /* Ensure the ::before image doesn't overflow */
}
.section-9 .usp-box:hover::before {
opacity: 0.8; /* Increase opacity for better visibility */
}
.section-9 .usp-box:hover {
background: #12599c;
color: white;
}
.section-9 .usp-box::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Center the image */
width: 70%; /* Adjust size of the image */
height: 70%; /* Adjust size of the image */
background-image: url('/wp-content/uploads/2025/11/logo-asset-usp.png');
background-size: contain; /* Ensure the image maintains aspect ratio */
background-repeat: no-repeat;
background-position: center;
opacity: 0.2; /* Default subtle opacity */
pointer-events: none; /* Prevent the image from interfering with interactions */
z-index: 0; /* Ensure the image stays behind the text */
}
.section-9 .usp-box * {
position: relative; /* Ensure text content stays above the ::before image */
z-index: 1; /* Ensure text stays above the ::before image */
}
.section-9 .usp-box span {
font-size: 6rem; /* Large icon size */
color: #12599c;
margin-bottom: 1rem; /* Space below the icon */
}
.section-9 .usp-box .usp-label {
font-family: oswald;
text-transform: uppercase;
font-size: 1.4rem;
color: #000000;
margin-bottom: 0em; /* Space below the label */
position: relative;
}
.section-9 .usp-box p {
font-size: .9rem;
color: #0f1417;
line-height: 1.5;
margin-top: 1rem; /* Space above content */
margin-bottom: 0; /* Ensure no extra space below */
}
.section-9 .usp-box:hover p {
color: white;
}
.section-9 .usp-box:hover span {
color: #df0013; /* Green color for the icon */
}
/* Label turns white on hover */
.section-9 .usp-box:hover .usp-label {
color: white; /* White color for the label */
}
.section-9 .usp-box:hover .usp-label:after {
background: white;
}
/* Carousel Controls for Section-10 */
.section-9 .carousel-controls {
position: absolute;
top: 50%; /* Center vertically */
transform: translateY(-50%); /* Adjust for centering */
width: 100%; /* Stretch controls to cover the carousel width */
display: flex;
justify-content: space-between; /* Place controls on the left and right */
pointer-events: none; /* Allow click-through only on buttons */
z-index: 2; /* Ensure controls are above the content */
}
.section-9 .carousel-controls .custom-control {
pointer-events: all; /* Enable clicking on the control buttons */
background: transparent;
border: none;
}
.section-9 .control-circle {
display: flex;
justify-content: center;
align-items: center;
background-color: #000; /* Black background */
color: #fff; /* White arrow */
width: 2.5rem; /* Circle size */
height: 2.5rem; /* Circle size */
border-radius: 50%; /* Make it round */
font-size: 1rem; /* Adjust arrow size */
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.section-9 .control-circle:hover {
background-color: #0f1417; /* Slightly lighter black on hover */
}
/* Chevron Icon Styling */
.section-9 .icon-chevron-left,
.section-9 .icon-chevron-right {
font-size: 1.5rem; /* Adjust arrow size */
}
.section-9 .carousel-control-prev {
position: absolute;
left: -6.5rem; /* Push the left arrow further outside */
top: 50%; /* Center vertically */
transform: translateY(-50%);
}
.section-9 .carousel-control-next {
position: absolute;
right: -6.5rem; /* Push the right arrow further outside */
top: 50%; /* Center vertically */
transform: translateY(-50%);
}
/* --------------------------- */
.close-cta{
font-size: 1.25em;
padding: 2em 3.5em 2em 3.5em;
position: relative;
text-align: center;
margin: 3rem 0 0rem;
color: #0f1417;
z-index: 2;
border-top: 1px solid #00000024;
/* background: #e78b3d; */
font-family: 'oswald';
/* text-shadow: -0.09em 0.11em black; */
width: 100%;
font-weight: bold;
}
.close-cta:after {
content: '';
position: absolute;
width: 100%;
height: 3em;
top: -1.6em;
left: 0;
background-image: url('/wp-content/uploads/2025/11/logo.png');
background-repeat: no-repeat;
background-size: contain; /* Ensures the image maintains its aspect ratio */
background-position: center; /* Centers the image horizontally and vertically */
}
/* --------------------------- */
.sched-row {
position: relative;
padding: 0;
max-width: 1700px!important;
margin: auto;
box-shadow: 0em 0em 2em #00000000;
}
.sched-row.row>*{
padding: 0;
}
.sched-row a, .sched-row button {
color: white;
text-transform: uppercase;
display: block;
line-height: 1;
padding: 2% 2% 3% 2%;
transition: all .3s ease-in-out;
border-radius: .7em;
letter-spacing: .06em;
text-decoration: none;
font-size: clamp(0.9rem, 2.2vw, .9rem);
margin: 0;
border-radius: 0em;
position: relative;
z-index: 1;
background: #df0013;
width: 100%;
border:0;
}
.sched-row button.pop-button:before{
transform: scale(1);
}
.sched-row button.pop-button{
position: relative;
color: #ffffff;
background-color: #12599c;
}
.sched-row button.pop-button:after {
content: " ";
position: absolute;
bottom: 0em;
height: 100%;
z-index: -1;
width: 100%;
transition: all .3s ease-in-out;
right: 0%;
}
.sched-row button.pop-button strong{
text-shadow: none;
}
.sched-row button.pop-button span{
color: #ffffff;
}
.sched-row a .column,.sched-row a .columns , .sched-row button .column,.sched-row button .columns {
padding-left: 0rem;
padding-right: 0rem;
}
.sched-row a strong, .sched-row button strong {
letter-spacing: 0.03em;
font-size: 2.2em;
font-weight: 900;
display: block;
/* text-shadow: -0.1em 0.1em 0em #000000; */
margin-bottom: 0.3em;
color: white;
}
.sched-row a span, .sched-row button span {
display: block;
text-align: center;
font-size: 9em;
position: relative;
/* top: -.1em; */
opacity: 1;
line-height: 0.6;
left: -0.1em;
}
.sched-row a:hover span, .sched-row button:hover span{
-webkit-animation: tada 1s;
animation: tada 1s;
}
.sched-row a:hover, .sched-row button:hover{
background-color: #12599c;
color: #ffffff;
cursor: pointer;
}
/* Footer Section CSS */
/* Footer CTA */
.site-footer{
background-color: #ffffff!important;
color: black!important;
max-width: 1700px!important;
margin: auto;
box-shadow: 0em 0em 2em #000000;
padding-bottom: 0em;
padding-top: 1.2em;
}
.site-footer .bullet-list li:after{
display: none;
}
.site-footer .bullet-list li{
padding: 0.2em 0;
}
.site-footer .bullet-list li{
width: 50%;
}
.logo-foot{
text-align: center;
/* padding: 2%; */
}
.logo-foot img{
display: block;
width: 19em;
margin: 1em auto;
}
.logo-foot a{
text-decoration: none;
text-transform: uppercase;
letter-spacing: .08em;
color: black!important;
}
.schema{
text-align: center;
}
.schema a{
display: block;
font-weight: 900;
color: #12599c !important;
}
.schema a:hover{
color: #df0013 !important;
}
.footer-txt{
text-align: center;
color: #12599c;
letter-spacing: .03em;
font-size: 1.2em;
margin-top: 1em;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 1em;
}
.help-link::after{
content:"";
position:absolute;
left:.75rem;
right:.75rem;
bottom:.45rem;
height:2px;
background:#df0013;
transform:scaleX(0);
transform-origin:left center;
transition:transform .22s ease;
}
/* Hover / keyboard focus */
.help-link:hover,
.help-link:focus-visible{
color:#df0013; /* brand color */
/* background:rgba(110,192,229,.08); */ /* subtle pill highlight */
transform:translateX(4px) scale(1.02); /* gentle “grow†*/
outline:none;
}
.help-link:hover::after,
.help-link:focus-visible::after{
transform:scaleX(1);
}
/* Pressed feel */
.help-link:active{
transform:translateX(2px) scale(0.99);
}
.foot-links{
text-align: center;
font-size: .9em;
}
.help-link {
display: block;
text-decoration: none;
padding: 0.5em;
text-align: center;
}
.help-links a{
display: block;
text-decoration: none;
padding: .5em;
}
.help-links a:hover{
color: #df0013!important;
}
.copyright{
color: white;
text-transform: uppercase;
font-size: 0.7em!important;
letter-spacing: .08em;
padding: 1.1em 0em 0.8em 0em!important;
max-width: none;
width: 100%;
background: #12599c;
margin-top: 2%;
border-top: 1px solid #00000029;
}
.lic-numbner{
text-transform: uppercase;
font-size: .9em;
letter-spacing: .08em;
}
.socialmedia{
position: relative;
}
.socialmedia .navbar{
position: relative;
padding-left: 0rem;
list-style: none;
justify-content: center;
margin: 0;
padding: 0;
}
.socialmedia .navbar a{
color: #12599c !important;
font-size: 2em;
text-decoration: none;
padding: 0em 0.2em 0em 0.2em;
margin: 0em 0em;
display: block;
text-align: center;
}
.socialmedia .navbar a span{
line-height: 1.7;
}
.socialmedia .navbar a:hover{
background-color: #b5201d00;
}
.socialmedia .navbar a:hover{
color: #df0013 !important;
}
.schema-title{
margin: 0.7em 0 0em 0!important;
}
footer a{
text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------Inner Pages Css ------------------------------------------------------------------ */
/* Lenox Promo Page CSS */
.lennox-promo {
max-width: 1100px;
margin: 0 auto;
padding: 30px 15px 50px;
}
.lennox-promo img {
max-width: 100%;
height: auto;
}
.lennox-promo .lp-hero-img {
margin-bottom: 30px;
text-align: center;
}
.lennox-promo .lp-hero-img img {
border-radius: 8px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
/* Headings use site blue */
.lennox-promo h2,
.lennox-promo h3 {
font-weight: 700;
margin: 0 0 10px;
color: #12599c;
}
.lennox-promo h2 {
font-size: 1.9rem;
}
.lennox-promo h3 {
font-size: 1.4rem;
}
.lennox-promo p {
margin: 0 0 12px;
line-height: 1.6;
}
.lennox-promo .lp-intro-row {
margin-bottom: 30px;
}
.lennox-promo .lp-intro-text strong {
display: block;
margin-bottom: 8px;
}
/* Primary highlight = site blue */
.lennox-promo .lp-highlight {
color: #12599c;
}
/* Divider stays subtle neutral */
.lennox-promo .lp-divider {
height: 1px;
background: #e2e6ec;
margin: 20px 0 25px;
}
.lennox-promo .lp-subtitle {
text-align: left;
margin-bottom: 5px;
}
/* Subtitle main line = blue, second line = red accent */
.lennox-promo .lp-subtitle span {
display: block;
font-size: 1.3rem;
color: #df0013;
}
.lennox-promo .lp-rebates {
margin-top: 15px;
}
/* Rebate cards use light blue background and red accent border */
.lennox-promo .lp-rebate-row {
background: #f3f7fb;
border-radius: 10px;
padding: 18px 20px;
margin-bottom: 50px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border-top: 3px solid #df0013;
}
.lennox-promo .lp-rebate-row strong {
display: block;
margin-bottom: 6px;
}
.lennox-promo .lp-rebate-row .columns.small-2,
.lennox-promo .lp-rebate-row .columns.medium-2,
.lennox-promo .lp-rebate-row .columns.large-2 {
text-align: center;
}
.lennox-promo .lp-cta {
margin: 30px 0 20px;
text-align: center;
}
.lennox-promo .lp-cta img {
border-radius: 8px;
/* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); */
}
.lennox-promo .lp-disclaimer {
font-size: 0.8em;
background: #f3f3f3;
padding: 15px;
border-radius: 6px;
margin-top: 15px;
}
.lennox-promo .lp-disclaimer p {
margin-bottom: 8px;
}
@media screen and (max-width: 640px) {
.lennox-promo {
padding: 20px 10px 35px;
}
.lennox-promo h2 {
font-size: 1.5rem;
}
.lennox-promo .lp-rebate-row {
text-align: center;
}
.lennox-promo .lp-rebate-row .columns.small-10,
.lennox-promo .lp-rebate-row .columns.small-2 {
margin-bottom: 10px;
}
}
/* ---------------------------------------------------------------------------------------------------------- */
/* Global Inner CSS */
.career-row{
position: relative;
margin: 3rem 0 4rem;
padding: 3rem 3rem 3.5rem;
border-radius: 32px;
background: linear-gradient(135deg, #144a7c 0%, #12599c 45%, #193e61 100%);
color:#ffffff;
overflow: hidden;
}
/* Coupon wrapper in sidebar */
.sidebar .coupon{
position: relative;
padding: 1.5em 2em 2em 2em;
background: #dd0013; /* dark blue */
width: 100%;
color: #ffffff;
outline: .2em dashed #ffffff;
outline-offset: -0.9em;
border-radius: 0px;
box-shadow: 0 10px 20px -12px rgba(0,0,0,.45);
text-align: center;
margin-bottom: 2em;
margin-top: 2em;
}
/* PRICE */
#sidebar1 .price{
margin: 0 0 .15em;
font-family: "Oswald", sans-serif;
font-size: 3em;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
/* OFFER text */
#sidebar1 .offer{
margin: 0 0 1.1em;
font-size: 1.1em;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
}
/* Button */
#sidebar1 .coupon .btn{
display: block;
width: 80%;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: .14em;
color: #ffffff;
background: #12599c;
border-radius: 999px;
border: 2px solid #ffffff;
margin-top: .2em;
}
/* Button hover */
#sidebar1 .coupon .btn:hover{
background: #df0013;
color: #ffffff;
}
/* Optional: tiny lift on hover of whole coupon */
.sidebar .coupon:hover{
transform: translateY(-2px);
box-shadow: 0 14px 26px -14px rgba(0,0,0,.6);
}
.insideimage .banner-subline{
position: relative;
display: inline-block;
margin-top: 1rem;
padding: .35em 1.6em .45em 1.1em; /* space around text */
font-family: "Poppins", sans-serif;
font-size: .95rem;
letter-spacing: .16em;
text-transform: uppercase;
color: #ffffff;
z-index: 1;
overflow: visible;
transition: transform .2s ease, filter .2s ease;
}
/* Skewed strip behind the text */
.insideimage .banner-subline::before{
content:"";
position:absolute;
inset: 0;
transform: skewX(-12deg);
background: linear-gradient(
90deg,
rgba(110,192,229,.18),
rgba(255,255,255,.24),
rgba(110,192,229,.18)
);
/* border-radius: 999px; */
z-index:1;
}
/* Hover: tiny lift + sharper strip */
.insideimage .banner-subline:hover{
transform: translateY(-1px);
filter: brightness(1.08);
}
.insideimage .banner-subline:hover::before{
background: linear-gradient(
90deg,
rgba(110,192,229,.26),
rgba(255,255,255,.3),
rgba(110,192,229,.26)
);
}
/* Tablet band: tighten the banner subline between 901px and 1200px */
@media (max-width: 1200px) and (min-width: 901px){
.insideimage .banner-subline{
font-size: 0.8rem; /* a bit smaller */
letter-spacing: 0.12em; /* less spread so it wraps nicer */
padding: .3em 1.2em .35em .9em;
max-width: 32rem; /* stops it from stretching too long */
white-space: normal; /* allow wrapping on two lines */
}
.insideimage .banner-subline::before{
transform: skewX(-10deg); /* slightly less skew so edges don't poke out */
}
}
.uv-gallery {
margin-top: 20px;
margin-bottom: 20px;
}
.uv-gallery-img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
.side-label{
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 2em;
margin-bottom: 0em;
font-family: 'oswald';
font-weight: bold;
margin-top: 1em;
/* font-style: italic; */
color: white;
}
.side-form {
text-align: center;
padding: 1rem;
background: #233d7d;
/* border-radius: 40px; */
color: white;
position: relative;
/* height: 63em; */
}
.inside-content{
padding-bottom: 0%;
}
.insideimage{
position: relative;
padding: 8% 4% 2% 4%;
margin-top: 11.5%;
border-bottom: 0.5em solid #df0013;
background-position: 100% 16%;
background-size: 54%;
z-index: 12;
background-image: url(/wp-content/uploads/2025/11/inner-banner.jpg);
}
.insideimage:after{
content:'';
position: absolute;
left: -31%;
bottom: 0%;
height: 110%;
width: 80%;
background: #12599c;
transform: skew(-20deg, 0deg);
box-shadow: 0.8em 0em #df0013;
}
.insideimage .slider-usp{
bottom: -4em;
position: relative;
z-index: 3;
width: 70%;
margin: 0em auto -1em 0;
}
.insideimage .truck-image:after{
bottom: 0em;
right: 2em;
}
.insideimage .slider-usp.row>*{
padding: 0 .4em;
}
.insideimage .slider-usp .usp-box p{
opacity: 1;
font-size: 1.3em;
bottom: -1.2em;
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0;
line-height: 1.1;
font-weight: bold;
color: #12599c;
}
.insideimage .slider-usp .usp-box{
font-size: 0.7em;
width: 100%;
/* color: black; */
transition: all .3s ease-in-out;
height: 9.8em;
text-align: center;
border: 1px solid #e6e6e6;
background: white;
padding: 0.1em;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.insideimage .slider-usp .usp-box span{
font-size: 5.5em;
/* line-height: 0.7; */
margin: -0.1em auto 0.05em auto;
left: 0em;
color: #df0013;
}
.insideimage .slider-usp .usp-box:hover {
background: #12599c; /* hero blue */
border-color: #df0013;
transform: translateY(-6px) scale(1.04);
box-shadow:
0 10px 22px -6px rgba(0,0,0,.35),
0 0 16px 4px rgba(110,192,229,.45);
}
/* ICON hover motion */
.insideimage .slider-usp .usp-box:hover span {
color: #ffffff;
transform: scale(1.15) rotate(-8deg);
filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));
}
/* Text turns white on hover */
.insideimage .slider-usp .usp-box:hover p {
color: #fff;
}
.banner-head{
position: relative;
color: #ffffff;
letter-spacing: .12em;
font-size: 1.9em;
text-transform: uppercase;
z-index: 2;
padding-left: 0.5em;
border-radius: 0em;
width: 55%;
}
.banner-head:after{
content:'';
position: absolute;
left: -0.3em;
top: 0em;
background: #df0013;
border-radius: 90em;
width: .25em;
height: 100%;
}
.extra-pad{
padding: 0 5%;
}
.wp-video{
margin: auto;
}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: black;
z-index: 999;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 30px;
padding: 0% 2% 1.8% 1%;
}
#breadcrumbs a {
color: #12599c;
font-weight: 900;
text-decoration: none;
}
#breadcrumbs .icon-home {
font-size: 1.2em;
border-right-width: thin;
border-right-style: solid;
border-right-color: rgba(0, 0, 0, 0.2);
padding: 1em;
margin-right: 12px;
color: #df0013;
}
.inside-section-3 h2, .inside-section-4 h2{
font-size: 2em;
font-weight: 900;
}
.inside-section-3 h3, .inside-section-4 h3{
font-size: 24px;
}
.inside-section-1 h3, .inside-section-2 h3{
font-size: 24px;
}
.inside-section-4 h2{
color: #343434;
}
.inside-section-3.careers-padding{
margin-top: 15%;
}
.inside-section-3{
position: relative;
background-color: #ebebeb;
padding: 6% 7% 4% 7%;
color: #000000;
z-index: 9;
}
.inside-section-3:after {
content: '';
position: absolute;
top: -6em;
left: 0;
width: 100%;
height: 7em;
transform: scale(-1,-1);
background-size: 100%;
background-repeat: no-repeat;
}
.inside-section-3 blockquote:before{
}
.inside-section-3 h2{
color: #12599c;
}
.inside-section-3 .accordion-button,.inside-section-4 .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #1f2c5f;
letter-spacing: .08em;
}
.inside-section-3 .accordion-item, .inside-section-4 .accordion-item{
background-color: #e9e9e9;
color: #070707;
}
.inside-section-3 .accordion-button:not(.collapsed),.inside-section-4 .accordion-button:not(.collapsed) {
color: #ffffff;
background-color: #044ba1;
}
.inside-section-3 .accordion,.inside-section-4 .accordion{
margin-bottom: 2em;
}
.inside-section-4{
position: relative;
background-color: #ffffff;
padding: 3% 7% 6% 7%;
color: black;
}
.inside-section-3 .accordion-button::after, .inside-section-4 .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.inside-section-3 .accordion-button:hover, .inside-section-4 .accordion-button:hover{
background-color: #18134f;
color: white!important;
}
.inside-section-3 .accordion-button:hover h2, .inside-section-4 .accordion-button:hover h2{
color: white;
}
.inside-section-3 .accordion-button:not(.collapsed) h2,.inside-section-4 .accordion-button:not(.collapsed) h2{
color: white;
}
.inside-section-3 .bullet-list{
position: relative;
/* color: white; */
}
.inside-section-3 .bullet-list li{
padding: 0.1em 0.1em 0.1em 1.8em;
}
.inside-section-3 .bullet-list li:after {
top: 0.05em;
left: 0.2em;
}
.emp-form{
position: relative;
padding: 6% 5% 3% 5%;
background-color: #ebebeb;
border-radius: 1em;
margin: 1em auto 3em auto;
width: 85%;
}
.emp-form .with_frm_style .vertical_radio .frm_checkbox label, .emp-form .with_frm_style .vertical_radio .frm_radio label{
color: #fff;
}
.emp-form .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
width: 100%;
padding: 1em 0em;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 1.1em;
background-color: #03a8e2;
color: white;
border: 0;
box-shadow: none;
}
.emp-label{
text-align: center;
text-transform: uppercase;
letter-spacing: .08em;
color: #383838;
font-size: 1.5em;
margin-bottom: .8em;
}
.insideimage .not-active{
display: none;
}
.insideimage .activate{
position: relative;
display: block!important;
z-index: 9;
}
.insideimage .activate a{
color: white;
position: relative;
z-index: 3;
transition: all .3s ease-in-out;
display: block;
padding-left: 0em;
border-radius: 900em;
letter-spacing: .09em;
font-size: 1.2em;
margin-bottom: -1em;
width: 16.5em;
text-align: center;
margin-left: 3.8em;
}
.insideimage .activate a:hover{
background-color: #5b6363;
}
/* Opening CTA Inner CSS */
blockquote {
font-size: 1.22em!important;
margin-top: 35px!important;
width: 95%;
border-left: aliceblue;
position: relative;
padding: 1em 4em 1em 2.5em!important;
margin: 4% 1% 6% 1%!important;
z-index: 9;
color: #000000!important;
}
blockquote, blockquote p {
line-height: 1.6;
margin-bottom: 0em;
color: #ffffff;
}
blockquote {
position: relative; /* make sure :after is positioned correctly */
}
blockquote:after {
content: '';
position: absolute;
bottom: -2.9em;
right: -3em;
width: 7.7em;
height: 8.9em;
background-image: url(/wp-content/uploads/2025/11/atlantic-truck.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
/* animation + smooth hover */
transform-origin: center bottom;
/* animation: mascotFloat 3.5s ease-in-out infinite; */
transition: transform 0.25s ease-in-out;
}
/* slight pop on hover */
blockquote:hover:after {
transform: translateY(-6px) scale(1.04);
}
/* keyframes for subtle bobbing */
@keyframes mascotFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
blockquote:before {
content: '';
position: absolute;
bottom: 0em;
left: 0em;
height: 100%;
width: 100%;
transition: all .3s ease-in-out;
z-index: -01;
background-color: #12599c;
border-top-right-radius: 0em;
border-radius: 1em;
border-top-left-radius: 0em;
border-bottom-left-radius: 0em;
border-left: 0.8em solid #df0013;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
/* transform: skew(-6deg, 0deg); */
}
blockquote a{color: #6ec1e4;text-decoration: none;}
blockquote a:hover{color: #ffffff;}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: black;
z-index: 0;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 1.5em;
}
.inside-content h1 {
margin-bottom: -1px;
color: #12599c;
font-weight: 900;
font-size: 2.5em;
}
.inside-content h1 strong{
color: #3f6fa6;
}
.inside-content h1 span{
display: block;
font-size: .6em;
font-family: 'Poppins';
font-weight: normal;
color: white;
}
.inside-content h2 em{
font-size: .8em;
font-family: 'Poppins';
font-weight: normal;
font-style: normal
}
.inside-content h2 {
color: #313131;
font-weight: 900;
font-size: 2em;
}
.inside-content h3 {
color: #184ba1;
font-weight: 900;
font-size: 1.4em;
}
.inside-content h5{
font-size: 1.3em;
}
.coup-page{
position: relative;
padding-bottom: 7%;
}
.coup-page .text-highlight{
margin-bottom: 3em;
}
.coup-page .col-lg-6{
margin: 0em 0 2.5em 0!important;
}
.deal-offer{
position: relative;
font-size: 1.4em;
line-height: 1.4;
display: block;
margin: 2% 0 2% 0;
color: white;
}
.deal-price{
position: relative;
font-weight: bold;
font-size: 4em;
line-height: 1.2;
text-shadow: -0.08em 0.09em 0.2em #00000005;
color: #ffffff;
font-family: poppins;
margin-top: 0.4em;
}
.coup-page .text-highlight{
margin-bottom: 3em;
}
.side-coup{
position: relative;
width: 100%;
margin: 2em auto 2em auto;
background-color: #12599c;
background-size: 55%;
background-position: bottom left;
background-repeat: no-repeat;
padding: 5% 10% 7% 10%;
outline: .3em dashed #ffffff;
outline-offset: -1em;
text-align: center;
border-radius: 2em;
}
.side-coup p{
font-size: 0.8em;
color: white;
}
.side-coup .btn-primary{
display: block;
text-transform: uppercase;
letter-spacing: .03em;
color: #ffffff!important;
letter-spacing: .08em;
padding: 0.6em 1em;
font-size: 1em;
width: 90%;
margin: 1em auto;
background-color: #df0013;
}
.rev-sec-in{
padding: 5em 4em 5em 4em!important;
background-image: url(/wp-content/uploads/2025/11/inner-rev-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
}
.rev-btns{
margin-top: 2em;
}
.rev-header{
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.rev-header strong {
font-size: 1.2em;
font-family: oswald;
}
/*sidebardservice*/
figure.snip1190 {
font-family: 'Coda Caption', sans-serif;
color: #fff;
position: relative;
float: left;
overflow: hidden;
margin: 31px 0%;
min-width: 220px;
max-width: 493px;
/* max-height: 220px; */
width: 100%;
background: #12599c;
text-align: center;
border-radius: 10px;
}
figure.snip1190 * {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
figure.snip1190 img {
opacity: 0.8;
width: 100%;
}
figure.snip1190 figcaption {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
figure.snip1190 .txtsidebars {
font-weight: 400;
left: 0;
right: 0;
letter-spacing: -1px;
margin: 0 auto;
position: absolute;
/* text-transform: uppercase; */
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
font-weight: 900;
font-size: 37px;
text-shadow: 2px 2px 5px black;
}
figure.snip1190 .txtsidebars span {
font-weight: 800;
}
figure.snip1190 p {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
opacity: 0;
font-size: 20px;
-webkit-transform: translateY(-20%) scale(0.7);
transform: translateY(-20%) scale(0.7);
}
figure.snip1190 .square {
height: 78px;
width: 78px;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
content: '';
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.snip1190 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1190:hover img,
figure.snip1190.hover img {
opacity: 0.25;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.snip1190:hover .txtsidebars,
figure.snip1190.hover .txtsidebars {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
figure.snip1190:hover p,
figure.snip1190.hover p {
opacity: 1;
-webkit-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1);
}
figure.snip1190:hover .square:before,
figure.snip1190.hover .square:before {
width: 38%;
}
figure.snip1190:hover .square div:before,
figure.snip1190.hover .square div:before {
height: 38%;
}
figure.snip1190:hover .square:after,
figure.snip1190.hover .square:after {
width: 55%;
}
figure.snip1190:hover .square div:after,
figure.snip1190.hover .square div:after {
height: 55%;
}
/* Demo purposes only */
body {
background-color: #212121;
}
#sidebar1 .price{
font-size: 3em;
}
#sidebar1 .offer{
font-size: 1.1em;
}
#sidebar1 .coupon a{
display: block;
font-size: 0.8em;
}
/* List Style 1 Inner CSS */
.bullet-list{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 10px;
}
.bullet-list li {
position: relative;
padding: 0.2em .1em 0.2em .1em;
padding-left: 2em;
font-size: 1.2em;
font-weight: 500;
width: 48%;
}
.bullet-list li:after {
content: "\f058";
font-family: 'icomoon' !important;
position: absolute;
top: 0;
left: 0;
color: #df0013;
font-size: 1.333em;
border-radius: 50%;
line-height: 1;
}
.bullet-list li a{
color: #184ba2;
text-decoration: none;
}
.bullet-list li a:hover{
color: #1f2c5f;
}
/* ---------------------- */
/* List Style 2 Inner CSS */
.check-list li{
display: block!important;
padding: .8em 1em .8em 4em!important;
border-bottom: solid 1px rgba(0, 0, 0, 0.14)!important;
position: relative!important;
line-height: 1.5em!important;
text-align: left!important;
width:100%!important;
}
.check-list {
display: block!important;
margin: 1em 0!important;
padding: 0!important;
border: solid 1px rgba(0, 0, 0, 0.08)!important;
}
.check-list li:before {
content: "\f00c";
font-family: 'icomoon' !important;
color: #df0013;
display: block;
position: absolute;
font-size: 1.2em;
top: 0.8em;
left: 1.06em;
z-index: 2;
}
.check-list li:after{
content: '';
position: absolute;
background-size: 100%;
width: 2.5em;
height: 2.5em;
top: 0.4em;
left: 0.3em;
background-repeat: no-repeat;
}
.check-list li strong {
text-transform: uppercase;
font-size: 1.025em;
color: #12599c;
}
.check-list li a{
color: #12599c!important;
}
.check-list li a:hover{
color: #fb8500!important;
}
/* ------------------------------------------ */
/* Careers Page Template */
.jobs-section .job-card h3 {
margin-top: 1.5rem;
}
.jobs-section .job-card ul li + li {
margin-top: 0.35rem;
}
/* Make the active tab stand out a bit more if you want */
.jobs-tabs .nav-link.active {
font-weight: 600;
}
/* JOB TABS STYLING */
.jobs-tabs {
border-bottom: 2px solid #12599c; /* blue underline */
}
.jobs-tabs .nav-link {
color: #12599c;
font-weight: 600;
padding: 10px 20px;
border: none;
border-radius: 0;
margin-right: 5px;
transition: 0.25s ease-in-out;
}
/* Hover effect */
.jobs-tabs .nav-link:hover {
background-color: rgba(18, 89, 156, 0.08); /* soft blue */
color: #12599c;
}
/* Active tab */
.jobs-tabs .nav-link.active {
background-color: #12599c;
color: #ffffff !important;
border: none;
border-bottom: 3px solid #df0013; /* red highlight */
}
/* Remove default Bootstrap border */
.nav-tabs .nav-link.active {
border-color: transparent !important;
}
/* Page creator Template */
.pc-default{
position: relative;
padding: 1% 3%;
background-size: cover;
background-position: center;
}
.pc-default .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #00488c;
letter-spacing: .08em;
}
.pc-default .accordion-item{
background-color: #efefef;
color: #070707;
}
.pc-default .accordion-button:not(.collapsed){
color: #ffffff;
background-color: #000000;
}
.pc-default .accordion{
margin-bottom: 2em;
}
.pc-default .usp-box{
position: relative;
padding: 2em 2em;
text-align: center;
border: 1px solid #00000047;
border-radius: .5em;
margin: 1em auto;
background: white;
}
.pc-default h2{
font-weight: 900;
}
.pc-default .usp-label{
position: relative;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.pc-default .usp-box span{
display: block;
text-align: center;
font-size: 4em;
color: #0056a6;
}
.center-head{
text-align: center;
display: block;
}
.pc-default h1{
font-weight: 900;
color: #0056a6;
}
.topsec{
padding-bottom: 3em;
}
.section-faqsec h2{
color: #00488c;
font-weight: 900;
}
.pc-default .accordion-button h3{
margin: 0;
color: white;
}
/* Flex Template */
.column-section{
position: relative;
padding: 5% 5%;
}
/* Make the inline phone number use df0013 styling without breaking the paragraph */
p .df0013 {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: inherit; /* so it matches the paragraph size */
line-height: inherit;
color: #df0013;
}
.column-section strong.highlight{
font-size: 1.36em;
font-style: italic;
color: #000000;
position: relative;
font-weight: 500!important;
margin-top: 8px;
padding-bottom: 3%;
margin-bottom: 1em;
line-height: 1.4!important;
display: block;
}
.column-section strong.highlight:not(.no-line):after {
content: ' ';
display: block;
width: 159%;
height: 4px;
background-color: #4fc8e3;
position: absolute;
top: 95%;
right: 20px;
}
.column-section .btn-primary{
max-width: 450px;
margin-left: 0;
color: white;
}
.column-section no{
display: none;
}
.text-highlight p{
margin-bottom: 0;
}
.column-section h1{
color: #414141;
font-size: 2.6em;
margin: 0em 0em -0.5em 0em;
}
.compressed-sec{
padding: 5% 18%;
background: #ededed;
}
.content-header{
font-weight: 900;
font-size: 1.2em;
color: #ff601f;
}
.usp-box-section{
position: relative;
padding: 5% 5%;
background: #ff5f1f;
}
.usp-box-section .usp-box{
height: 23em;
padding: 4em 1em 1em 1em;
}
.accordion-section{
position: relative;
padding: 2% 5%;
}
.accordion-section .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #209ad6;
letter-spacing: .08em;
}
.accordion-section .accordion-item{
background-color: #272727;
color: white;
}
.accordion-section .accordion-button:not(.collapsed){
color: #ffffff;
background-color: #000000;
}
.accordion-section .accordion{
margin-bottom: 2em;
}
.accordion-section .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.accordion-section .accordion-button:hover{
background-color: #333a45;
color: white!important;
}
.accordion-section .accordion-button:hover h2{
color: white;
}
.accordion-section .accordion-button:not(.collapsed) h2{
color: white;
}
.galler-section {
position: relative;
padding: 3% 5%;
}
/* Opening CTA Inner CSS */
.text-highlight {
font-size: 1.36em;
font-style: italic;
color: #000000;
position: relative;
font-weight: 500!important;
margin-top: 8px;
padding-bottom: 3%;
margin-bottom: 39px;
line-height: 1.4!important;
}
.text-highlight:not(.no-line):after {
content: ' ';
display: block;
width: 159%;
height: 4px;
background-color: #184ba2;
position: absolute;
top: 99%;
right: 20px;
}
.text-highlight p{
margin-bottom: 0;
}
.text-highlight2 {
font-size: 1.25em;
padding: 1.5em 3% 1.1em;
position: relative;
border-bottom: solid 1px #00000054;
text-align: center;
margin: 4.5rem 0 0.5rem 0em;
color: #000000;
font-weight: 900;
text-wrap: balance;
}
.text-highlight2:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right,#00000040 41.99%,#FFFFFB 42%,#FFFFFF 58.99%,#00000040 55%);
}
.text-highlight2:after {
content: '';
position: absolute;
width: 100%;
height: 3.4em;
background-size: 6.6em;
background-repeat: no-repeat;
background-position: 50% 50%;
left: 0.2em;
top: -2.15em;
}
.text-highlight2 a{
display: unset;
color: #b00c03;
transition: all .3s ease-in-out;
transform: scale(1);
position: relative;
bottom: 0em;
}
.text-highlight2 a:hover{
font-size: 1.04em;
bottom: 0.12em;
}
/* =========================================
INNER BOTTOM – USP CAROUSEL SECTION
========================================= */
.inner-bottom {
margin-top: 0;
color: #000 !important;
padding: 2em 5%;
position: relative;
z-index: 13;
clip-path: none !important;
background-image: url(/wp-content/uploads/2025/11/sec4-bg.jpg);
background-size: cover;
background-position: center;
}
.inner-bottom.section-2::after {
transform: none;
bottom: 1em;
}
/* Wrap for this carousel */
.inner-bottom .usp-wrap {
position: relative;
margin-top: 0;
}
/* Bootstrap row spacing in this area (optional) */
/* .inner-bottom .usp-wrap.row > * {
padding: 0 0.7%;
} */
/* =========================================
USP CARDS – LAYOUT & LOOK
========================================= */
/* Make each card column flex so the heights match */
.inner-bottom .carousel-item .row {
display: flex;
flex-wrap: wrap;
}
.inner-bottom .carousel-item .row > [class*="col-"] {
display: flex;
}
/* Card container */
.inner-bottom .usp-blk {
position: relative;
flex: 1 1 auto;
width: 100%;
margin: 1em auto;
padding: 1.5em 2.75em;
font-size: 0.95em;
border-radius: 1.5em;
background: transparent;
transition: all 0.3s ease-in-out;
}
/* Skewed white background */
.inner-bottom .usp-blk::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: -1;
border-radius: 3em;
transform: skew(-7deg);
box-shadow: 0 0 1em #0000004f;
}
/* Icon (ACF text field "icon") */
.inner-bottom .usp-icon {
display: block;
text-align: center;
font-size: 4.5rem;
color: #233d7d;
position: relative;
z-index: 1;
margin-bottom: 0.4em;
}
/* Optional decorative halo behind icon.
You can add background-image per box (box-1, box-2, etc) elsewhere. */
.inner-bottom .usp-icon::after {
content: '';
position: absolute;
top: -0.15em;
left: 0;
width: 100%;
height: 1.3em;
background-repeat: no-repeat;
background-position: center;
background-size: 1.1em;
opacity: 0.2;
z-index: -1;
}
/* Label and text */
.inner-bottom .usp-label {
font-weight: 900;
line-height: 1.1;
margin: 0.4em 0;
color: #233d7d;
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: 1.4em;
}
.inner-bottom .usp-blk p {
margin: 0;
}
/* =========================================
MATCH CARD HEIGHTS AT DIFFERENT BREAKPOINTS
========================================= */
/* Tablet-ish band – a bit taller */
@media (min-width: 900px) and (max-width: 1165px) {
.inner-bottom .usp-blk {
min-height: 25rem;
}
}
/* Desktop – slightly tighter again */
@media (min-width: 1166px) {
.inner-bottom .usp-blk {
min-height: 16rem;
}
}
/* Small screens – let them grow naturally */
@media (max-width: 899px) {
.inner-bottom .usp-blk {
min-height: 0;
}
}
/* =========================================
CAROUSEL CONTROLS (ARROWS)
========================================= */
.inner-bottom .carousel-control-prev,
.inner-bottom .carousel-control-next {
width: auto;
}
.inner-bottom .carousel-control-prev {
left: -6em;
}
.inner-bottom .carousel-control-next {
right: -6em;
}
/* Pull arrows in on smaller screens so they don't get cut off */
@media (max-width: 991px) {
.inner-bottom .carousel-control-prev {
left: -1.5em;
}
.inner-bottom .carousel-control-next {
right: -1.5em;
}
}
/* Inner bottom band */
.inner-bottom {
position: relative;
margin-top: 7em;
color: #000 !important;
padding: 10em 6% 2em 6%; /* was 7% – brings content in slightly */
position: relative;
z-index: 13;
clip-path: none !important;
background-image: url(/wp-content/uploads/2025/11/sec4-bg.jpg);
background-size: cover;
background-position: center;
overflow: visible; /* let shadows / skew breathe */
}
.inner-bottom.section-2 {
position: relative;
}
.inner-bottom.section-2::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 380px; /* tweak as needed */
height: 380px; /* tweak as needed */
background-image: url("/wp-content/uploads/2025/11/sec2-logo-badge.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
z-index: 2;
/* Pulse effect */
animation: badge-pulse 2.5s ease-in-out infinite;
}
/* Keyframes for the pulse */
@keyframes badge-pulse {
0% {
transform: translate(-50%, -50%) scale(1);
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));
}
50% {
transform: translate(-50%, -50%) scale(1.07);
filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.3));
}
100% {
transform: translate(-50%, -50%) scale(1);
filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.2));
}
}
/* Carousel wrapper – don’t crop contents */
.inner-bottom .carousel {
overflow: visible;
}
/* Columns & cards */
.inner-bottom .carousel-item .row {
display: flex;
flex-wrap: wrap;
}
.inner-bottom .carousel-item .row > [class*="col-"] {
display: flex;
}
.inner-bottom .usp-blk {
position: relative;
flex: 1 1 auto;
width: 100%;
margin: 1.2em 0.75em; /* small horizontal margin so they never hit the edge */
padding: 1.5em 3.75em;
font-size: 0.95em;
border-radius: 1.5em;
background: transparent;
transition: all 0.3s ease-in-out;
}
/* Skewed background – slightly inset so corners don’t touch edges */
.inner-bottom .usp-blk::after {
content: '';
position: absolute;
left: 0%;
top: 0;
width: 94%; /* not quite full width */
height: 100%;
background: #ffffff;
z-index: -1;
border-radius: 3em;
transform: skew(-7deg);
box-shadow: 0 0 1em #0000004f;
}
/* Icon/text rules you already have can stay as-is */
/* =========================================
CUSTOM INDICATORS FOR THIS CAROUSEL ONLY
========================================= */
.section-2 #usp-group2-in .carousel-indicators {
position: static;
margin-top: 1.75rem;
display: flex;
justify-content: center;
gap: 0.5rem;
}
/* Base bullet style */
.section-2 #usp-group2-in .carousel-indicators button {
width: 12px;
height: 12px;
border-radius: 999px;
border: 0;
background-color: rgba(255, 0, 0, 0.25);
opacity: 1; /* override bootstrap */
transition:
transform 0.25s ease,
background-color 0.25s ease,
box-shadow 0.25s ease;
}
/* Active bullet */
.section-2 #usp-group2-in .carousel-indicators button.active {
width: 28px;
background-color: #df0013;
box-shadow:
0 0 0 2px #ffffff,
0 0 12px rgba(36, 43, 107, 0.6);
transform: translateY(-1px);
}
/* Hover/focus */
.section-2 #usp-group2-in .carousel-indicators button:hover,
.section-2 #usp-group2-in .carousel-indicators button:focus-visible {
background-color: rgba(255, 255, 255, 0.6);
outline: none;
}
/* ---------------------- */
/* Closing CTA Inner CSS */
/* ------------------------------------------------------------------------------------- */
/* Keep social text from overflowing the card */
.wa-intcode-card .wa-intcode-list-item-content {
display: block;
word-break: break-word;
overflow-wrap: anywhere;
}
.faq-page .accordion-button{
background-color: #12599c;
color: white;
}
.faq-page .accordion-button[aria-expanded=true], .faq-page .accordion-button:hover{
background-color: #df0013;
color: white;
}
.faq-page .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
/* 404 Page */
.error-page {
padding: 11% 4% 6% 4%;
background-size: cover;
background-position: center;
text-align: center;
color: black;
margin-top: 9%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
}
.error-page .inside-content {
position: relative;
padding-top: 0px;
background-color: #00000059;
padding: 7% 1% 4% 1%;
}
.error-page .error{
font-size: 14em;
font-weight: 900;
color: #df0013;
position: relative;
display: block;
line-height: 0.8;
letter-spacing: .03em;
z-index: 2;
margin-top: -2%;
text-shadow: -4px 4px #373535;
margin-bottom: 1%;
}
.error-page .inside-content h1{
font-size: 4.2em;
color: #ffffff;
position: relative;
z-index: 1;
margin-top: -0.2em;
}
.error-page .entry-content{
font-size: 1.4em;
padding: 0% 13%;
position: relative;
color: white;
}
.reroute-btns{
padding: 0%;
position: relative;
}
.reroute-btns .column,.reroute-btns .columns {
padding-left: .3375rem;
padding-right: .3375rem;
}
.reroute-btns .btn{
width: 100%;
font-size: 1.1em;
box-shadow: 1px 1px 16px 8px #0000000f;
text-transform: uppercase;
/* font-weight: 900; */
letter-spacing: .03em;
border: 0;
display: block;
border-radius: 0;
margin: .7em 0;
border-radius: 900em;
color: black;
}
.reroute-btns .btn:hover{
background-color: #df0013 !important;
color: white!important;
text-shadow: none;
}
.reroute-btns span{
position: relative;
top: 0.15em;
font-size: 1.3em;
}
.single-blog ul{
margin-left: 2em!important;
}
/* Default Template CSS */
.full-inner-max{
padding-top: 4%;
background: white;
z-index: 11;
position: relative;
}
.main-blog{
position: relative;
}
.wa-intcode-card strong:first-child{
display: none;
}
.main-blog a{
text-decoration: none;
color: #12599c!important;
}
.main-blog .page-nav{
position: relative;
background-color: #efefef;
padding: 1.5em;
margin-bottom: 1em;
}
.main-blog .post-thumbnail img{
width: 100%;
display: block;
}
.single-blog{
position: relative;
padding: 5% 15% 4% 15%;
}
/* ------------------------------------------------------------------------------------- */
.inside-content a{
display: unset;
color: #df0013;
text-decoration: none;
}
.inside-content .btn-primary{
color: #ffffff;
}
/* Thank You Template CSS */
.thank-you {
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
padding: 9% 1% 5% 1%;
margin-top: 10%;
z-index: 99;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
position: relative;
}
.thank-you .bg-inner {
text-align: center;
background-color: rgba(0, 0, 0, 0.39);
border: solid 1px #0000005e;
position: relative;
padding: 4.063rem 0 3.363rem 0;
color: white;
}
.thank-you .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.thank-you .bg-inner p {
font-size: 1.5rem;
line-height: 1.5em;
}
.thank-you .bg-inner h1{
margin: 0;
color: #df0013;
font-weight: 900;
font-size: 5.3rem;
line-height: 1;
margin-bottom: 0.2em;
text-transform: uppercase;
letter-spacing: .03em;
text-shadow: -6px -1px .8em #2b2b2b;
}
.thank-you .bg-inner h1 strong {
display: block;
font-size: 1.847em;
color: #fa4f41;
}
.thank-you .button{
display: block;
background-color: #12599c;
text-transform: uppercase;
font-size: 1em;
letter-spacing: .08em;
color: #ffffff;
text-decoration: none;
padding: 0.65em 0em;
margin: 0.7em 0;
border-radius: 900em;
font-family: 'Fredoka', sans-serif!important;
}
/* ------------------------------------------------------------------------------------- */
/* Client Response Template CSS */
.client-resp-wrap{
padding: 0% 5%;
}
.client-response .entry-content{
padding: 0% 7%;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]{
display: block;
width: 100%;
font-size: 1em;
text-transform: uppercase;
letter-spacing: .08em;
background-color: #e62318;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
background-color: black;
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
background-color: #199ad6;
color: white;
width: 100%;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 1em;
font-family: 'Exo 2', sans-serif!important;
text-shadow: -0.03em 0.08em black;
}
.client-response .frm_forms.frm_style_formidable-style-2.with_frm_style{
margin: auto;
}
.client-response .bg-inner {
text-align: center;
background-color: rgba(0, 0, 0, 0.31);
border: solid 1px #000000a6;
position: relative;
padding: 3.063rem 0 1.363rem 0;
color: white;
}
.client-response .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.client-response .bg-inner p {
font-size: 1.6rem;
line-height: 1.5em;
padding: 0% 5%;
}
.client-response .bg-inner h1{
margin: 0;
color: #ffffff;
font-size: 4.3rem;
line-height: 0.9;
margin-bottom: 3%;
text-shadow: 4px 4px 0.7em #00000075;
text-transform: uppercase;
}
.client-response .bg-inner h1 strong {
display: block;
font-size: 1.647em;
color: #df0013;
position: relative;
}
.client-response .bg-inner h1 span strong{
font-size: 1.2em;
}
.client-response .bg-inner h1 span{
font-size: 0.7em;
display: block;
font-weight: normal;
}
.client-response .with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_button_submit {
position: relative;
display: block;
width: 100%;
background-color: #e7090c;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 900;
font-family: 'Ubuntu', sans-serif!important;
}
/* ------------------------------------------------------------------------------------- */
/* Client Feedback Review Template CSS */
.client-response {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 15% 1% 7% 1%;
background-color: #4e4e4e;
margin-top: 8%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
}
.client-review {
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
padding: 11% 4% 5% 4%;
position: relative;
z-index: 9;
margin-top: 10%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/feedback-bg.jpg);
text-align: center;
}
.client-review p {
font-size: 1.2rem;
line-height: 1.6;
padding: 0% 0%;
color: black;
}
.client-review h1{
margin: 0;
color: #000000;
font-weight: normal;
font-size: 4.2rem;
line-height: 1;
margin-bottom: -0.1em;
/* text-shadow: 4px 4px 0.4em #00000057; */
text-transform: uppercase;
position: relative;
}
.client-review h1 strong {
display: block;
font-size: 1.47em;
color: #044ba1;
}
.resp-box{
border-top: 1px solid #00304624;
FONT-WEIGHT: 100;
position: relative;
margin-top: 2%;
border-bottom: 1px solid #00304624;
}
.resp-txt{
font-weight: 900;
font-size: 1.7em;
letter-spacing: 0.03em;
margin-bottom: 2%;
line-height: 1.7;
padding: 1% 5% 0% 5%;
}
.resp-box .btn{
display: block;
width: 80%;
max-width: 440px;
border-radius: 900em;
border: 0;
margin: auto;
}
.client-review img{
display: block;
width: 90%;
margin: auto;
}
.client-review .col-12 img{
max-width: 450px;
}
.client-review .row-cols-5{
padding: 0% 15%;
margin-top: 2%;
}
/* ------------------------------------------------------Media Queries CSS ---------------------------------------- */
@media screen and (min-width: 5.001em) and (max-width: 25em) {
/* NEW QUERIES */
.hero-family-bar {
font-size: 12px;
}
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 9% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.top-services a {
height: 14em;
margin: 1em 2em;
}
.home-form {
display: none;
}
blockquote:after{
display: none;
}
.section-2 {
padding: 20% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size: cover;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 2.8em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
overflow-y: scroll;
height: 35em;
overflow-x: hidden;
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.coup-col:not(:first-child) {
display: none;
}
/* Make the first column take full width */
.coup-col:first-child {
flex: 0 0 100%; /* Full width */
max-width: 100%; /* Full width */
margin-top: 2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 0% 0%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box {
padding: 1em 2em 2em 2em; /* Adjust padding for smaller screens */
height: 21em; /* Shorter height for compact screens */
font-size: 0.8em; /* Adjust font size for better scaling */
position: relative;
}
.section-9 .col-sm-9.col-md-12.col-lg-12 {
margin: 0em 0 0 3em;
padding: 10%
}
.section-9 .usp-label {
font-family: "Poppins", sans-serif; /* Ensure readable font */
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 1.3em !important;
margin: 0em 0em 0em 0em; /* Adjust spacing */
text-align: center; /* Align text to the left */
line-height: 1em;
text-align: left;
}
.section-9 .usp-box p {
text-align: left;
font-size: .8rem;
color: #0f1417;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 0px 0 0px;
}
.section-9 .usp-box span {
font-size: 5em; /* Keep the logo prominent */
position: absolute;
left: -.4em; /* Adjust position for mobile */
top: 0.6em; /* Align icon neatly */
}
.section-9 .carousel-inner {
display: flex;
flex-direction: column; /* Stack items vertically */
gap: 1.5em; /* Add space between items */
/* padding: 0px; */
}
.section-9 .carousel-inner {
display: block !important; /* Display one item per slide */
}
.section-9 .col-4 {
width: 100%; /* Override Bootstrap column width to stack items */
max-width: 100%;
flex: 0 0 auto;
}
.sliderfull{
margin-top: 30%;
}
.slider-header{
font-size: 2em;
}
/* END NEW QUERIES */
#breadcrumbs{
font-size: .6em;
margin-top: 6em;
}
.section-1 blockquote {
padding: 3% 0% 3% 0%!important;
left: 0px !important;
}
.error-page .inside-content h1{
font-size: 1.5em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 8.1em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
margin-top: 27%;
padding: 22% 4% 5% 4%;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review img, .client-review .btn{
margin: auto;
width: 100%;
}
.client-review h1{
font-size: 1.7em;
}
.client-response .bg-inner p {
font-size: 1.1rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 1.9rem;
}
.thank-you .bg-inner h1 {
font-size: 2.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.insideimage .slider-usp .usp-box {
font-size: 0.6em;
padding: 5% 15%;
}
.single-blog {
position: relative;
padding: 12% 4% 4% 4%;
}
.insideimage {
padding: 28% 4% 0% 4%;
margin-top: 14.5%;
border-bottom: 0.2em solid #df0013;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 17%;
}
.banner-head{
font-size: 1.1em;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 0.83em;
width: 100%;
}
.logo-image img{
width: 8.4em;
top: .1em;
}
.smallbar .logo-image img{
width: 6em;
}
.logo-foot img{
width: 19em;
}
.quick-nav.adjust {
font-size: .9em;
top: 4.7em;
}
.close-cta{
font-size: 0.8em;
padding: 6% 2% 3% 2%;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: 0.6em;
}
.resp-txt{
font-size: 1em;
}
.client-response {
padding: 17% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 13% 4% 6% 4%;
margin-top: 18%;
}
.help-links a{
text-align: center;
}
.side-form iframe {
height: 64em!important;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
font-size: 0.7em;
position: relative;
margin-top: 1em;
bottom: -2em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.show-for-small-only{
display: block!important;
}
.emp-info em{
width: 90em;
}
.compressed-sec {
padding: 5% 3%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 35em) and (min-width: 25.001em) {
/* NEW QUERIES */
.hero-family-bar {
font-size: 12px;
}
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 9% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.top-services a {
height: 14em;
margin: 1em 2em;
}
.home-form {
display: none;
}
blockquote:after{
display: none;
}
.section-2 {
padding: 20% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size: cover;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
overflow-y: scroll;
height: 35em;
overflow-x: hidden;
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.coup-col:not(:first-child) {
display: none;
}
/* Make the first column take full width */
.coup-col:first-child {
flex: 0 0 100%; /* Full width */
max-width: 100%; /* Full width */
margin-top: 2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 0% 0%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box {
padding: 1em 2em 2em 2em; /* Adjust padding for smaller screens */
height: 21em; /* Shorter height for compact screens */
font-size: 0.8em; /* Adjust font size for better scaling */
position: relative;
}
.section-9 .col-sm-9.col-md-12.col-lg-12 {
margin: 0em 0 0 3em;
padding: 10%
}
.section-9 .usp-label {
font-family: "Poppins", sans-serif; /* Ensure readable font */
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 1.3em !important;
margin: 0em 0em 0em 0em; /* Adjust spacing */
text-align: center; /* Align text to the left */
line-height: 1em;
text-align: left;
}
.section-9 .usp-box p {
text-align: left;
font-size: .8rem;
color: #0f1417;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 0px 0 0px;
}
.section-9 .usp-box span {
font-size: 6em; /* Keep the logo prominent */
position: absolute;
left: -.2em; /* Adjust position for mobile */
top: 0.6em; /* Align icon neatly */
}
.section-9 .carousel-inner {
display: flex;
flex-direction: column; /* Stack items vertically */
gap: 1.5em; /* Add space between items */
/* padding: 0px; */
}
.section-9 .carousel-inner {
display: block !important; /* Display one item per slide */
}
.section-9 .col-4 {
width: 100%; /* Override Bootstrap column width to stack items */
max-width: 100%;
flex: 0 0 auto;
}
.sliderfull{
margin-top: 25%;
}
.slider-header{
font-size: 2.2em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 19em;
}
.widget .home-form .camp-form iframe {
height: 36.3em!important;
}
.modal-dialog .camp-form iframe {
height: 32em!important;
}
.sched-row a ,.sched-row button{
font-size: .8em;
}
.close-cta{
font-size: 0.8em;
}
.insideimage .slider-usp .usp-box{
font-size: .5em;
}
#breadcrumbs{
font-size: .7em;
margin-top: 9em;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.section-1 blockquote {
padding: 3% 0% 3% 0%!important;
left: 0px !important;
}
blockquote:after{
display: none;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.error-page .error{
font-size: 8.9em;
}
.error-page .inside-content h1{
font-size: 1.8em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 15%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review h1{
font-size: 2.3em;
}
.resp-txt{
font-size: 1.3em;
}
.client-response .bg-inner p {
font-size: 1.4rem;
}
.client-response .bg-inner h1 {
font-size: 2.4rem;
}
.thank-you .bg-inner h1 {
font-size: 2.9rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 15%;
}
.client-response {
padding: 16% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 16% 4% 14% 4%;
margin-top: 18%;
}
.logo-image a {
margin-top: .2em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 9.8em;
left: -0.2em;
top: 0.1em;
}
.single-blog {
position: relative;
padding: 10% 4% 4% 4%;
}
.insideimage {
padding: 18% 4% 5% 4%;
margin-top: 15.5%;
border-bottom: 0.2em solid #c70011;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.quick-nav.adjust {
font-size: .9em;
top: 4em;
}
.smallbar .logo-image img {
width: 6em;
}
.help-links a{
text-align: center;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: -1em;
bottom: -3em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 1.1em;
width: 100%;
}
.insideimage .activate a{
font-size: .88em;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 5%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 39.938em) and (min-width: 35.001em) {
/* NEW QUERIES */
.hero-family-bar {
font-size: 12px;
}
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 9% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.top-services a {
height: 14em;
margin: 1em 2em;
}
.home-form {
display: none;
}
blockquote:after{
display: none;
}
.section-2 {
padding: 20% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size: cover;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
overflow-y: scroll;
height: 35em;
overflow-x: hidden;
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.coup-col:not(:first-child) {
display: none;
}
/* Make the first column take full width */
.coup-col:first-child {
flex: 0 0 100%; /* Full width */
max-width: 100%; /* Full width */
margin-top: 2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 0% 0%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box {
padding: 1em 2em 2em 2em; /* Adjust padding for smaller screens */
height: 21em; /* Shorter height for compact screens */
font-size: 0.8em; /* Adjust font size for better scaling */
position: relative;
}
.section-9 .col-sm-9.col-md-12.col-lg-12 {
margin: 0em 0 0 3em;
padding: 10%
}
.section-9 .usp-label {
font-family: "Poppins", sans-serif; /* Ensure readable font */
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 1.3em !important;
margin: 0em 0em 0em 0em; /* Adjust spacing */
text-align: center; /* Align text to the left */
line-height: 1em;
text-align: left;
}
.section-9 .usp-box p {
text-align: left;
font-size: .8rem;
color: #0f1417;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 0px 0 0px;
}
.section-9 .usp-box span {
font-size: 5em; /* Keep the logo prominent */
position: absolute;
left: -.4em; /* Adjust position for mobile */
top: 0.6em; /* Align icon neatly */
}
.section-9 .carousel-inner {
display: flex;
flex-direction: column; /* Stack items vertically */
gap: 1.5em; /* Add space between items */
/* padding: 0px; */
}
.section-9 .carousel-inner {
display: block !important; /* Display one item per slide */
}
.section-9 .col-4 {
width: 100%; /* Override Bootstrap column width to stack items */
max-width: 100%;
flex: 0 0 auto;
}
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 11% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.top-services a {
height: 14em;
margin: 1em 2em;
}
.home-form {
display: none;
}
blockquote:after{
display: none;
}
.section-2 {
padding: 20% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size: cover;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
overflow-y: scroll;
height: 35em;
overflow-x: hidden;
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.coup-col:not(:first-child) {
display: none;
}
/* Make the first column take full width */
.coup-col:first-child {
flex: 0 0 100%; /* Full width */
max-width: 100%; /* Full width */
margin-top: 2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 0% 0%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box {
padding: 1em 2em 2em 2em; /* Adjust padding for smaller screens */
height: 21em; /* Shorter height for compact screens */
font-size: 0.8em; /* Adjust font size for better scaling */
position: relative;
}
.section-9 .col-sm-9.col-md-12.col-lg-12 {
margin: 0em 0 0 3em;
padding: 10%
}
.section-9 .usp-label {
font-family: "Poppins", sans-serif; /* Ensure readable font */
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 1.3em !important;
margin: 0em 0em 0em 0em; /* Adjust spacing */
text-align: center; /* Align text to the left */
line-height: 1em;
text-align: left;
}
.section-9 .usp-box p {
text-align: left;
font-size: .8rem;
color: #0f1417;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 0px 0 0px;
}
.section-9 .usp-box span {
font-size: 6em; /* Keep the logo prominent */
position: absolute;
left: -.2em; /* Adjust position for mobile */
top: 0.6em; /* Align icon neatly */
}
.section-9 .carousel-inner {
display: flex;
flex-direction: column; /* Stack items vertically */
gap: 1.5em; /* Add space between items */
/* padding: 0px; */
}
.section-9 .carousel-inner {
display: block !important; /* Display one item per slide */
}
.section-9 .col-4 {
width: 100%; /* Override Bootstrap column width to stack items */
max-width: 100%;
flex: 0 0 auto;
}
.sliderfull{
margin-top: 22%;
}
.slider-header{
font-size: 2.7em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 22em;
}
.side-form iframe {
height: 51em!important;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 14.3em;
left: -0.3em;
top: .1em;
}
.quick-nav.adjust {
top: 4.4em;
}
.smallbar .logo-image img {
width: 10.6em;
}
.error-page {
padding: 13% 4% 11% 4%;
margin-top: 17%;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.2em;
}
.resp-txt {
font-size: 1.5em;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
padding: 17% 4% 4% 4%;
margin-top: 15.5%;
border-bottom: 0.2em solid #df0013;
background-image: none;
}
.insideimage:after{
width: 100%;
left: 0;
border-radius: 0;
transform: none;
}
.insideimage .truck-image:after{
display: none;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: .7em;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: 0.5em;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.banner-head{
font-size: 1.2em;
}
#breadcrumbs{
font-size: .79em;
margin-top: 5em;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.section-1 blockquote {
padding: 3% 0% 3% 0%!important;
left: 0px !important;
}
blockquote:after{
display: none;
}
.error-page .inside-content h1{
font-size: 2.7em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 10em;
}
.error-page .entry-content {
font-size: 1.2em;
padding: 0% 3%;
margin-top: 0.1em;
}
.close-cta{
font-size: 1em;
}
.client-response .bg-inner p {
font-size: 1.5rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 3.1rem;
}
.thank-you .bg-inner h1 {
font-size: 4.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you {
padding: 13% 1% 5% 1%;
margin-top: 15%;
}
.client-response {
padding: 15% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 55em) and (min-width: 39.939em) {
/* NEW QUERIES */
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 11% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.top-services a {
height: 14em;
margin: 1em 2em;
}
.home-form {
display: none;
}
blockquote:after{
display: none;
}
.section-2 {
padding: 20% 4% 5% 4%;
position: relative;
z-index: 1;
background-position: top;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/2025/11/sec2-bg.png);
background-size: cover;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
overflow-y: scroll;
height: 35em;
overflow-x: hidden;
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4-logos .container-fluid {
padding-right: 1rem !important; /* override pe-5 */
padding-left: 1rem !important;
}
.section-4-logos .row {
justify-content: space-between !important; /* or center */
}
.section-4-logos .col-auto {
flex: 1 1 25%;
display: flex;
justify-content: center;
}
.section-4-logos img {
max-width: 120px;
width: 100%;
height: auto;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 0% 0%; /* Adjust padding for better spacing around the section */
}
.section-9 .usp-box {
padding: 1em 2em 2em 2em; /* Adjust padding for smaller screens */
height: 21em; /* Shorter height for compact screens */
font-size: 0.8em; /* Adjust font size for better scaling */
position: relative;
}
.section-9 .col-sm-9.col-md-12.col-lg-12 {
margin: 0em 0 0 3em;
padding: 10%
}
.section-9 .usp-label {
font-family: "Poppins", sans-serif; /* Ensure readable font */
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 1.3em !important;
margin: 0em 0em 0em 0em; /* Adjust spacing */
text-align: center; /* Align text to the left */
line-height: 1em;
text-align: left;
}
.section-9 .usp-box p {
text-align: left;
font-size: .8rem;
color: #0f1417;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 0px 0 0px;
}
.section-9 .usp-box span {
font-size: 6em; /* Keep the logo prominent */
position: absolute;
left: 0em; /* Adjust position for mobile */
top: 0.9em; /* Align icon neatly */
}
.section-9 .carousel-inner {
display: flex;
flex-direction: column; /* Stack items vertically */
gap: 1.5em; /* Add space between items */
/* padding: 0px; */
}
.section-9 .carousel-inner {
display: block !important; /* Display one item per slide */
}
.section-9 .col-4 {
width: 100%; /* Override Bootstrap column width to stack items */
max-width: 100%;
flex: 0 0 auto;
}
.sliderfull{
margin-top: 19%;
}
.slider-header{
font-size: 3.1em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 24em;
}
.banner-head{
font-size: 1.3em;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.side-form iframe {
height: 51em!important;
}
.quick-nav.adjust{
top: 4.5em;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 15em;
left: -0.3em;
top: 0.1em;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
padding: 15% 4% 3% 4%;
margin-top: 15.5%;
border-bottom: 0.2em solid #df0013;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.client-response {
padding: 16% 2% 7% 2%;
margin-top: 10%;
}
.smallbar .logo-image img {
width: 11em;
}
.error-page {
padding: 15% 4% 12% 4%;
margin-top: 10%;
}
.sliderfull .col-sm-12, .section-1 .col-sm-12, .section-2 .col-sm-12, .section-3 .col-sm-12, .section-4 .col-sm-12, .section-6 .col-sm-12{
width: 100%!important;
}
.section-1 .col-md-3{
width: 50%!important;
}
.sliderfull .col-md-7{
width: 100%;
}
.show-for-small-only{
display: block!important;
}
.insideimage .slider-usp .usp-box{
font-size: .73em;
}
.insideimage:before{
display: none;
}
.inner-bottom{background-position: 100% 100%;}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.side-label{
font-size: 2em;
}
.insideimage .slider-usp{
width: 90%;
margin-right: auto;
position: relative;
}
.insideimage .col-lg-6{
padding-right: 39%;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.error-page .error{
font-size: 11em;
}
.close-cta{
font-size: 1.1em;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.error-page .inside-content h1{
font-size: 2.9em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1.3em;
padding: 0% 3%;
margin-top: 0.1em;
}
.insideimage .col-md-4{
width: 33.33%!important;
}
.modal-dialog iframe {
height: 43em!important;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 8%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.5em;
}
.resp-txt {
font-size: 1.5em;
}
.copyright{
font-size: .9em!important;
}
.client-response .bg-inner p {
font-size: 1.5rem;
}
.thank-you .bg-inner h1 {
font-size: 5rem;
}
.thank-you {
padding: 9% 1% 5% 1%;
margin-top: 13%;
}
.thank-you .button{
margin: .5em 0;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (max-width: 59.999em) and (min-width: 55.001em) {
/* NEW QUERIES */
.slider-header {
text-shadow: none;
}
.static-slide {
background-image:
linear-gradient(
rgba(18, 89, 156, 0.55),
rgba(18, 89, 156, 0.55)
),
url(/wp-content/uploads/2025/11/banner3.jpg);
padding: 11% 5% 8% 5%;
}
.slider-usp-row {
position: relative;
width: 100%;
margin: 1em auto 0em 0;
padding: 10px;
text-align: center;
left: -30px;
}
.usp-slide span {
display: block;
color: #ffffff;
font-size: 3em;
}
.section-1 {
padding: 5% 0% 0% 4%;
}
.home-form {
height: 82em;
}
.rev-box {
padding: 4em 0em;
}
.rev-header {
text-align: center;
font-size: 3em;
text-transform: uppercase;
color: #ffffff;
line-height: 1.2;
letter-spacing: 0.05em;
}
.service-list {
padding: 0 0%;
}
.section-4::after {
display: none;
}
.section-4-logos .container-fluid {
padding-right: 1rem !important; /* override pe-5 */
padding-left: 1rem !important;
}
.section-4-logos .row {
justify-content: space-between !important; /* or center */
}
.section-4-logos .col-auto {
flex: 1 1 25%;
display: flex;
justify-content: center;
}
.section-4-logos img {
max-width: 120px;
width: 100%;
height: auto;
}
.section-4 {
padding: 40px 0 40px;
}
.usp-row span {
font-size: 5em;
position: relative;
left: -0.2em;
}
.sec7-content-block {
padding: 0px;
}
.section-7 {
position: relative;
padding: 5% 5% 5% 5%;
}
.service-areas-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.service-areas-list {
overflow-y: scroll;
height: 27em;
overflow-x: hidden;
margin-left: 0;
}
.map-block {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 45em;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
box-sizing: border-box;
}
.map-block {
align-items: flex-start;
margin-top: 2em;
height: 26em;
}
.section-9 {
padding: 4% 0%;
}
.slider-header{
font-size: 2.2em;
}
.sliderfull{
margin-top: 16%;
}
/* END NEW QUERIES */
.sched-row a strong{
font-size: 2em;
}
.side-form iframe {
height: 44em!important;
}
.smallbar .logo-image img {
width: 11em;
}
.quick-nav.adjust {
top: 4em;
}
.client-review {
margin-top: 12%;
padding: 14% 4% 5% 4%;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img{
width: 15em;
top: 0;
}
.thank-you {
margin-top: 10%;
}
.sliderfull .col-md-7{
width: 100%;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.insideimage .slider-usp .usp-box{
font-size: .8em;
}
.insideimage {
margin-top: 16.5%;
padding: 11% 2% 1% 3%;
background-size: 55%;
}
.rev-sec-in .sec4-header {
font-size: 2.3em;
}
.rev-sec-in .btn{
font-size: .748em;
}
.side-coup .btn-primary{
font-size: .9em;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.insideimage .slider-usp{
width: 53%;
font-size: .84em;
}
.close-cta{
font-size: 1.1em;
}
.site-footer .bullet-list li{
font-size: .9em;
}
.sched-row a{
font-size: 0.9em;
}
.error-page {
padding: 11% 4% 6% 4%;
margin-top: 10%;
}
.resp-txt {
font-size: 1.5em;
}
.client-review h1{
font-size: 4.5em;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.hide-for-small-only{
/* display: none; */
}
.static-slide .hero-family-bar{
display: none !important;
}
.show-for-small-only{
display: none;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (min-width: 60em) and (max-width: 63.938em) {
/* NEW QUERIES */
.section-4::after {
left: 11%;
transform: translateX(-50%);
bottom: -269px;
width: 500px;
height: 500px;
}
.slider-header{
font-size: 2.2em;
}
.sliderfull{
margin-top: 18%;
}
/* END NEW QUERIES */
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.65em;
padding: 0.7em 1.4em;
}
.top-bar .menu>li a {
font-size: 0.67em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
padding: .4em .7em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .68em;
}
.smallbar .menu>li a {
font-size: 0.6em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.insideimage {
padding: 12% 3% 1% 3%;
margin-top: 20.5%;
background-size: 59%;
}
.logo-image img {
width: 11em;
}
.section-protecta h1{
font-size: 2em;
}
.client-review {
padding: 16% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .logo-image img {
width: 10em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.7em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: .9em;
}
.close-cta{
font-size: 1.1em;
}
.home-form .row {
font-size: 1.3em;
}
html {
font-size: 15px!important;
}
.show-for-small-only{
display: none !important;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (max-width: 75em) and (min-width: 63.939em) {
/* NEW QUERIES */
.section-4::after {
left: 13%;
transform: translateX(-50%);
bottom: -269px;
width: 500px;
height: 500px;
}
.insideimage {
padding: 12% 3% 3% 3%;
margin-top: 16.5%;
background-size: 59%;
}
.slider-header{
font-size: 2.2em;
}
.sliderfull {
margin-top: 18%;
}
/* END NEW QUERIES */
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.69em;
}
.menu-top-menu-container .menu>li a {
font-size: 0.68em;
padding: 0.4em .9em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu>li a {
font-size: 0.61em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.8em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.contact-desk a{
font-size: 1.8em;
}
.logo-image img {
width: 11em;
}
.section-protecta h1{
font-size:2.2em;
}
.section-protectc .usp-box {
height: 17em;
color: black;
font-size: .7em;
}
.client-review {
padding: 13% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .logo-image img {
width: 8em;
}
html {
font-size: 16px!important;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.2em;
}
.sched-row a ,.sched-row button{
font-size: .9em;
}
.show-for-small-only{
display: none !important;
}
}
@media screen and (max-width: 85em) and (min-width: 75.001em) {
/* NEW QUERIES */
.section-4::after {
left: 18%;
transform: translateX(-50%);
bottom: -296px;
width: 700px;
height: 600px;
}
.slider-header{
font-size: 2.5em;
}
.sliderfull {
margin-top: 17%;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.home-form iframe{
height: 43em!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
padding: 0.7em 1.3em;
font-size: 0.7em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .79em;
}
.top-menu .btn{
font-size: .9em;
}
.smallbar .menu>li a {
font-size: 0.67em;
}
.logo-image img {
width: 14em;
}
.side-rev .btn{
font-size: 1em;
}
.smallbar .logo-image img {
width: 8em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.3em;
}
.sched-row a ,.sched-row button {
padding: 1% 2% 2% 2%;
}
.show-for-small-only{
display: none !important;
}
}
@media screen and (max-width: 95.001em) and (min-width: 85.001em) {
/* NEW QUERIES */
.section-4::after {
left: 20%;
transform: translateX(-50%);
bottom: -269px;
width: 700px;
height: 600px;
}
.sliderfull {
margin-top: 16%;
}
.slider-header{
font-size: 2.94em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.9em;
}
.menu-top-menu-container .menu>li a{
font-size: .8em;
}
.smallbar .menu>li a {
font-size: 0.8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.9em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.logo-image img {
width: 14em;
}
.smallbar .logo-image img {
width: 11em;
}
.section-8:after{
width: 52%;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
}
.show-for-small-only{
display: none !important;
}
}
@media screen and (max-width: 125em) and (min-width: 95.001em) {
/* NEW QUERIES */
.section-4::after {
left: 20%;
transform: translateX(-50%);
bottom: -269px;
width: 700px;
height: 600px;
}
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 3.6em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.img-box img{
top: 1em;
width: 90%;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.6em;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
}
.show-for-small-only{
display: none !important;
}
}
@media screen and (min-width: 125.001em) and (max-width: 999.9em) {
/* NEW QUERIES */
.section-4::after {
left: 20%;
transform: translateX(-50%);
bottom: -269px;
width: 700px;
height: 600px;
}
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 3.64em;
}
/* END NEW QUERIES */
.sliderfull {
}
.img-box img{
top: 1em;
width: 90%;
}
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 1.1em;
}
.smallbar .desk-nav .btn-primary{
font-size: .9em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button{
padding: 3% 0% 3% 0%;
font-size: 1.1em;
}
.show-for-small-only{
display: none !important;
}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}