@charset "utf-8";h1{color:#fff;margin:0;font-weight:bold;font-size:30px;text-transform:uppercase}.head{width:100%;background-color:hsla(203,100%,38%,1.00);height:18px}h2{color:#1a91e1;margin:0;font-weight:normal;font-size:24px;padding-top:7px;padding-left:10px}h3{color:#1a91e1;margin:0;font-weight:normal;font-size:24px;padding-top:7px;padding-left:10px}h4{color:#1a91e1;margin:0;font-weight:normal;font-size:24px;padding-top:5px}p{margin:0;padding:10px;line-height:21px;text-align:justify}p a:visited,p a:link{color:#14a7c0}.color{color:#0a5ea3}#wrapper{width:950px;margin-right:auto;margin-left:auto;margin-top:10px}#contaner{width:100%;height:100px;background-image:url(images/shutterstock_285002420.jpg)}#header{
	height: 106px;
	position: fixed;
	top: 0;
	width: 975px;
	z-index: 1000;
	background-color: hsla(212,97%,27%,1.00);
	border: 2px solid #1a8ad6;
	border-radius: 10px;
	margin-left: -15px
}#banner-txt{float:left;width:auto;padding-right:1%;padding-left:5%;height:51px;padding-top:16px;background-image:url(images/water-droplet-icon.png);background-position:left top;background-size:contain;background-repeat:no-repeat}#phone{float:right;width:auto;text-align:right;padding-right:5%;padding-left:1%;height:51px;padding-top:16px;background-image:url(images/water-droplet-icon.png);background-position:right top;background-size:contain;background-repeat:no-repeat}#menu{
	height: 24px;
	padding-top: 5px;
	font-size: 17px;
	padding-left: 25px;
	margin-top: 5px;
	float: left
}

/* FORM WRAPPER */
form.CUS {
    max-width: 700px;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    
    font-family: system-ui, sans-serif;
}

/* FLEX FIELDSET */
form.CUS fieldset {
    display: flex;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
}

/* BASE BLOCK STYLE */
form.CUS fieldset > p {
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 0.95rem;
    color: #444;
}

/* Universal input/select styling */
form.CUS input,
form.CUS select,
form.CUS textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1rem;
}

/* ===============================
   ROW 1: Name, Phone, Address
=============================== */
form.CUS fieldset > p:nth-of-type(1),
form.CUS fieldset > p:nth-of-type(2),
form.CUS fieldset > p:nth-of-type(3) {
    width: 33.333%;
}

/* ===============================
   ROW 2: City, State, Zip Code
=============================== */
form.CUS fieldset > p:nth-of-type(4),
form.CUS fieldset > p:nth-of-type(5),
form.CUS fieldset > p:nth-of-type(6) {
    width: 33.333%;
}

/* ===============================
   SERVICE NEEDED TEXTAREA
=============================== */
form.CUS fieldset > p:nth-of-type(7) {
    width: 100%;
}

/* ===============================
   SERVICE DATE (Month, Day, Year)
   → ALL 3 IN ONE ROW
=============================== */

/* Make the 8th <p> (Service Date block) a flex row */
form.CUS fieldset > p:nth-of-type(8) {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: flex-start;
}

/* Month, Day, Year = 3 equal flex columns */
form.CUS fieldset > p:nth-of-type(8) select#service_date,
form.CUS fieldset > p:nth-of-type(8) select#service_day,
form.CUS fieldset > p:nth-of-type(8) input#service_year {
    flex: 1 1 0;
    width: auto;          /* flex handles width */
    margin-top: 6px;
}

/* ===============================
   SERVICE TIME (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(9) {
    width: 100%;
}

/* ===============================
   SUBMIT BUTTON (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(10) {
    width: 100%;
}

form.CUS input[type="submit"] {
    width: 100%;
    background: #2563eb;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

form.CUS input[type="submit"]:hover {
    background: #1d4ed8;
}

/* Hide honeypot */
form.CUS input.subject {
    display: none;
}

