@font-face {
    font-family: Quicksand;
    src: url('../fonts/Quicksand-Regular.ttf');
}

/*@font-face {*/
/*    font-family: Barlow;*/
/*    src: url('../fonts/Barlow-Bold.ttf');*/
/*}*/
/*@font-face {*/
/*    font-family: Barloww;*/
/*    src: url('../fonts/Barlow-Regular.ttf');*/
/*}*/

:root {
    /*--yellow: #1b9e00;*/
    --callPrimary: #71979c;
    --callPrimaryHover: #76c4bd;
    --yellow: #76c4bd;
    --nav: #161c25db;
    --blue: #4e73df;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74a3b;
    --orange: #fd7e14;
    --green: #177104;
    --teal: #20c9a6;
    --cyan: #36b9cc;
    --white: #fff;
    --gray: #858796;
    --gray-dark: #5a5c69;
    --primary: #4e73df;
    --secondary: #858796;
    --success: #1cc88a;
    --info: #36b9cc;
    --warning: #f6c23e;
    --danger: #e74a3b;
    --light: #f8f9fc;
    --dark: #5a5c69;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
body , html {
    height: 100%;
    font-family: 'Quicksand', sans-serif;
}
.error{
    display: inherit;
    text-align: left;
    margin-left: 75px;
    margin-top: -15px;
}
.text-danger{
    font-weight: 700;
}
.border-success{
    border: 1px solid var(--green) !important;
}
.border-danger{
    border: 1px solid var(--danger) !important;
}
.labels-success{
    color: var(--green) !important;
}
.labels-danger{
    color: var(--danger) !important;
}
#fname_popup, #lname_popup, #phone_number_popup, #email_popup, #street_name_popup{
    width: 100% !important;
    margin-bottom: 0% !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--yellow)!important;
    border-color: var(--yellow)!important;
}
.navbar {
    margin-bottom: 0;
    background-color: var(--nav);
    border-radius: 0px;
    border-bottom: 1px solid rgb(0 0 0 / 59%);
}
.formdiv {
    border: 1px solid #d8d8d8;
    padding: 20px 47px 25px;
    min-height: 580px;
    height: auto;
    margin-top: 2%;
    background-color: var(--white);
    border-radius: 38px;
}
.zipcodeTitle {
    margin-bottom: 22%;
    font-size: 38px;
    text-align: center;
    margin-top: 3%;
    text-transform:capitalize;
    font-weight: bold;
}
.zipcodeParagraph {
    font-size: 16px;
    color: #000;
}
.BathPro {
    margin-bottom: 5%;
    font-weight: bold;
    margin-top: 2%;
}
.proNatureh , .ttp , .ownp , .flname {
    margin-bottom: 20%;
    margin-top: 3%;
    font-weight: bold;
}
.footer {
    background-color: #383838;
    height: auto;
    padding: 0%;
}
.footerPara {
    color: var(--white);
    padding-top: 6px;
    font-size: 13px;
    margin-top: 3%;
}
.footer a {
    margin-right: 5px;
    color: var(--white);
    font-size: 13px;
}
.cif {
    margin-bottom: 12%;
    margin-top: 3%;
    font-weight: bold;
}
.stad {
    margin-bottom: 15%;
    margin-top: 3%;
    font-weight: bold;
}
.linksdiv {
    padding-top: 6px;
    text-align: center;
    margin-top: 3%;
}
.formcontent1, .formcontent2, .formcontent3, .formcontent4, .formcontent5, .formcontent6, .formcontent7, .formcontent8 {
    min-height: 580px;
    height: auto;
    margin-top: 2%;
    background-color: var(--white);
    border-radius: 38px;
}
.tcpa {
    margin-bottom: 0;
    font-size: 10px;
    text-align: justify;
    padding-inline: 8%;
}
.formcontent7 .tcpa {
    margin-bottom: 0;
    font-size: 10px;
    text-align: justify;
    padding-inline: 10%;
    font-weight: 700;
}
.trusted-form {
    width: 20%;
    margin-top: 1%;
    float: right;
}
.link-inactive{
    pointer-events:none !important;
    opacity:0.5 !important;
}
.title {
    font-size: 28px;
    position: relative;
    top: 6px;
    font-weight: 700;
    color: #0a5ea5;
}

