Water Heater
/* Card container for positioning */
.card-container {
display: flex;
justify-content: flex-end;
/* Move the card to the right */
width: 100%;
/* Full width container */
position: relative;
z-index: 10;
margin-left: 100px;
}
/* Style for the anchor link */
.card-link {
text-decoration: none;
color: inherit;
/* Preserve text colors from the card */
position: relative;
z-index: 1;
/* Ensure it’s above the card’s background */
}
/* Card styles (unchanged) */
.card {
display: block;
position: relative;
max-width: 250px;
max-height: 320px;
background-color: #f2f8f9;
border-radius: 10px;
padding: 2em 1.2em;
margin-top: 20px;
margin-left: 50px;
text-decoration: none;
z-index: 0;
overflow: hidden;
background-color: #f7ce5b;
}
.card:hover:before {
transform: scale(28);
}
.card:hover .small-desc {
transition: all 0.5s ease-out;
color: rgba(255, 255, 255, 0.8);
}
.card:before {
content: ”;
position: absolute;
z-index: -1;
top: -16px;
right: -16px;
background-color: #c11e26;
height: 32px;
width: 32px;
border-radius: 32px;
transform: scale(1);
transform-origin: 50% 50%;
transition: transform 0.35s ease-out;
}
.card:hover .card-title {
transition: all 0.5s ease-out;
color: #ffffff;
}
/* Corner arrow styles (unchanged) */
.go-corner {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 2em;
height: 2em;
overflow: hidden;
top: -15px;
right: 0;
background-color: #c11e26;
border-radius: 0 4px 0 32px;
}
.go-arrow {
margin-top: -4px;
margin-right: -4px;
color: white;
font-family: courier, sans;
}
/* Title and description styles (unchanged) */
.card-title {
color: #262626;
font-size: 18px;
line-height: normal;
font-weight: 400;
margin-bottom: 0.5em;
}
.small-desc {
font-size: 1em;
font-weight: 400;
line-height: 1.6em;
color: #452c2c;
}
.under-form-container {
margin-left: -50px;
}
.bestsystem {
padding-left: 165px;
padding-right: 165px;
padding-top: 70px;
}
.bestsystem p {
font-size: 1.1rem;
}
.bestsystem h2 {
color: #E40F1E;
margin-bottom: 16px;
text-align: center;
font-size: xx-large;
}
.listall {
list-style-type: circle;
}
.hero {
width: 1550px;
margin-left: -157px;
}
.hero {
display: flex;
justify-content: center;
align-items: center;
background-image: url(‘https://johnowensservices.com/wp-content/uploads/DSC04020.jpg’);
background-size: cover;
background-position: center;
height: 90vh;
color: black;
}
.hero-content {
display: flex;
flex-direction: row;
width: 100%;
height: auto;
max-width: 1200px;
padding: 20px;
box-sizing: border-box;
}
.form-container {
flex: 30%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background: rgba(255, 255, 255, 0.616);
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
height: 400px !important;
margin-top: 75px;
flex-direction: column;
}
.form-container iframe {
width: 100%;
height: 430px;
border: none;
}
.text-container {
flex: 70%;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
padding: 20px;
margin-left: 20px;
margin-top: 410px;
background: rgba(255, 255, 255, 0.649);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border-radius: 10px;
height: 160px;
}
.text-content {
padding: 20px;
}
.text-container h1 {
font-size: 2.5rem;
margin: 0 0 10px 0;
color: #253F58;
}
.text-container p {
font-size: 1.2rem;
margin: 0;
color: #333;
}
@media (max-width: 1024px) {
.form-container {
flex: 40%;
}
.text-container {
flex: 60%;
margin-left: 10px;
margin-top: 100px;
}
}
@media (max-width: 768px) {
.hero-content {
flex-direction: column;
padding: 0;
}
.form-container,
.text-container {
flex: 100%;
margin: 10px 0;
}
.text-container {
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 480px) {
.text-container h1 {
font-size: 2rem;
}
.under-form-container {
margin-left: 0px;
}
.form-container {
height: 450px;
}
.text-container p {
font-size: 1rem;
}
}
.services-section {
background-color: whitesmoke;
padding: 40px 20px;
}
.services-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
}
.service-card {
background-color: #E40F1E;
color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 10px;
padding: 20px;
flex: 1 1 calc(25% – 40px);
box-sizing: border-box;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
height: 360px;
}
.service-card1 {
background-color: #2f00ff;
color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 10px;
padding: 20px;
flex: 1 1 calc(25% – 40px);
box-sizing: border-box;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
height: 300px;
}
.service-card1:hover {
transform: translateY(-10px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
background-color: #E40F1E;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
background-color: #253F58;
}
.service-card img {
max-width: 80px;
margin-bottom: 20px;
}
.service-card1 img {
max-width: 50px;
margin-bottom: 20px;
}
.service-card h3 {
font-size: 1.5rem;
margin: 0 0 10px 0;
color: #fff !important;
}
.service-card1 h3 {
font-size: 1.5rem;
margin: 0 0 10px 0;
}
.service-card p {
font-size: 1rem;
margin: 0;
color: #fff !important;
}
.service-card1 p {
font-size: 1rem;
margin: 0;
}
@media (max-width: 768px) {
.service-card,
.service-card1 {
flex: 1 1 calc(50% – 40px);
}
}
@media (max-width: 480px) {
.service-card,
.service-card1 {
flex: 1 1 100%;
}
}
.text-section {
background-color: #fff;
padding: 40px 150px;
text-align: left;
}
.text-section h2 {
color: #E40F1E;
font-size: 2rem;
}
.text-section p {
font-size: 1.1rem;
margin: 20px 0;
color: #333;
}
.text-section a {
color: #E40F1E;
text-decoration: none;
font-size: 1.1rem;
display: inline-flex;
align-items: center;
}
.text-section a:hover {
text-decoration: underline;
}
.text-section a::before {
content: ‘⮞’;
margin-right: 8px;
}
@media (max-width: 480px) {
.text-section {
padding: 40px 20px;
}
.text-section h2 {
line-height: 35px;
}
}
.testimonial-section {
padding: 90px 20px;
background-color: #fff;
}
.testimonial-container {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.testimonial-card {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
flex: 1 1 calc(33.333% – 20px);
max-width: calc(33.333% – 20px);
min-width: 280px;
}
.testimonial-card iframe {
width: 100%;
height: 300px;
border: none;
}
@media (max-width: 768px) {
.testimonial-container {
flex-direction: column;
align-items: center;
}
.testimonial-card {
max-width: 100%;
min-width: auto;
}
}
.reasons-section {
padding: 40px 20px;
background-color: #fff;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.reasons-image {
margin: 10px;
align-items: center;
}
.reasons-content {
margin: 10px;
}
.reasons-content p {
font-size: 17.6px;
color: #333333;
}
.reasons-content h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 20px;
}
.reasons-content ul {
list-style-type: none;
padding-left: 0;
}
.reasons-content li {
font-size: 1.1rem;
color: #333;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.reasons-content li img {
margin-right: 10px;
width: 15px;
}
.check-availability {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #E40F1E;
color: white;
border-radius: 5px;
text-decoration: none;
font-size: 1rem;
transition: background-color 0.3s, color 0.3s;
}
.check-availability:hover {
background-color: #253F58;
color: #fff !important;
}
@media (max-width: 768px) {
.reasons-section {
flex-direction: column;
}
.reasons-image,
.reasons-content {
flex: 1 1 100%;
text-align: left;
}
.reasons-content ul {
padding: 0;
}
.reasons-content li {
justify-content: left;
}
}
.reliable-plumbing-section {
padding: 40px 20px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.reliable-plumbing-image {
flex: 1 1 calc(40% – 20px);
margin: 10px 0px;
}
.reliable-plumbing-content {
flex: 1 1 calc(60% – 20px);
margin: 10px;
}
.reliable-plumbing-content h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 20px;
}
.reliable-plumbing-content p {
font-size: 1.1rem;
color: #333;
margin-bottom: 20px;
}
.reliable-plumbing-content a {
color: #E40F1E;
text-decoration: none;
font-size: 1.1rem;
display: inline-flex;
align-items: center;
}
.reliable-plumbing-content a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.reliable-plumbing-section {
flex-direction: column;
}
.reliable-plumbing-image,
.reliable-plumbing-content {
flex: 1 1 100%;
text-align: left;
width: 100%;
}
}
.results-section {
background-color: #fff;
padding: 40px 20px;
text-align: center;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.results-container {
display: flex;
overflow: hidden;
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.slider-wrapper {
display: flex;
gap: 10px;
transition: transform 0.5s ease-in-out;
}
.result-card {
flex: 0 0 calc(33.3333% – 6.66px);
max-width: calc(33.3333% – 6.66px);
box-sizing: border-box;
}
.result-card img {
width: 100%;
height: 250px;
/* Set a fixed height for all images */
object-fit: cover;
/* Ensures the image covers the area while maintaining aspect ratio */
border-radius: 10px;
}
.nav-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
cursor: pointer;
z-index: 1;
}
.nav-arrow.prev {
left: 0;
}
.nav-arrow.next {
right: 0;
}
@media (max-width: 768px) {
.results-container {
flex-direction: row;
}
.results-section {
flex-direction: column;
padding-bottom: 60px;
/* Add space for the buttons */
}
.nav-arrow {
position: static;
/* Change position to static to place it below the images */
margin: 25px 5px;
/* Add margin for spacing */
display: inline-block;
/* Align buttons side-by-side */
}
.result-card {
flex: 0 0 100%;
max-width: 100%;
}
.slider-wrapper {
display: flex;
gap: 0;
}
.hero {
margin-top: 0px;
}
}
.schedule-repair-section {
padding: 40px 20px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.schedule-repair-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.schedule-repair-content {
flex: 1 1 calc(60% – 20px);
margin: 5px;
text-align: left;
}
.schedule-repair-content h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 5px;
}
.schedule-repair-content h3 {
color: #E40F1E;
font-size: 1.5rem;
margin-bottom: 20px;
}
.schedule-repair-content img {
max-width: 100px;
margin: 10px 0;
}
.schedule-repair-content p {
font-size: 1.1rem;
color: #333;
margin-bottom: 5px;
}
.check-availability {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #E40F1E;
color: white;
border-radius: 5px;
text-decoration: none;
font-size: 1rem;
transition: background-color 0.3s, color 0.3s;
}
.check-availability:hover {
background-color: #253F58;
}
.schedule-repair-image {
flex: 1 1 calc(40% – 20px);
margin: 10px;
}
.schedule-repair-image img {
width: 100%;
border-radius: 10px;
height: 350px;
}
@media (max-width: 768px) {
.schedule-repair-container {
flex-direction: column;
}
.schedule-repair-content,
.schedule-repair-image {
flex: 1 1 100%;
text-align: left;
}
}
.areas-serve-section {
padding: 40px 20px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.areas-serve-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.areas-serve-content {
flex: 1 1 calc(50% – 20px);
margin: 10px;
}
.areas-serve-content h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 10px;
}
.areas-serve-content h3 {
color: #E40F1E;
font-size: 1.5rem;
margin-top: 20px;
margin-bottom: 10px;
}
.areas-serve-content p {
font-size: 1.1rem;
color: #333;
margin-bottom: 10px;
}
.areas-serve-map {
flex: 1 1 calc(50% – 20px);
margin: 100px 10px 10px 10px;
}
.areas-serve-map iframe {
width: 100%;
height: 400px;
border: none;
border-radius: 10px;
}
@media (max-width: 768px) {
.areas-serve-container {
flex-direction: column;
}
.areas-serve-content,
.areas-serve-map {
flex: 1 1 100%;
}
}
.custom-services-section {
padding: 40px 20px;
background-color: #23395d;
/* Matching the dark blue color from the image */
color: white;
text-align: center;
border: 5px solid red;
/* Matching the red border from the image */
border-radius: 10px;
/* Adding some border radius for smoother corners */
max-width: 800px;
/* Set the width to 800px */
margin: 40px auto;
/* Center the section horizontally */
}
.custom-services-section h2 {
font-size: 2rem;
margin-bottom: 20px;
position: relative;
color: #fff !important;
}
.custom-services-section h2::after {
content: ”;
display: block;
width: 80px;
height: 2px;
background-color: red;
margin: 10px auto;
}
.custom-services-container {
display: flex;
justify-content: space-between;
max-width: 800px;
margin: 0 auto;
}
.custom-services-column {
flex: 1;
margin: 0 10px;
text-align: left;
}
.custom-service-item {
margin: 10px 0;
box-sizing: border-box;
}
.custom-service-item a {
display: block;
padding: 10px 0;
color: white;
text-decoration: none;
border-bottom: 1px solid white;
font-size: 1.2rem;
transition: color 0.3s;
}
.custom-service-item a span {
float: right;
transition: transform 0.3s;
}
.custom-service-item a:hover {
color: #ffcc00;
}
.custom-service-item a:hover span {
transform: translateX(5px);
}
@media (max-width: 768px) {
.custom-services-container {
flex-direction: column;
}
.custom-services-column {
margin: 10px 0;
}
}
.services-details-section {
padding: 80px 20px;
background-color: #f9f9f9;
margin-top: -10px;
}
.services-details-section h2 {
font-size: 45px;
text-align: center;
color: #e40f1e;
font-weight: bold;
}
.services-details-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin-top: 20px;
gap: 20px;
}
.service-detail-card {
background-color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
flex: 1 1 calc(50% – 40px);
box-sizing: border-box;
}
.service-detail-card h2 {
color: #E40F1E;
font-size: 1.5rem;
padding-top: 20px;
}
.service-detail-card p {
font-size: 1rem;
color: #333;
margin-bottom: 50px;
}
.service-link {
color: #E40F1E;
text-decoration: none;
font-size: 1rem;
}
.service-link:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.service-detail-card {
flex: 1 1 100%;
width: 80%;
}
.service-detail-card p {
width: 290px;
}
}
.partner-section {
background-color: #f9f9f9;
padding: 40px 20px;
text-align: center;
}
.partner-container {
max-width: 1200px;
margin: 0 auto;
}
.partner-logos {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.partner-logo {
max-width: 150px;
height: auto;
}
.partner-section h2 {
color: #E40F1E;
font-size: 1.5rem;
margin-bottom: 10px;
}
.partner-section p {
font-size: 1rem;
color: #333;
margin-bottom: 20px;
}
.partner-buttons {
display: flex;
flex-direction: column;
gap: 10px;
}
.partner-button {
background-color: #E40F1E;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 1rem;
display: inline-block;
}
.partner-button:hover {
background-color: #253F58;
color: #fff !important;
}
.app-buttons {
display: flex;
justify-content: center;
gap: 10px;
}
.app-button {
background-color: #E40F1E;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 1rem;
display: inline-block;
}
.app-button:hover {
background-color: #253F58;
color: #fff !important;
}
@media (min-width: 768px) {
.partner-buttons {
flex-direction: row;
justify-content: center;
align-items: center;
}
}
.faq-section {
background-color: #f9f9f9;
padding: 40px 20px;
}
.faq-section1 {
background-color: #f9f9f9;
padding: 40px 20px;
}
.faq-container {
max-width: 1200px;
margin: 0 auto;
}
.faq-section h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 20px;
text-align: center;
}
.faq-content {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.faq-column {
flex: 1;
min-width: 300px;
padding: 20px;
background-color: rgba(245, 245, 245, 0);
border-radius: 10px;
}
.faq-column h3 {
color: #E40F1E;
font-size: 1.2rem;
margin-bottom: 10px;
}
.faq-column p {
font-size: 1rem;
color: #333;
margin-bottom: 10px;
}
.faq-column ul {
list-style-type: disc;
padding-left: 20px;
margin-bottom: 10px;
}
.faq-column ul li {
font-size: 1rem;
color: #333;
margin-bottom: 5px;
}
@media (max-width: 768px) {
.faq-column {
flex: 1 1 100%;
}
}
.info-section {
padding: 40px 20px;
background-color: #f9f9f9;
text-align: center;
}
.info-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
}
.info-card {
background-color: #253F58;
color: white;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
height: 200px;
margin: 10px;
padding: 20px;
flex: 1 1 calc(20% – 40px);
box-sizing: border-box;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
}
.info-card:hover {
transform: translateY(-10px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
background-color: #E40F1E;
}
.info-card img {
max-width: 50px;
margin-bottom: 20px;
}
.info-card h3 {
font-size: 20px;
margin: 0 0 10px 0;
color: #fff !important;
}
.info-card p {
font-size: 1rem;
margin: 0;
color: #fff !important;
}
@media (max-width: 768px) {
.info-card {
flex: 1 1 calc(50% – 40px);
}
}
@media (max-width: 480px) {
.info-card {
flex: 1 1 100%;
}
.hero,
.testimonial-section,
.expert-plumbers-section {
width: 100% !important;
margin-left: 0px !important;
}
.text-container {
margin-top: 0px !important;
}
}
@media (max-width: 1028px) {
.testimonial-section,
.expert-plumbers-section {
width: 100% !important;
margin-left: 0px !important;
}
.text-container {
margin-top: 330px;
height: 160px;
}
.text-container h1 {
font-size: 32px;
}
.hero {
height: 80%;
width: 100%;
margin-left: 0px;
padding: 30px;
}
}
.phone-link {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #E40F1E;
color: white;
text-decoration: none;
font-size: 18px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.phone-link:hover {
background-color: #253F58;
color: white;
}
.unique-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px;
}
.unique-column {
flex: 1 1 30%;
margin: 1px;
box-sizing: border-box;
}
.unique-column ul {
list-style-type: disc;
padding-left: 20px;
}
.unique-column h3 {
text-align: left;
font-size: 16px;
}
@media (max-width: 768px) {
.unique-column {
flex: 1 1 45%;
}
}
@media (max-width: 480px) {
.unique-column {
flex: 1 1 100%;
}
}
.under-form-container {
display: flex;
flex-direction: column;
}
.under-form-container img {
width: 320px;
margin-top: -100px;
margin-bottom: -50px;
}
.serves-inside {
text-align: center !important;
font-size: 1rem;
padding: 10px 50px;
}
@media (max-width: 480px) {
.serves-inside {
padding: 0 !important;
text-align: left !important;
}
.services-details-section h2 {
font-size: 24px !important;
}
.bestsystem {
padding-left: 0px;
padding-right: 0px;
}
}
/* Unique Section Styles */
.custom-section {
padding: 60px 20px;
background-color: #f0f0f0;
/* Adjust the background color if needed */
text-align: center;
}
.custom-section1 {
padding: 60px 20px;
/* Adjust the background color if needed */
text-align: center;
background-color: #253f58;
width: 1550px;
margin-left: -157px;
}
.custom-container {
max-width: 1200px;
margin: 0 auto;
text-align: left;
/* Default text alignment */
}
.custom-container1 {
max-width: 1200px;
margin: 0 auto;
color: #E40F1E;
font-size: 40px;
/* Default text alignment */
}
.custom-section1 h2 {
font-size: 2rem;
margin-bottom: 20px;
color: #E40F1E;
}
.custom-section h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.custom-section p {
font-size: 1.2rem;
margin-bottom: 20px;
color: #333;
}
.image-wrapper {
text-align: center;
margin: 30px 0;
}
.image-wrapper img {
max-width: 50%;
height: auto;
border-radius: 10px;
/* Optional: adds rounded corners to the image */
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
.custom-section h2 {
font-size: 2rem;
}
.custom-section p {
font-size: 1.1rem;
}
}
@media (max-width: 768px) {
.custom-section h2 {
font-size: 1.8rem;
}
.custom-section p {
font-size: 1rem;
}
.image-wrapper img {
max-width: 100%;
}
}
@media (max-width: 480px) {
.custom-section h2 {
font-size: 1.6rem;
}
.custom-section p {
font-size: 0.95rem;
}
}
@media (max-width: 1024px) {
.card-container {
display: none;
}
}
@media (max-width: 768px) {
.card-container {
display: none;
}
}
.expert-plumbers-section {
padding: 40px 20px;
background-color: #253f58;
width: 1550px;
margin-left: -157px;
}
.expert-plumbers-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.expert-plumbers-content,
.video-container {
flex: 1 1 calc(50% – 20px);
margin: 50px 20px 0px 0px;
box-sizing: border-box;
}
.expert-plumbers-section h2 {
color: #E40F1E;
font-size: 2rem;
margin-bottom: 20px;
}
.expert-plumbers-section p {
font-size: 1.1rem;
margin: 20px 0;
color: #ffffff;
}
.expert-plumbers-section ul {
padding-left: 20px;
list-style-type: disc;
margin: 20px 0;
}
.expert-plumbers-section li {
font-size: 1.1rem;
color: #333;
margin-bottom: 10px;
}
.expert-plumbers-section a {
color: #E40F1E;
text-decoration: none;
font-size: 1.1rem;
}
.expert-plumbers-section a:hover {
text-decoration: underline;
}
.video-container {
align-items: center;
margin-top: 40px;
}
.video-container iframe {
width: 80%;
height: 300px;
}
@media (max-width: 768px) {
.expert-plumbers-container {
flex-direction: column;
}
.video-container {
align-items: center;
margin-top: 0;
}
.video-container iframe {
width: 100%;
height: 300px;
}
.expert-plumbers-content,
.video-container {
flex: 1 1 100%;
}
}
<!–
–>
<!–
For almost twenty years, John Owens Services of San Anselmo, California, has complied with all EPA rules without fail. In 1994, the EPA certified the corporation’s use of refrigerant gas. Safety and training are necessary to maintain proper handling of refrigerant gases in the heating and cooling services industry.
–>
<!–
–>
let slideIndex = 0;
const slides = document.querySelectorAll(‘.result-card’);
const totalSlides = slides.length;
const sliderWrapper = document.querySelector(‘.slider-wrapper’);
let slideInterval;
function moveSlides(n) {
slideIndex += n;
if (slideIndex totalSlides – 3) {
slideIndex = 0;
}
updateSlides();
}
function updateSlides() {
const isMobile = window.innerWidth {
moveSlides(1);
}, 3000); // Change slide every 3 seconds
}
function stopSlideShow() {
clearInterval(slideInterval);
}
document.addEventListener(‘DOMContentLoaded’, () => {
updateSlides();
startSlideShow();
// Pause the slideshow on hover
document.querySelector(‘.results-container’).addEventListener(‘mouseover’, stopSlideShow);
document.querySelector(‘.results-container’).addEventListener(‘mouseout’, startSlideShow);
});
Maintain, Repair, Replace—The John Owens Way
Our guiding principle is straightforward: we constantly seek to maintain equipment to extend its lifespan. When something goes wrong, we then want to concentrate on fixing it. Then, when necessary, we replace the equipment as a final resort. If you’re looking for a reliable contractor to fix the water heaters in your house, look no further.
Check Out These Success Stories!
Who is Rinnai?
Rinnai has been in business since 1920. They are the largest hot water heater manufacturer in the world and are globally recognized as a reliable brand. They offer more than double the warranty of typical commercial water heater brands. Rinnai use modulating systems so they can adjust to the demand, with built-in backup systems.
Tankless Rack Systems
Combines multiple tankless units into one system in a slim design that is 97% efficient. Having multiple units provides a super amount of energy efficiency. The rack can be either floor- or wall-mounted.
Demand Duo Systems
This is a tankless unit attached to a storage tank. The tankless unit handles the heating and thermal stress. This system has unsurpassed efficient first-hour recovery, with 119-gallon and 80-gallon options. You will always have the hot water you need with this system that has a great warranty and very long life expectancy.
Hot Water Solutions For Commercial Spaces: Trusted by Valley Oak Park!
Who is John Owens Services, Inc?
We are a licensed plumbing and HVAC contractor and have been a Rinnai authorized residential dealer since 1999. We are a Rinnai commercial service provider with 24-hour service and are experienced and trained with all Rinnai products. We are Sonoma and Marin County’s hot water experts, in business since 1986, providing high-quality installations and repairs.
$200 – Off Install
Can not be combined with other offers
$250 off any install or $50 off any repair – Veterans Discount
Can not be combined with other offers
$250 off any install or $50 off any repair – Senior Discount
Can not be combined with other offers
$35 – Off Repair
Can not be combined with other offers
Benefits of choosing John Owens Services:
We are an insured contractor with 5 trade licenses (Plumbing C36, Radiant C4, HVAC C20, Electrical C10, General Building B). We have over 800 Google reviews with a 4.9 star average from hundreds of satisfied customers. We stock Rinnai parts and water heaters in our warehouse, and we provide annual maintenance programs to keep warranties valid. We also have an in-house rebate department to assist with any and all possible rebates for equipment, and we have financing available as well.
Areas We Serve
Sonoma County
Marin County
Our Plumbing Services
Frequently Asked Questions
How do you choose the right AC?
Your top objective should be to choose a new heating/AC system that fits the measurements of your
area. It is impossible to have a cooling system that is too small to function. Make sure the AC
installation is not too large, since oversized air conditioners could have less energy
efficiency than smaller models since they cycle on and off more frequently. Additionally, it
could make it more difficult to humidify your house and eliminate moisture from the air.
Other factors to consider:
- Energy consumption
- Price
- Quality
- Noise levels
- Efficient ductwork
- Durability
- Air quality
- Maintenance requirements
- Upgrades
- Amana
- American Standard
- BDP
- Bryant
- Carrier
- Comfortmaker
- Day and Night
- GE
- Goodman
- Paine
- Tempstar
- Westinghouse
What are the benefits of hiring professional services?
We will leave you with an AC that:- Performs more efficiently
- Lasts longer
- Costs less to maintain
- Operates safely
For almost twenty years, John Owens Services of San Anselmo, California, has complied with all EPA rules without fail. In 1994, the EPA certified the corporation’s use of refrigerant gas. Safety and training are necessary to maintain proper handling of refrigerant gases in the heating and cooling services industry.
How do you know when it’s time for repair or replacement?
Many individuals wait until their AC completely breaks before hiring someone for repairs.
Regretfully, trying to resolve the problem in this manner exacerbates it and can compel you to
replace your system before it’s necessary. By having the best technicians evaluate it and figure
out how to correct a small problem, you can ultimately prolong the life of your system.
Postponing HVAC maintenance may result in more extensive harm, more expenses for HVAC repair
service, or perhaps the requirement for a complete AC replacement. John Owens can serve any
customer with the best in HVAC repairs.
As soon as an issue is identified, you must get AC repairs performed efficiently. Take note of
any indicators that your system is about to break down in order to keep control over the safety
and comfort of your San Anselmo residence. You should not expect to need constant repairs or a
brand new replacement for a system that has not reached its projected lifespan.
Common signs you need AC repair services in San Anselmo, CA:
- Low airflow
- Frequent cycling
- Higher energy bills
- Warm air
- Bad odors
- Water leaks
- Unusual noises
- Too noisy
- High humidity
- Uneven temperatures
- Thermostat stops working
- Refrigerant leaks
- Dirty condenser coils
- Frozen evaporator coils
- Faulty motors
- Fan problems
- Clogged drain line
Does regular maintenance matter?
Annual Preventive Maintenance Is A Must
It is essential that things like cleaning the ducts and checking the exterior compressor are
done before the weather gets hot or there are heatwaves. If something goes wrong with your
system during a heat wave, it could take several days for a technician to arrive. Many HVAC
companies, including ours, have waiting lists throughout the summer months. We advise you to
make an appointment at least once a year, ideally in the early spring or late winter. If you
want to lower your energy costs as well as the need for frequent repairs, get in touch with us
right now to arrange for our air conditioning services or get a free quote.
Our AC maintenance services checklist includes:
- Examining the outside of the condensing unit for dirt and debris
- Searching for material buildup or a loose or missing thermal expansion valve sensor on the evaporator’s coils
- The refrigerant charge was checked
- Verifying secure and efficient functioning
- Checking for wear on the contactors, capacitors, and relays
- Condensate drain cleaning and inspection
- Inspecting and replacing air filters
- Keeping an eye on the temperature and pressure in each system to make future troubleshooting easier
Contact Us For Free Estimates on Commercial Water Heater Services!
We are the Sonoma and Marin County expert plumbing team for commercial water heater repair, replacement, installation, and service. To learn more about our Rinnai commercial water heater service, give us a call today!
Mr. Rooter is part of the Neighborly family of home service providers.
Searching through dozens of home service providers is a thing of the past. Rely on Neighborly’s national
network of trusted,
local home service professionals for all your home service needs.
Serving Marin & Sonoma Counties
Good plumbing, heating, and air conditioning systems are vital in every North California home. John Owens Services, Inc. is proud to be the expert plumbing company you can count on