body{background:#fff; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:1.6; color:#1d1d1d; overflow-x: hidden; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}
.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

html{scroll-padding-top:170px;}

a{color:#005a00; text-decoration:underline;}
a:hover{color:#000; text-decoration: none;}
img.right{float:right; margin:5px 0 5px 20px;}
img.left{float:left; margin:5px 20px 5px 0;}
img, object, embed, video, iframe{max-width: 100%; height: auto;}

.style{margin:0 0 30px 0; text-align: left;}
.style li{margin:0 0 10px 10px; font-size:16px; line-height:22px;}
.style.bold li{font-weight: bold; font-size: 18px;}
ul.style li{list-style:url("../img/arrow-bullet.png");}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc; margin:0 0 10px 10px;}


.align-middle {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

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

.padding{padding-top: 40px; padding-bottom: 20px;}

a.button, a.button:focus{background: #fff; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.2; font-weight: 500; padding: 15px 30px; margin:8px 6px 30px; color: #017801; border:1px solid #017801; text-decoration: none; display: inline-block; transition:all .3s ease-in-out}
a.button.white, a.button.white:focus{background: #fff; color: #1d1d1d;}
a.button:hover{background: #017801; color: #fff;}

.heading, .sub-heading{display:block; font-family: 'Fjalla One', sans-serif; font-size:30px; line-height:1.6; color:#017801; margin:0 0 30px 0; text-align: center;}
.sub-heading{font-size:26px;}
.heading .heading{margin: 0;}
.heading .sub-heading{font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; color: #000; margin: 0;}

.mb{margin-bottom:40px;}
p{margin-bottom:40px; font-size:16px; line-height:1.6;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.social a{margin: 0 3px;}

header.sticky{ position:fixed; top:0; left:0; right:0; z-index:9999; background:#fff; transition:all .3s ease-in-out}

.header-part{text-align:center; padding:15px 0;}
.header-part strong{display:block;}

.logo img{ max-height:23px; transition:all .3s ease-in-out}
.header-contact .phone{text-decoration: none; display: inline-block; font-size: 40px; font-weight: bold; line-height: 1.2; color: #017801;}

.headerclear{margin-top: 148px;}

.navigation{background:#017801;}
.navbar-nav{margin:0 auto;}
.navbar{padding: 0;}
.navbar .nav-link{font-size: 16px; line-height: 18px; color: #fff; text-align: center; font-weight: 500; padding:15px 30px!important;}
.navbar .nav-link:hover{background:#000;}
.navbar-brand{display: none;}
.navbar-toggler{padding: 0; font-size: 16px; line-height: 16px; font-weight: 500; color: #474747; box-shadow:none!important;}
.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, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.banner{background: url("../img/comprehensive-septic-services.jpg") center no-repeat; background-size: cover; position: relative; padding: 20px 0 80px; margin-bottom:50px; text-align: right; clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%); position:relative; min-height:550px; text-align:center;}

.banner .banner-text{background:#fff; padding:10px 20px; display:inline-block; z-index:1;}
.banner .banner-text .heading{margin:0; font-size:26px;}
.banner .banner-text .sub-heading{margin:5px 0 0; font-size:20px; color:#000}

.banner .banner-service{background: rgba(255,255,255,.9); padding:10px 20px; display:inline-block; z-index:1; margin-top:300px;}
.banner .banner-service .tags{ margin-bottom:5px}
.banner .banner-service .tags span{ display:inline-block; font-size:18px; font-weight:bold; padding-left:5px;}
.banner .banner-service .tags span:before { content:""; background:url(../img/blue-blak.png) left center no-repeat; padding-right:18px}
.banner .banner-service .tags span:first-child:before{ background:none; padding-left:0}
.banner .banner-service a.button{ margin-bottom:10px}


.branding-logos{ margin-bottom:50px; text-align:center; background: url(../img/dot-border.png) bottom center no-repeat; padding-bottom:50px}
.branding-logos img{max-height:120px; margin:10px 20px;}

.main-content{margin-bottom:50px;}

.captioned-img{position:relative; margin-bottom:30px;}
.captioned-img span{background:#017801; padding:10px; color:#fff; text-align:center; width:100%; display:block; position:absolute; bottom:0;}


.icon-group{text-align: center; padding-bottom: 20px;}
.icon-group strong{color: #4a4a4a; line-height: 1.3; display: block; margin-bottom: 30px;}
.icon-group img{display: block; margin: 0 auto 10px; max-width: 70px;}

.about-section{ background:url(../img/dot-border.png) bottom center no-repeat, url(../img/dot-border.png) top center no-repeat; padding-top:50px; padding-bottom:30px; margin-top:-30px; margin-bottom: 50px!important;}

.testi{border: 1px solid #ddd; border-top:none;padding: 15px 20px 0;margin: 0 5px 20px;background:#FFFFFF;box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;}
.testi p{margin-bottom:10px; font-size:14px; line-height:20px;}

.review-social{ background:url(../img/5star.png) top center no-repeat; text-align:cenetr; padding-top:24px; margin: 15px 0 5px; font-weight:bold}
.review-social strong{ display:block; margin-bottom:5px; border:none}
.review-social img{display:inline}


.review-recent-project{background:#000 url(../img/sludgebusters-reviews.jpg) center no-repeat fixed; background-size:cover; padding:50px 0 80px; position:relative;}
.review-recent-project::before{background:rgba(0, 0, 0, .85); content:""; position:absolute; display:block; width:100%; left:0; bottom:0; height:100%;}
.review-recent-project .container-lg, .footer-contact .container-fluid{z-index:2; position:relative;}
.review-recent-project .sub-heading{ color:#fff;}
.review-recent-project .testi{border: none; padding: 0 2%; margin: 0; background:none; box-shadow: none; border-radius: none; color:#fff; text-align:center}
.review-recent-project .testi p{margin-bottom:10px; font-size:16px; line-height:1.7;}

.projects{text-align:center;}
.contact-form{margin-bottom:30px;}

.google-map{ padding:0; background:url(../img/service-areas.jpg) center no-repeat; min-height:520px; position: relative; margin-bottom:20px;}
/*.google-map::before{content: url("../img/service-area-details.jpg"); width: 200px; height: 89px; display: block; margin: 20px 0 0 20px; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); z-index: 1;}*/
.google-map a{ display:block; height:100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0;}


.main-services .sub-heading{text-align:left; margin-bottom:10px;}

.footer-contact{ color:#fff; text-align:center;}
.footer-contact .heading, .footer-contact .sub-heading{color:#fff; margin-bottom:3px;}
.footer-contact .footer-contact-top{ background:url(../img/septic-service-truck.jpg) center no-repeat fixed; background-size:cover; color:#fcff00;  padding:50px 0 80px; position:relative}
.footer-contact .footer-contact-top:before{background:rgba(3, 112, 1, .9); content:""; position:absolute; display:block; width:100%; left:0; bottom:0; height:100%;}
.footer-contact .footer-contact-top .heading, .footer-contact .footer-contact-top .sub-heading{color:#fcff00; margin-bottom:0;}
.footer-contact .footer-contact-top strong{display:block; margin-bottom:20px;}
.footer-contact .footer-contact-top .phone{color: #fff; text-decoration: none; font-size: 40px; line-height: 1.2; font-weight: bold; display: inline-block; margin-bottom: 3px;}

/**.footer-contact .footer-contact-map{ background:#1d1d1d url(../img/sludgebusters-contact-map.jpg) top left no-repeat; color:#fff;  padding:50px 0 80px; position:relative}
.footer-contact .footer-contact-map:before{background:rgba(0,00,0,0.8); content:""; position:absolute; display:block; width:100%; left:0; bottom:0; height:100%;}**/

.footer{font-size: 14px; line-height: 20px; padding: 10px 3%;}
.footer a{text-decoration: none; font-size: 14px; display:inline-block}
.footer .col-md-5{text-align: right; margin-top: 0;}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#000; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #333;}

/*Large devices (tablets, less than 992px)*/
@media (max-width: 1199.98px) {
.banner .banner-text .heading{font-size:22px;}
.banner .banner-text .sub-heading{font-size:16px;}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
html{scroll-padding-top:240px;}

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

.header-part{padding:10px 0;}

/* Start Sticky Header */
header.sticky.header-up{transition:all .3s ease-in-out}
header.sticky.header-up .logo img{ max-height:20px}
header.sticky.header-up .header-part strong{ font-size:14px;}
.headerclear{margin-top: 139px;}
/* End Sticky Header */

.navbar .nav-link{padding:15px 13px !important;}

.banner{background: url("../img/comprehensive-septic-service.jpg") center no-repeat; background-size:inherit; padding-top:0}
.banner .banner-text .heading{font-size:20px;}
.branding-logos img{max-height:80px;}

.why-us div img{max-height: 60px;}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
html{scroll-padding-top:251px;}

.heading, .sub-heading{font-size:26px; line-height:1.4;}
.sub-heading{font-size:24px;}
.heading .sub-heading{font-size: 18px;}
.header-part strong{ margin-top:0; margin-bottom:15px}
.header-contact strong{ margin-bottom:0;}

a.button{ padding:12px 20px; font-size:16px;}
/* Start Sticky Header */
header.sticky.header-up .logo img{ max-height:20px}
header.sticky.header-up .header-part strong{ font-size:14px;}
.headerclear{margin-top: 190px;}
/* End Sticky Header */

.navigation{background: #017801; padding: 10px;}
.navbar-toggler{color:#fff; border:none;}
.navbar-brand{display: block;}
.navbar .nav-link{color: #fff; text-align: left;}
.navbar .nav-link br{display: none;}

.banner{min-height:500px; clip-path:inherit; padding:0; background:none}
.banner img{ width:100%}
.banner .banner-service{ background:#000; margin-top:0}
.banner .banner-service .tags span{ font-size:15px; color:#fff;}
.banner .banner-service .tags span:before {background:url(../img/blue-white.png) left center no-repeat;}
.banner .banner-service a.button{ background:#017801; color:#fff;}
.banner .banner-service a.button:hover{ background:#fff; color:#017801; border-color:#fff;}

.review-recent-project .row .col-md-7{ margin-bottom:40px!important; border-bottom:1px solid #777; padding-bottom:30px;}

.footer-contact{padding:30px 0;}
.footer-contact .footer-contact-top{margin-bottom:30px; padding-bottom:30px;}
/**.footer-contact-map .contact-form{ border-bottom:1px solid #777; padding-bottom:30px;}**/

.footer{text-align: center; padding-top:0}
.footer .col-md-5{text-align: center; border-top: solid 2px #ccc; margin-top: 12px; padding-top: 10px;}
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
html{scroll-padding-top:180px;}

.heading, .sub-heading{font-size:22px; line-height:1.4;}
.sub-heading{font-size:20px;}
.heading .sub-heading{font-size: 18px;}

.padding{padding-top: 30px; padding-bottom: 20px;}
.mb{margin-bottom:25px;}
p{margin-bottom:25px;}
}