.input-icon {
    background: var(--yellow);
    width: 6.5%;
}
.input-icon-wrap {
    border: 1px solid #ddd;
    display: flex;
    flex-direction: row;
}
.input-icon, .input-with-icon {
    padding: 10px;
}
.fa-map-marker {
    font-size: 23px;
    position: relative;
    left: 5px;
    color: var(--white);
}
#zipcode {
    border-radius: 0;
}
.entry-content .cf ul li {
    display: inline-block;
    width: 33%;
    text-align: center;
    font-weight: 100;
    font-size: 12px;
    line-height: 30px;
    color: black;
}
.topimg {
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 31%), rgb(0 0 0 / 73%)), url(../images/modern-house-bathroom-interior.webp);
    background-size: cover;
    color: var(--white);
}
.entry-content.cf ul li {
    display: inline-block;
    width: 33%;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    color: black;
}
.Privacy-Policy h1{
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 3%;
}
.Privacy-Policy p{
    font-size: 17px;
}
.Privacy-Policy .bigger{
    font-size: 19px;
    margin-bottom: -1%;
    font-weight: 700;
}
.Privacy-Policy .bigger2{
    font-size: 18px;
    margin-bottom: -1%;
    font-weight: 700;
}
.fieldsti {
    padding: 180px 0 220px;
    /* background-color: #0000003d; */
}
.fbt {
    width: 35%;
    margin: 0 auto;
}
.fbt:hover{
    cursor: pointer;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    width: 100%;
    border: none;
}
.email, .fname, .lname, .phone_number, .street_name {
    border: 1px solid #e0e0e0;
    width: 80%;
    margin-bottom: 20px;
}
.b-g-g .fbt{
    color: #007bff!important;
    text-decoration: underline!important;
}
.b-g-g h2{
    font-weight: bold;
}
.msec h3{
    font-weight: bold;
}
.fields1 {
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fields1 p {
    margin-bottom: 25px;
    font-size: 16px;
}
.ca {
    background-color: rgba(87, 124, 177, 0.1);
    padding: 20px;
}
.ca img {
    width: 50px;
    margin-bottom: 10px;
}
.imgd {
    margin-bottom: 10px;
}
.hdr {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
}
.textd {
    font-size: 18px;
    font-weight: 100;
}
.msec {
    background-color: rgba(87, 124, 177, 0.1);
    padding: 50px 13px;
    font-size: 16px;
}
.modal-footer{
    padding: 0;
}
.middivs {
    padding: 50px 13px;
    font-size: 16px;
}
.middivs h2 {
    margin-bottom: 30px;
    font-weight: bold;
}
.middivs h6 {
    font-weight: bold;
    font-size: 15px;
}
.middivs img {
    width: 75px;
    margin-bottom: 15px;
}
.middivs a {
    margin-top: 22px;
}
.umiddivs {
    background-color: rgba(87, 124, 177, 0.1);
    padding: 50px 13px;
    font-size: 16px;
}
.umiddivs h2 {
    font-weight: bold;
}
.umiddivs h3 {
    font-weight: bold;
}
.umiddivs .bdt {
    padding: 30px;
}
.umiddivs img {
    width: 100px !important;
    margin-bottom: 10px;
}
.btsec {
    background-image: url("../images/413.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fileds22 {
    background-color: #00000069;
    padding: 150px 0;
    font-size: 17px;
}
.btsec h2 {
    font-weight: bold;
    color: var(--white);
}
.btsec p {
    color: var(--white);
}
.btsec2 {
    padding: 50px 13px;
    font-size: 15px;
    font-weight: 500;
}
.lastsec {
    background-image: url(../images/3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fields33 {
    background-color: #00000069;
    padding: 180px 0;
}
.lastsec h2 {
    margin-bottom: 40px;
    font-weight: bold;
    color: var(--white);
}
.entry-content.cf ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}
.btn-primary {
    color: var(--white);
    background-color: var(--yellow);
    border-color: var(--yellow);
    min-height: 38px;
    max-height: 34px;
}
.bathMe, .bathre, .bathEs{
    margin-top: 1%;
}
.bathUsa{
    margin-top: 3%;
}
.bathPros{
    width: 58%;
}
.thankyouHeadimg {
    background-image: url("../images/faucet-sink.webp");
    background-size: cover;
    min-height: 87vh;
    height: auto;
    background-repeat: no-repeat;
}
.fieldsthnk {
    background-color: rgba(9,9,9,0.5);
    padding-bottom: 6%;
    min-height: 90vh;
    height: auto;
}
.serv1, .serv2 {
    background-color: #0000007a;
    margin-top: 30px;
    /* margin-right: 2%; */
    padding: 28px;
    color: var(--white);
    min-height: 80%;
    /* border-radius: 27px; */
    height: auto;
}
.serv1 p, serv2 p{
    font-size: 15px;
}
.thank-title {
    margin-top: 6%;
    color: var(--white);
}
.thank-title h2 {
    color: var(--white);
    font-weight: bold;
    font-size: 50px;
}
.thank-title p {
    font-size: 35px;
}
.firstrow {
    margin-left: 1%;
}
.our-services {
    font-size: 27px;
    color: var(--white);
}
.terms-ul li {
    font-size: 17px;
    margin-bottom: 2%;
}
.terms-p {
    font-size: 18px;
}
.page {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(4 3 2 / 53%)), url(../images/faucet-sink.webp);
    min-height: 90%;
    height: auto;
    padding: 1%;
}
.secondServicePage {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 31%), rgb(0 0 0 / 73%)), url(../images/781b13d84d64675a6f07f960bb0c066e.webp);
    min-height: 90%;
    height: auto;
    padding-top: 1%;
    padding-bottom: 1%;
}
.opSec{
    padding: 3%;
}
.opSec h1{
    font-weight:700;
    margin-bottom:3%;
    font-size: 30px;
}
.hero {
    padding: 2%;
}
.hero h1{
    font-weight: bold;
}
.hero label{
    font-weight: bold;
}
.radio button {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 0;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #c9c9c92e;
    border-radius: 4px;
    width: 80%;
    margin-bottom: 10px;
    height: 44px;
    color: #000;
    font-weight: 500;
}
.radio button:hover {
    color: var(--white);
    background-color: var(--yellow);
}
#backpop {
    display: block;
    margin-top: 5%;
}
.mdlbgc {
    background-color: #f8f8f8;
}
.mdltitle {
    color: #76c4bd;
    font-weight: 700;
    font-size: 20px;
    margin: 0 auto;
}
.firstsec label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 1%;
}
.flnamepop , .cifpop , .stadpop , .zcodepop , .fnamehpop , .lnamehpop , .emailhpop {
    font-size: 15px;
    font-weight: bold;
}
.simc {
    width: 80%;
    margin: 0 auto;
}
.error {
    color: red;
}
#state_city_labeal {
    width: 80%;
    margin: 0 auto;
    color: #000;
}
.buttonload {
    width: 80%;
    margin-left: 10%;
    background-color: var(--yellow);
    border-color: var(--yellow);
    outline: none;
}
#divPopUp {
    height: 15px;
    position: fixed;
    background-color: #ff000000;
    width: 100%;
    top: 0;
    z-index: 999;
}
button .buttonloadpop {
    display: none;
}
.error-fname , .error-zipcode, .error-lname, .error-phone_number, .error-email, .error-street_name,
.error-zipcode_popup, .error-fname_popup, .error-lname_popup, .error-phone_number_popup, .error-email_popup, .error-street_name_popup {
    display: none;
    color: var(--danger);
    font-size: 12px;
    font-weight: 600;
}
.zipcode-error {
    border: 1px solid var(--danger);
}
.zipcode-error:focus {
    border: 1px solid var(--danger);
}
.lname-error{
    border: 2px solid var(--danger) !important;
}
.fnameinput-error:focus {
    border: 2px solid red;
}
.lnameinput-error {
    border: 2px solid var(--danger);
    margin-bottom: 0;
}
.lnameinput-error:focus {
    border: 2px solid var(--danger);
}
.inputs-error {
    border: 2px solid var(--danger);
    margin-bottom: 3px;
}
.inputs-error:focus {
    border: 2px solid var(--danger);
}
.inputicon-error {
    background-color: var(--danger);
    border: 1px solid var(--danger);
}
.fa-error {
    color: var(--white);
}
.validationspan {
    margin-left: 10%;
}
.marginclassforinput {
    margin-bottom: 3px;
}
.back {
    border-color: #ededed;
    color: #000;
    width: 20%;
    font-size: 14px;
    float: left;
    position: absolute;
    left: 10px;
    bottom: 20px;
    box-shadow: none!important;
    background-color: unset !important;
}
.back:hover{
    background-color: unset !important;
}
.back:active{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%) !important;
}
/* new second service*/
.roofingAdFirstQues , .flooringAdFirstQues , .sidingAdFirstQues , .securityAdFirstQues , .kitchenAdFirstQues ,.bathroomAdFirstQues , .bolierAdFirstQues ,
.furnaceAdFirstQues , .solarAdFirstQues , .walkintubsAdFirstQues , .stairliftsAdFirstQues , .cabinetsAdFirstQues , .plumbingAdFirstQues , .bathtubsAdFirstQues ,
.sunroomsAdFirstQues , .handymanAdFirstQues , .countertopsAdFirstQues , .doorsAdFirstQues , .windowsAdFirstQues , .centralACAdFirstQues , .cabinetsAdFirstQues ,
.projectnatureGutterSecSer , .guttersAdFirstQues, .autoInsuranceAdFirstQues {
    display:none;
}
.secondservicesCont {
    background-color: var(--white);
    padding: 1% 2%;
    border-radius: 12px;
    width: 60%;
    margin-left: 19%;
    min-height: 70%;
    height: auto;
}
.custom-checkbox {
    background-color: #fcfdfe;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 16px;
    display: block;
    position: relative;
    padding: 3px 10px;
    margin-left: 0 !important;
    margin-bottom: 2%;
    line-height: inherit;
    background-image: none;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 9px 5px 6px #c8c8c8;
}
.custom-checkbox input {
    position: absolute;
    right: 10px;
    top: 14px;
    opacity: 0;
    cursor: pointer;
}
.custom-checkbox .checkmark {
    position: absolute;
    top: 11px;
    right: 10px;
    height: 22px;
    width: 24px;
    left: auto;
    margin: 0;
    color: var(--white);
    border: solid 1px #ccc;
    border-radius: 2px;
    text-align: center;
}
.custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
    border-color: #2196F3;
}
.tcpacont {
    padding: 4%;
}
.information{
    margin: 5% 0 2%;
}
.information label{
    text-align: left !important;
    font-weight: 600;
}
.information input{
    width: 100%;
}
.secondserviceTCPA {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding-inline: 1%;
}
.secondserviceTCPA a {
    color: #4ea5ff;
}

