body{font-family: "Roboto", sans-serif; font-weight:400; font-size:16px; line-height:1.6; color:#000; overflow-x: hidden; }
html{scroll-padding-top:180px;}

a{ color:#000; text-decoration:underline;}
a:hover{ color:#000; text-decoration: none;}
a:focus{ outline:none;}

.bullet-group{ margin-bottom:30px;}
.bullet-group .style{ margin-bottom:0 !important;}

.heading, .sub-heading, .sub-heading2{font-family: "Anton", sans-serif; font-size:42px; line-height:1.3; color:#033572; margin:0 0 20px; font-weight:400; display: block;}
.sub-heading, .sub-heading2{font-size:34px;}
.sub-heading2{font-size:24px;}
.heading a, .sub-heading a, .sub-heading2 a{color:#033572; text-decoration: none;}

.heading .heading, .heading .sub-heading{ margin-bottom:0;}
.heading .sub-heading{font-family: "Roboto", sans-serif; font-size: 26px; font-weight: 800; color: #000;}
.heading .sub-heading a{ color: #000;}

hr.bdr{ border:none; height:3px; background:#ddd; opacity:1; width:60%; margin:50px auto}

b, strong{font-weight: 700;}

p{ font-size:16px; line-height:1.6}
p, .mb, .img-wrapper{ margin-bottom:30px;}

table{ width:100%; background:none; border:none;border-collapse: collapse;}
table tr:hover{background:#C0CAC7;}
table tr td{border:solid 1px #b7c3bf; padding:5px 5px; line-height: 1.3;}
table tr td strong{display:block; text-align:center;}
table tr.even, table tr.alt, table tr:nth-of-type(2n) { background:none;}

.modal{z-index: 999999; background: #00000099;}
.modal-content{padding: 20px;}
.modal .btn-close{position: absolute; top:10px; right: 10px; width: .3em; height: .3em;}

.grid-image-item{margin-bottom: 25px;}

.style{margin:0 0 20px 0; padding-left: 10px;}
.style li{list-style:url("../img/bullet-blue.png"); margin:0 0 10px 20px; line-height:26px}
.style ul{ margin-top:10px}
.style li a{ text-decoration:underline;}
.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc;}

.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

.left{float: left; margin-right: 80px;} .right{float: right; margin-left: 80px;}

img.right {float: right; margin: 5px 0 20px 15px;}
img.left {float: left; margin: 5px 15px 20px 0;}
img, video, iframe{ max-width:100%}

.map{background: #ddd; border: solid 1px #b4b4b4; padding: 10px;}

.accordion{margin-bottom: 30px;}
.accordion-button{cursor: pointer;}

.container-xl{ max-width:1240px;}
section{ padding:100px 0px 60px;}
.padding{padding:60px 40px 30px;}

.brand-logos{text-align: center; margin-bottom: 30px;}
.brand-logos img{margin: 10px;}

.button{ background: #6AB342; background: linear-gradient(65deg, rgba(106, 179, 66, 1) 0%, rgba(120, 201, 75, 1) 100%); color: #fff; display:inline-block; text-decoration: none; font-size: 20px; line-height: 1.2; padding:18px 20px; text-align:center; transition:all .3s ease-in-out; font-weight:500; margin: 5px 15px; border: none; border-radius: 8px; position: relative;}
.button:hover{ background: #043673!important; background: linear-gradient(65deg, rgba(4, 54, 115, 1) 0%, rgba(8, 63, 130, 1) 100%)!important; color: #fff!important;}
.button span{font-size: 16px; display: block;}

.button.small{font-size: 18px; padding:10px 16px;}
.button.red{background: #DD1323; background: linear-gradient(65deg, rgba(221, 19, 35, 1) 0%, rgba(242, 27, 44, 1) 100%);}
.button.white{background: #DCE8E7; background: linear-gradient(65deg, rgba(220, 232, 231, 1) 0%, rgba(255, 255, 255, 1) 100%); color: #000;}
.button.dotted, .contact-page .button.white{background: #033572; background: linear-gradient(90deg, rgba(3, 53, 114, 1) 0%, rgba(20, 86, 166, 1) 35%, rgba(5, 44, 92, 1) 100%); position: relative; color: #fff; cursor: pointer;}
.button.dotted span{ font-weight: normal; font-size: 18px; display:block}

.phone{text-decoration: none; display: inline-block; font-weight: 800; line-height: 1;}

.box{border: solid 4px #043673; margin: 0 4% 30px; padding: 10px;}
.box .heading, .box .sub-heading2{background: #043673; color: #fff; text-align: center; margin: -10px -10px 20px; padding: 10px 10px;}
.box .bullet-group{margin-bottom: 0;}
.box ul{list-style: none;}

.rounded-box{background: #feba01; border-radius: 20px; margin-bottom: 30px;}
.rounded-box img{border-radius: 20px;}

.coupons-page .box{padding: 20px; margin: 30px 0 0;}
.coupons-page .box img{float: left; margin-right: 30px; max-width: 300px;}

svg.green{position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1;}
svg.white{position: absolute; bottom: -15px; width: 100%; left: 0; z-index: 2;}

.social{margin: 30px 0 50px;}
.social a{margin:0 3px;}
.social img{ max-height:60px; transition:all .3s ease-in-out;}

.site-header{position: fixed; top: 0; width: 100%; z-index: 999999; background: #04367300; transition:all .3s ease-in-out;}
/*header{ color: #000; transition: all 0.3s ease-in-out; width: 100%; z-index: 9999; position: -webkit-sticky; position: sticky; top: 0;}*/
.top-row{background: #022f66; color: #fff; padding: 10px 10px; transition:all .3s ease-in-out;}
.top-row .row div:last-child{text-align: right;}
.top-row .sub-heading{text-transform: uppercase; font-weight: 500; font-size: 18px; display: inline-block; line-height: 1.2; color:#fff; margin-bottom:0; font-family: "Roboto", sans-serif;}
.top-row span{display: inline-block;}
.top-row a.phone{font-size: 28px; color: #fff;}
.top-row a.phone:hover{color: #fcaf17;}
.top-row .button, .head-contact .button{padding: 8px 15px; margin: 0 10px 0 0; font-size: 18px; background: #d19e1d; background: -webkit-linear-gradient(180deg, #d19e1d 0%, #ffd86e 50%, #e3a812 100%); background: linear-gradient(180deg, #d19e1d 0%, #ffd86e 50%, #e3a812 100%);}
.top-row .button.white:hover, .head-contact .button.white:hover{background: #DD1323!important; background: linear-gradient(65deg, rgba(221, 19, 35, 1) 0%, rgba(242, 27, 44, 1) 100%)!important;}

.logo-area{padding: 10px 0; transition:all .3s ease-in-out;}
.logo-area .logo{display: inline-block;}
.logo-area .logo img{height: 150px; transition:all .3s ease-in-out; max-width: inherit;}
.head-contact{text-align: right; color: #fff; display: none;}
.head-contact .phone{font-size: 24px; color: #f9c30a;}


/* Start Menu css */
.navbar .navbar-nav{margin: 0 0 0 auto}
.navbar .navbar-toggler{ border:none; color:#fff; }
.navbar .navbar-toggler:focus{box-shadow: none}
.navbar .navbar-toggler .open-menu{ font-size:20px;}
.navbar .navbar-brand{ display:none}
.navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar .navbar-nav .nav-item .nav-link{font-family: "Roboto", sans-serif; text-align:center; color:#fff; font-size:17px; line-height:1.3; font-weight:500;  text-transform: uppercase; padding:10px 18px; transition:all .3s ease-in-out;}

.navbar .navbar-nav .nav-item.gold-tab .nav-link{color: #fcaf17;}

.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item.current-parent .nav-link, .navbar .navbar-nav .nav-item.current-parent .nav-link.current{ color:#6ab342;}
.dropdown-toggle::after{border: solid #e02736; border-width: 0 2px 2px 0; margin-left: .4em; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.navbar .navbar-nav .nav-item:hover .dropdown-toggle::after, .navbar .navbar-nav .nav-item.current-parent .dropdown-toggle::after, .navbar .navbar-nav .nav-item.current-parent .nav-link.current .dropdown-toggle::after{border: solid #6ab342;  border-width: 0 2px 2px 0;}
.navbar .navbar-nav .nav-item:hover .dropdown-menu .dropdown-toggle::after{border: solid #fff;  border-width: 0 2px 2px 0;}

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem; background: #7dc31e; padding: 0;}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:14px; text-align:left; padding:5px 1rem; color:#fff}
.dropdown-item, .nav-item .dropdown .dropdown-toggle{ line-height:1.3; padding:6px 10px 8px!important; font-size:16px!important; font-weight: 400!important; border-bottom: solid 1px #53a526; color: #fff!important;}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#043673!important; color:#fff;}
.dropdown-item.current, .dropdown.current-parent{ background:#043673!important; color:#fff!important;}
.dropdown .submenu{left: 90%; top: -2px;}
/* End Menu css */

/* Start Sticky Header */
.site-header.header-up, .site-header.header-down{background: #043673;}
.header-up .top-row, .header-down .top-row{margin-top: -56px;}
.header-up .logo-area, .header-down .logo-area{padding: 8px 0;}
.header-up .logo-area .logo img, .header-down .logo-area .logo img{height: 90px;}


.header-up .header-review-count, .header-down .header-review-count{display: none;}
.header-up .head-contact, .header-down .head-contact{display: block;}

.header-up .navbar, .header-down .navbar{padding: 0; margin-top: 10px;}
.header-up .navbar .navbar-nav .nav-item .nav-link, .header-down .navbar .navbar-nav .nav-item .nav-link{font-size: 16px;}
/* End Sticky Header */
.no-banner{background: #043673; height: 230px;}

.banner{padding: 260px 0; text-align: center; overflow: hidden; position: relative;}
.banner::before{position:absolute; content:""; background: #043673; background: linear-gradient(180deg, rgba(4, 54, 115, 3) 0, rgba(4, 54, 115, 0) 100%); width: 100%; height: 90%; top: 0; left: 0;}
.banner img, .banner video{object-fit: cover; object-position: center; width: 100%; margin: 0 auto; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}

.banner .header-review-count img{object-fit: contain; width: inherit; position: relative; height: inherit;}

.banner .carrier-fad{position: absolute;  top: inherit; right: inherit; left: 2%; z-index: 3; max-width: 20%; height: auto; width: inherit;}
.banner-text{position: relative; z-index: 3;}
.banner-text .heading{color: #fff; font-size: 48px; text-shadow:  3px 3px #000;}
.banner-text .green-bg{font-size: 20px; font-weight: 600; color: #fff; position: relative; display: inline-block; padding: 10px 20px; margin-bottom: 30px;}
.banner-text .green-bg::before{position:absolute; content:""; width: 100%; height: 100%; top: 0; left: 0; background: #50B01B; background: linear-gradient(90deg, rgba(80, 176, 27, 1) 0%, rgba(66, 168, 11, 1) 100%); z-index: -1; opacity: .7;}
.banner-text .heading span{display: block; font-size: 28px;}
.banner-text .button{font-size: 18px; padding: 12px 20px;}
.banner-text .button:hover{background: #DD1323!important; background: linear-gradient(65deg, rgba(221, 19, 35, 1) 0%, rgba(242, 27, 44, 1) 100%)!important;}

.banner-inner{height: 400px; overflow: hidden;}
.banner-inner img{object-position: top;}
/*.banner-inner svg.green{bottom: 14%;}
.banner-inner svg.white{bottom: 12.5%;}
.banner-inner .carrier-fad{bottom: 15%;}
*/

.truck-block{background: #1c1b1b; position: relative; text-align: center; padding: 30px 20px 15px; margin-top: 50px;}
.truck-block::before{position:absolute; content:""; background: url("../img/contact-steves-five-star-service.webp") center no-repeat; background-size: 235px; width: 100%; height: 100%; top: -97px; left: 0;}
.truck-block .heading{color: #fff;}

.reviews-section{background: url("../img/hvac-plumbing-technicians.webp") center no-repeat; background-size: cover; position: relative; padding-bottom: 170px;}
.reviews-section::before{position:absolute; content:""; background: RGBA(255, 255, 255, 0.8);
background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .4) 100%); width: 100%; height: 100%; top: 0; left: 0;}
.reviews-section .container-xl{position: relative; z-index: 1;}

.aggregate-area{ padding:0px 30px}
.aggregate{ border-top:5px solid #d32323; margin:0 20px 22px; background:#fff; padding:10px; box-shadow: 0 2px 8px rgba(0,0,0,.5); transition: all .3s ease-in-out}
.yelp-review{border-top:5px solid #d32323;} .facebook-review{border-top:5px solid #3b579d;} .google-review{border-top:5px solid #fbbc04;}

.aggregate:hover{ margin-bottom:22px; box-shadow: 2px 10px 8px rgba(0,0,0,.5);}
.aggregate i{ max-width:60px; float:left; margin:0 20px 10px 0px;}
.aggregate .names p{ color:#666; font-size:18px; line-height:22px; font-weight:bold}
.aggregate p{ margin-bottom:0}
.rate{ display:block; margin-bottom:10px;}
.rate i{ color:#f15c4e}
.rate-text{ font-size:15px; color:#444; line-height: 1;}
.rate-text span{ font-size:22px; color:#d71603}
.google-review > .rate-text span{ color:#e7711c}
.facebook-review > .rate-text span{ color:#4080ff}
.rate-text a{ color:#2a88af; text-decoration:none; display: inline-block;}

.header-review-count{display: flex; line-height: 1.1;justify-content: center; margin-bottom: 30px;}
.header-review-count .review-count{display: flex; margin-left: 20px; align-items: center; }
.header-review-count img{max-height: 30px; margin-right: 6px;}
.header-review-count .rating{background: url("../img/5star.png") top left no-repeat; background-size: 80px; padding-top: 16px; min-width: 80px;}
.header-review-count .rating.four-half{background: url("../img/4-5star.png") top left no-repeat; background-size: 60px;}
.header-review-count .rating span{display: block; font-size: 13px; color: #fcaf17; font-weight: 500;}


.review-block{text-align: center; margin-top: 40px;}
.review-block .sub-heading{background: url("../img/five-star-ratings.png") bottom center no-repeat; padding-bottom: 45px; margin-bottom: 30px; color: #000;}

.review-icons{text-align: center;}
.review-icons .sub-heading{color: #505968; font-size: 24px; line-height: 28px; font-weight: normal; margin: 10px 0 15px;}
.review-icons a{text-decoration: none;}
.review-icons a img{margin: 10px 20px; display: inline-block;}

.review-social{background: url("../img/5star.png") top center no-repeat; padding-top: 22px; text-align: center;}
.review-social.nostar{background:none!important; padding: 0!important;}
.review-social span{display:block; font-weight: 500; font-size: 20px; line-height: 1;}
.review-social img{display: inline!important;}


.reviews{padding: 15px 20px 5px; margin: 0 0 30px; text-align: center; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4); -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px;}
.reviews:before, .reviews:after {content: " "; display: table;} .reviews:after {clear: both; }
.reviews p{font-size: 20px; line-height: 1.6; margin-bottom: 15px; color: #323232;}

.review-heading{font-size: 24px; line-height: 1.2; font-weight: 500; color: #323232; margin: 0 0 20px; text-transform: uppercase;}

.review-page .reviews{text-align: left;}
.review-page .review-social{background: url("../img/5star.png") top right no-repeat; text-align: right;}
.review-page .reviews p{font-size: 16px;}

.review-slider .reviews{padding: 20px 1.5%; background: #fff;}
.review-slider .review-heading{margin-bottom: 15px; font-weight: 500; color: #000;}
.review-slider .reviews p{font-size: 17px;}
.review-slider .review-social{background: none; padding-top: 0; font-size: 15px;}

.contact-form .heading{font-size: 32px; text-align: center;}
.contact-form .sub-heading{font-size: 26px; text-align: center; margin-bottom: 10px;}
.contact-form p{margin-bottom: 10px;}

.contact-page, .contact-page p{font-size: 22px;}
.contact-page a{text-decoration: none;}

.main-services{text-align: center; position: relative; background: url("../img/hvac-plumbing-services.webp") bottom center no-repeat fixed; background-size: cover;}
.main-services::before{position:absolute; content:""; background: #FFFFFF; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .7) 10%, rgba(255, 255, 255, .7) 100%); width: 100%; height: 100%; top: 0; left: 0;}
.main-services .container-xl{position: relative;}
.main-services .col a{position: relative; display: block; margin: 80px 20px 20px; background: #043673; border: solid 3px #fed401; border-radius: 20px; padding: 10px; text-decoration: none; font-size: 24px; font-weight: 500; color: #fff;}
.main-services .col a span{display: flex; background: #fff; border: solid 3px #fed401; height: 120px; width: 120px; border-radius: 50%; margin: -70px auto 8px; align-items: center; justify-content: center;}
.main-services .col a span img{height: 70px;}
.main-services .col a:hover{background: #03326b;}
.main-services .col a:hover span{background: #fed401;}

.why-us{position: relative; background: url("../img/why-choose-us.webp") bottom right no-repeat; background-size: cover; color: #fff;}
.why-us::before{position:absolute; content:""; background: #043673; background: linear-gradient(180deg, rgba(4, 54, 115, .9) 0%, rgba(3, 44, 93, .9) 100%); width: 100%; height: 100%; top: 0; left: 0;}
.why-us .container-xl{position: relative;}
.why-us img{position: absolute; bottom: -45px; left: 2%;}
.why-us .sub-heading{color: #fff; text-align: center; margin-bottom: 50px;}
.why-us li{font-size: 19px; line-height: 1.3; font-weight: 500; margin-bottom: 15px; list-style: url("../img/orange-bullet.png");}
.why-us li a{color: #fff; text-decoration: none;}

.bathroom-remodels{position: relative; background: url("../img/bathroom-remodeling-service.webp") center no-repeat; background-size: cover; text-align: center; margin-bottom: 100px;}
.bathroom-remodels::before{position:absolute; content:""; background: url("../img/orange-color.webp") center; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; opacity: .4;}
.bathroom-remodels::after{position:absolute; content:""; background: #FF9600;
background: linear-gradient(180deg, rgba(255, 150, 0, 1) 0%, rgba(54, 54, 56, 1) 100%); width: 100%; height: 100%; top: 0; left: 0; opacity: .7;}
.bathroom-remodels .container-xl{position: relative; z-index: 2;}
.bathroom-remodels .steves-truck{margin:20px auto -14%; max-width: 80%;}

.special-offers{text-align: center; padding-top:10px;}
.special-offers .row{padding-top: 50px;}
.special-offers .heading{margin-bottom: 5px;}
.special-offers p{background: #6DB848; background: linear-gradient(90deg, rgba(109, 184, 72, 1) 50%, rgba(101, 176, 63, 1) 100%); color: #fff; display: inline-block; padding: 10px 20px; margin-bottom: 0;}
.special-offers a{display: inline-block; border: dashed 2px #fff; margin-bottom: 40px; position: relative;}
.special-offers a .btn{position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.special-offers .coupon-slider div{padding: 0 20px; margin: 0 10px 0 0!important;}
.special-offers .lSAction a{border: none;}
.special-offers .lSAction > .lSPrev{left: 0;}
.special-offers .lSAction > .lSNext{right: 0;}

.membership-block .left-block{background: #fff; padding: 0 15px -10px; margin: 0 30px 20px; box-shadow: 0 2px 8px rgba(0,0,0,.5);}
.meb-top-bar{background: #002255; padding: 10px; text-align: center; color: #fff; font-size: 26px; line-height: 1.1; font-weight: 900;}
.meb-header{display: flex;}
.meb-header strong{display: inline-block; font-size: 200px; line-height: 1; font-weight: 900; color: #012154;}
.meb-header div{background: url("../img/five-star-ratings.png") bottom center no-repeat; background-size: 120px; padding-bottom: 10px; margin-left: 5px;}
.meb-header .sub-heading{color: #3b6c12; font-size: 50px; margin-bottom: 0;}
.meb-header .sub-heading2{font-size: 30px; color: #000;}

.membership-block .left-block .table.tick tr{border-bottom: dotted 2px #bbb;}
.membership-block .left-block .table.tick tr td{font-weight: bold; border: none;}
.membership-block .left-block .table.tick tr td:nth-child(1){position: relative; padding-left: 30px;}
.membership-block .left-block .table.tick tr td:nth-child(1)::before{content: ''; background: url("../img/green-check-mark.png") no-repeat; background-size: 22px; width: 22px; height: 22px; position:absolute; left: 0;}
.membership-block .left-block .table.tick tr td:nth-child(2){color: #296c02;}

.meb-price{background: #3b6c12; color: #fff; padding: 10px; text-align: center; margin: 0 -1px 15px; font-size: 30px; line-height: 1.2; font-weight: 900; text-transform: uppercase;}

.membership-block .box-block{border: solid 2px #71a84d; border-radius: 30px; background: #fff; margin: 40px -30px 20px; padding: 10px;}
.membership-block .box-block .heading{background: #fff; padding: 10px; text-align: center; color: #012154; margin: -50px 10% 20px;}
.membership-block .box-block ul{list-style: url("../img/bullet-blue.png");}
.membership-block .box-block ul li{font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.membership-block .box{padding-bottom: 0;}
.membership-block .box .heading.mb-0 .savings{background: #fff; color: #488016; display: inline-block; padding: 10px 30px; border-radius: 50%; margin: 0 auto; border: solid 2px #3b6c12;}
.membership-block .box .table{font-weight: bold;}
.membership-block .box .table tr td:nth-child(3){color: #296c02;}
.membership-block .box .table img{width: 25px;}
.memb-block-footer{background: #043673; color: #fff; margin: 0 -10px; padding-bottom: 15px; text-align: center;}
.memb-block-footer .heading{margin: 0 auto 20px;}
.memb-block-footer .badge-block{ background: #fff url("../img/customer-protection-shield.png") 10px center no-repeat; margin: 0 10px; color: #000; padding: 10px 10px 10px 60px; border: solid 3px #488016; font-size: 20px; font-weight: bold; line-height: 1.2; border-radius: 10px;}

.home-contact{position: relative; background: url("../img/contact-hvac-plumbing-team.webp") bottom center no-repeat fixed; background-size: cover;}
.home-contact::before{position:absolute; content:""; background: #FFFFFF; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(108, 172, 228, 1) 100%); width: 100%; height: 100%; top: 0; left: 0; opacity: .8;}
.home-contact .container-xl{position: relative;}
.home-contact .sub-heading{color: #000;}
.home-contact .rounded-box{background: #559d3b; border-radius: 30px; padding: 20px; color: #fff; margin: 0 40px;}
.home-contact .rounded-box img{border: solid 4px #fff; margin-bottom: 20px;}
.home-contact .rounded-box .sub-heading{color: #fff;}
.home-contact .rounded-box a{color: #fff;}

.service-area-cities{padding: 70px 20px 40px;}
.service-area-cities .sub-heading2{font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 800; color: #000;}
.service-area-cities ul li{list-style: url("../img/icion-map-pin.png"); margin-bottom: 10px;}

.google-map{background: url("../img/service-area-map.webp") center no-repeat; background-size: cover; min-height: 480px;}
.service-area .google-map{min-height: 680px;}

.meet-team .col div{text-align: center; padding: 10px; margin-bottom: 30px;}
.meet-team .col div img{display: inline-block; margin-bottom: 10px;}
.meet-team .col div strong{text-transform: uppercase; font-size: 18px; font-weight: 500;}

.meet-team .col div strong span{ display: inline-block;}
.meet-team .col div strong span::before{ content: "- ";}

.marketing-check-box{background:#063473; padding:40px 20px 20px; display:flex; flex-wrap:wrap; margin-bottom:30px;}
.marketing-check-box .col {margin-bottom: 20px;}
.marketing-check-box .box{background:#fff; padding:30px 20px; margin: 0; text-align:center; font-size:20px; line-height:1.4; font-weight:bold; height: 100%;}
.marketing-check-box .box img{display:block; margin:0 auto 20px;}

.blog-page .blog-article{border-bottom: solid 1px #ccc; margin-bottom: 40px;}
.blog-page .blog-article img{display: inline-block; margin-bottom: 30px;}
.blog-page .blog-article .sub-heading{font-family: "Roboto", sans-serif; font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.blog-page .blog-article .button{margin: 0 0 30px; padding: 10px 15px; font-size: 17px;}

.thumb-btn{min-height:300px; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffffff; flex-direction: column; background-size: cover !important; background-position: center center; position: relative; z-index: 2; padding: 0 30px; cursor: default; margin:20px auto;}
.thumb-btn::before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.50); z-index:-1; transition:all .3s ease-in-out;}
.thumb-btn:hover::before{background: rgba(4, 60, 174, 0.50);}
.thumb-btn .sub-heading{color:#fff; font-family: "Roboto", sans-serif; font-size: 26px; font-weight: 600;}
.thumb-btn a.button{padding:10px 20px; font-weight:bold; border-radius:5px; display: none;}
.thumb-btn a.button::before{content:''; position:absolute; width:100%; height:100%; left: 0; right: 0; top: 0; bottom: 0;}
.thumb-btn:hover a.button{ display: block;}

.accordion-button:not(.collapsed){background: #033572; color: #fff;}
.accordion-button::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}

.bg-ac-installation{background:url(../img/air-conditioning-ac-installation.webp) center no-repeat; background-size:cover;}
.bg-ac-maintenance{background:url(../img/expert-air-conditioning-maintenance.webp) center no-repeat; background-size:cover;}
.bg-ac-repair{background:url(../img/quality-air-conditioning-repair.webp) center no-repeat; background-size:cover;}
.bg-heating-installation{background:url(../img/residential-furnace-installation.webp) center no-repeat; background-size:cover;}
.bg-heating-maintenance{background:url(../img/heater-furnace-services.webp) center no-repeat; background-size:cover;}
.bg-heating-repair{background:url(../img/furnace-heating-repair.webp) center no-repeat; background-size:cover;}
.bg-bathroom-plumbing{background:url(../img/toilet-fixing-services.webp) center no-repeat; background-size:cover;}
.bg-electronic-leak-detection{background:url(../img/electronic-leak-detection.webp) center no-repeat; background-size:cover;}
.bg-gas-line-services{background:url(../img/gas-piping-services.webp) center no-repeat; background-size:cover;}
.bg-kitchen-plumbing{background:url(../img/kitchen-remodeling-services.webp) center no-repeat; background-size:cover;}
.bg-pipe-repair-repiping{background:url(../img/repiping-pipe-repair.webp) center no-repeat; background-size:cover;}
.bg-water-heaters{background:url(../img/water-heater-services.webp) center no-repeat; background-size:cover;}

footer{background: #043673; background: linear-gradient(65deg, rgba(4, 54, 115, 1) 0%, rgba(8, 63, 130, 1) 100%); color: #fff; padding: 10px; font-size: 15px; line-height: 1.4;}
footer p{margin-bottom: 0; font-size: 15px;}
footer a{text-decoration: none; color: #fff;}
footer a:hover{color: #fff;}

.copyright{text-align: right;}

#back-to-top{position:fixed; bottom:10%; right:2%; background:#7dc31e; padding:5px; transition:.5s; display:none; z-index:1000}
#back-to-top:hover{background:#71b712;}

#financing-buttoon{position:fixed; top:40%; right:0; margin: 0; z-index:1201; background: #69b644; padding:15px 10px; text-decoration: none; color: #113404; font-weight: 500; line-height: 1; border-radius: 0 8px 8px 0; transform: translateY(-40%) rotate(180deg); writing-mode: vertical-rl; text-orientation: mixed; 
animation: pulse 1.5s infinite; overflow: hidden;
}

@keyframes pulse {
0% {transform: scale(1) rotate(180deg);}
50% {transform: scale(1.1) rotate(180deg);}
100% {transform: scale(1) rotate(180deg);}
}

#financing-buttoon {
  --black: #68b43d;
  --ch-black: #5ca931;
  --eer-black: #4a981e;
  --night-rider: #69af3e;
  --white: #80d754;
  --af-white: #63b03d;
  --ch-white: #539f2e;
  transition-duration: 0.2s;
  background-color: var(--ch-black);
}

#financing-buttoon:before, #financing-buttoon:after {content: ""; position: absolute; left: -1px; top: -1px;
background: linear-gradient(
45deg,
var(--ch-black),
var(--eer-black),
var(--night-rider),
var(--ch-white),
var(--night-rider),
var(--eer-black),
var(--ch-black),
var(--ch-black)
);
background-size: 400%; width: calc(100% + 2px); height: calc(100% + 2px); z-index: -1; animation: steam 20s linear infinite;}

@keyframes steam {
0% {background-position: 0 0;}
50% {background-position: 400% 0;}
100% {background-position: 0 0;}
}





@media (max-width: 1199.98px) {/*.logo-area{background: red;}*/
.heading, .sub-heading, .sub-heading2{font-size:36px;}
.sub-heading, .sub-heading2{font-size:28px;}
.sub-heading2{font-size:22px;}
.heading .sub-heading{font-size: 24px;}

.left{margin-right: 50px;} .right{margin-left: 50px;}

.padding{padding:40px 30px;}

.navbar .navbar-nav .nav-item .nav-link{font-size:16px; padding:10px 10px;}

.aggregate-area{ padding:0px 20px}
.aggregate{margin:0 0 22px;}

.main-services .col a{font-size: 22px; margin: 80px 10px 20px;}

.meb-header strong{font-size: 180px;}
.meb-header .sub-heading{font-size: 46px;}
.meb-header .sub-heading2{font-size: 26px;}

.meb-price{font-size: 28px;}
}

@media (max-width: 991.98px) {/*.logo-area{background: green;}*/
.heading, .sub-heading, .sub-heading2{font-size:32px;}
.sub-heading, .sub-heading2{font-size:24px;}
.sub-heading2{font-size:20px;}
.heading .sub-heading{font-size: 22px;}

.heading br, .sub-heading br, .sub-heading2 br{ display:none}

hr.bdr{ margin:30px auto 40px}
section{ padding:70px 0px 40px;}

svg.white{bottom: -10px;}

.top-row{padding: 10px;}
.top-row .sub-heading{font-size: 16px;}
.top-row a.phone{font-size: 20px;}

.logo-area .logo img{height: 120px;}

.navbar .navbar-nav .nav-item .nav-link{font-size:14px; padding:8px 5px;}
.dropdown-toggle::after{margin-left: .2em; padding: 2px;}
.header-up .navbar .navbar-nav .nav-item .nav-link, .header-down .navbar .navbar-nav .nav-item .nav-link{font-size: 14px;}

.no-banner{height: 200px;}
.banner{padding: 240px 0;}

.banner-text .heading{font-size: 44px;}
.banner-text .heading br{display: block;}
.banner-text .green-bg{font-size: 18px; padding: 10px 15px;}
.banner-text .button{font-size: 17px; margin: 5px 10px;}

.truck-block::before{top: -90px;}

.main-services .col a span{height: 100px; width: 100px;}
.main-services .col a span img{height: 60px;}

.aggregate i{ max-width:45px; margin:0 10px 10px 0px;}
.review-block .sub-heading{font-size: 26px; background-size: 150px; padding-bottom:35px;}
.review-heading{font-size: 20px;}

.why-us img{max-width: 22%;}
.why-us .sub-heading{margin-bottom: 30px;}
.why-us li{font-size: 17px;}

.meb-header strong{font-size: 140px;}
.meb-header .sub-heading{font-size: 36px;}
.meb-header .sub-heading2{font-size: 20px;}

.membership-block .box-block{margin: 30px -30px 20px;}
.membership-block .box-block .heading{font-size: 26px; margin: -40px 10% 20px;}
.membership-block .box .table tr td{font-size: 15px; line-height: 1.2;}
.membership-block .box .table img {width: 20px;}
}

@media (max-width: 767.98px) {/*.logo-area{background: blue;}*/
.heading, .sub-heading, .sub-heading2{font-size:30px;}
.sub-heading, .sub-heading2{font-size:22px;}
.sub-heading2{font-size:19px;}
.heading .sub-heading{font-size: 20px;}

.left, .right{margin:0 auto 20px;}

.padding{padding:30px 20px;}

.social img{ max-height:50px;}

.top-row, .top-row .row div:last-child{text-align: center; background: #000;}
.top-row .sub-heading{margin-bottom: 8px;}

.logo-area{padding-bottom: 0; text-align: center;}
.logo-area .logo{position: absolute; left: 20px; z-index: 1;}
.logo-area .logo img{height: 100px;}

.header-up .top-row, .header-down .top-row{margin-top: -90px;}
.header-up .head-contact, .header-down .head-contact{margin: 8px 0;}
.header-up #navbars{margin-top: 0;}

.header-review-count{margin-bottom: 0px; text-align: left;}
.header-review-count .review-count{margin-left: 8px; align-items: center; }

/* Start Menu css */
#navbars{margin-top: 40px;}
.navbar-toggler{ padding:.50rem .75rem}
.navbar .navbar-brand{ display:block}
.navbar .navbar-nav .nav-item .nav-link{ font-size:17px; line-height:22px; padding:10px 15px; border-top:1px solid #ccc; text-align:left; color: #fff;}
.navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item:hover .nav-link{ background: #70bc46; color: #fff!important;}
.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:15px;}
.navbar{padding-bottom: 0;}
.navbar .navbar-nav{ background: #043673; background: linear-gradient(65deg, rgba(4, 54, 115, 1) 0%, rgba(8, 63, 130, 1) 100%);}
.navbar .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
/* End Menu css */

.banner-text .heading{font-size: 40px;}
.banner-text .green-bg{font-size: 17px; padding: 10px 12px;}
.banner-text .button{font-size: 15px; margin: 5px 6px;}

.marketing-check-box .box{padding:20px 10px; font-size:17px;}
.marketing-check-box .box img{max-height:30px;}

.reviews-section{background: url("../img/hvac-plumbing-team.webp") center no-repeat;}
.main-services{background: url("../img/plumbing-hvac-services.webp") bottom center no-repeat fixed; background-size: cover;}

.bathroom-remodels::before{background: url("../img/orange-color-gradient.webp") center; background-size: cover;}
.bathroom-remodels{background: url("../img/bathroom-remodel-services.webp") center no-repeat; background-size: cover;}
.home-contact{background: url("../img/contact-plumbing-hvac-technicians.webp") bottom center no-repeat fixed; background-size: cover;}
.google-map{background: url("../img/service-areas-map.webp") center no-repeat; background-size: cover;}
.why-us{background: url("../img/why-choose-steve-service.webp") bottom right no-repeat; background-size: cover;}

footer{text-align: center;}
footer .copyright{text-align: center; margin-top: 10px;}
}

@media (max-width: 575.98px) {
svg.white{bottom: -5px;}

.logo-area{padding: 5px 0 0; position: relative;}
.logo-area .logo{left: 10px;}

.header-up .top-row, .header-down .top-row{margin-top: -105px;}
.header-up .logo-area .logo, .header-down .logo-area .logo{position: relative; left: inherit; top: 0;}
.header-up .logo-area .head-contact, .header-down .head-contact{text-align: center;}
.header-review-count{justify-content: center;}


.banner-text .heading{font-size: 30px;}
.banner-text .green-bg{font-size: 16px;}

.banner-inner{ max-height: inherit;}
.banner-inner .carrier-fad{display: none;}

.main-services .col a span{height: 80px; width: 80px;}
.main-services .col a span img{height: 50px;}

.why-us img{right: 2%; left: auto;}

.meb-header strong{font-size: 120px;}
.meb-header .sub-heading{font-size: 28px;}
.meb-header .sub-heading2{font-size: 18px;}
.meb-price{font-size: 22px;}
.membership-block .box-block{margin: 30px -30px 20px;}
.membership-block .box-block .heading{font-size: 26px; margin: -40px 10% 20px;}
}

@media (max-width: 380.98px) {
.header-up .top-row, .header-down .top-row{margin-top: -115px;}
.site-header .button.white{margin-bottom: 10px;}
}

@media (max-width: 350.98px) {
.top-row .sub-heading{font-size: 15px;}
.top-row .button, .head-contact .button{font-size: 17px; padding: 8px 10px;}
.header-up .top-row, .header-down .top-row{margin-top: -115px;}
}