@charset "UTF-8";

/*
Theme Name: Steady Flo-Drain-Cleaning
Theme URI: https://wordpress.org/themes/steadyflodraincleaning/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Steady Flo-Drain-Cleaning is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Steady Flo-Drain-Cleaning elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: steadyflodraincleaning
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Steady Flo-Drain-Cleaning WordPress Theme, (C) 2020 WordPress.org
Steady Flo-Drain-Cleaning is distributed under the terms of the GNU GPL.
*/
/* Global css */
body{overflow-x: hidden;font-size: 16px;color:#646464; padding: 0px; margin: 0px;line-height:normal; font-family: "Poppins", sans-serif;;}
Section{padding: 80px 0px;display: block;width: 100%;float: left;}
h1{font-style: normal;font-size: 50px;display: block;text-transform: capitalize; font-family: "Poppins", sans-serif;font-weight:700;color: #000;}
h2,h3,h4{font-style: normal;font-size: 40px;display: block;text-transform: capitalize;  font-family: "Poppins", sans-serif;font-weight:700;color: #000;}
h5{font-family: Arial, sans-serif;font-size:18px;display: block;text-transform: capitalize;font-weight: black;}
h6{font-style: normal;font-size: 24px;display: block;text-transform: capitalize;  font-family: "Poppins", sans-serif;font-weight:700;color: #000;}
ul,ol li,p {line-height: normal;margin:0px; padding:0px; font-size: 16px;}
a, input, button, img {-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s  ease 0s; text-decoration:none; outline:0px;color: #222222; } 
a:hover, button:hover, input:hover, a:focus, button:focus, input:focus {text-decoration:none !important;} 
.form-control{ border-radius: 0px; font-size: 15px; height:40px;}
.form-control:focus{ box-shadow: none !important;}
a:hover {color: #000;}
.img-responsive{width: 100%; height: auto;}
.cta{background:rgb(220, 27, 56);width:260px;height:55px;margin:20px 0 0;display: inline-flex;justify-content: center; align-items: center;text-transform: capitalize;color:#fff;}
.cta:hover {background:rgb(65, 67, 69);color: #fff;}
header.headerSec.fixed-header + * {
    padding-top: 165px;
}
/* End Global css */
/* fonts call */


/* local fonts call */

@font-face {
font-family: Arial, sans-serif;
src: url("assets/fonts/Arial-Black.otf") format("otf");
font-weight: black;

}
@font-face {
font-family: Arial, sans-serif;
src: url("assets/fonts/Arial-Black.ttf") format("ttf");
font-weight: black;

}
@font-face {
font-family: Arial, sans-serif;
src: url("assets/fonts/Arial-Black.woff") format("woff");
font-weight: black;
}
/* Top scroll */
#button{display:inline-block;background-color:#19b6cc;width:40px;height:40px;text-align:center;border-radius:4px;position:fixed;bottom:70px;right:30px;-webkit-transition:background-color .3s, opacity .5s, visibility .5s;-o-transition:background-color .3s, opacity .5s, visibility .5s;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:6;cursor:pointer;}
#button:hover{background:#ffbd59;}
#button.show{opacity:1;visibility:visible;}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:14px;line-height:40px;color:#fff;}
/* End Top scroll */

/*  */
.topBar {background: #dc1b38;padding:14px 0;}
.topBar .row{justify-content: space-between;align-content:center;}
.topBar .topleft {display: inline-flex;font-size: 26px;font-weight: 700; color: #fff;align-items: center;}
.topBar .topleft p{font-size: 26px;font-family: 'Arial Black';margin:0px;}
.topBar .topleft p span{color: #000;}
.topBar .topleft a{color: #fff; padding-left: 12px;}
.topBar .topRight a {font-size: 26px;color: #fff;text-align: right;display: block;font-weight: 700;}
/*  */
/* top-header */
header .logo {max-width: 100%;}
.header-menu .stellarnav.dark.right.desktop {padding-left: 0px;}
.fixed-header {position: fixed;top: 0;	left: 0;width: 100%;-webkit-transition: .5s;-o-transition: .5s;	transition: .5s;z-index: 999;background: #fff;}
.header-menu .row-box .col12 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}
/* .header-menu > .container {position: relative;z-index: 2;max-width: 1170px;} */


/* End logo section */
/* Menu section */
header.wrapper {width: 100%;transition: height .2s ease,background-color .2s ease,padding .2s ease,width .2s ease,margin .2s ease,top .2s ease,transform .2s ease;background-color: #fff;box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 ;-moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;	-webkit-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0t;z-index: 2;height: 195px;}
.fixedHeader {position: fixed;top: 0;width: 100%;height: auto;z-index: 99; background: #fff;}
.fixedHeader .navbar {
	padding: 15px 0;
}
.fixedHeader .navbar-light .navbar-brand {width: 249px;}
/* .fixed-header .header-menu .logo {max-width: 155px;} */
.header-menu nav.navbar { display: inline-block;width: 100%;padding: 17px 0;}
.header-menu .d-flex {justify-content: space-between;}
.navbar-light .navbar-brand{width:300px;padding: 0;}
.navbar-light .navbar-brand > img {width: 100%;}
.header-menu .d-flex ul li a {font-size: 22px;font-weight: 700;	text-transform: uppercase;padding: 0px 15px;letter-spacing: .03em;font-family: Arial;
	font-weight: 700;color:#646464;}
.header-menu #navbarNavDropdown ul#menu-primary-menu {flex-wrap: wrap;justify-content: flex-end;}
.header-menu #navbarNavDropdown ul#menu-primary-menu .current_page_item a, 
.header-menu #navbarNavDropdown ul#menu-primary-menu li a:hover{color: rgb(220, 27, 56);}
.fixed-header .header-menu {padding: 0;}
.fixed-header .topBar {padding: 6px 0;}
.fixed-header .navbar-light .navbar-brand > img {
    width: 85%;
}
/* End Menu section */



/* Slider */
.banner {padding: 0;background:#fff;}
.banner .container {position: relative;}
.banner > img {height: 473px;object-fit: cover;object-position: 50% 50%;width: 100%;opacity: .25;}
.banner  .content_box {position: absolute;bottom: 125px;width: 100%;left: 0;}
.banner .content_box h1,
.banner .content_box p{margin: 8px 0;}
/**  **/

/*  */
.inner-top {padding: 0;background:#fff;border-bottom: 10px solid rgba(220,27,56,1);}
.inner-top img {opacity: .4;object-fit: ;height: 220px;width: 100%;object-fit: cover;}
.service .row {row-gap: 30px;}
.service .topWrapp {margin: 0px 0px 30px;}
.service .topWrapp h2 {margin: 8px 0px 16px;}
.service .boxInfo {background-color: #f0f2f2;padding: 30px;height: 100%;}
.service .boxInfo .icon svg {width: 70px;height: 70px;}
.service .boxInfo h4 {font-size: 24px;margin: 18px 0px 16px;}
.service .col-lg-3:last-child .boxInfo {background: #dc1b38;}
.service .col-lg-3:last-child .boxInfo .icon svg,
.service .col-lg-3:last-child .boxInfo h4 a {fill: #fff;color:#fff;}
/*  */

/*  */
.aboutUs{background-color: #f2f2f2;}
.aboutUs .row {align-items: center;}
.aboutUs .col-sm-6{padding:0;}
.aboutUs .imgBox img {width: 100%;}
.aboutUs .contentBox {background-color: #f2f2f2;padding: 80px 20px 80px 50px;}
.aboutUs .contentBox p:first-of-type{margin:15px 0px 8px;font-size:18px;color:#646464;}
.aboutUs .contentBox p:last-of-type {width: 100%;max-width: 490px;margin: 20px 0 0;color:#898888;}
/*  */

.satisfied-customers .topBox {text-align: center;}
.satisfied-customers .topBox svg {width: 200px;fill: rgb(220, 27, 56);min-height: 39px;}
.satisfied-customers h3 {text-align: center;margin: 30px 0 16px;}
.satisfied-customers .topBox p {width: 100%;max-width: 1050px;margin: 0px auto;}
.satisfied-customers #client-review {margin-top: 64px;}
.satisfied-customers .owl-stage{display: flex;}
.satisfied-customers .item{direction: ltr;height:100%;}
.satisfied-customers .boxIn {border: 1px solid #eee;padding: 20px;border-radius: 29px;position: relative;height:100%;}
.satisfied-customers .boxIn .d-flex {display: flex;justify-content: space-between;align-items: center;}
.satisfied-customers .boxIn .d-flex figure {display: inline-flex;gap: 12px;margin: 0;}
.satisfied-customers .boxIn .d-flex figure.user >img{width: 100%;max-width: 27px;}
.satisfied-customers .boxIn .d-flex figure.google >img{width: 100%;max-width: 13px;height: 13px;}
.satisfied-customers .boxIn .d-flex figure span {font-size: 12px;font-weight: 400;color: #383430;}
.satisfied-customers .boxIn .starIcon{gap: 8px;}
.satisfied-customers .boxIn p span {display: block;margin-top: 10px;font-size: 14px;}
.satisfied-customers .boxIn .starIcon svg{fill: #FBBC05;width:100px;margin: 12px 0 16px;}
.satisfied-customers .boxIn p {
    margin: 0;
    font-weight: 300;
    color: #000;
}
.satisfied-customers .d-flex .user { font-weight: 500;color: #000;font-size: 15px;}
.satisfied-customers .item h5 {text-align: right;font-weight: 400;font-size: 16px;color: #42C8F4;margin-top: 49px;display: none;}
.satisfied-customers #client-review .owl-nav{max-width: 0;}
.satisfied-customers #client-review .owl-nav button {position: absolute;top: 30%;margin: 0px;font-size:30px; color: #000;}
.satisfied-customers #client-review .owl-nav .owl-prev {left: -20px;}
.satisfied-customers #client-review .owl-nav .owl-next {right: -20px;}
/*  */


/*  */
.SchService .col-sm-12 {padding: 0;}
.SchService .formLeft {background-color: #f0f2f2;padding: 60px 80px;border-top: 5px solid #dc1b38;height: 100%;}
.SchService .formLeft h3 {margin: 8px 0 16px;}
.SchService .formLeft p {color: rgb(137, 136, 136);}
.SchService .formLeft form {padding: 15px 0;}
.SchService .formLeft form .d-flex {column-gap: 20px;}
.SchService .formLeft form .form-group{margin:20px 0 0;width: 100%;}
.SchService .formLeft form .form-group label {font-size: 13px;margin: 0;text-transform: uppercase;}
.SchService .formLeft form .form-group .form-control {height: 30px;background: transparent;border: none;border-bottom: 1px solid #d5d5d5;}
.SchService .formLeft form .form-group .wpcf7-textarea {height: 50px;resize: none;}
.SchService .formLeft form .form-group .cta {margin: 0;border: none;}
.SchService .formLeft form .form-group .wpcf7-spinner {display: none;}
.SchService .contactInfo {background-color: #dc1b38;padding: 50px 30px 0;margin: 50px 50px 50px 0;}
.SchService .row {display: flex;align-items: center;}
.SchService .contactInfo hr {background: #fff;width: 53px;height: 4px;margin: 0px auto 14px;text-align: center;}
.SchService .contactInfo .d-flex {color: #fff;margin: 8px 0;align-items: center;}
.SchService .contactInfo > .d-flex:first-of-type {align-items: inherit;}
.SchService .contactInfo .d-flex .icon {flex: 0 0 25%;}
.SchService .contactInfo .d-flex .icon svg {width: 50px;fill: #fff;	color: #fff;}
.SchService .contactInfo .d-flex .textBox a{color: #fff;}
.SchService .contactInfo .socialMedia {text-align: center;display: flex;justify-content: center;gap: 21px;padding-bottom: 206px;margin-top: 23px;}
.SchService .contactInfo .socialMedia a {background: #fff;width: 30px;height: 30px;	border-radius: 30px;align-items: center;line-height: 30px;	color: rgba(220,27,56,1);}
/*  */


/*  */
.page-id-20 .inner-top {padding: 0;}
.page-id-20 .inner-top h1{display:none;}
.emergency .textWrapp {text-align: center;}
.emergency .textWrapp h1 {color: rgb(220, 27, 56);padding-bottom: 45px;}
.emergency .textWrapp p:last-of-type {margin: 20px 0 35px;}
.emergency .textWrapp .cta {width: auto;font-weight: 700;padding: 20px 24px;height: auto;font-size: 18px;}
.emergency .textWrapp p a {color: #939393;text-decoration: underline;}
.emergency .textWrapp p strong a {color: #dc1b38;}
/* footer */
.footer {background: #f9f9f9;width: 100%;float: left;position: relative;padding: 80px 0 210px;border-top: 4px solid #dc1b38;}
.footer .footinfo > img {width: 280px;}
.footinfo figure img {width: 100%;}
.footer .footinfo p{color: rgb(137, 136, 136);}
.footer .footinfo h5,
.footer .footinfo h5 a{color: rgb(220, 27, 56);margin: 8px 0;font-family: 'Arial Black';float: left; width: 100%;}
.footer .footinfo ul {	display: block;	width: 100%;float: left;}
.footer .footinfo ul.navbar-nav li a {text-transform:uppercase;letter-spacing: .03em;cursor: pointer;padding: 8px 0;color: #a0a0a0;}
.footer .footinfo.serv ul{margin: 8px 0;}
.footer .footinfo.serv ul li a {padding: 5px 0;}
.footer .footinfo ul li a {display: inline-block;color: rgb(137, 136, 136);}
.footer .footinfo.footfree {text-align: right;}
.footinfo.footfree .d-flex {justify-content: flex-end;gap: 15px;margin:10px 0 0;}
.footinfo.footfree .d-flex li a{font-size:17px;}
    /* footer */
.copy_right {float: left;width: 100%;background: rgb(220, 27, 56);text-align: center;padding: 54px 0;}
.copy_right p{color:#fff}
.copy_right  a{color:#fff;text-decoration:underline;cursor:pointer;margin: 12px 0px 0; display: block;}


/*  */
.spage {padding-bottom: 30px;padding-top: 40px;border-top: 10px solid rgba(220,27,56,1);}
.spage .topWrapp {background: #fff;}
.spage .topWrapp h1{text-align:center;}
.spage .topWrapp p {width: 100%;max-width: 1100px;margin: 0px auto 0px;}
.spage .topWrapp p:first-of-type{margin: 30px auto 40px;}
.service.spage .topWrapp {text-align: center;}
.abouts .trustWrp {text-align:center;}
.abouts .trustWrp svg {width: 70px;height: 70px;}
.abouts .trustWrp {padding: 110px 30px 0px;display: block;}
.abouts .trustWrp h6{margin:15px 0;}

.satisfied-customers.spage .topBox {background: #fff;padding-top: 40px;border-top: 10px solid rgba(220,27,56,1);}
.satisfied-customers.spage {padding-bottom: 80px;}

.contactpa .contactInfo h1{padding-bottom:15px;}
.contactpa .contactInfo {background: rgba(240,242,242,1);border-top: 5px solid rgba(220,27,56,1);padding: 30px 15px;text-align: center;height: 100%;margin: 30px auto 0;}
.contactpa .col-md-4:nth-child(1) .contactInfo {margin-left: 40px;}
.contactpa .col-md-4:nth-child(3) .contactInfo {margin-right: 40px;}
.contactpa .contactInfo .boxWra svg {width: 70px;height: 70px;}
.contactpa .col-md-4:nth-child(2) .contactInfo svg {width: 54px;}
.contactpa .boxWra h6 {margin: 8px;}
.contactpa .contactInfo .address span {display: block;}

#post-305 .entry-header.alignwide {display: none;}
.thankyou,
.errorp{margin: 0;}
.thankyou .fullContent{padding: 0;background: transparent; box-shadow: none;}
.thankyou .signnature.d-flex{display: block !important;text-align: center;}
.error-404 { padding: 70px 0;}
.error-404 .erpage h3 {text-align: center;font-weight: 400; color: #646464; font-size: 130px;margin: 0px 0 45px;}
.error-404 .erpage h3 span {display: inline-block;-webkit-transform: rotate(15deg) translate(-5px,-4px);-moz-transform: rotate(15deg) translate(-5px,-4px);transform: rotate(15deg) translate(-5px,-4px);}
.thankyou .signnature.d-flex .sigright{border: none;padding: 0;}
.error-404 .erpage p {font-size: 22px;color: #000;    text-align: center;}
.error-404 .erpage a {
    display: flex
;
    margin-bottom: 20px;
    background: #898989;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 37px;
    border-radius: 2px;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    padding: 5px 19px;
    margin: 45px auto 0px auto;
    max-width: 228px;
    justify-content: center;
}
.erpage form.search-form {text-align: center;padding: 20px 0px;display: flex; justify-content: center;align-items:center;}
.erpage h1 {
    text-align: center;
}.blogWrapp article {
    margin-top: 30px;
}

.fixBtn {position: fixed;right: 40px;z-index: 1;bottom: 40px;}
.fixBtn a {font-weight: 700;display: block;width: 100%;font-size: 15px;text-align: center;border: 3px solid #fff;}
.fixBtn .eCta {background-color: #fdb933;padding: 10px 0;}
.fixBtn .cCta {height: 50px; font-size: 18px;  background: rgb(220, 27, 56);color: #fff;margin-top: 20px;width: 110px;display: flex;justify-content: center;align-items: center;}
.fixBtn .dWrapp {display: flex;column-gap: 20px;}
.fixBtn .cCta:hover{background:rgb(65, 67, 69);}
/*  */

/* blog details page */
section.blogPost .heading {text-align: center;}
section.blogPost .heading h1{font-size:45px;margin:8px 0 16px;}
.blogPost .blogWrapp {margin-top: 34px;}
.blogPost .blogWrapp figure{margin:0;transition: all .2s ease-out;overflow:hidden;height: 190px;}
.blogPost .blogWrapp figure img{transition: all .2s ease-out;width:100%;object-fit:cover;}
.blogPost .blogWrapp figure a {display: block;}
.blogPost .blogWrapp figure:hover img{transform: scale(1.06);}
.blogPost .blogWrapp .captionBox {padding: 15px 0;}
.blogPost .blogWrapp .captionBox a {margin: 0;padding: 0;}
.blogPost .blogWrapp .captionBox h6{margin:0 0 15px;}
.blogPost .blogWrapp .captionBox h6 a {display: block;color: #000; font-weight: 700; font-size: 18px;}
.blogPost .blogWrapp .captionBox span {font-size: 13px;margin: 0 0 15px;opacity: .8;display: block;}
.blogPost .blogWrapp .captionBox a p{font-size:18px;font-weight:700;margin: 0 0 15px; color:#000;}
.blogPost .blogWrapp .captionBox p{color: #747474;font-size:15px; line-height:21px;margin: 0;}
.blogPost .blogWrapp .captionBox a.readm {font-size: 14px;margin-top: 15px;display: block;color: #000;}
.blogPost .searchBox {width: 100%;max-width: 420px;margin: 0px auto;position: relative;}
.blogPost .searchBox form {display: flex;align-items: center;}
.blogPost .searchBox form input {height: 45px;border-radius: 50px;padding: 15px;font-size: 14px;font-weight: 400;color: rgba(119,119,119,1);border: 1px solid rgba(224,224,224,1);width: 100%;}
.blogPost .searchBox form input#search {padding: 0;margin: 0;width: 0 !important;height: 0 !important;}
.blogPost .searchBox .icon {
    position: absolute;
    right: 18px;
    background: none;
    border: none;
    cursor: pointer;
    top: 9px;
}
header.headerSec {
    box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
    -moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 3px 11px 0 !important;
}
/*  */
input.search-submit {
    width: 100px !important;
    line-height: 1;
    margin-left: 10px;
    font-weight: bold !important;
    color: #fff !important;
    background: red;
    border-color: red;
	width:45px !important;
	position:absolute;
}
/* blog single page */
.bannerBlog {position: relative;background-attachment: fixed;padding: 180px 0;text-align: center;background-position: 50% 48%;}
.bannerBlog .blogWrapp {color: #fff;}
.bannerBlog .bContent h1 {color: #fff;}
.bannerBlog .bContent span {color: #fff;margin:15px 0 0;}
.blogFull .blogWrapp {width: 100%;max-width: 1100px;margin: 0px auto;}
.blogFull .blogWrapp ul {margin-inline-start: 2em;}
.social .socialMedia {width: 100%;max-width: 1200px;margin: 0px auto;text-align: center;display: flex; justify-content: center; gap: 13px;align-items: center}
.social .socialMedia a {width: 36px;height: 36px;border-radius: 30px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size: 20px;transition: all .2s ease-out;}
.social .socialMedia a:hover{transform: scale(1.06);}
.social .socialMedia a svg {fill: #fff;width: 20px;height: 20px;}
.social .socialMedia a:nth-child(1) {background: #1877f2;}
 .social .socialMedia a:nth-child(2) {background: #0f1419;}
 .social .socialMedia a:nth-child(3) {background: #0079b4;}
.social .socialMedia a:nth-child(4) {background: #01e675}
 .social .socialMedia a:nth-child(5) {background: #707070;}
/*  */

.page-id-384 .entry-header.alignwide {display: none;}
.copy_right #accessibilityWidget {color: #fff;}
.page-id-384 .entry-content {max-width: 1200px;margin: 0px auto;padding: 60px 15px;}
.page-id-384 .entry-content p a {color: #dc1b38;}
.page-id-384 .entry-content h1 {margin: 0 0 20px;}
.page-template-default  .entry-header.alignwide {display: none;}
.page-template-default .entry-content {width: 100%;max-width: 1200px;margin: 0px auto;padding: 60px 15px;overflow: hidden;}
.page-content.default-max-width form.search-form { display: none;}


.blogFull .blogWrapp ul,.blogFull .blogWrapp ol{margin-top:10px;}
.blogFull .blogWrapp ul li,
.blogFull .blogWrapp ol li{margin-bottom: 7px;}
.blogFull .blogWrapp p strong {margin: 0 0 10px;display: block;}