.noThankYouButton {
    border: 1px solid #80808047;
    width: 90%;
    margin: 4% 3%;
    background-color: unset !important;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
.noThankYouButton:hover{
    background-color: unset !important;
}
.submitSecSer {
    width: 90%;
    margin: 4% 3%;
}

.roofingAdFirstQues ,.flooringAdFirstQues , .sidingAdFirstQues , .securityAdFirstQues , .kitchenAdFirstQues , .bathroomAdFirstQues ,.bolierAdFirstQues , .furnaceAdFirstQues , .solarAdFirstQues
,.walkintubsAdFirstQues ,.stairliftsAdFirstQues , .cabinetsAdFirstQues ,.plumbingAdFirstQues , .bathtubsAdFirstQues , .sunroomsAdFirstQues , .handymanAdFirstQues , .countertopsAdFirstQues ,.doorsAdFirstQues
,.windowsAdFirstQues , .centralACAdFirstQues ,.projectnatureGutterSecSer ,.guttersAdFirstQues, .autoInsuranceAdFirstQues{
    background-color: #ddeeff;
    padding: 3%;
    margin-bottom: 2%;
    border-radius: 8px;
}
/*.select2-container {*/
/*    width: 100%!important;*/
/*}*/
.srvsimg {
    width:6%
}
.newSecHeader h2 {
    font-size: 20px;
}
.secondservicesCont::-webkit-scrollbar {
    width: 6px;
}
.secondservicesCont::-webkit-scrollbar-track {
    background: #f1f1f1;
    margin-top: 10px;
    margin-bottom: 10px;
}
.secondservicesCont::-webkit-scrollbar-thumb {
    background: #888;
}
.secondservicesCont::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.CaliPrivacyCCPA li {
    font-size: 16px;
    font-weight: 600;
}
.updatedP{
    font-weight:700;
    font-size:19px;
    margin-top:2%;
    margin-bottom:2%;
}
.join-ush3{
    font-weight:700;
}
.join-us h1{
    font-size: 24px;
}
.op h1{
    font-weight:700;
    margin-top:2%;
    margin-bottom:2%;
}
.Privacy-Policy,.pp{
    min-height:90%;
}

.progress-barrcont {
    float: left;
    margin-top: 6%;
    width: 100%;
    border-radius: 8px;
    font-size: 18px;
    line-height: 20px;
    color: var(--white);
    text-align: center;
    background-color: var(--white);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.progress-barr {
    float: left;
    display: inline-block;
    width: 1%;
    height: 100%;
    border-radius: 8px;
    font-size: 18px;
    line-height: 20px;
    color: var(--white);
    text-align: center;
    background-color: var(--yellow);
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width 0s ease;
    -o-transition: width 0s ease;
    transition: width 0s ease;
    padding: 5px 0;
}
.leftProgress {
    color: var(--white);
    float: left;
}
.rightProgress {
    color: var(--white);
    float: right;
}
.btn-primary:hover {
    color: var(--white);
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.btn-primary:focus, .btn-primary:active {
    background-color: var(--yellow);
    border-color: var(--yellow);
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: var(--white);
    background-color: var(--yellow);
    background-image: none;
    border-color: var(--yellow);
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: var(--white);
    background-color: var(--yellow);
    background-image: none;
    border-color: var(--yellow);
}
.btn-light:hover {
    color: #212529;
    background-color: #f7f7f7;
    border-color: #ededed;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #fdfdfd;
    border-color: #d3d9df;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
}
.form-control:focus {
    border-color: var(--yellow);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 153 0 / 55%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 153 0 / 55%);
}
#popsubmit , .buttonloadpop{
    margin-bottom: 4%;
    margin-top: 3%;
    width: 100%;
}
#next5, #next6, #submitform, .buttonload , .buttonloadname , .buttonloadcontact , .buttonloadsubmit {
    width: 80%;
    margin: 0 10%;
}

