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;
}

.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{
  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: black;
  font-weight: 700;
  border-radius: 0em;
}

.btn-primary.content-btn{
  max-width: 500px;
  margin-left: 0;
}


body .btn-secondary{  
  font-weight: 900;
}

body .btn-secondary:hover{ 
}

.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 {
    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 #f43b3b;
}

.single-blog .nav-links a{
  display: block;
  background: #f43b3b;
  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?kst8ny');
  src: url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.eot?kst8ny#iefix') format('embedded-opentype'),
       url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff2?kst8ny') format('woff2'),
       url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.ttf?kst8ny') format('truetype'),
       url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff?kst8ny') format('woff'),
       url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.svg?kst8ny#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[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-calendar1:before {
  content: "\e955";
}

.icon-kc-phone:before {
  content: "\e9be";
}

.icon-emergency-serv:before {
  content: "\e971";
}

.icon-repipe-icon-clemmer:before {
  content: "\ea05";
}

.icon-max-sewer-replace:before {
  content: "\e981";
}

.icon-water-heater-repair-icon:before {
  content: "\e939";
}

.icon-plumbing:before {
  content: "\73";
}

.icon-custom-24-m1:before {
  content: "\e9ad";
}

.icon-clock-ni:before {
  content: "\e99e";
}

.icon-badge:before {
  content: "\e967";
}

.icon-money-document-energy:before {
  content: "\eb86";
}


.icon-trsut-tech-n:before {
  content: "\e966";
}

.icon-banknote:before {
  content: "\e9a2";
}


.icon-bb-community:before {
  content: "\eae0";
}


.icon-facebook-with-circle:before {
  content: "\e94d";
}

.icon-youtube-with-circle:before {
  content: "\e94e";
}

.icon-twitter-circle:before {
  content: "\e91b";
}

.icon-facebook:before {
  content: "\e94a";
}
.icon-location1:before {
  content: "\e9dd";
}

.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  */


 /* ---------------------------------------------------------------------------------------- */


.mobile-nav a[aria-label="Click to call functionality"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--ctp-green);
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(14,33,54,.25);
}
.mobile-nav a[aria-label="Click to call functionality"] .icon-phone:before {
  color: #fff;
  font-size: 20px;
}



.mobile-nav .logo-block .row {
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
}
.mobile-nav .logo-block .row > .col.logo-image {
  flex: 1 1 auto !important;
  display: flex;
  justify-content: center;
}
.mobile-nav .logo-block .row > .col:last-child {
  flex: 0 0 auto !important;
  width: auto !important;
  padding-right: 5%
}






.desk-nav{
  display: none;
  width: 100%;
  max-width: none;
  padding: 0.5% 0% 1% 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: #163776;
    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 #65ee61;
    outline-offset: -0.2em;
}

.mobile-nav .btn-primary {
    color: #1f1f1f;
    border: 0;
    border-radius: 0;
    padding: 0.8em 1.6em;
    background: #044ba1;
    margin-left: 0;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    font-size: 1.3em;
}

.mobile-nav .btn-primary span{
  display: block;
}

.shift-menu{
  background: rgb(42,42,42);
  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: 10.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: #163776;
  border-left: 0.5em solid #65ee62;
}

.dropdown.shift-item .btn-secondary{
  display: block;
}

.shift-item a.sub-item{
  background: #0000005c;
}

.shift-item a.sub-item:hover{
    background-color: #163776;
}

/* ---------------------- */


/* NAV CSS  */ 

 .modal {
    z-index: 999999999999999999999999999999;
}

.modal-header {
    padding: 0;
    border: 0;
}

.section-protecte .modal-header h5{
  color: white!important;
}

.section-protecte .with_frm_style .frm_primary_label, .section-protecte .with_frm_style .frm_checkbox label{
  color: white;
}

.frm_style_formidable-style.with_frm_style .frm_submit button{
  width: 100%!important;
  display: block;
  background-color: #65ee62;
  color: black;
}

.pop-label{
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.6em;
  letter-spacing: .05em;
}

.modal-content {
    background-color: #2c6fc4;
    box-shadow: 0em 0em 1em #0000004f;
}

.modal-content iframe{
  height: 46em!important;
}

.modal-header .btn-close{
  position: relative;
  left: -.9em;
}

.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: #ffffff !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; 
}

.nav-accent{
  position: relative;
  padding: 1em 0;
}

.nav-accent:before, .nav-accent:after{
  content:'';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #2c6fc4;
  z-index: -1;
  clip-path: polygon(2.5% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.nav-accent:after{
  background: #044ba1;
  z-index: -2;
  right: 0;
  clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%);
  width: 101.2%;
}

.contact-info-desk a{
  color: white;
  text-align: center;
  font-weight: 900;
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 0;
}

.contact-info-desk a em{
  display: block;
  font-style: normal;
  font-size: .45em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.contact-info-desk a span{
  color: #65ee62;
}

.nav-accent .btn{
  transform: skew(-10deg);
}

.top-bar{
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: .1em;
  transition: all .3s ease-in-out;
  border-bottom: 1px solid #ffffff1f;
  color: #0099bb;
  margin: auto;
  padding-right: 10em;
}

.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{
  position: relative;
  padding-top: 1%;
}

.search-bar input{
  background-color: #ffffff00;
  border: 0;
  color: white;
  border-bottom: 1px solid white;
}

 .smallbar .desk-nav .btn-primary{
   font-size: 0.9em;
 }
 
.desk-nav .top-bar .btn-primary{
  color: white;
  font-size: .8em;
  width: 100%;
  margin-left: auto;
  transition: all .3s ease-in-out;
  padding-left: 2em;
}

.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;
}

#menu-top-nav{
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}
 
.top-bar .menu>li a{
  font-size: 0.7em;
  padding: 0.2em 0.7em;
  color: black!important;
}

.top-bar .menu>li a svg{
  width: 2.1em;
}

.top-bar .menu>li a svg path{
  fill: #044ba1;
}


.top-bar .menu>li a span{
  color: #044ba1;
}

.menu>li a:hover span{
  color: white;
}

.menu>li.sched-link a{
  color: white!important;
  background: #e78b3d;
  border-radius: 0em;
font-family: 'Exo 2', sans-serif;  
}

.menu>li a{
  padding: 0.3em 0.9em 0.6em 0.9em;
  text-decoration: none;
  color: black!important;
  font-size: 1.0em;
  display: block;
  transition: all .3s ease-in-out;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.08em;
}

.menu>li a span{
  color: #00b1b9;
}

.smallbar .menu>li a{
  font-size: 0.86em;
}

 .menu>li.menu-item-has-children> a:before {
    content: "\f107";
    font-family: 'icomoon' !important;
    color: #000000;
    display: block;
    position: absolute;
    font-size: 0.8em;
    top: 22%;
    right: 0.2%;
}


 .menu>li.menu-item-has-children> a:hover:before {
    color: #ffffff;
}
 
.sub-menu li a{
  color: #030303!important;
}
 

.top-bar .menu>li:nth-child(3) a{
  border: 0;
}

.menu>li a:hover{
  background-color: #044ba1!important;
  color: white!important;
}
 

.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: #f78d1f;
}

.mainnav .menu .active>a:before{
  color: black!important;
}

.mainnav .menu .current-menu-item.active>a {
    color: #ffffff;
    background: #faa61a;
}

.mainnav .menu .sub-menu .current-menu-item.active>a {
    color: #fefefe!important;
    background: #f78d1f!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: #f78d1f;
}

.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: #9ad25d;
    background: #33204d;;
  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: #e62318;
    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: 36em;
  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: #006ee3;
  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: #1a6887;
  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: #f2a525;
}


.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: #044ba1;
  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: #7fd41a;
}

.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: #b00c03;
  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;
}


/* ------------------------------------------------------------------------------------- */

#site-wrap {
    max-width: 1700px;
    margin: auto;
    box-shadow: 0px 0px 2em rgba(181,193,199,.46);
}

 /* Slider Section CSS  */

.sliderfull {
    position: relative;
    z-index: 1;
    margin-top: 9%;
}

.static-slide{
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    position: relative;
    z-index: 2;
    margin-top: 0%;
    padding: 5% 5% 0% 5%;
    color: white;
    border-bottom: 0.4em solid #044ba1;
    text-align: center;
    background: #1b1f47;
}

.slider-header{
  line-height: 1;
  font-size: 2.1em;
  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;
  text-shadow: -0.1em 0.1em black;
}

      @keyframes fadeInLeft {
        20% {
          opacity: 0;
          transform: translateX(-20%);
        }

        30%, 100% {
          opacity: 1;
          transform: translateX(0%);
        }

}



.slider-header strong{
  display: block;
  font-size: 2.74em;
  color: #b3dce3;
}

.slider-header span{
  display: block;
}

.sliderfull .btn {
   max-width: 300px;
  margin: 1em auto
}

.slider-usp-row{
  position: relative;
  width: 85%;
  margin: 7em auto 1em auto;
  z-index: 2;
  padding: 0;
  text-align: center;
}

   .slider-usp-row:after{
  content:'';
  position: absolute;
  right: 1.2em;
  bottom: 1.9em;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
 
 
.usp-box-row .usp-slide .col-3, .usp-box-row .usp-slide .col-9{
  width: 100%;
}

.usp-box-row .col{
  padding: 0 .9%!important;
  width: 33.33%!important;
  flex: unset;
}

.usp-slide{
  position: relative;
  height: 8.4em;
  text-align: left;
  line-height: 1.1;
  outline-offset: -0.7em;
  font-size: 0.7em;
  transition: all .3s ease-in-out;
  text-align: center;
  background: #1d4587c4;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.5em 0.1em 1em 0.1em;
  border: 1px solid #00000038;
  border-radius: 1em;
}

.usp-slide span{
  display: block;
  color: #ffffff;
  font-size: 4.1em;
  line-height: 0.8;
  position: relative;
  /* top: 0.3em; */
  margin-bottom: -.1em;
}

/* =========================================================================
   Clean Team Plumbing — Homepage Template Styles
   Scope: appended for the "homepage-temp.php" ACF template.
   Prefixed with .ctp- to avoid collisions with existing site CSS.
   Layout/spacing/grid rely on Bootstrap 4 utility classes in the markup;
   this file only supplies what Bootstrap 4 utilities don't cover:
   brand colors, gradients, typography, hover states, and custom shapes.
   ========================================================================= */

/* The site's existing global stylesheet has #page.site { max-width:1700px;
   margin:auto; box-shadow:...} — a sitewide rule (not something added for
   this template) that centers every page's content with a 1700px cap. On
   browser windows wider than that it shows as blank gutters down both
   sides. Scoped here to WordPress's own page-template body classes so it
   only widens out on this specific template — every other page on the site
   keeps the 1700px cap untouched. */
body.page-template-homepage-temp-php #page.site,
body.page-template-homepage-temp #page.site {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
}
/* Same legacy 1700px-cap pattern, on a DIFFERENT selector: ".site-footer"
   (from the theme's shared stylesheet) carries its own independent
   max-width:1700px + margin:auto, which is what was leaving the white
   gutters on both sides of the footer specifically — the #page.site fix
   above doesn't touch this one since it's a separate rule/selector. */
