@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
p{font-size: 20px; line-height: 30px;}
*{margin: 0; padding: 0;}
body{
	font-family: 'open_sansregular';
    font-size: 20px;
    line-height: 34px;
    color: #000;
	}
a{text-decoration: none; }
a:hover{transition: all .3s;}
h2{font-size: 36px;
    line-height: 34px; font-family: 'open_sansbold';}
/*Header Start*/
header{padding: 20px 0; background-color: #ccc;}
header img{    width: 325px;}
.header-call{color: #ed7d31;  font-family: 'open_sansbold';
    font-size: 40px;
    line-height: 45px;
    text-align: right;
    text-transform: uppercase;
}
/*Header End*/


/*Footer Start*/
footer{ margin-top: 60px;  background-color:#ababab; }
.foter-baner{    margin-top: 50px; }
.foter-baner img{width: 100%;}
footer h2{margin-bottom:20px; text-transform: uppercase;  font-family: 'open_sansbold_italic'; border-bottom: 1px solid #a4a4a4; padding-bottom: 25px;}
footer a{color:#000;}
/*Footer Start*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.p0{padding: 0 !important;}
.ext-bold{font-family: 'open_sansextrabold' !important;}
.blue-color{color: #0060ff !important;}
.regular-btn{font-size: 22px !important;
    padding: 10px 30px !important;
    line-height: 24px;
    color: white;
    font-weight: bold !important;
    background-color: #f64e49;
    display: inline-block;
    border-radius: 4px;
    border: 2px solid #f64e49;}
.regular-btn:hover{color: white !important;
    background-color: #444;
    border-color: #444;
    transition: all .3s;}
   .regular-btn:focus{color: white !important;}
footer .regular-btn{margin: 30px 0; display: inline-block;}
.service-img-box{    width: 500px;
    height: 300px;
    overflow: hidden;
    border: 5px solid #fa0043;
    border-radius: 5px 40px 5px;}
.service-img-box img{width: 100%;}
.covid-section h2{color: #fff;
	padding:20px 20px 0;
    font-size: 46px;
    line-height: 63px;
    margin-top: 0;
    text-align: center;
}
.spi-section{display: flex; align-items: stretch; margin: 40px 0;}
.spi-section img{   width: 100%; }
.spi-section img:last-child{border: 0;}
.spi-section div{
  line-height: 75px;
  font-size: 30px; margin: 10px;}
.covid-section{ background-color: #7030a0;} 
.schedule-form-section{margin-top:50px;}
.covid-section ul li{list-style-position: inside; color: #fff; }

.covid-section ul{padding: 20px 20px 0;}
.covid-section p{color: #fff; padding: 20px 20px 0px}
.call-us{ color: #fa0043; font-size: 45px;  margin-top: 18px; display: inline-block; font-family: 'open_sansbold'; text-decoration: none;}
.call-us:hover{text-decoration: underline; color: #fa0043;}
.covid-section img{    width: 100%; }
.covid-comitment {margin-top: 115px; }
.covid-comitment h2{    font-size: 46px;
    line-height: 65px; margin-top:0; color: #000; }
.covid-comitment ul li{    line-height: 32px;}
/*Plumbing page start*/
.service-container h1{font-family: 'open_sansextrabold';   color: #fa0043 ;   font-size: 60px;
line-height: 87px;}
.cal-today .bbb{width: 150px; margin-right: 10px;}
.covid-section b{font-size: 30px; line-height: 47px;}

.service-content {border-top: 5px solid #000;
    border-bottom: 5px solid #fa0043;}
.fremont-plumbing{color: #012060; font-family: 'open_sansextrabold'; font-size: 63px; line-height: 90px;}
.cal-today{ color: black;
    font-size: 50px;
    line-height: 90px;
    font-weight: bold;}
 .baner img{width: 100%; border: 3px solid #f24749;}
.cal-today a{text-decoration: underline; color: #000;}
.cal-today a:hover{text-decoration: none; color: #000;}
.services-icons-wraper h1{font-size: 63px; color: #012060; text-align: center;}
.service-icons {
  display: flex;
  align-items: stretch;
}
.service-icons>div {
  color: #000;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
.service-icons span{    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    display: inline-block; font-weight: normal; color: #1f3763;}
.service-icons a i{width: 100%;     height: 60px; color: #1f3763;     font-size: 60px;}
.service-icons a:hover i{ color: #f24749; }
.service-icons a:hover i{color: #f24749;}
.service-icons a:hover span{color: #f24749;}
.service-icons i.plumbing-grease-trap-without-leak{font-size: 35px;     margin-top: 10px;
    height: 50px;}
.service-icons a{display: block;}
.equipment-section{background-color: #7030a0; padding: 30px;}
.equipment-section p{color: #fff; font-size: 26px;     line-height: 40px;}
.safe-plumber{padding: 3px;}

.safe-plumber p, ul, h2{    padding: 0 20px;
        font-size: 22px;
    line-height: 34px; }
 .cal-details{font-size: 22px;     padding-bottom: 33px;}
  .cal-details a{color: #000; font-size: 26px; line-height: 36px;}
 .cal-details a:first-child{font-size: 36px !important;}
 .cal-details a:hover{text-decoration: underline; color: #000;}
 {font-size: 35px;}
.safe-plumber ul li{color: #92d050;}
.safe-plumber h2{color: #000;  line-height: normal;}
.covid-comitment{background-color: #7030a0;}
.our-commit h3{color: #fff; padding: 0 20px;}
.our-commit p{color: #fff; padding:0 20px;}
.our-commit ul{ padding:0 20px;}
.covid-comitment .col-md-12{background-color: #fff;}
.our-commit{padding-top: 20px;}
#schedule_message .input-error-msg {
    border: 1px solid green;
    text-align: center;
    padding: 10px 0;
    margin-top: 30px;
}
/*Plumbing page end*/

/*Form Start*/

.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 0px;
  width: 100%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #9b9b9b;
  outline: 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.form__field::placeholder {
  color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
  font-size:20px;
  cursor: text;
  top: 20px;
}
.bootstrap-datetimepicker-widget table{width: 100% !important;}
.bootstrap-datetimepicker-widget tr{width: 100% !important;}
.bootstrap-datetimepicker-widget{width: 100% !important;}
.bootstrap-datetimepicker-widget table td{color:#000 !important;}
.bootstrap-datetimepicker-widget table td.day{font-size: 16px; color: #000 !important;}
.bootstrap-datetimepicker-widget table th{font-size: 18px; color: #000 !important;}
.schedule-form{font-size: 20px !important;     padding: 0 50px 84px !important;  border: 1px solid #7030a0;
    border-right: 2px solid #7030a0; background-color: #fff; z-index: 9; height: 740px; margin-top:0; }
.schedule-form input{    font-size: 20px;
    font-weight: bold;}
.schedule-form h3{margin-top: 40px; text-align: center; font-size: 40px; color: #7030a0;}
.schedule-form .regular-btn{    margin-top: 40px;}
.form__label {
  position: absolute;
  top: 5px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #9b9b9b;
  z-index: -9;
}

.form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-bottom: 2px solid #7030a0;
}
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0px;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #7030a0;
  font-weight: 700;
}

/* reset input */
.form__field:required, .form__field:invalid {
  box-shadow: none;
}

/*Form End*/




.red{color:#ff0000;}
.black{color:#000000;}
.blue{color:#0060ff;}
.call-today .col-md-2 img {
    width: 100%;
}
.equipment-section{margin-top:50px;}
.call-today h1{
    color: black;
    font-size: 50px;
    line-height: 90px;
    font-weight: bold;
	}
.top-phone h1{
	color:#000;
	font-weight:bold;
	cursor:pointer;
	}
.top-phone h1 a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
.top-phone h1 a:hover{
	text-decoration:none;
	}
.middle-heading{
	font-size:2.2em;
	font-weight:900;
	margin:20px 0px;
	}
.middle-icon{
	margin-bottom:30px;
	}
.img-box{
	width:120px;
	margin:10px;
	}
.img-box{
	display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}
.img-box .img{
	margin:0 auto;
	}
.img-box p{
	margin-top:10px;
	font-size: 18px;
    font-weight: 600;
	}
.about-text{
    width: 87%;
    text-align: center;
    font-size: 1.5em;
    border: 1px solid #27547d;
    padding: 10px;
    margin: 0 auto;
    line-height: 40px;
	margin-bottom:20px;
	}
.services {
	margin:15px 0px;
  padding-left: 25px;
	}
.services .mrdrain-img img{
	margin-bottom:15px !important;
	margin:0px auto;
	}
.services ul li{
    font-size: 26px;
    font-family: 'open_sansregular';
    line-height: 40px;
	}
.middle-heading{margin-top:30px;}
.calltoday-bottom{
	font-size:1em;
	color:#000;
	display: inline-block;
	}
.calltoday-bottom a{
	text-decoration:none;
	color:#000 !important;
	}
.calltoday-bottom a:hover{
	text-decoration:none;
	color:#000 !important;
	}
.drain-logo{margin: 40px 0 !important;}
.cities-anchor a{ display:block;padding:3px 0px;font-size: 18px;}
.cities-anchor a:hover{color:#0060ff;}
.cities-anchor a.active{color:#0060ff;}
.top-txt{color:#012060; font-size: 67px; font-weight: bold;}
.drain-logo{margin: 20px 0;}
.mt20{margin-top:20px;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{display: inline !important;}
.responsive-schedule{display: none;}
.responsive-schedule button{width: 50%;
text-align: center;
font-size: 18px;
color: #fff;
display: inline-block;
padding: 11px 11px 12px 11px;
border-radius: 0;
transition: all .3s;}
.modal-backdrop{position: relative !important;}
.responsive-schedule .cal-now{background-color: #2760ca;}
.responsive-schedule .schedule-btn{background-color: #f64e49;}
.responsive-schedule .schedule-btn:focus{background-color: #f64e49;}
.responsive-schedule .cal-now:focus{background-color: #f64e49;}
.service-icons a p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    display: inline-block;
    font-weight: normal;
    color: #1f3763;
    font-weight: bold;
}
#schedule-message-popup{position: absolute; background-color: #fff;
    padding: 15px; font-weight: bold;}
.cal-service{margin-left: 10px;}
.service-icons a:hover p{color: #f24749;}
.middle-heading p.red{font-size: 30px;}

.call-today .col-md-3 img{width:100%;}

.call-today .col-md-9 h2{ margin-left: 0; padding-left: 0;     margin-top: 30px;
    margin-bottom: 35px; }
.foter-websites .col-md-4 {
    display: flex;
}
.foter-site {
    position: relative;
}
.foter-site img {
    margin-top: 50px;
    width: 85%;
}
.foter-site a:hover {
    text-decoration: underline;
    color: #000;
}
.foter-site a:last-child {
    position: absolute;
    left: 13px;
    right: 0;
    color: black;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}
.foter-websites {
    background-color: #fff;
    padding: 50px 0;
}
.foter-charecter img {
    width: 90px;
}
.foter-charecter a{display: block;}
.service-icons{margin-top:50px;}
.dl-btn{display: none;}
.dl-btn{margin: 30px 0;}
.dl-btn .btn {
    padding: 18px 20px 20px;
    width: 100%;
    font-size: 38px;
    background-color: transparent;
    font-size: 22px;
    border: 1px solid #000;
    color: #fff;
    box-shadow: none;
    background-color: #000;
}
.bootstrap-datetimepicker-widget .btn-primary{width: 60px;}
@media (max-width:3840px){
.foter-site a{font-size: 16px;}
.foter-baner{    margin-top: 0px; display: inline-block;  width: 100%;}
.schedule-form { height: 706px !important;}
.foter-websites .col-md-4:nth-child(2) .foter-site img{width: 65%;}
.foter-charecter img {
    width: 125px;}

}
@media (max-width:1920px){
.foter-baner{    margin-top: 0px; display: inline-block;  width: 100%;}
.schedule-form { height: 706px !important;}
.foter-charecter img {
    width: 90px;
}

}
@media (max-width:1024px){
  .foter-site a{font-size: 16px !important;}
.cal-today{font-size: 42px; line-height: 55px;}
  .schedule-form { height: 932px !important;}
}
.foter-baner{display: inline-block;margin-top:0px;}
  .foter-site a:first-child{display: block;}
  .schedule-form {height: 934px;}
.top-phone h1{
	color:#000;
	font-size:2.5em;
	font-weight:bold;
	cursor:pointer;
	}
.top-phone h1 a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:1.5em;
	}
.top-phone h1 a:hover{
	text-decoration:none;
	}
  .covid-comitment .col-md-6 img{width:100%;}
  .call-today{text-align: center;}
  .covid-comitment h2{padding: 20px 0;}
  .header-call{font-size: 30px;}
  .covid-comitment{margin-bottom: 50px;}
}
@media (max-width:920px){
.covid-comitment {
    margin-top: 20px;
}
}
@media (max-width:768px){
  .foter-charecter img{width: 245px;}
.services-icons-wraper .service-icons:last-child{margin-top: 0 !important;}
  .dp-charecter{width: 100% !important; text-align: center !important;}
  .foter-baner{margin-top: 0;}
  .schedule-form{width: 90%; margin: 25px auto;}
  .all-cations .col-xs-6{width: 30%;}
  .schedule-form textarea{margin-top:15px;}
  .cal-today{text-align: center;}
  .schedule-form{height: auto;}
  .foter-site{text-align: center; margin-bottom: 50px;}
  .foter-site a:last-child{position: inherit; margin: 30px 0;}
  .calltoday-bottom{line-height: 60px;}
.foter-websites .col-md-4{display: inherit; text-align: center;}
  .cal-service {display: block; margin: 0 auto;}
  .fremont-plumbing{font-size: 63px; text-align: center;}
  .services-icons-wraper h1{font-size: 38px;}
  .call-today{font-size: 50px; text-align: left;}
  .call-today .top-txt{    font-size:30px !important; text-align: center;}
  .call-today .col-md-9 h2{margin-top:0; margin-bottom: 0;}
  .call-today .col-md-9{text-align: center ; width: 100%;}
  .call-today .col-md-3 img { width: 100%;}
.cal-today .bbb{margin: 0 auto; display: block;}
.top-txt{font-size: 40px !important;}
.call-today h1{
	color:#000;
	font-size:2.7em;
	font-weight:bold;
	}
.top-phone h1{
	color:#000;
	font-size:2em;
	font-weight:bold;
	cursor:pointer;
	}
.top-phone h1 a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
	white-space:nowrap;
	}
.top-phone h1 a:hover{
	text-decoration:none;
	}
.calltoday-bottom{
	font-size:1em !important;
	/*font-size: 25px !important;*/
	color:#000;
	display: block;
	}
.calltoday-bottom a{
	text-decoration:none !important;
	color:#000 !important;
	display: block;
	}
.calltoday-bottom a:hover{
	text-decoration:none;
	color:#000 !important;
	}
.mrdrain-img{
	text-align:center !important;
	}
.mrdrain-img img{
	text-align:center !important;
	margin: 0px auto;
	}
.top-txt{font-size: 40px;}
.covid-comitment img{width: 100%;}
.service-icons{display: inherit; align-items: normal;}
header img{width: 100%;}
.service-icons>div{width: 44% !important; float: left;}
 .foter-site a:last-child{bottom: 0;}
 .schedule-form {  height: auto !important;}
}
@media (max-width:600px){
.services-icons-wraper .row{margin-right: 0;}
.schedule-form-section{margin-top:0;}
.covid-comitment {
  margin-top: 20px;
    margin-bottom: 0px;
}
.dl-btn { display: block; position: absolute; bottom: 21px; width: 100%;}
.about-text{margin-top:40px;}
.schedule-form{background-color: transparent; height: auto;}
.all-cations .col-xs-6{width: 50%;}
  .covid-comitment .col-md-12{padding: 17px 0; text-align: center;     margin-top: -5px;}
  .covid-comitment h2{    font-size: 24px;  line-height: 33px;
    margin-bottom: 18px; display: inline-block;}
  footer{margin-top:0;}
  .foter-websites{padding:50px 0 0;}
  .foter-baner{margin-top:0;}
  .foter-site a:last-child{font-size: 20px;}
.responsive-schedule{
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99;
    display: flex;

}

.fremont-plumbing{font-size: 33px;
    line-height: 50px;}
.call-today .col-md-9 .mt-30{margin-top:10px !important;}
.call-today .col-md-9{text-align: center !important;}
.call-today .col-md-9 h2{    margin-top: 10px;
    margin-bottom: 10px; line-height: 65px;}
.cal-today a{text-decoration: none; font-size: 30px;}
.call-today .col-md-3{margin-bottom: 15px;}
.call-today .col-md-3 img{    width: 70%;}
.cal-service{margin: 20px auto 25px auto;}

.schedule-form .modal-footer{text-align: center !important;}
.cal-today .bbb{    margin: 20px auto 25px auto;}
.cal-today{font-size: 24px;}
.cal-today img{display: block;}
.footer{margin-top:0;}
.covid-section{display: none;}
.schedule-form{display: none;}
.modal-dialog{display: block;}
.cal-today{line-height: normal;}
.middle-heading p.red{line-height: 43px;}
.map-section iframe{z-index: -1; position: relative;}
.calltoday-bottom{line-height: 70px;}
.services-icons-wraper h1{font-size: 24px;}
.services-icons-wraper {margin-top: 0;}
.service-icons>div {
    margin: 13px 5px;
   height: 150px;

}
.schedule-form .regular-btn{margin-top: 0;}
.schedule-form h3{margin-top: 0; font-size: 30px; text-transform: uppercase; font-weight: bold;}
.modal-header{text-align: center; }
.modal-header .close{color: black;
opacity: 10;
font-size: 43px; position: absolute; right: 0;
width: 50px;
top: 5px;}
.responsive-schedule .schedule-form{padding: 0 0 !important; border: 0;}
.desk-schedule{display: none;}
.modal-body{position: sticky !important;}
img.logo{width: 100% !important;}


}
@media (max-width: 540px){
  .header-call{font-size: 24px !important; line-height: 30px; margin-top: 16px;}
.foter-baner {
    height: 295px !important;
}
.foter-site img {
    margin-top: 20px;
}
.service-icons{margin-top:0px;}
h2.oc-text{font-size: 20px;}
}

@media (max-width: 414px){
.foter-baner {
    height: 255px !important;
}
}

@media (max-width:375px){
.foter-baner {
    height: 242px !important;
}
.foter-site a:last-child{left: 0;}
}
@media (max-width:360px){
.foter-baner {
    height: 160px;
}
  .covid-comitment{margin-top:0;}
.call-today h1{
	color:#000;
	font-size:2.8em;
	font-weight:bold;
	}
.top-phone h1{
	color:#000;
	font-size:3em;
	font-weight:bold;
	cursor:pointer;
	}


.top-phone h1 a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.650em;
	}
.top-phone h1 a:hover{
	text-decoration:none;
	}
.calltoday-bottom{
	font-size:1em;
	color:#000;
	}
.calltoday-bottom a{
	text-decoration:none !important;
	color:#000 !important;
	}
.calltoday-bottom a:hover{
	text-decoration:none;
	color:#000 !important;
	}
.cities-anchor a{ display:block;padding:3px 0px;font-size: 18px;}

.foter-baner {
    height: 238px !important;
}
}
@media (max-width:320px){
.foter-baner {
    height: 225px !important;
}
}
@media (max-width:280px){
.foter-baner {
    height: 214px !important;
}
}