input[type=text]:focus ,input[type=tel]:focus, input[type=email]:focus{
    border-color: #76c4bd;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(118 196 189);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(118 196 189);
}
button, input {
    outline: none !important;
}
button{
    box-shadow: -1px 3px 1px 0px #bfab3d00, -1px 2px 5px 0px #0000002e, 0 8px 10px -5px rgb(191 186 179 / 10%);
}
.b-g-g{
    padding: 4% 1%;
}
.b-g-g h2{
    font-size: 36px;
}
.content-box img {
    width: 75px;
    margin-bottom: 15px;
}
.content-box h6
{
    font-weight: bold;
    font-size: 16px;
}
.m-t-1 {
    margin-top: 3%;
    margin-bottom: 3%;
}
.newimgdd {
    margin-top: 29%;
}
.link-box {
    color: #76c4bd !important;
    font-weight: bold;
    border: none;
    background: none;
    box-shadow: none;
}
.pointer {
    cursor: pointer;
}

.Privacy-Policy{
    padding: 3%;
}
.thankYouButtons{
    margin-bottom: 2%;
    margin-right: 2px;
    font-size: 15px;
}
.linksdiv{
    margin-bottom: 3%;
}

.select2,span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open{
    width: 100% !important;
    text-align: left;
}
.select2-selection{
    padding-left: 2%;
    height: 35px!important;
}
.select2 {
    width: 100% !important;
    text-align: left;
}
.disclaimerContain{
    background-color: #383838;
    border-bottom: 2px solid #4c4b4b;
    padding: 0.5%;
}
.disclaimerContain h2{
    font-weight: bold;
    color: #fff;
    margin: 1%;
    font-size: 23px;
}
.disclaimerText{
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.mnyImgHome{
    margin-top: 11%;
}
.newimgdd2{
    margin-top: 16%;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #fdfdfd;
    border-color: #d3d9df;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)!important;
}
.footerPopupf {
    justify-content: flex-start;
}
.secondsec label {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 1%;
}
.secondsec .tcpa {
    margin-bottom: 0;
    font-size: 12px!important;
    text-align: justify;
    padding-inline: 5%;
}
.secondsec .form-group {
    margin-bottom: 2%;
}
.newSecHeader h2 {
    font-size: 20px;
    font-weight: 700;
}
.servicesQuestionsContainer p {
    font-weight: 700;
}
.well{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}
/************************Thank you page pay per click appt call********************************/
#appointmentModal{
    background-color: #0000008f;
}
#appointmentModal .modal-dialog{
    max-width: 50%;
}
#appointmentModal .simc {
    width: 100%;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 50%);
    margin-left: 0;
}
#fnameAppointment,
#lnameAppointment,
#phoneAppointment,
#emailAppointment {
    background-color: #ebebeb!important;
    opacity: 1;
}
.bookAppointment, .apptBooked{
    margin-top: 4%;
}
.mdlbgcAppt{
    background-color: #008eff0d;
}
.xdsoft_datetimepicker{
    width: 47.75%!important;
}
.xdsoft_datepicker{
    width: 70%!important;
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 48%!important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left: 43%!important;
}
.xdsoft_timepicker{
    width: 26%!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #007eff !important;
    box-shadow: none !important;
}
.fieldsthnknew {
    background-color: rgb(255 255 255);
    border-radius: 24px;
    padding: 5%;
    height: auto;
}
.thankyouHeadimgnew {
    background: linear-gradient(180deg,rgb(0 0 0 / 42%),rgb(0 0 0 / 65%)) 0 0/cover no-repeat,url("../images/faucet-sink.webp") 0 0/cover no-repeat;
    min-height: 87vh;
    padding: 2.5%;
    height: auto;
}
.serv1ee {
    background-color: #0000008f;
    margin-top: 30px;
    padding: 10px;
    border-radius: 19px;
    color: var(--white);
    /* min-height: 80%; */
    height: auto;
}
.apptH{
    font-weight: 500;
    margin-top: 3%;
    font-size: 27px;
}
.ppApptButtst{
    width: 85%;
    background-color: transparent;
    color: #000;
    font-weight: bold;
    margin-top: 3%;
    border-color: #4e4e4e85!important;
    box-shadow: -1px 3px 1px 0 #bfab3d00, -1px 2px 5px 0 #0000002e, 0 8px 10px -5px rgb(191 186 179 / 10%);
}
.ppApptButtst:hover, .ppApptButtst:focus, .ppApptButtst:active, .ppApptButtst:focus:active{
    background-color: #4E4E4E!important;
    color: #fff!important;
    border-color: #4E4E4E!important;
}
.g3cm_holder {
    padding: 3%;
    margin-top: 2%;
    width: 35%;
    box-shadow: -1px 3px 1px 0 #bfab3d00, -1px 2px 5px 0 #0000002e, 0 8px 10px -5px rgb(191 186 179 / 10%);
    border: 1px solid #9e9e9e;
    border-radius: 15px;
}
.newOldWebs{
    border: 1px solid #9e9e9e;
    border-radius: 15px;
    padding: 5%;
    margin-top: 5%;
    box-shadow: -1px 3px 1px 0 #bfab3d00, -1px 2px 5px 0 #0000002e, 0 8px 10px -5px rgb(191 186 179 / 10%);
    height: auto;
}
.cm-v1-btn, .cm-v1-btn:hover{
    color: #000!important;
}