body.page-template-homepage-temp-php .site-footer,
body.page-template-homepage-temp .site-footer {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-shadow: none !important;
}

/* NOTE ON FONTS: an @import only works if it is the very first thing in the
   stylesheet. Since this file is appended to the site's existing master
   custom.css, an @import here would be silently ignored by the browser.
   Instead, paste the snippet below into Theme Settings → General Options →
   Fonts → "Google Font Code" so it's echoed into <head> by header.php on
   every page (it already does: get_field('google_font_code','option')):

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@500;600;700;800&display=swap" rel="stylesheet">

   ("Heading Font" = Poppins, "Body Font" = Open Sans, if those fields are
   used for reference elsewhere.) homepage-temp.php also links these fonts
   directly in its own <head>, so the homepage works even before that field
   is filled in — but header.php/footer.php text (nav, phone, footer) will
   only pick up Poppins/Open Sans site-wide once the field above is set. */

/* Defined on :root (not just .ctp) so the same brand variables are available
   to header.php / footer.php output, which sits outside the .ctp wrapper. */
:root {
  --ctp-navy: #0e2136;
  --ctp-navy2: #0a1728;
  --ctp-ink: #132338;
  --ctp-blue: #1c5aa6;
  --ctp-blue-nav: #2c6fc4;
  --ctp-blue-dk: #123f7d;
  --ctp-green: #7fd41a;
  --ctp-green-dk: #69b510;
  --ctp-muted: #5c6773;
  --ctp-line: #e4e9f0;
  --ctp-soft: #f3f6f9;
}

.ctp {
  font-family: 'Open Sans', sans-serif;
  color: var(--ctp-ink);
  background: #fff;
  overflow-x: hidden;
}

.ctp * { box-sizing: border-box; }
.ctp h1, .ctp h2, .ctp h3, .ctp h4,
.ctp-h { font-family: 'Poppins', sans-serif; }
/* `color` is an inherited property, and the theme's own stylesheet has
   plain element rules for h1-h4 that match these headings directly —
   direct matches always beat an inherited value, no matter the
   specificity, so section wrappers setting color:#fff were being ignored
   by every heading inside them. Set a color explicitly on every heading so
   it never falls back to inheritance; dark-section overrides below win via
   a more specific compound selector. */
.ctp h1, .ctp h2, .ctp h3, .ctp h4, .ctp-h { color: var(--ctp-ink) !important; }

/* Section heading size/weight to match the Claude design (most H2 section
   headings are 800/40px there, most H3s are 700/~20-21px) — the markup
   only added Bootstrap's .font-weight-bold (700) with no explicit size, so
   headings were falling back to the legacy stylesheet's much smaller
   default h2/h3 sizes. !important is needed to beat that legacy rule; the
   handful of headings that intentionally run smaller (estimate card, service
   card titles, etc.) already carry their own inline `!important` font-size
   so they still win over this general rule. */
/* .ctp-h2-style: applied to section headings that were changed from <h2> to
   <div> for SEO reasons (only one real H1/H2 wanted per page)  same visual
   treatment as a real h2, on a plain div. */
.ctp h2, .ctp .ctp-h2-style { font-weight: 800 !important; font-size: 40px !important; line-height: 1.15 !important; }
.ctp h3 { font-weight: 700 !important; font-size: 21px !important; line-height: 1.25 !important; }
@media (max-width: 991.98px) {
  .ctp h2, .ctp .ctp-h2-style { font-size: 32px !important; }
}
@media (max-width: 575.98px) {
  .ctp h2, .ctp .ctp-h2-style { font-size: 27px !important; }
}

.ctp a { text-decoration: none; }

/* Guaranteed section spacing: every section below wraps its content in
   <div class="container py-5">. Bootstrap's py-5 utility already carries
   !important, but if a legacy rule elsewhere on the site targets .container
   or .row with equal or higher specificity it can still win. This backs
   every section's vertical spacing with an explicit, responsive fallback
   scoped to .ctp so it can't affect any other page on the site. */
.ctp section > .container.py-5 { padding-top: 80px !important; padding-bottom: 82px !important; }
@media (max-width: 991.98px) {
  .ctp section > .container.py-5 {padding-top: 90px !important;padding-bottom: 56px !important;}
}

@media (max-width: 959px) {
  .ctp section > .container.py-5 {padding-top: 160px !important;padding-bottom: 56px !important;}
}

@media (max-width: 575.98px) {
  .ctp section > .container.py-5 { padding-top: 100px !important; padding-bottom: 40px !important; }
}

/* =========================================================================
   HEADER (header.php desk-nav) — restyled to match the Claude design.
   Scoped to .ctp-header / .ctp-desk-nav so it only affects the desktop
   chrome; .mobile-nav is untouched and unaffected by these rules.

   The theme's shared/legacy stylesheet already has rules targeting the
   original class names (top-bar, main-bar, rnavigation-full, logo-image,
   phone-contact, etc.) from other builds on this theme, and those rules can
   win the cascade or use floats/position that fight our layout. The rules
   below use !important on the properties that actually need to match the
   design (color, background, font, flex layout, position) so they hold up
   regardless of load order, without touching the original classes/markup. */
.ctp-header, .ctp-desk-nav { background: #fff !important; }
/* Kill any margin/padding the legacy "site-header"/"masthead" classes carry
   below the header — that gap was the visible white strip between the nav
   strip and the hero section below it. */
#masthead.ctp-header {
  margin: 0 !important; padding-bottom: 0 !important;
  width: 100% !important; max-width: none !important; float: none !important; display: block !important;
}
/* The theme's own shared stylesheet sets "header#masthead { position: fixed; }"
   unconditionally (not just while scrolled) — the header is always pulled out
   of normal document flow, so nothing below it in the page automatically gets
   pushed down to clear it. Earlier this section had margin-top:0, which
   worked by coincidence until the header's own height changed (bigger logo/
   button, etc.) and started overlapping/clipping the hero heading and image.
   Fixed properly below: a small script in homepage-temp.php measures the
   real #masthead height on load/resize and writes it to --ctp-header-h, so
   the hero always starts exactly where the fixed header ends, at any
   breakpoint. The px fallback here only applies before that JS runs. */
.ctp-hero { margin-top: var(--ctp-header-h, 210px) !important; }
/* The hero's CTA row is a flex row with default (stretch) cross-axis
   alignment  that was letting the "Schedule Service" button get pulled
   taller than the phone button beside it. Pinning this row to flex-start
   keeps both buttons at their own natural height. */
.ctp-hero-btns { align-items: flex-start; }
.ctp-header .ctp-h,
.ctp-header a,
.ctp-utility-bar,
.ctp-utility-nav a,
.ctp-navstrip-menu a {font-family: 'Poppins', sans-serif !important;}

/* Full width fix, kept as-applied on the live site: rather than centering
   the header strips inside a 1280px column (which left blank margins on
   wide screens), the utility bar / logo row / nav strip now simply run
   edge-to-edge with their own fixed side padding standing in for the
   gutter. */
.ctp-desk-nav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

#masthead.ctp-header {
  margin: 0 !important; padding-bottom: 0 !important;
  width: 100% !important; max-width: 1700px !important; float: none !important; display: block !important;
  left: 50% !important; right: auto !important;
  transform: translateX(-50%) !important;
}
/* Homepage template stays full-bleed edge-to-edge, matching its own
   #page.site max-width:none override elsewhere in this file. */
body.page-template-homepage-temp-php #masthead.ctp-header,
body.page-template-homepage-temp #masthead.ctp-header {
  max-width: none !important;
  left: 0 !important;
  transform: none !important;
}

.ctp-utility-bar, .ctp-header-row, .ctp-navstrip { width: 100% !important; }
.ctp-navstrip { margin: 0 !important; }