/* ===============================
   MOBILE RESPONSIVE (stack fields)
=============================== */
@media (max-width: 600px) {

    form.CUS fieldset > p {
        width: 100%;
        padding: 6px 0;
    }

    /* Month, Day, Year full width stacked on mobile */
    form.CUS fieldset > p:nth-of-type(8) {
        flex-direction: column;
        gap: 6px;
    }

    form.CUS fieldset > p:nth-of-type(8) select#service_date,
    form.CUS fieldset > p:nth-of-type(8) select#service_day,
    form.CUS fieldset > p:nth-of-type(8) input#service_year {
        flex: none;
        width: 100% !important;
    }
/* ===============================
   ROW 1: Name, Phone, Address
=============================== */
form.CUS fieldset > p:nth-of-type(1),
form.CUS fieldset > p:nth-of-type(2),
form.CUS fieldset > p:nth-of-type(3) {
    width: 100%;
}

/* ===============================
   ROW 2: City, State, Zip Code
=============================== */
form.CUS fieldset > p:nth-of-type(4),
form.CUS fieldset > p:nth-of-type(5),
form.CUS fieldset > p:nth-of-type(6) {
    width: 100%;
}
}

#menu ul{margin-top:0;margin-right:0;margin-left:0;margin-bottom:0;padding-top:0;padding-right:0;padding-left:0;padding-bottom:0}#menu ul li{display:block;float:left;padding:0 10px 0 10px;list-style-type:none}label,input[type=checkbox]{display:none}#menu a:link{color:#fff;text-decoration:none}#menu a:hover{color:#0077c1}#main1{float:left;width:930px;border:2px solid #1a8ad6;box-shadow:0 0 5px 4px #0077c1;background-color:#FFF;margin-top:20px;padding:5px;border-radius:10px;-webkit-box-shadow:0 0 5px 4px #0077c1;margin-bottom:20px}#main1 p{font-style:italic;line-height:23px}#why-choose{float:left;width:550px;padding-left:10px}#special-offer{float:right;width:300px;padding-right:15px}#main{padding-top:10px}#main2{float:left;width:650px;border:2px solid #1a8ad6;box-shadow:0 0 5px 4px #0077c1;background-color:#FFF;border-radius:10px;padding:5px;margin-top:20px;-webkit-box-shadow:0 0 5px 4px #0077c1}#main3{float:left;border:2px solid #1a8ad6;width:650px;-webkit-box-shadow:0 0 5px 4px #0077c1;box-shadow:0 0 5px 4px #0077c1;border-radius:10px;padding:5px;background-color:#FFF;margin-top:20px;margin-left:2%}#main333{
	float: left;
	border: 2px solid #1a8ad6;
	width: 22%;
	-webkit-box-shadow: 0 0 5px 4px #0077c1;
	box-shadow: 0 0 5px 4px #0077c1;
	border-radius: 10px;
	padding: 5px;
	background-color: #FFF;
	margin-top: 20px;
	margin-left: 11%
}#estimate{float:right;width:200px;padding-top:10px;padding-left:8px}#estimate3{float:left;width:200px;padding-top:10px;padding-right:20px}#side-img{margin:10px;height:140px;width:230px;float:left}#side-bar{float:right;width:260px;margin-right:5px;margin-top:20px}