/************************************************ /Calls page  ********************************************/
.grecaptcha-badge {
    z-index: 99999 !important;
    display:block !important;
}
::selection{
    background: var(--callPrimary);
    color: #000000;
}
.bathEs2{
    margin-top: 2%;
}
.callpage{
    background-color: #f2f3f5;
}
.top{
    background-color: inherit;
    margin-bottom: 10%;
}
.callbtn, .submitCallBtn{
    transition: all .2s linear;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    border-color: var(--callPrimary);
    background-color: var(--callPrimary);
    border-radius: 50px;
    padding: 3% 2% 6%;
    font-size: 16px;
    line-height: 1em;
    margin-top: 2%;
    width: 45%;
}
.submitCallBtn {
    padding: 4% 2% 9%;
    width: 49%;
    margin-bottom: 14px;
}
.firstSection{
    background-image: url(../images/modern-house-bathroom-interior.webp);
    background-position: center center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    color: #ffffff;
    height: auto;
    min-height: 50rem;
    position: relative;
}
.overlay{
    background-color:  rgb(31, 39, 58); ;
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.firstSection h1{
    font-size: 60px;
    font-weight: 700;
}
.firstSection .p1{
    padding-top: 4%;
    width: 91%;
}
.firstSection .p2{
    padding-top: 2%;
}
.firstSection h5{
    font-size: 29px;
    padding-top: 6%;
    font-weight: 700;
}
.devider{
    display: flex;
}
.topspan{
    border-top: 4px solid #f2f3f5;
    width: 19%;
}
#callform{
    background-color: #ffffff;
    padding: 30px 35px 10px 35px;
    height: auto;
}
#callform h5 {
    color: #212930;
    font-size: 18px;
    margin-bottom: 0;
}
#callform p{
    color: #212930;
}
#callform input, #callform textarea{
    color: #666;
    padding: 0.75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    margin-bottom: 6%;
}
#callform textarea{
    height: 120px;
}
.telephone{
    border-radius: 50px;
    padding: 0 40px;
    background-color: var(--callPrimary);
    border-color: var(--callPrimary);
    min-height: 9%;
    height: auto;
    font-size: 36px;
}
.telephone:hover, .telephone:focus, .telephone:focus-visible, .telephone:active,
.callbtn:hover, .callbtn:focus, .callbtn:focus-visible, .callbtn:active,
.submitCallBtn:hover, .submitCallBtn:focus, .submitCallBtn:focus-visible, .submitCallBtn:active{
    background-color: var(--callPrimaryHover) !important;
    border-color: var(--callPrimaryHover) !important;
}
.telephonea, .formFooter a{
    color: #f2f3f5;
    text-decoration: none;
    font-size: 36px;
}
.telephone2 {
    padding: 9px 40px 69px;
    font-size: 37px;
}
.formFooter a{
    font-weight: 700;
}
.formFooter{
    background-color: var(--callPrimary);
    padding: 30px 35px 10px 35px;
    height: auto;
    color: #f2f3f5;
}
.formFooter .para1{
    line-height: 1;
}
.formFooter .para2{
    font-size: 20px;
    font-weight: 700;
}
.SecSection{
    padding: 80px 0 100px 0 ;
    font-weight: 700;
    background-color: #f2f3f5;
}
.SecSection h2{
    font-size: 42px;
    margin-bottom: 4%;
    font-weight: 700;
}
.SecSection i{
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    color: #818a91;
    font-size: 60px;
    text-align: center
}
.SecSection img{
    margin-top: 15%;
}
.SecSection span{
    font-size: 26px;
    padding-left: 2%;
    position: absolute;
    display: inline-block;
    margin: 1% auto;
    font-weight: 700;
}
.SecSection p{
    padding-left: 10%;
    line-height: 2;
    font-size: 18px;
    color: #2f2f2f;
    font-weight: 500;
}
.thirdSec{
    padding: 70px 0 100px 0;
}
.ProcessSteps{
    font-size: 42px;
    margin: 10px 0;
    font-weight: 700;
    padding-bottom: 7%;
}
.thirdSec .box{
    box-shadow: 0 0 15px 0 rgb(64 78 92 / 15%);
    margin: 12px;
    border-radius: 15px;
    text-align: left;
    line-height: 1.8;
    height: 95%;
}
.thirdSec .box img{
    border-radius: 15px 15px 0 0;
    width: 100%;
}
.thirdSec .box .desc{
    padding:30px;
}
.thirdSec .box h5, .LAstSec h3, .LAstSec p{
    font-weight: 700;
}
.LAstSec{
    padding: 5% 0;
}
.LAstSec h3{
    font-size: 42px;
}
.LAstSec p{
    font-size: 20px;
}
.rightfooter{
    text-align: end;
}