.ctp-utility-bar {
  background: var(--ctp-navy2) !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 90px;
  position: relative !important;
  top: auto !important;
  float: none !important;
}
.ctp-utility-text { color: #fff !important; }
.ctp-utility-menu { text-align: left; }
.ctp-utility-nav {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-wrap: wrap !important;
  justify-content: flex-start !important; align-items: center !important; gap: 8px 24px;
  position: relative !important;
}
/* Direct-child combinator only: a plain "li" descendant selector would also
   force display on any NESTED dropdown/sub-menu items (e.g. a location
   switcher submenu), breaking their normal hidden/absolute dropdown
   behavior and making them render inline — that was causing stray text to
   overlap the header. Scoping to ">" leaves nested menus alone. */
.ctp-utility-nav > li { display: inline-flex !important; float: none !important; position: relative !important; }
.ctp-utility-nav a { color: #fff !important; }
.ctp-utility-nav a:hover { color: var(--ctp-green) !important; }
/* Default any nested submenu (WordPress's standard .sub-menu class, or a
   generic nested ul) to a normal dropdown: hidden until hovered/focused. */
.ctp-utility-nav > li > ul,
.ctp-utility-nav .sub-menu,
.ctp-utility-nav .children {
  display: none !important; position: absolute !important; top: 100%; left: 0;
  background: var(--ctp-navy2) !important; width: max-content !important; min-width: 260px !important;
  max-width: 340px !important; padding: 8px 0 !important;
  list-style: none !important; margin: 0 !important; z-index: 30; flex-direction: column !important;
  box-shadow: 0 18px 34px rgba(14,33,54,.28); border-radius: 8px; overflow: hidden;
}

.ctp-utility-nav a {
    color: #fff !important;
    text-decoration: none;
}
.ctp-utility-nav > li:hover > ul,
.ctp-utility-nav > li:focus-within > ul { display: flex !important; }
.ctp-utility-nav .sub-menu li, .ctp-utility-nav .children li {
  display: block !important; width: 100% !important; background: transparent !important;
}
.ctp-utility-nav .sub-menu a, .ctp-utility-nav .children a {
  display: block !important; padding: 12px 18px !important; white-space: normal !important;
  text-align: left !important; color: #fff !important; background: transparent !important;
  text-transform: none !important; font-weight: 600; letter-spacing: 0; font-size: 13.5px;
  text-decoration: none !important; border: 0 !important;
}
.ctp-utility-nav .sub-menu a:hover, .ctp-utility-nav .sub-menu a:focus,
.ctp-utility-nav .children a:hover, .ctp-utility-nav .children a:focus {
  background: var(--ctp-green) !important; color: var(--ctp-navy) !important;
}

.ctp-utility-info {
  display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important;
  align-items: center !important; gap: 10px 26px; font-family: 'Poppins', sans-serif !important;
}
.ctp-utility-info-item { display: inline-flex; align-items: center; gap: 8px; color: #fff !important; white-space: nowrap; }
.ctp-green-text { color: var(--ctp-green) !important; }

.ctp-utility-info-item a {
	text-decoration-line: none;
}

a.ctp-utility-info-item {
	text-decoration-line: none;
	border-bottom: none;
}

.ctp-header-row {
  padding: 18px 90px; position: relative !important; display: flex !important;
  flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important;
  gap: 20px 32px;
}
.ctp-logo-col img { max-height: 88px; width: auto; }
/* Phone sits in its own flexible middle slot between the logo and the
   button, so it lands at the visual center of the header regardless of how
   wide the logo or button end up being â†previously the phone and button
   were grouped together and pushed to the right, leaving a large empty gap
   next to the logo. */
.ctp-header-phone-center {
  /* flex: 1 1 0% !important; */
  width: auto !important;
  max-width: none !important;
  display: flex;
  justify-content: center;
}
.ctp-header-btn-col { flex-shrink: 0; }

.ctp-header-call {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  color: var(--ctp-ink) !important;
}
.ctp-call-icon {
  width: 52px; height: 52px; border-radius: 50%; background: var(--ctp-soft);
  color: var(--ctp-blue); display: flex; align-items: center; justify-content: center; font-size: 22px;
  flex-shrink: 0;
}
.ctp-header-call:hover .ctp-call-icon { color: var(--ctp-green-dk); }
.ctp-header-call-text { line-height: 1.15; text-align: left; }
.ctp-header-call-label {
  display: block; font-size: 12px; font-weight: 600; letter-spacing: .1em; color: var(--ctp-muted) !important;
  text-transform: uppercase; font-style: normal;
}
.ctp-header-call-number { display: block; font-weight: 700; font-size: 26px; color: var(--ctp-ink) !important; }

.ctp-navstrip {
  background: var(--ctp-blue-nav) !important;
  position: relative !important; top: auto !important; z-index: 1;
}
.ctp-navstrip-menu {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; flex-wrap: wrap !important;
  justify-content: center !important; align-items: center !important; gap: 4px 34px;
}
/* Child combinator only — see note above the utility-nav rules. */
.ctp-navstrip-menu > li { display: inline-flex !important; float: none !important; position: relative !important; }
.ctp-navstrip-menu a {
  color: #fff !important; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
  font-size: 14px; padding: 14px 2px; display: inline-block; text-decoration: none;
}
.ctp-navstrip-menu a:hover { color: var(--ctp-green) !important; }
.ctp-navstrip-menu > li > ul,
.ctp-navstrip-menu .sub-menu,
.ctp-navstrip-menu .children {
  display: none !important; position: absolute !important; top: 100%; left: 0;
  background: var(--ctp-blue-dk) !important; width: max-content !important; min-width: 260px !important;
  max-width: 340px !important; padding: 8px 0 !important;
  list-style: none !important; margin: 0 !important; z-index: 30; flex-direction: column !important;
  box-shadow: 0 18px 34px rgba(14,33,54,.28); border-radius: 8px; overflow: hidden;
}
.ctp-navstrip-menu > li:hover > ul,
.ctp-navstrip-menu > li:focus-within > ul { display: flex !important; }
.ctp-navstrip-menu .sub-menu li, .ctp-navstrip-menu .children li {
  display: block !important; width: 100% !important; background: transparent !important;
}
/* Set color/background explicitly on every dropdown link — the theme's own
   WP-menu styles were painting each item's own background/hover color
   (the stray red seen on hover), so the parent .sub-menu background alone
   wasn't enough. white-space normal + a wider box (above) stop the long
   service names ("Water Line Repair and Installation") from being clipped. */
.ctp-navstrip-menu .sub-menu a, .ctp-navstrip-menu .children a {
  display: block !important; padding: 12px 18px !important; white-space: normal !important;
  text-align: left !important; color: #fff !important; background: transparent !important;
  text-transform: none !important; font-weight: 600; letter-spacing: 0; font-size: 13.5px;
  text-decoration: none !important; border: 0 !important;
}
.ctp-navstrip-menu .sub-menu a:hover, .ctp-navstrip-menu .sub-menu a:focus,
.ctp-navstrip-menu .children a:hover, .ctp-navstrip-menu .children a:focus {
  background: var(--ctp-green) !important; color: var(--ctp-navy) !important;
}
/* ---------- Legacy "double-column" mega-menu support ----------
   Adding the CSS class "double-column" to a top-level menu item in the WP
   menu editor is meant to split that item's dropdown into two columns,
   with an optional full-width "full-sub" row at the bottom (e.g. "View All
   Plumbing Services"). The generic dropdown rules just above force every
   .sub-menu into a single narrow column with !important, which was
   silently overriding that  these rules restore it, using extra
   specificity (rather than source order) so they win regardless of where
   they sit in the file, and only affect items actually carrying the
   double-column class. */
.ctp-navstrip-menu .double-column > ul,
.ctp-navstrip-menu .double-column .sub-menu {
  width: 34em !important; max-width: 34em !important; min-width: 34em !important;
  flex-direction: row !important; flex-wrap: wrap !important;
}
.ctp-navstrip-menu .double-column .sub-menu > li {
  width: 50% !important; box-sizing: border-box;
}
.ctp-navstrip-menu .double-column .sub-menu > li.full-sub {
  width: 100% !important;
}

.ctp-header-row {
  padding: 18px 90px; position: relative !important; display: flex !important;
  flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important;
  gap: 20px 32px;
}
.ctp-logo-col img { max-height: 88px; width: auto; }

/* Phone now sits directly next to the Schedule button (only separated by
   the row's own 32px gap) instead of being centered between the logo and
   the button. margin-left: auto pushes the phone + everything after it
   (the button) over to the right as a group, while the logo stays put on
   the far left. */
.ctp-header-phone-center {
  width: auto !important;
  max-width: none !important;
  display: flex;
  justify-content: center;
  margin-left: auto;
}
.ctp-header-btn-col { flex-shrink: 0; }

/* =========================================================================
   FOOTER (footer.php) — restyled to match the Claude design.
   (The old theme-default ".ctp-sched-row" CTA band was removed from
   footer.php — it duplicated the design's own blue Bottom CTA section — so
   its CSS is removed here too.)
   ========================================================================= */
.ctp-footer {
  background: var(--ctp-navy2) !important; color: #9fb0c2 !important; padding: 50px 26px 0;
}
.ctp-footer .footer-txt,
.ctp-footer h1, .ctp-footer h2, .ctp-footer h3, .ctp-footer h4 {
  font-family: 'Poppins', sans-serif !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; font-size: 14px; color: #fff !important; margin-bottom: 16px;
}
.ctp-footer .logo-foot img { max-height: 56px; width: auto; margin-bottom: 14px; background: #fff; padding: 8px 12px; border-radius: 10px; }
.ctp-footer .lic-number { font-size: 13px; color: #7d8ea0 !important; }
.ctp-footer .schema, .ctp-footer p { font-size: 14.5px; line-height: 1.75; color: #9fb0c2 !important; }
.ctp-footer .schema a { color: var(--ctp-green) !important; }
.ctp-footer .socialmedia .navbar { list-style: none !important; display: flex !important; gap: 12px; padding: 0 !important; margin: 14px 0 0; }
.ctp-footer .socialmedia a {
  width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.08) !important; color: #fff !important;
  display: flex !important; align-items: center; justify-content: center; font-size: 17px; transition: all .2s ease;
}
.ctp-footer .socialmedia a:hover { background: var(--ctp-green) !important; color: var(--ctp-navy) !important; }
.ctp-footer .help-link { display: block; color: #9fb0c2 !important; margin-bottom: 12px; font-size: 14.5px; }
.ctp-footer .help-link:hover { color: #fff !important; }

/* Logo/tagline column — kept centered per client preference (the other
   three columns below are explicitly left-aligned to match the design). */
.ctp-foot-brand, .ctp-foot-brand * { text-align: center !important; }
.ctp-foot-brand { display: flex; flex-direction: column; align-items: center; }
.ctp-foot-tagline { max-width: 320px; margin: 0 auto 20px !important; }
.ctp-foot-brand .socialmedia .navbar { justify-content: center; }

/* The three info columns (Helpful Links / Location / Contact) — explicit
   left-align on the headings and body copy. A legacy rule elsewhere on the
   shared site stylesheet was center-aligning all footer text; these
   selectors are scoped tightly enough (and specific enough) to win. */
.ctp-footer .ctp-foot-col,
.ctp-footer .ctp-foot-col .footer-txt,
.ctp-footer .schema,
.ctp-footer .schema .footer-txt {
  text-align: left !important;
}
.ctp-foot-badges { justify-content: flex-start; }

/* Shared column heading spacing consistency */
.ctp-foot-col { padding-top: 4px; }

/* Location column — supports a second location conditionally (do_they_have_a_second_location) */
.ctp-foot-loc { margin-bottom: 18px; }
.ctp-foot-loc:last-child { margin-bottom: 0; }
.ctp-foot-loc-name { font-weight: 700; color: #fff !important; margin-bottom: 4px; font-size: 14px; }
.ctp-foot-loc-phone { margin-top: 2px; }
.ctp-foot-loc-maplink { margin-top: 2px; }
.ctp-foot-maplink { display: inline-block; }

/* Contact column */
.ctp-foot-phone {
  display: block; font-family: 'Poppins', sans-serif !important; font-weight: 700; font-size: 20px;
  color: #fff !important; margin-bottom: 6px;
}
.ctp-foot-phone:hover { color: var(--ctp-green) !important; }
.ctp-foot-hours { font-size: 14.5px; color: var(--ctp-green) !important; font-weight: 600; margin-bottom: 10px; }
.ctp-foot-badges-label { margin-top: 18px !important; margin-bottom: 10px !important; }
.ctp-foot-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.ctp-foot-badges span {
  display: inline-block; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px; padding: 5px 10px; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: .04em; color: #cdd8e5;
}

/* The theme's own legacy ".copyright" class (also present on this div)
   carries !important rules of its own — solid #111111 background,
   uppercase, letter-spacing, and a tiny 0.7em font-size — which is why the
   bar looked like a different color band than the rest of the footer and
   why the text was cramped enough to wrap onto two lines. All of those
   properties are overridden explicitly with !important below to match the
   design (same navy as the footer, plain case, one line at normal
   desktop widths). */
.ctp-copyright {
  background: var(--ctp-navy2) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  margin-top: 40px !important;
  padding: 20px 26px !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #7d8ea0 !important;
  max-width: none !important;
  width: 100% !important;
}
.ctp-copyright, .ctp-copyright * { font-family: 'Open Sans', sans-serif !important; }
.ctp-copyright-row {
  display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center;
  gap: 10px 20px; text-align: left !important; max-width: 1280px; margin: 0 auto;
}
.ctp-copyright .site-info { text-align: left !important; white-space: nowrap; }
.ctp-foot-legal { display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-end; }
.ctp-foot-legal a { color: #7d8ea0 !important; }
.ctp-foot-legal a:hover { color: #fff !important; }
@media (max-width: 767.98px) {
  .ctp-copyright-row { justify-content: flex-start; }
  .ctp-copyright .site-info { white-space: normal; }
  .ctp-foot-legal { justify-content: flex-start; }
}

.ctp-foot-lic-label { margin-top: 24px !important; margin-bottom: 8px !important; }

.ctp-footer .lic-number {
  display: block;
  font-size: 14.5px;
  line-height: 1.6;
  color: #9fb0c2 !important;
  margin-bottom: 6px;
}
.ctp-footer .lic-number:last-child { margin-bottom: 0; }

/* ---------- Buttons ----------
   !important on background/color/border: these buttons appear inside
   header.php/footer.php alongside the theme's own .btn/.btn-primary classes
   (kept for any JS hooks), whose colors would otherwise win a specificity
   tie by being defined later in the shared site stylesheet. */
.ctp-btn {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 9px;
  font-family: 'Poppins', sans-serif !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; border-radius: 6px; border: 0 !important;
  transition: background .25s ease, color .25s ease, transform .15s ease, box-shadow .25s ease;
  cursor: pointer; -webkit-appearance: none; appearance: none;
}
.ctp-btn:active { transform: translateY(1px); }
.ctp-btn-green {background: #7fd41a !important;color: var(--ctp-navy) !important;}
.ctp-btn-green:hover { background: var(--ctp-green-dk) !important; color: var(--ctp-navy) !important; }
.ctp-btn-blue { background: var(--ctp-blue) !important; color: #fff !important; }
.ctp-btn-blue:hover { background: var(--ctp-blue-dk) !important; color: #fff !important; }
.ctp-btn-ghost { background: transparent !important; color: #fff !important; border: 2px solid rgba(255,255,255,.4) !important; }
.ctp-btn-ghost:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }

/* Header "Schedule Service" button — sized up per request (task #21).
   !important backs up the inline style on the element in header.php in
   case the theme's own button rules try to reassert their own padding/font. */
.ctp-header-schedule-btn {
  padding: 18px 30px !important;
  font-size: 16px !important;
}
.ctp-btn-ghost-blue { background: #fff !important; color: var(--ctp-blue) !important; border: 2px solid var(--ctp-blue) !important; }
.ctp-btn-ghost-blue:hover { background: var(--ctp-blue) !important; color: #fff !important; }

/* ---------- Section eyebrow / heading helpers ---------- */
.ctp-eyebrow {
  display: inline-flex; align-items: center; gap: 12px; color: var(--ctp-blue);
  font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase;
  letter-spacing: .13em; font-size: 13px; margin-bottom: 14px;
}
.ctp-eyebrow.ctp-eyebrow--light { color: var(--ctp-green); }
.ctp-eyebrow-bar { width: 26px; height: 3px; background: var(--ctp-green); flex-shrink: 0; }
.ctp-muted { color: var(--ctp-muted) !important; }
.ctp-highlight { color: var(--ctp-green) !important; }


.ctp-muted a[href^="tel:"] {
  color: var(--ctp-blue) !important; font-weight: 700; text-decoration: underline;
  display: inline !important; margin-bottom: 0 !important;
}
/* ---------- Hero ----------
   The hero's inner row previously carried Bootstrap's py-5 utility class
   directly; every other section applies its py-5 to the outer .container
   instead (now matched in the markup), and the rules below add an explicit,
   guaranteed fallback so the section keeps sensible top/bottom spacing at
   every breakpoint even if a legacy rule strips the utility class. */
.ctp-hero {
  position: relative; border-bottom: 7px solid var(--ctp-green);
  background: radial-gradient(120% 120% at 85% 40%, #14344f 0%, #0e2136 45%, #0a1a2e 100%);
  /* overflow-y intentionally left visible (not "hidden") — a hidden y-axis
     here was the likely cause of the hero heading/subtext getting clipped
     whenever the two-column row's rendered height varied slightly by
     viewport (e.g. from the rotated image frame or wrapped heading text).
     overflow-x:hidden alone still contains the section horizontally. */
  overflow-x: hidden; color: #fff;
}
.ctp-hero .container { padding-top: 70px !important; padding-bottom: 80px !important; }
@media (max-width: 991.98px) {
  .ctp-hero .container { padding-top: 48px !important; padding-bottom: 48px !important; }
}
@media (max-width: 575.98px) {
  .ctp-hero .container { padding-top: 36px !important; padding-bottom: 36px !important; }
}
.ctp-hero h1 { font-weight: 800; font-size: 3.2rem; line-height: 1.05; letter-spacing: -.01em; color: #fff !important; }
.ctp-hero-feature-list { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 17px; }
.ctp-hero-feature-list .fa, .ctp-hero-feature-list i { color: var(--ctp-green); font-size: 20px; }
.ctp-hero-frame {
  position: relative; border: 6px solid var(--ctp-blue-nav); border-radius: 20px;
  overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,.4); transform: rotate(1.4deg);
  aspect-ratio: 4 / 3.4;
}
.ctp-hero-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ctp-hero-badge {
  position: absolute; left: -6px; bottom: 26px; background: #fff; border-radius: 12px;
  box-shadow: 0 16px 34px rgba(0,0,0,.28); padding: 14px 22px; display: flex; align-items: center;
  gap: 14px; transform: rotate(1.4deg);
}
.ctp-hero-badge-num { font-weight: 800; font-size: 34px; color: var(--ctp-blue); line-height: 1; }
.ctp-hero-badge-text {
  font-weight: 700; font-size: 13px; line-height: 1.2; color: var(--ctp-ink);
  text-transform: uppercase; letter-spacing: .04em;
}

/* ---------- Popular services ---------- */
.ctp-svc-card {
  background: #fff; border: 1px solid var(--ctp-line); border-radius: 12px; padding: 34px 28px;
  display: flex; flex-direction: column; box-shadow: 0 10px 26px rgba(14,33,54,.05); height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
}
.ctp-svc-card:hover { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(14,33,54,.16); }
.ctp-svc-icon {
  width: 60px; height: 60px; border-radius: 12px; background: var(--ctp-soft); color: var(--ctp-blue);
  display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 22px;
}
.ctp-svc-explore {
  display: inline-flex; align-items: center; gap: 8px; color: var(--ctp-blue); font-weight: 700;
  text-transform: uppercase; letter-spacing: .05em; font-size: 13px;
  transition: gap .2s ease, color .2s ease;
}
.ctp-svc-explore:hover { color: var(--ctp-green-dk); gap: 12px; }

/* ---------- Mascot follow-mouse effect (Popular Services section) ----------
   Mirrors escapeplumbing.com's .mascot-image / .top-services mousemove
   effect (see the uploaded escape-plumbing.js "Mascot parallax-ish follow"
   handler). The van image + arrow track the mouse horizontally as it moves
   across the services section; JS lives inline in homepage-temp.php. */
.ctp-mascot-track {
  position: relative;
  height: 150px;
  margin-top: 6px;
  overflow: visible;
  cursor: default;
}
.ctp-mascot-wrap {
  position: absolute;
  left: -2em;
  bottom: 0;
  width: 11.5em;
  transform: translateX(-50%);
  transition: left .12s ease-out;
  pointer-events: none;
  text-align: center;
  z-index: 5;
}
.ctp-mascot-arrow {
  display: block;
  color: var(--ctp-green);
  font-size: 30px;
  line-height: 1;
  margin-bottom: 2px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.15));
}
.ctp-mascot-image {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.2));
}
@media (max-width: 767.98px) {
  .ctp-mascot-track { display: none; }
}

/* ---------- About / built on the standard ---------- */
.ctp-about-frame {
  position: relative; border: 6px solid var(--ctp-blue-nav); border-radius: 20px; overflow: hidden;
  box-shadow: 0 26px 52px rgba(14,33,54,.22); transform: rotate(-1.4deg); aspect-ratio: 4 / 4.4;
}
.ctp-about-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ctp-about-frame-badge {
  position: absolute; left: 16px; top: 16px; background: rgba(10,23,40,.82); color: #fff;
  font-weight: 800; font-size: 13px; line-height: 1.15; text-transform: uppercase;
  letter-spacing: .03em; padding: 9px 13px; border-radius: 6px;
}
.ctp-about-call {
  position: absolute; left: -10px; bottom: -22px; background: #fff; border-radius: 12px;
  box-shadow: 0 16px 34px rgba(14,33,54,.2); padding: 13px 20px; display: flex !important; align-items: center;
  gap: 13px; transform: rotate(-1.4deg); color: inherit; transition: box-shadow .2s ease;
}
.ctp-about-call:hover { box-shadow: 0 20px 40px rgba(14,33,54,.3); }
.ctp-about-call-icon {
  width: 46px; height: 46px; border-radius: 50%; background: var(--ctp-blue); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 19px;
}
.ctp-check-item { display: flex; align-items: center; gap: 11px; font-weight: 600; font-size: 16px; color: var(--ctp-ink); }
.ctp-check-item i, .ctp-check-item .fa { color: var(--ctp-green); font-size: 17px; }

/* Pull Popular Services and the About section (right below it) closer
   together  only trims the touching edges (services' bottom, about's top),
   every other section's spacing is untouched. */
#services .container { padding-bottom: 0 !important; }
#about .container { padding-top: 0 !important; }

/* ---------- The Clean Team Difference ---------- */
.ctp-difference {
  background: radial-gradient(120% 120% at 50% 0%, #14314c 0%, #0e2136 55%, #0a1728 100%);
  color: #fff;
}
.ctp-difference h2, .ctp-difference h3, .ctp-difference .ctp-h2-style { color: #fff !important; }
.ctp-diff-card {
  background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 14px;
  padding: 34px 28px; height: 100%; transition: border-color .25s ease;
}
.ctp-diff-card:hover { border-color: var(--ctp-green); }
.ctp-diff-icon {
  width: 58px; height: 58px; border-radius: 12px; background: rgba(127,212,26,.13); color: var(--ctp-green);
  display: flex; align-items: center; justify-content: center; font-size: 25px; margin-bottom: 22px;
}
.ctp-diff-card p { color: #aebccb !important; }

/* ---------- Additional services ---------- */
.ctp-van-frame {
  position: relative; border: 6px solid var(--ctp-blue-nav); border-radius: 20px; overflow: hidden;
  box-shadow: 0 26px 52px rgba(14,33,54,.2); transform: rotate(-1.4deg); aspect-ratio: 4 / 3;
}
.ctp-van-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ctp-book-card {
  position: absolute; left: -8px; bottom: -20px; background: #fff; border-radius: 12px;
  box-shadow: 0 16px 34px rgba(14,33,54,.2); padding: 12px 20px; display: flex; align-items: center;
  gap: 13px; transform: rotate(-1.4deg);
  border: 0; cursor: pointer; font-family: inherit; text-align: left;
  -webkit-appearance: none; appearance: none; transition: box-shadow .2s ease;
}
.ctp-book-card:hover { box-shadow: 0 20px 40px rgba(14,33,54,.3); }
.ctp-book-card-icon {
  width: 44px; height: 44px; border-radius: 50%; background: var(--ctp-blue); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.ctp-addl-panel {
  border: 1px solid var(--ctp-line); border-radius: 12px; padding: 14px;
  max-height: 460px; overflow-y: auto;
}
/* Thin, theme-colored scrollbar so a long list of rows doesn't default to a
   bulky OS scrollbar that clashes with the card's rounded corners. */
.ctp-addl-panel::-webkit-scrollbar { width: 8px; }
.ctp-addl-panel::-webkit-scrollbar-track { background: transparent; }
.ctp-addl-panel::-webkit-scrollbar-thumb { background: var(--ctp-line); border-radius: 8px; }
.ctp-addl-panel::-webkit-scrollbar-thumb:hover { background: var(--ctp-blue); }
.ctp-addl-panel { scrollbar-width: thin; scrollbar-color: var(--ctp-line) transparent; }
.ctp-addl-row {
  display: flex; align-items: center; gap: 14px; border-radius: 8px; padding: 14px 18px;
  transition: background .2s ease; color: inherit;
}
.ctp-addl-row--primary { background: var(--ctp-blue); color: #fff; }
.ctp-addl-row:not(.ctp-addl-row--primary):hover { background: #eef4fb; }
.ctp-addl-row-icon {
  width: 38px; height: 38px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 17px;
  flex-shrink: 0;
}
.ctp-addl-row--primary .ctp-addl-row-icon { background: rgba(255,255,255,.16); }
.ctp-addl-row:not(.ctp-addl-row--primary) .ctp-addl-row-icon { background: var(--ctp-soft); color: var(--ctp-blue); }

/* ---------- Built around you ---------- */
.ctp-around { background: var(--ctp-soft); }
.ctp-around-icon {
  width: 58px; height: 58px; border-radius: 50%; background: #e5eef7; color: var(--ctp-blue);
  display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 18px;
}

/* ---------- Reviews ---------- */
.ctp-review-card {
  border: 1px solid var(--ctp-line); border-radius: 14px; padding: 34px 32px;
  box-shadow: 0 10px 26px rgba(14,33,54,.05); height: 100%;
}
.ctp-stars { color: #f5a623; font-size: 16px; letter-spacing: 3px; margin-bottom: 16px; }
.ctp-stars--lg { font-size: 22px; letter-spacing: 4px; }
.ctp-avatar {
  width: 46px; height: 46px; border-radius: 50%; background: var(--ctp-blue); color: #fff;
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; flex-shrink: 0;
}

.ctp-star-rating {
	margin-top: 8px;
}

.ctp-stars {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-bottom: 10px;
}

.ctp-stars i {
	color: #f5a623;
	font-size: 22px;
}

.ctp-star-text {
	font-size: 16px;
	color: #4b5563;
	margin: 0;
}

/* ---------- Estimate form ---------- */
.ctp-estimate-card {
    /* background: linear-gradient(150deg, #1c5aa6, #123f7d); */
    border: 1px solid var(--ctp-line);
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(14, 33, 54, .18);
    padding: 32px 28px;
    width: 80%;
}
.ctp-estimate-card h2,
.ctp-estimate-card .ctp-h2-style,
.ctp-estimate-card p { color: #000000 !important; }
.ctp-estimate-card label {
  font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .08em;
  text-transform: uppercase; color: #000000 !important; display: flex; flex-direction: column; gap: 8px;
}
.ctp-estimate-card input,
.ctp-estimate-card textarea {
  font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0;
  border: 1px solid #cfd8e3; border-radius: 12px; padding: 13px 14px; font-size: 15px; color: var(--ctp-ink);
  width: 100%;
}
.ctp-estimate-card textarea { resize: vertical; }
/* The CAMP/ConversionAmp SmartForm embed's own <iframe> is set to
   width:100%;height:100% by the snippet the client pastes into the
   "camp form" ACF field, which only works if its container has an
   explicit height — this wrapper supplies one, tall enough for the full
   multi-field form, and lets the iframe fill it.
   The form's own internal design doesn't stretch edge-to-edge (it's a
   fixed-ish width form centered with blank space around it) — capping this
   wrapper at a narrower max-width and centering it removes that dead space
   on both sides instead of stretching an oversized iframe box around a
   narrower form. */
.ctp-camp-form-wrap { position: relative; width: 100%; max-width: 480px; margin: 0 auto; min-height: 720px; }
.ctp-camp-form-wrap iframe { width: 100% !important; height: 100% !important; min-height: 720px; border: none; display: block; }
@media (max-width: 575.98px) {
  .ctp-camp-form-wrap, .ctp-camp-form-wrap iframe { min-height: 860px; }
}
.ctp-estimate-frame {
  position: relative; border: 12px solid var(--ctp-blue-nav); border-radius: 20px; overflow: hidden;
  box-shadow: 0 26px 52px rgba(14,33,54,.2); transform: rotate(1.4deg); aspect-ratio: 4 / 3.6;
}
.ctp-estimate-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ctp-estimate-success-icon {
  width: 74px; height: 74px; border-radius: 50%; background: var(--ctp-green); color: var(--ctp-navy);
  display: flex; align-items: center; justify-content: center; font-size: 34px; margin: 0 auto 20px;
}

.ctp-estimate-card .ctp-muted a[href^="tel:"] { color: var(--ctp-blue) !important; }

/* ---------- Coupons ---------- */
.ctp-coupons {
  background: radial-gradient(120% 120% at 50% 0%, #14314c 0%, #0e2136 55%, #0a1728 100%);
  color: #fff;
}
.ctp-coupons h2, .ctp-coupons .ctp-h2-style { color: #fff !important; }
.ctp-coupon-card {
  background: linear-gradient(150deg, #2764b0, #1c5aa6); border: 2px dashed rgba(255,255,255,.45);
  border-radius: 12px; padding: 36px 28px; text-align: center; height: 100%;
}
.ctp-coupon-amount { font-weight: 800; font-size: 3.1rem; color: var(--ctp-green); line-height: 1; margin-bottom: 8px; }
.ctp-coupon-title { font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px; }
.ctp-coupon-desc { font-size: 14px; color: #cfe0f2; margin-bottom: 22px; }
.ctp-coupon-fineprint { font-size: 11.5px; line-height: 1.5; color: rgba(255,255,255,.6); margin: 16px 0 0; }

/* ---------- Coupons carousel (repeater-driven) ----------
   No external carousel library  native scroll-snap does the actual
   scrolling/paging, the arrows/dots (wired up in homepage-temp.php) just
   call scrollBy()/scrollTo() on the track. Slide width is 33.333% (3-up) on
   desktop and 100% (1-up) below the md breakpoint; the JS re-measures
   itself against whatever width is currently in effect, so this is the
   only place "how many show at once" is controlled. */
.ctp-coupon-carousel-wrap { margin-top: 8px; }
.ctp-coupon-carousel { position: relative; display: flex; align-items: center; gap: 14px; }
.ctp-coupon-track {
  display: flex;
  flex: 1;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ctp-coupon-track::-webkit-scrollbar { display: none; }
.ctp-coupon-slide {
  flex: 0 0 calc(33.333% - 16px);
  scroll-snap-align: start;
}
@media (max-width: 767.98px) {
  .ctp-coupon-slide { flex: 0 0 100%; }
}
.ctp-coupon-arrow {
  flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255,255,255,.12); color: #fff; display: flex; align-items: center; justify-content: center;
  font-size: 16px; transition: background .2s ease, opacity .2s ease;
}
.ctp-coupon-arrow:hover:not(:disabled) { background: rgba(255,255,255,.24); }
.ctp-coupon-arrow:disabled { opacity: .35; cursor: default; pointer-events: none; }
.ctp-coupon-dots { margin-top: 22px; display: flex; justify-content: center; align-items: center; gap: 8px; }
.ctp-coupon-dot {
  width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; background: rgba(255,255,255,.3);
  cursor: pointer; transition: background .2s ease, transform .2s ease;
}
.ctp-coupon-dot.is-active { background: var(--ctp-green); transform: scale(1.25); }

/* ---------- Financing ---------- */
.ctp-financing {
	background: 
		repeating-linear-gradient(
			120deg,
			rgba(255, 255, 255, 0.22) 10px,
			rgb(255 255 255 / 7%) 6px,
			#00000000 94px,
			#00000000 154px
		),
		linear-gradient(120deg, #79cf12, #8bde1f);
}
.ctp-financing .ctp-eyebrow { color: var(--ctp-navy); }
.ctp-financing .ctp-eyebrow-bar { background: var(--ctp-navy); }
.ctp-financing p { color: #173a10 !important; }

/* ---------- Service area ---------- */
.ctp-zip-box { max-width: 660px; margin: 0 auto; background: var(--ctp-soft); border-radius: 14px; padding: 30px 34px; }
.ctp-zip-box input {
  border: 1px solid #cfd8e3; border-radius: 8px; padding: 15px 16px; font-family: 'Open Sans', sans-serif;
  font-size: 15px; color: var(--ctp-ink); width: 100%;
}
.ctp-city-list {
  max-height: 460px; overflow-y: auto; padding-right: 6px;
}
.ctp-city-list::-webkit-scrollbar { width: 8px; }
.ctp-city-list::-webkit-scrollbar-track { background: transparent; }
.ctp-city-list::-webkit-scrollbar-thumb { background: var(--ctp-line); border-radius: 8px; }
.ctp-city-list::-webkit-scrollbar-thumb:hover { background: var(--ctp-blue); }
.ctp-city-list { scrollbar-width: thin; scrollbar-color: var(--ctp-line) transparent; }
.ctp-city-chip {
  display: flex; align-items: center; gap: 10px; border: 1px solid var(--ctp-line); border-radius: 8px;
  padding: 14px 16px; font-weight: 600; font-size: 15px; color: var(--ctp-ink); transition: all .2s ease;
}
.ctp-city-chip i, .ctp-city-chip .fa { color: var(--ctp-blue); }
.ctp-city-chip:hover { border-color: var(--ctp-blue); color: var(--ctp-blue); }
.ctp-city-chip--active { background: var(--ctp-blue); color: #fff; border-color: var(--ctp-blue); }
.ctp-city-chip--active i, .ctp-city-chip--active .fa { color: var(--ctp-green); }
.ctp-map-frame { border-radius: 16px; overflow: hidden; box-shadow: 0 18px 40px rgba(14,33,54,.14); aspect-ratio: 16 / 10; }
.ctp-map-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Google My Maps' embed always renders its own dark title bar (map name +
   owner) at the top — there's no URL param to turn it off. Since the frame
   already clips overflow, the iframe is made taller than its box and
   pulled up by that same amount so the title bar scrolls off the top,
   leaving just the map visible. */
.ctp-map-frame iframe { width: 100%; height: calc(100% + 50px); margin-top: -50px; border: 0; display: block; }


.ctp-map-frame { border-radius: 16px; overflow: hidden; box-shadow: 0 18px 40px rgba(14,33,54,.14); aspect-ratio: 16 / 10; margin-bottom: 28px; }

.ctp-map-frame--wide { aspect-ratio: 21 / 8; }
/* ---------- Bottom CTA ---------- */
.ctp-bottom-cta { background: linear-gradient(120deg, #1c5aa6, #2764b0); color: #fff; }
.ctp-bottom-cta h2, .ctp-bottom-cta .ctp-h2-style { color: #fff !important; }
.ctp-bottom-cta p { color: #d8e6f5 !important; }

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
  .ctp-hero h1 { font-size: 2.4rem; }
  .ctp-hero-frame, .ctp-about-frame, .ctp-van-frame, .ctp-estimate-frame { transform: none; }
  .ctp-hero-badge, .ctp-about-call, .ctp-book-card { position: static; transform: none; margin-top: 16px; }
}
@media (max-width: 767.98px) {
  .ctp-coupon-amount { font-size: 2.4rem; }
}


/* --------------------------- */

.sched-row {
    position: relative;
    padding: 0;
    max-width: none !important;
    width: 100%;
    margin: 0 !important;
    --bs-gutter-x: 0;
    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: 0.9em;
    margin: 0;
    border-radius: 0em;
    position: relative;
    z-index: 1;
    background: #044ba1;
    width: 100%;
    border:0;
 }

.sched-row button.pop-button:before{
  transform: scale(1);
  
}

.sched-row button.pop-button{
  position: relative;
  color: #000000;
  background-color: #7fd41a;
 }

.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: black;
}

.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;
 }

.sched-row a span, .sched-row button span {
    display: block;
    text-align: center;
    font-size: 4em;
    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: #464646;
  color: #ffffff;
  cursor: pointer;
}

/* Footer Section CSS  */ 

/* Footer CTA */

.site-footer{
  background-color: #0f243c !important;
  color: black!important;
  max-width: 1700px!important;
  margin: auto;
  box-shadow: 0em 0em 2em #000000;
  padding-bottom: 0em;
  padding-top: 1.2em;
  padding-right: 0;
  padding-left: 0;
}

.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: 14em;
  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;
}

.schema a:hover{
  color: #03a8e2!important;
}
 

.footer-txt{
  text-align: center;
  color: #2c6fc4;
  letter-spacing: .03em;
  font-size: 1.2em;
  margin-top: 1em;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 1em;
  }

.foot-links{
  text-align: center;
  font-size: .9em;
}



.help-links a{
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #0000001c;
  padding: .5em;
}

.help-links a:hover{
  color: #03a8e2!important;
}

.copyright {
    color: white;
    text-transform: uppercase;
    font-size: 0.7em !important;
    letter-spacing: .08em;
    padding: 1.1em 2em 0.8em 2em !important;
    max-width: none;
    width: 100%;
    background: #111111;
    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: #ffffff !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: #2c6fc4 !important;
}

.schema-title{
  margin: 0.7em 0 0em 0!important;
}

footer a{
  text-decoration: none;
}

/* ---------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------Inner Pages Css ------------------------------------------------------------------ */ 

/* Global Inner CSS  */ 



 .wp-check-gallery{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin:16px 0;
  }
  @media (max-width: 900px){
    .wp-check-gallery{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 520px){
    .wp-check-gallery{ grid-template-columns:1fr; }
  }

  .wp-check-gallery a{
    display:block;
    border-radius:12px;
    overflow:hidden;
    line-height:0;
    background:#e9eef5; /* fallback tile color */
  }

  .wp-check-gallery img{
    width:100%;
    aspect-ratio: 4 / 3;
    object-fit:cover;
    display:block;
  }


 .wp-check-gallery p{
    margin:0 !important;
    padding:0 !important;
  }


  .galler-section .row{
  row-gap: 1.5em;
}

.galler-section .row > div{
  margin-bottom: 0;
  padding: 0 .75em;
}

.galler-section .row > div img{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: .4em;
}

.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: 600;
  margin-top: 1em;
  /* font-style: italic; */
  color: white;
}

.side-form {
    text-align: center;
    padding: 1rem;
    background: #1c5aa6;
    /* border-radius: 40px; */
    color: white;
    position: relative;
    height: auto;
}




/* Sidebar HVAC Calculator styling */
.sidebar-hvac-widget {
  width: 100%;
  margin: 0 0 20px 0;
}

.sidebar-hvac-title {
  margin: 0 0 10px 0;
  padding: 10px 12px;
  font-weight: 400 !important;
  line-height: 1.2;
  /* border-left: 4px solid currentColor; */
  font-size: 2em !important;
  text-align: center;
}

.sidebar-hvac-box {
  width: 100%;
  padding: 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 0px;
  box-sizing: border-box;
  background-color: #d62232;
}

/* Force plugin output to use full sidebar width */
.sidebar-hvac-box,
.sidebar-hvac-box * {
  max-width: 100% !important;
  box-sizing: border-box;
}

.sidebar-hvac-box iframe,
.sidebar-hvac-box canvas,
.sidebar-hvac-box svg,
.sidebar-hvac-box img {
  max-width: 100% !important;
  height: auto !important;
}


/* Hide widget everywhere by default */
.sidebar-hvac-widget { display: none; }

/* Show only on HVAC pages */
.acf-location-hvac .sidebar-hvac-widget { display: block; }







.inside-content{
  padding-bottom: 8%;
}

.insideimage {
    position: relative;
    padding: 7% 4% 2% 4%;
    margin-top: 11.5%;
    border-bottom: 0.5em solid #7fd41a;
    background-position: 100% -20%;
    background-size: 42%;
    z-index: 12;
    background-image: url(/wp-content/uploads/2026/07/clean-team-plumbing-inner-banner.webp);
    background-repeat: no-repeat;
}

.insideimage:after{
  content:'';
  position: absolute;
  left: -20%;
  bottom: 0%;
  height: 110%;
  width: 80%;
  background: radial-gradient(120% 120% at 50% 0%, #14314c 0%, #0e2136 55%, #0a1728 100%);
  transform: skew(-20deg, 0deg);
  box-shadow: 0.8em 0em #7fd41a;
}


.insideimage .slider-usp {
    bottom: -3em;
    position: relative;
    z-index: 3;
    width: 65%;
    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 {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 2px solid #e6e6e6;
  border-radius: 1rem;
  transition: all 0.35s cubic-bezier(.22,1.2,.36,1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.insideimage .slider-usp .usp-box {
    font-size: 0.7em;
    width: 100%;
    /* color: black; */
    transition: all .3s 
ease-in-out;
    height: 8.8em;
    text-align: center;
    border: 1px solid #e6e6e6;
    background: white;
    padding: 0.1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* HOVER: color fill + pop */
.insideimage .slider-usp .usp-box:hover {
  background: #0f243a; /* hero blue */
  border-color: #7fd41a;
  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 */
.insideimage .slider-usp .usp-box span {
  display: block;
  font-size: 4em;
  color: #1c5aa6;
  transition: all 0.35s cubic-bezier(.22,1.2,.36,1);
}

/* 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 */
.insideimage .slider-usp .usp-box p {
  margin: 4px;
  color: #192b39;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.3s ease;
}

/* Text turns white on hover */
.insideimage .slider-usp .usp-box:hover p {
  color: #fff;
}







/* Coupons Page (/coupons/) CSS — reuses the homepage Section-5 coupon
   card look (navy dashed-outline box, red "$" + "OFF", red button)
   instead of the older skewed/italic .coupon styling, scoped to
   .coup-page-bg / .coup-card so the shared .coupon/.price/.offer
   classes used elsewhere (sidebar, Section-5 carousel) are untouched. */
.coup-page-bg{
  position: relative;
  overflow: hidden;
  padding: 3em 2em;
  margin: 2em 0;
  border-radius: .6em;
  /* background-color: #2c6fc4; */
  /* background-image: url(/wp-content/uploads/2026/07/sec5-bg.webp); */
  background-size: cover;
  background-position: center;
}

/* Grid instead of relying on Bootstrap's row/col negative-margin gutter
   trick — there's an older, more specific "!important" rule elsewhere
   in this file (.coup-page .col-lg-6{ margin: ... !important }) left
   over from a previous version of this page that was fighting any
   margin/padding-based gap. Grid + resetting the column's own
   width/flex/float/margin — selector deliberately stacks 3 classes
   (.coup-page .coup-page-row > .col-lg-6) so it out-specifies that
   older 2-class rule regardless of where either sits in the file. */
.coup-page-row{
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.8em;
  position: relative;
  z-index: 1;
  margin: 0 !important;
}

.coup-page .coup-page-row > .col-lg-6{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.coup-card{
  transform: none;
  border-radius: .6em;
  padding: 1.8em 1.4em 2.2em 1.4em;
  margin: 0;
}

.coup-card .price{
  font-size: 2.6em;
  font-style: normal;
}

/* Belt-and-suspenders: re-declare color/size directly on these two
   spans (rather than only relying on the shared ".price span" rule)
   in case something else on this page ends up overriding them. */
.coup-card .price-sign,
.coup-card .price-off{
  /* color: #d62232 !important; */
  /* font-size: .58em !important; */
}

.coup-card .offer{
  font-size: 1em;
  margin: .3em auto .8em auto;
}

.coup-card .btn{
  width: auto;
  /* display: inline-flex; */
  ex; */
  margin: 0 0 1em 0;
}

.coup-card p{
  font-size: .72em;
  color: #c9d3e6;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 33px;
  line-height: 1.4;
  padding: 0 2%;
}


.coupon{
  position: relative;
  border-radius: 0em;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-align: center;
  padding: 2em 2em 2.9em 2em;
  width: 100%;
  margin: 1em auto;
  background-color: #2c6fc4 !important;
  outline: .3em dashed white;
  /* transform: skew(-6deg); */
  outline-offset: -1em;
}

.price{
  position: relative;
  font-size: 4.1em;
  color: white;
  margin: 0.2em 0;
  line-height: 1;
  font-weight: 800;

}



.price span:last-child{
  top: auto;
}

.coupon .btn{
  width: 95%;
  z-index: 233;
}

@media (max-width: 47.999em){
  .coup-page-row{
    grid-template-columns: 1fr;
  }
}
















.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%;
  font-family: 'oswald';
}

.banner-head:after{
  content:'';
  position: absolute;
  left: -0.3em;
  top: 0em;
  background: #7fd41a;
  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: #2c6fc4;
    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: #7fd41a;
}

 
.inside-section-3 h2, .inside-section-4 h2{
  font-size: 2em;
  font-weight: 900;
}

.inside-section-4 h2{
  color: #192b39;
}

.inside-section-3.careers-padding{
  margin-top: 15%;
}

.inside-section-3{
  position: relative;
  background-color: #ebebeb;
  padding: 6% 7% 4% 7%;
  color: #192b39000;
  z-index: 9;
}

p:has(+ .accordion),
p:has(+ .faq-accordion) {
    font-size: 2rem;
    font-weight: 700;
    color: #0a2a4a;
    margin-bottom: 20px;
}

.inside-section-3 blockquote:before{
}

.inside-section-3 h2{
  color: #024f7e;
}

.inside-section-3 .accordion-button,.inside-section-4  .accordion-button{
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #ffffff;
    background-color: #2c6fc4;
    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: #7fd41a;
}

.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: #7fd41a !important;
  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.2em;
  margin-bottom: .8em;
  text-align: left;
}

.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: #192b39000!important;
}

blockquote, blockquote p {
    line-height: 1.6;
    margin-bottom: 0em;
    color: #ffffff !important;
}

blockquote::after {
    content: '';
    position: absolute;
    bottom: -0.5em;
    right: -2em;

    width: 5.7em;
    height: 8.9em;

    background-image: url('/wp-content/uploads/2025/12/mascot-scaled.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    z-index: 1;
    transition: all .3s ease-in-out;
}


blockquote:before {
    content: '';
    position: absolute;
    bottom: 0em;
    left: 0em;
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
    z-index: -01;
    background-color: #2c6fc4;
    border-top-right-radius: 0em;
    border-radius: 0em;
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
    border-left: 0.8em solid #7fd41a;
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    transform: skew(-6deg, 0deg);
}
 
blockquote a{color: #7fd41a;text-decoration: none;}

blockquote a:hover{color: #ffffff;}

#breadcrumbs {
    border-bottom: solid 1px rgba(0, 0, 0, 0.18);
    color: #1a2a39;
    z-index: 0;
    position: relative;
    margin-bottom: 0px;
    margin-right: auto;
    margin-top: 1.5em;
}

.inside-content h1 {
    margin-bottom: -1px;
    color: #163776;
    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: 1.8em;
}

.inside-content h3 {
    color: #184ba1;
    font-weight: 900;
    font-size: 1.4em;
}

.inside-section-4 h3{
     font-size: 1.4em;
}

.inside-section-3 h3{
     font-size: 1.4em;
}

.inside-section-2 h3{
     font-size: 1.4em;
}

.inside-section-1 h3{
     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;
}

.rev-sec-in {
    position: relative;
    padding: 4em 2em 4em 2em !important;
    background: radial-gradient(120% 120% at 50% 0%, #14314c 0%, #0e2136 55%, #0a1728 100%);
}



.rev-box .btn-secondary {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.rev-box .sec2-header {
    color: #ffffff;
    font-family: 'Poppins';
    font-weight: 800 !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    text-align: center;
}

.rev-header{
  font-family: oswald;
  text-align: center;
  font-size: 2.6em;
  line-height: 1.2;
  color: #192b39;
  font-weight: 400;
}

.rev-header strong{
  font-family: oswald;
  text-align: center;
  font-size: 1.3em;
  line-height: 1;
  color: #192b39;
  font-weight: 400;
}
.rev-btns{margin-top: 2em;width: 60%;}



.deal-price{
  position: relative;
  font-weight: bold;
  font-size: 4em;
  line-height: 1.2;
  text-shadow: -0.08em 0.09em 0.2em #00000005;
  color: #192b39;
  font-family: 'oswald';
  margin-top: 0.4em;
}

.deal-price span{
  display: block;
  font-size: 0.5em;
  padding: 1% 7%;
}

.deal-offer{
  position: relative;
  font-size: 1.4em;
  line-height: 1.4;
  display: block;
  margin: 2% 0 2% 0;
  color: #192b39;
  font-family: 'oswald';
}

.deal-offer span{
  display: block;
  font-size: .7em;
}

.coup-page{
  position: relative;
  padding-bottom: 7%;
}

.coup-page .text-highlight{
  margin-bottom: 3em;
}


.coup-page .home-coup img{
  width: 11em;
  left: 0;
  margin-bottom: 0.8em;
}

.coup-page .col-lg-6{
  margin: 0em  0 2.5em 0!important;
}

.coup-page .home-coup{
  text-align: center;
  width: 90%;
  padding: 9% 10% 5% 10%;
}

.coup-page .home-coup .btn{
  margin: 0.4em auto 1em auto;
  background-color: #66bee3;
  border: 0;
  color: white;
  margin: 1em auto;
  display: block;
  width: 90%;
}

.coup-page .home-coup p{
  font-size: .8em;
}


/* Coupons tabs (Plumbing / HVAC) */
#couponsTabs.nav-tabs {
  border-bottom: 2px solid #7fd41a;
  gap: 10px;               /* modern browsers */
}

/* Base tab button/link */
#couponsTabs .nav-link {
  color: #2c6fc4;
  background: #ffffff;
  border: 2px solid #7fd41a;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  padding: 10px 18px;
  font-weight: 700;
  line-height: 1;
  transition: background-color .2s ease, color .2s ease, transform .15s ease;
}

/* Hover / focus */
#couponsTabs .nav-link:hover,
#couponsTabs .nav-link:focus {
  background: #7fd41a;
  color: #2c6fc4;
  transform: translateY(-1px);
  outline: none;
  box-shadow: none;
}

/* Active tab */
#couponsTabs .nav-link.active,
#couponsTabs .nav-link[aria-selected="true"] {
  background: #2c6fc4;
  color: #ffffff;
  border-color: #2c6fc4;
  position: relative;
  top: 2px; /* visually connects active tab to panel */
}

/* Tab panel container (optional - makes it look "connected") */


/* Mobile: allow horizontal scroll if tabs wrap tight */
@media (max-width: 575px) {
  #couponsTabs.nav-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #couponsTabs .nav-link {
    white-space: nowrap;
  }
}




.side-coup{
  position: relative;
  width: 100%;
  margin: 2em auto 2em auto;
  background-color: #7fd41a;
  background-size: 55%;
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 5% 10% 7% 10%;
  outline: .3em dashed #192b39;
  outline-offset: -1em;
  text-align: center;
  border-radius: 2em;
}
.side-coup p{
  font-size: 0.8em;
  color: #192b39;
}

.side-price{
  position: relative;
  margin-top: 2%;
  font-weight: 900;
  font-size: 4.2em;
  color: #3f63c9;
}

.side-offer{
    font-size: 1.3em;
    position: relative;
    margin-bottom: 3%;
    letter-spacing: .02em;
}

.side-offer span{
  display: block;
  font-size: .7em;
}

.side-coup .btn-primary{
  display: block;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #ffffff !important;
  padding: 0.6em 1em;
  font-size: 1em;
  width: 90%;
  margin: 1em auto;
  background-color: #2c6fc4;
  border: 2px solid transparent;        /* prevents layout shift */
  transition: all .25s ease;
}

.side-coup .btn-primary:hover,
.side-coup .btn-primary:focus{
  background-color: #2c6fc4;             /* keep background */
  color: #ffffff !important;
  border-color: #ffffff;
}





/* Coupon wrapper in sidebar */
.sidebar .coupon{
  position: relative;
  padding: 1.5em 2em 2em 2em;
  background: #7fd41a;               /* dark blue */
  width: 100%;
  color: #ffffff !important;
  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';
  font-size: 3em;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #ffffff;
}

/* OFFER text */
#sidebar1 .offer{
  margin: 0 0 1.1em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ffffff;
}

/* Button */
#sidebar1 .coupon .btn {
    display: block;
    width: 80%;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: #ffffff;
    background: #2c6fc4;
    border: 2px solid #ffffff;
    margin-top: .2em;
}

/* Button hover */
#sidebar1 .coupon .btn:hover{
  background: #7fd41a;
  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);
}



/* 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: .3em;
    left: 0;
    color: #65ee62;
    font-size: 1.333em;
    border-radius: 50%;
    line-height: 1;
}

.bullet-list li a{
  color: #2c6fc4;
  text-decoration: none;
}

.bullet-list li a:hover{
  color: #2c6fc4;
}

/* ---------------------- */

/* 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: #65ee62;
    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: #2c6fc4;
}

.check-list li a{
  color: #3f63c9!important;
}

.check-list li a:hover{
  color: #7fd41a !important;
}

/* ------------------------------------------ */


/* Page creator Template */

.pc-default{
  position: relative;
  padding: 2% 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%;
}

.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: #7fd41a;
    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;
    background-image: url(/wp-content/uploads/2026/07/clean-team-logo.webp);
}

 .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 {
    margin-top: 0%;
    color: #000 !important;
    z-index: 99;
    padding: 7em 7% 4em 7%;
    position: relative;
    background: radial-gradient(120% 120% at 50% 0%, #14314c 0%, #0e2136 55%, #0a1728 100%);
    z-index: 13;
    position: relative;
}

.inner-bottom .usp-blk{
  height: 24em;
  color: white;
}

.inner-bottom .usp-label{
  font-weight: 900;
  line-height: 1.1;
  margin: .4em 0;
  color: #7fd41a;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}


/* IMPORTANT: allow rotated cards to show without getting clipped */
.inner-bottom .carousel-inner{
  overflow: visible;
}

.inner-bottom .row{
  justify-content: center;
  align-items: stretch;
}

.inner-bottom .usp-blk{
  background: #ffffffe8;                 /* <-- card background */
  border-radius: 2.5rem;            /* pill-ish rounded corners like example */
  padding: 2rem 1.75rem;
  text-align: center;
  width: 100%;                      /* <-- let the column control width */
  max-width: 520px;                 /* keeps it from getting too wide */
  margin: 0 auto;                   /* center inside the column */
  min-height: 240px;                /* instead of fixed height */
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* min-height: 415px; */
  /* box-shadow: 0 18px 40px rgba(0,0,0,.15); */
}



.inner-bottom .usp-blk span{
  font-size: 78px;
  line-height: 1;
  color: #2c6fc4;
}

/* Make columns equal height */
.inner-bottom .carousel-item .row{
  align-items: stretch;            /* key */
}

/* Ensure each col behaves nicely */
.inner-bottom .carousel-item .row > [class*="col-"]{
  display: flex;                   /* key */
}

/* The card fills its column and stacks content cleanly */
.inner-bottom .usp-blk{
  width: 100%;
  height: 100%;                    /* key */
  margin: 0;                       /* let the column spacing handle this */
  padding: 2rem 1.75rem;

  display: flex;                   /* key */
  flex-direction: column;
  justify-content: flex-start;

  background: #fff;
  border-radius: 2.25rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.15);
}

/* Optional: keep icon/label tidy */
.inner-bottom .usp-blk .usp-label{
  margin: .75rem 0 .5rem;
}

.inner-bottom .usp-blk p{
  margin: 0;
  color: black;
}



/* Mobile: stack with space between (and no rotations) */
@media (max-width: 767px){
  .inner-bottom .carousel-item .row{
    row-gap: 1rem;                 /* adds the missing spacing */
  }

  .inner-bottom .box-1,
  .inner-bottom .box-3{
    transform: none !important;
  }

  .inner-bottom .usp-blk{
    border-radius: 1.75rem;
    padding: 1.5rem 1.25rem;
  }
}



/* If you added this earlier, remove it (it breaks the grid at mid widths) */
/* .inner-bottom .carousel-item .row{ column-gap: 2rem; } */

/* Tablet / ~880px tuning */
@media (min-width: 768px) and (max-width: 991px){

  /* Let Bootstrap gutters handle spacing */
  .inner-bottom .carousel-item .row{
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  /* Reduce card bulk so 3-up fits nicely */
  .inner-bottom .usp-blk{
    padding: 1.25rem 1rem;
    border-radius: 1.75rem;
    font-size: .9rem;
    min-height: 210px;          /* keeps them visually even */
  }

  /* Prevent cards from trying to be too wide */
  .inner-bottom .usp-blk{
    max-width: none !important;
  }

  /* If icons are big, scale them down slightly */
  .inner-bottom .usp-blk svg,
  .inner-bottom .usp-blk img{
    max-height: 48px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .inner-bottom .carousel-item .row{
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
  }
}


/* ---------------------- */


/* Closing CTA Inner CSS  */ 


/* ------------------------------------------------------------------------------------- */


.faq-page .accordion-button{
  background-color: #2c6fc4;
  color: white;
  }

.faq-page .accordion-button[aria-expanded=true], .faq-page .accordion-button:hover{
  background-color: #343434;
  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: #65ee62;
  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: #7fd41a!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: 2%;
  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: #3f63c9!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: #65ee62;
  text-decoration: none;
}

.inside-content .btn-primary{
  color: #000000;
}

/* Thank You Template CSS  */ 

.thank-you {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding: 9% 1% 5% 1%;
    margin-top: 6%;
    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: #65ee62;
    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: #7fd41a;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: .08em;
  color: #0e2136;
  text-decoration: none;
  padding: 0.65em 0em;
  margin: 0.7em 0;
  border-radius: 900em;
  font-family: 'Fredoka', sans-serif!important;
}

/* ------------------------------------------------------------------------------------- */

/* Client Response Template CSS  */ 

@media (max-width: 575.98px) {
  #feedback-button.row {
    flex-direction: column !important;
  }
  #feedback-button .col-sm-6.col-md-6.col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    position: static !important;
    margin: 0 0 24px 0 !important;
  }
  #feedback-button .col-sm-6.col-md-6.col-lg-6:last-child {
    margin-bottom: 0 !important;
  }
}

.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;
  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: #65ee62;
    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;
}

/* ------------------------------------------------------------------------------------- */


/* Client Feedback Review Template CSS  */ 


.client-response {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 13% 1% 7% 1%;
    background-color: #4e4e4e;
    margin-top: 6%;
    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: 8%;
    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 */

.sliderfull{
  margin-top: 15%;
}
   
   .slider-header{
     font-size: 1.7em;
   }

/* END NEW QUERIES */

      #breadcrumbs{
     font-size: .6em;
     margin-top: 6em;
   }

   blockquote {
    padding: 3% 4% 3% 8%!important;
}

   blockquote:after{
     display: none;
   }   

   .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: 15%;
  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: 10.5%;
    border-bottom: 0.2em solid #1d1761;
    background-image: none;
}

    .insideimage:after{
     width: 155%;
     border-radius: 0;
   }

   .insideimage:before{
     display: none;
   }

   .insideimage .slider-usp .usp-box{
     font-size: 0.6em;
   }
   
   
.thank-you {
    padding: 15% 1% 5% 1%;
    margin-top: 13%;
}


.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: 14%;
}


.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 */

.sliderfull{
  margin-top: 17%;
}
   
   .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%;
}

      blockquote {
    padding: 3% 4% 3% 8%!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: 14%;
}
 

.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: 28% 4% 0% 4%;
    margin-top: 10.5%;
    border-bottom: 0.2em solid #1d1761;
    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: -1em;
}

   .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 */


.sliderfull{
  margin-top: 19%;
}
   
   .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: 28% 4% 0% 4%;
    margin-top: 10.5%;
    border-bottom: 0.2em solid #1d1761;
    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: 2.5em;
  bottom: -1em;
}


.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%;
   }

   blockquote {
    padding: 3% 4% 3% 8%!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 */

.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: 12em;
    left: -0.3em;
    top: 0.1em;
}


   .single-blog {
    position: relative;
    padding: 5% 4% 4% 4%;
}

   
.insideimage {
    padding: 20% 4% 0% 4%;
    margin-top: 10.5%;
    border-bottom: 0.2em solid #1d1761;
    background-image: none;
}

   .insideimage:after{
     width: 155%;
     border-radius: 0;
   }
   
.client-response {
    padding: 16% 2% 7% 2%;
    margin-top: 7%;
}
   
   .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;
  margin-top: 2.5em;
  bottom: -1em;
}

.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{
     font-size: 2.2em;
   }

   .sliderfull{
     margin-top: 14%;
   }


/* 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: 17.5%;
    padding: 11% 2% 1% 2%;
    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; */
}
 
.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 */

.ctp-utility-bar {
    font-size: .6em;
}

   .slider-header{
     font-size: 2.2em;
   }

   .sliderfull{
     margin-top: 13%;
   }

/* 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: 19.5%;
    background-size: 59%;
}

  .logo-image img {
    width: 11em;
}

   .section-protecta h1{
     font-size: 2em;
   }
  

.client-review {
    padding: 13% 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;
}

   .sidebar.show-for-small-only{
  display: block!important;
     width: 100%;
}


 }


 @media screen and (max-width: 75em) and (min-width: 63.939em) {
 

/* NEW QUERIES */

.ctp-utility-bar {
    font-size: .6em;
}


.insideimage {
    padding: 12% 3% 1% 3%;
    margin-top: 13.5%;
    background-size: 59%;
}
 
 
   .slider-header{
     font-size: 2.2em;
   }

   .sliderfull {
    margin-top: 13%;
}

/* 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;
}



 }


 @media screen and (max-width: 85em) and (min-width: 75.001em) {

/* NEW QUERIES */



.insideimage {
    padding: 12% 3% 1% 3%;
    margin-top: 12.5%;
    background-size: 59%;
}
   
   .slider-header{
     font-size: 2.5em;
   }

   .sliderfull {
    margin-top: 13%;
}
 
/* 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;
}


 } 



 @media screen and (max-width: 95.001em) and (min-width: 85.001em) {


/* NEW QUERIES */

   .sliderfull {
    margin-top: 12%;
}
   
   .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;
}

 }


 @media screen and (max-width: 125em) and (min-width: 95.001em) {


/* NEW QUERIES */


   .sliderfull {
    margin-top: 12%;
}
   
   .slider-header{
     font-size: 3.24em;
   }

 
   
/* END NEW QUERIES */

   html {
    font-size: 17px!important;
}
  
   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }
  

.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;
}
 


 } 
  
  
 @media screen and (min-width: 125.001em) and (max-width: 999.9em) {
 

/* NEW QUERIES */
 
   
   .sliderfull {
    margin-top: 12%;
}
   
   .slider-header{
     font-size: 3.64em;
   }

 

/* END NEW QUERIES */


.sliderfull {
} 
 
 
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;
}

 }



[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)}}