.form{background-color:#FFF;border:2px solid #1a8ad6;border-radius:10px;padding-bottom:4px;-webkit-box-shadow:0 0 5px 4px #0077c1;box-shadow:0 0 5px 4px #0077c1;padding-top:4px;padding-right:4px;padding-left:4px;text-align:center;width:100%;float:right;margin-top:20px}.about{border:2px solid #1a8ad6;border-radius:10px;background-color:#FFF;padding-bottom:5px;-webkit-box-shadow:0 0 5px 4px #0077c1;box-shadow:0 0 5px 4px #0077c1;padding-top:5px;padding-right:5px;padding-left:5px;text-align:center;width:26%;float:left;margin-top:20px}


.form p a{color:#535353}.form-bg{background-color:#e5e5e5;height:25px;font-size:12px;width:212px;padding-left:5px;border:0;color:#4e4e4e}.request-bg{background-color:#e5e5e5;height:45px;font-size:14px;width:212px;padding-left:5px;font-family:calibri;padding-top:2px;border:0;color:#666}.padding{text-align:center}#copy-right{text-align:center;background-color:#FFF;padding-top:10px;padding-bottom:10px;border-top:3px solid #1a8ad6;margin-top:15px;color:#0077c1;float:right;width:100%}a:link,a:visited{color:#fff;text-decoration:none}a:hover{text-decoration:none;color:#f79d31}a img{border:0}.float{float:left}@media only screen and (max-width:700px){table{width:100%}img{width:100%;height:auto}#wrapper{margin-top:0;width:100%}h1{font-size:180%;text-align:center;padding:0;text-transform:none;float:left}h2{font-size:120%}h3{font-size:120%}h4{font-size:120%}#header{width:99%;height:112px;margin-left:0;position:static;border:2px solid #1a8ad6;border-radius:10px;background-color:hsla(212,97%,27%,1.00)}#banner-txt{width:auto;float:left;padding-left:7%}#phone{width:auto;margin-right:auto;margin-left:auto;float:right;padding-right:7%}#menu{width:100%;height:auto;margin:0;line-height:26px;padding-left:0}#sub-menu{display:none}#menu ul li{width:100%;padding-top:0;padding-right:0;padding-left:0;padding-bottom:0}#menu ul li a{display:block;height:30px;text-align:center;line-height:30px;color:#fff;background-color:#024088}#menu ul li:hover a{background-color:#1991e0;color:#fff}.show-menu{display:block;color:#FFF;text-align:center;padding-right:0;padding-left:0;padding-bottom:0;margin-bottom:5px}input[type=checkbox]:checked ~ #sub-menu{display:block;margin:0;padding:0}#banner{margin-right:auto;width:95%;height:auto;background-size:100% 100%;padding-top:30%;margin-top:20px;margin-left:2%}#main1{width:95%;padding-top:0;padding-right:0;padding-left:0;padding-bottom:10px;margin-left:2%}#why-choose{width:68%;padding-left:0}#special-offer{width:30%;padding-right:0;padding-top:10px}#main2{width:95%;padding:0;margin-top:20px;margin-left:2%}#estimate{width:30%}#side-img{width:50%;height:auto}#side-bar{width:95%;margin-top:20px;margin-left:2%;float:left}.form-bg{width:80%}.request-bg{width:80%}.hidden{display:none}.padding{padding-left:9%}.form{background-color:#FFF;border-radius:10px;padding-bottom:5px;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;padding-top:5px;padding-right:5px;padding-left:5px;text-align:center;width:45%;float:left}.about{width:45%;border-radius:10px;background-color:#FFF;padding-bottom:5px;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;padding-top:5px;padding-right:5px;padding-left:5px;text-align:center;float:right}#main3{float:left;width:95%;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;border-radius:10px;padding:5px;background-color:#FFF;margin-top:20px;margin-left:2%}}@media only screen and (max-width:400px){h1{font-size:130%;padding-top:0}#estimate{padding-top:15%;width:40%}.mobile-hidden{display:none}#why-choose{display:none}#special-offer{width:80%;padding-right:10%}.form{background-color:#FFF;border:2px solid #1a8ad6;border-radius:10px;padding-bottom:5px;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;padding-top:5px;padding-right:5px;padding-left:5px;text-align:center;width:95%}.about{border:2px solid #1a8ad6;border-radius:10px;background-color:#FFF;padding-bottom:5px;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;padding-top:5px;padding-right:5px;padding-left:5px;text-align:center;width:95%;margin-top:20px}#menu{width:100%;margin-right:0;margin-left:0;margin-bottom:0;line-height:26px;padding-left:0;margin-top:-4px}h3{font-size:120%;padding-right:0}#main3{float:left;border:2px solid #1a8ad6;width:92%;-webkit-box-shadow:0 0 5px 0 #8a8a8a;box-shadow:0 0 5px 0 #8a8a8a;border-radius:10px;padding:5px;background-color:#FFF;margin-top:20px}#banner-txt{width:auto;float:left;padding-left:0;background:0}#phone{width:auto;margin-right:auto;margin-left:auto;float:right;background:0;margin-top:15px;padding-bottom:0;padding-right:0;padding-top:0}}