@media (min-width:1600px) {
    .page {
        padding: 2%;
    }
    .secondServicePage {
        padding: 4%;
    }
}
@media(max-width:1024px) {
    /*************************Calls page************************/
    .firstSection h1 {
        font-size: 57px;
    }
    .firstSection .p1{
        width: 100%;
        font-size: 18px;
    }
    .firstSection{
        text-align: center;
    }
    .telephonea, .formFooter a{
        font-size: 43px;
    }
    #callform{
        margin: 9% auto 0;
        text-align: left;
    }
    .formFooter{
        text-align: left;
        padding-bottom: 7%
    }
    .submitCallBtn {
        padding: 2% 2% 4%;
        width: 22%;
    }
    .telephone{
        min-height: 14%;
    }
    .SecSection {
        padding: 80px 0 60px
    }
    .thirdSec img{
        width: 100%;
    }
    .LAstSec {
        padding: 5% 0 13%;
    }
    .telephone2 {
        padding: 4px 40px 66px;
    }
    .SecSection span {
        font-size: 21px;
    }
    /*************************Calls page************************/
    #divPopUp {
        display: none;
    }
    .newimgdd {
        margin-top: 30%;
        margin-bottom: 3%;
    }
    .terms-ul li{
        margin-bottom: 5% !important;
    }
    .bathMe {
        margin-top: 1%;
    }
    .bathUsa {
        margin-top: 2%;
    }
    .bathPros{
        width: 59%;
    }
    .custom-checkbox .checkmark {
        top: 5px;
        height: 24px;
    }
}
@media(min-width:768px) and (max-width:1200px) {
    .input-icon {
        width: 8%;
    }
    .page,.fieldsthnk,.secondServicePage{
        min-height: 93vh;
    }
    .secondservicesCont {
        min-height: 44%;
    }
    .trusted-form {
        width: 21%;
    }
    .Privacy-Policy,.hero {
        min-height: 94%;
    }
    .bathEs {
        margin-top: 1%;
    }
    .b-g-g h2{
        font-size: 30px;
    }
    .bathUsa {
        margin-top: 2%;
    }
}
@media(min-width:768px) and (max-width:992px) {
    /*************************Calls page************************/
    .firstSection h1 {
        font-size: 42px;
    }
    .callbtn {
        margin-top: 6%;
        width: 70%;
        padding: 5% 2% 10%;
    }
    .telephone {
        min-height: 11%;
    }
    .telephonea {
        font-size: 31px;
    }
    .submitCallBtn {
        padding: 2% 0 5%;
        width: 35%;
    }
    .formFooter {
        padding: 20px 24px 30px 26px;
        text-align: left;
    }
    .SecSection h2 {
        font-size: 30px;
        margin-bottom: 8%;
    }
    .SecSection span {
        font-size: 20px;
    }
    .SecSection img{
        display: none;
    }
    .SecSection i {
        font-size: 50px;
    }
    .telephone2 {
        padding: 8px 37px 65px;
    }
    .callbtn {
        margin-top: 6%;
        width: 61%;
    }
    .bathUsa2 {
        margin-top: 7% !important;
    }
    .bathPros2 {
        margin-top: 3% !important;
    }
    .bathMe2 {
        margin-top: 5% !important;
    }
    .ProcessSteps {
        font-size: 32px
    }
    /*************************Calls page************************/
    .bathPros {
        width: 79%;
    }
    .trusted-form {
        width: 28%;
        float: right;
        margin-top: 2%;
    }
    .input-icon {
        width: 7%;
        padding: 9px;
    }
    .bathMe {
        width: 88%;
        margin-top: 2%;
    }
    .content-box img {
        width: 70px;
        margin-top: 5%;
    }
    .newimgdd {
        margin-top: 14%;
    }
    .thank-title h2 {
        font-size: 44px;
    }
    .bathUsa {
        margin-top: 3%;
    }
    .bathEs {
        margin-top: 2%;
    }
    .zipcodeTitle {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    .entry-content.cf ul li {
        display: table !important;
        width: 100% !important;
        text-align: left !important;
    }
    .tcpa {
        font-size: 12px;
    }
    .trusted-form {
        margin-top: 3%;
    }
    .pull-right {
        width: 49%;
    }
    .serv1, .serv2 {
        width: 98%;
    }
    .thank-title h2 {
        font-size: 29px;
    }
    .thank-title p {
        font-size: 24px;
    }
    .ca {
        margin-bottom:3%;
    }
    .fbt {
        width: 80%;
        margin: 0 auto;
    }
    .input-icon {
        width: 7%;
    }
    .page {
        min-height: 83%;
        height: auto;
    }
    .secondServicePage {
        min-height: 80%;
        height: auto;
    }
    .secondservicesCont {
        background-color: var(--white);
        padding: 3% 2%;
        border-radius: 12px;
        width: 96%;
        margin-left: 2%;
        min-height: 90%;
        height: auto;
    }
    .custom-checkbox {
        background-color: #fcfdfe;
        border: 1px solid #ddd;
        border-radius: 3px;
        font-size: 16px;
        display: block;
        position: relative;
        padding: 9px 10px;
        /* padding-left: 8px; */
        margin-left: 0 !important;
        margin-bottom: 2%;
        line-height: inherit;
        background-image: none;
        cursor: pointer;
        box-shadow: 9px 5px 6px #c8c8c8;
    }
    .custom-checkbox .checkmark {
        top: 10px;
    }
    .secondserviceTCPA {
        color: #000;
        font-size: 12px;
    }

    .Privacy-Policy h1, .opSec h1 {
        font-size: 30px;
        margin: 3% 0;
    }
    .Privacy-Policy p{
        font-size: 15px;
    }
    .Privacy-Policy .bigger2 {
        font-size: 17px;
    }
    .Privacy-Policy .bigger {
        font-size: 18px;
    }
    .btn-Join
    {
        width: 100%;
        margin-bottom: 5%;
    }
    .formdiv {
        padding: 20px 25px 25px;
        min-height: 580px;
    }
    .formcontent1, .formcontent2, .formcontent3, .formcontent4, .formcontent5, .formcontent6, .formcontent7, .formcontent8 {
        min-height: 580px;
        margin-top: 7%;
    }
    .lead {
        margin-bottom: 0;
        font-size: 12px;
        text-align: left;
        padding-inline: 5%;
    }
    .b-g-g h2 {
        font-size: 28px;
    }
    .msec h3{
        font-size: 26px;
    }
    .bathMe {
        height: 100%;
        margin-top: 1%;
        width: 93%;
    }
    .bathUsa {
        margin-top: 4%;
        width: 90%;
    }
    .BathPro {
        margin-bottom: 6%;
    }
    .bathPros{
        width: 78%;
        margin: 1% auto 0;
        display: block;
    }
    .formcontent3 .radio button{
        height: 50px;
    }
    .fa-map-marker {
        left: 7px;
    }
    /*************************Calls page************************/
    .callbtn {
        width: 64%;
    }
    .bathUsa2 {
        margin-top: 7% !important;
    }
    .bathMe2 {
        margin-top: 3% !important;
    }
    /*************************Calls page************************/
}
@media (max-width: 767px) {
    /*************************Calls page************************/
    .hmeWarranty{
        width: 81%;
        display: block;
        margin: 3% auto;
    }
    .firstSection h1 {
        font-size: 30px;
    }
    .firstSection h5 {
        font-size: 22px;
    }
    .telephone, .formFooter a {
        font-size: 25px;
    }
    #callform{
        margin: 18% auto 0;
        text-align: left;
    }
    .submitCallBtn {
        padding: 3% 2% 7%;
        width: 45%;
    }
    .telephone {
        min-height: 12%;
    }
    .SecSection{
        text-align: center;
    }
    .SecSection h2{
        margin-bottom: 14%;
    }
    .SecSection i, .SecSection span{
        display: block;
    }
    .SecSection p {
        font-size: 17px;
        margin: 0 0 18% 0;
        text-align: center;
        width: 97%;
        padding-left: 0;
    }
    .SecSection span {
        font-size: 20px;
        padding-left: 0;
        position: relative;
        text-align: center;
    }
    .SecSection img{
        margin-top: 2%;
    }
    .thirdSec{
        padding: 0;
    }
    .LAstSec h3 {
        font-size: 42px;
    }
    .LAstSec p br, .ProcessSteps br{
        display: none;
    }
    .LAstSec p {
        font-size: 17px;
    }
    /*************************Calls page************************/
    .trusted-form {
        display: none;
    }
    .bathUsa {
        width: 100%;
        height: 65%;
        margin-top: 2%;
    }
    .bathMe{
        width: 100%;
    }
    .formdiv, .formcontent1, .formcontent3, .formcontent4, .formcontent5, .formcontent6, .formcontent8  {
        min-height: 490px;
    }
}
@media (max-width: 600px) {
    /*************************Calls page************************/
    .SecSection h2, .ProcessSteps {
        font-size: 35px;
    }
    .SecSection h2 {
        margin-bottom: 10%;
    }
    .telephone2 {
        padding: 8px 40px 50px;
    }
    .navcall{
        display: none;
    }
    /*************************Calls page************************/
    .input-icon {
        width: 9%;
    }
    .fa-map-marker {
        left: 5px;
    }
    .fieldsti h1{
        font-size: 30px;
    }
    .content-box img {
        width: 65px;
        margin-top: 8%;
    }
    .newimgdd {
        margin-top: 14%;
    }
    .bathMe {
        height: 88%;
    }
    .bathre {
        width: 100%;
        height: 80%;
    }
    .bathEs{
        margin-top: 0;
        width: 100%;
        height: 90%;
    }
    .zipcodeTitle {
        font-size: 28px;
    }
    .formcontent2{
        min-height: 592px;
    }
    .formcontent7 .tcpa {
        font-size: 11px;
    }
    .BathPro {
        margin-bottom: 10%;
    }
    .cif, .BathPro, .proNatureh, .ttp, .ownp, .flname, .stad  {
        font-size: 29px;
    }
}
@media (max-width: 500px){
    /*************************Calls page************************/
    .telephone {
        min-height: 10%;
    }
    .submitCallBtn {
        padding: 4% 2% 5%;
        width: 64%;
    }
    .SecSection h2, .ProcessSteps {
        font-size: 25px;
    }
    .LAstSec h3 {
        font-size: 30px;
        margin-top: 10%;
    }
    /*************************Calls page************************/
    .Privacy-Policy h1, .opSec h1 {
        font-size: 22px;
        margin-bottom: 8%;
    }
    .input-icon {
        width: 14%;
    }
    .proNatureh, .ttp, .ownp, .flname {
        margin-bottom: 33%;
    }
    .terms-ul li{
        margin-bottom: 10% !important;
    }
    .stad {
        margin-bottom: 32%;
    }
    .error{
        margin-left: 40px !important;
    }
    .zipcodeTitle {
        font-size: 24px;
    }
    .formcontent7 .tcpa {
        font-size: 9px;
    }
    .myBtn1{
        margin-bottom: 2%;
    }
    .msec h3 {
        font-weight: bold;
        font-size: 22px;
    }
    .b-g-g h2 {
        font-size: 22px;
    }
    .fields1 h2{
        font-size: 22px;
    }
    .topimg h1{
        font-size: 22px;
    }
    .flname, .ownp, .proNatureh, .ttp, .cif, .stad, .BathPro{
        font-size: 23px;
    }
    .content-box img {
        width: 55px;
        margin-top: 7%;
    }
    .bathMe, .bathEs{
        height: 100%;
        margin-top: 0;
    }
    .bathUsa{
        margin-bottom: 4%;
    }
    .bathre {
        margin-bottom: 2%;
    }
    .formcontent1, .formcontent3, .formcontent4, .formcontent5, .formcontent6, .formcontent8 {
        min-height: 480px;
    }
    .formcontent2{
        min-height: 540px;
    }
    .formcontent7 {
        min-height: 560px;
    }
    .bathPros{
        width: 90%;
    }
}
@media(max-width:400px) {
    .input-icon {
        width: 15%;
    }
    .tcpa {
        font-size: 11px;
    }
    .bathPros{
        width: 100%;
    }
}
@media (max-width: 350px){
    .input-icon {
        width: 21%;
    }
    /*************************Calls page************************/
    .submitCallBtn {
        padding: 4% 2% 8%;
        width: 60%;
    }
    /*************************Calls page************************/
}
@media(max-width: 321px){
    .formcontent7 {
        min-height: 746px;
    }
}
/************************Thank you page pay per click appt call********************************/
@media (max-width: 992px) {
    .fieldsthnknew h2{
        font-size: 27px;
    }
    .apptH {
        margin-top: 2%;
        font-size: 20px;
    }
    .g3cm_holder{
        margin-top: 3%;
        width: 60%;
    }
    .xdsoft_datetimepicker {
        width: 46.5%!important;
    }
    .xdsoft_datepicker {
        width: 96%!important;
    }
    .xdsoft_timepicker {
        width: 96%!important;
    }
}
@media(max-width: 576px){
    .ppApptButtst {
        width: 100%;
    }
    .g3cm_holder {
        margin-top: 3%;
        width: 100%;
    }
    .fieldsthnknew h2 {
        font-size: 22px;
    }
    .apptH {
        margin-top: 2%;
        font-size: 16px;
    }
    .newOldWebs h3{
        font-size: 20px;
    }
    .newOldWebs p{
        font-size: 14px;
    }
    #appointmentModal .simc {
        position: absolute;
        left: 23%;
        margin-right: 0;
        margin-top: 25%;
        transform: translate(0%, 0%);
    }
    .xdsoft_datetimepicker {
        width: 62.75%!important;
    }
    .bookAppointment {
        margin: 4% auto;
        display: block;
        width: 100%;
    }
    #appointmentModal .modal-dialog {
        max-width: 70%;
    }
}
/********************************* Calls Page *********************************/
@media(min-width:1024px) and (min-height:1200px){
    #callform{
        margin: 10% 0 0;
    }
    .telephonea, .formFooter a {
        font-size: 42px;
    }
    .telephone {
        min-height: 14%;
    }
    .submitCallBtn {
        padding: 2% 2% 4%;
        width: 33%;
    }
    .thirdSec img{
        width: 100%;
    }
    .SecSection span {
        font-size: 21px;
    }
}