/* 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;
margin-top: -200px;
}
.hero {
display: flex;
justify-content: center;
align-items: center;
background-image: url(‘https://johnowensservices.com/wp-content/uploads/Boiler-Header-1-scaled.webp’);
background-size: cover;
background-position: center;
height: 80vh;
color: black;
}
.hero-content {
display: flex;
flex-direction: row;
width: 100%;
height: auto;
max-width: 1200px;
padding: 20px;
box-sizing: border-box;
margin-top: 90px;
}
.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: -90px;
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: 300px;
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 {
width: 1550px;
margin-left: -157px;
}
.testimonial-section {
background-color: #E40F1E;
padding: 40px 20px;
color: white;
text-align: center;
}
.testimonial-section h2 {
font-size: 2rem;
margin-bottom: 20px;
color: #fff !important;
}
.testimonial-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
}
.testimonial-card {
background-color: #fff;
color: #333;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 10px;
padding: 20px;
flex: 1 1 calc(33% – 40px);
box-sizing: border-box;
text-align: center;
height: auto;
}
.testimonial-card:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.testimonial-card img {
max-width: 50px;
margin-bottom: 20px;
}
.testimonial-card p {
font-size: 1rem;
margin: 0 0 10px 0;
}
.testimonial-card span {
font-weight: bold;
}
@media (max-width: 768px) {
.testimonial-card {
flex: 1 1 calc(50% – 40px);
}
}
@media (max-width: 480px) {
.testimonial-card {
flex: 1 1 100%;
}
}
.more-reviews {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #fff;
color: #E40F1E;
border-radius: 5px;
text-decoration: none;
font-size: 1rem;
transition: background-color 0.3s, color 0.3s;
}
.more-reviews:hover {
background-color: #023092;
color: #fff;
}
.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 0px 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%;
}
}
.reasons-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;
}
.reasons-image {
flex: 1 1 calc(40% – 20px);
margin: 10px;
}
.reasons-content {
flex: 1 1 calc(60% – 20px);
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%);
max-width: calc(33.3333%);
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: 0px;
}
.nav-arrow.next {
right: 0px;
}
@media (max-width: 768px) {
.results-container {
flex-direction: row;
}
.nav-arrow.next {
margin-top: 40px;
}
.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 */
}
.slider-wrapper {
display: flex;
gap: 0; /* Remove gap to avoid alignment issues */
}
.result-card {
flex: 0 0 100%; /* Occupies 100% width for a single image */
max-width: 100%;
}
.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;
}
@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: 10px 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%;
margin-left: 0px;
}
.text-container {
margin-top: 0px !important;
}
}
@media (max-width: 1028px) {
.testimonial-section,
.expert-plumbers-section {
width: 100%;
margin-left: 0px;
}
.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;
}
}
/* Main section styles */
.logo-section {
padding: 40px 20px;
background-color: #f7f7f7;
text-align: center;
}
/* Container for the logos */
.logo-container {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
max-width: 1200px;
margin: 0 auto;
}
.logo-container .logo-item img {
aspect-ratio: 3/1;
}
/* Individual logo item */
.logo-item {
padding: 10px;
}
.logo-item img {
max-width: 100%;
height: auto;
}
/* Responsive design: showing logos in 2 columns on medium-sized screens and 4 columns on larger screens */
@media (min-width: 768px) {
.logo-container {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1024px) {
.logo-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 1024px) {
.card-container {
display: none;
}
}
@media (max-width: 768px) {
.card-container {
display: none;
}
}
Air-to-Water Heat Pump
New Air-to-Water Heat Pumps in Santa Rosa
<!–
What is a Heat Pump Water Heater?
A heat pump water heater is a piece of plumbing equipment that works like a refrigerator in reverse. Instead
of using a compressor to pull heat from inside the refrigerator and transfer it to the surrounding room, a
water heater heat pump uses the compressor to take heat from the surrounding air and transfer it inside a
storage tank, where your water is heated and stored. It is a type of electric tank water heater that uses
the air in the surrounding space to move the heat instead of burning a fuel to create heat. These water
heaters are up to 400% more efficient, maximizing the heat produced from the electricity going in.
Will a Heat Pump Water Heater Work In My Home?
These are great water heater units, but installation can not just be anywhere in the home. There are factors
other than cost when looking if a heat pump water heater is the right choice for your Santa Rosa home:
- First of all, this is an electrical piece of equipment. It is important to check that the electrical
panel will have room for the water heater. If there is no room, a panel upgrade may be needed.
- Next, it is important to look at the size of the home and how many people there are. A heat pump water
heater has a slower recovery time than gas or propane units; this is due to moving heat instead of
burning a fuel to create it. Typically, homeowners will move up in water heater tank size when selecting
a heat pump water heater.
- It is also important to make sure there is enough surrounding space around the unit. These units are
moving air, the more air around the unit the better. If space is limited, there are ducting and venting
options to allow the water heater to be placed in tighter spots.
- Making sure the unit will remain in high-efficiency temperatures above freezing. Once the air intake of
the water heater is too cold the efficiency will drop. Santa Rosa does not have too many cold days like
that, but it makes installation of these units very difficult in outdoor sheds. Most units will have an
electric heating element that will kick in if the heat pump mode is inefficient.
Learn More
–>
<!–
Heat Pump Installation, Santa Rosa, CA
We take great pride in our meticulous heat pump installation process. For indoor and outdoor units, we
can guarantee that your new heat pump in Santa Rosa is installed just as the manufacturer intended. As
we work, we will test every component of your heat pump install; at the conclusion, we will perform a
comprehensive test of the entire system, including the thermostat, every valve, and the indoor coil.
Following installation and verification of appropriate operation, we will demonstrate how to operate
your new system and the best ways to maintain its cleanliness and long-term efficiency.
Heat Pump Repair Service, Santa Rosa, CA
Annual preventative maintenance is vital to maintaining the long-term health of the unit. Eventually, it
may need repairs in addition to our routine maintenance. This could be from faulty coils, a broken
thermostat, dirty air ducts, or air leaks.
The moment you give our office a call for assistance, your Santa Rosa, California, heat pump repair
begins. We note the problems and dispatch a qualified specialist to your house. The specialist will
diagnose the problem with your heating and cooling system as soon as they arrive. They will test every
component till they identify the source of your problem. Our professional can fix most problems in the
same visit thanks to our fully stocked vehicles!
Heat Pump Replacement, Santa Rosa, CA
Occasionally, replacing a heat pump with a new install is a better option than attempting to fix outdated
or malfunctioning equipment. We will give you estimates for heat pump replacement along with the
benefits and drawbacks of each option if we determine that replacing is the best course of action for
you. We take great pride in installing and maintaining Mitsubishi heat pump systems as Mitsubishi
Diamond Dealers. Are you interested in any other brands? Our service can see if we can obtain that
particular equipment for you.
If replacement is the best course of action, our service will ensure you receive a brand-new,
high-quality heat pump that you can depend on for many years. Before we leave, we check that the
thermostat and every valve or part are operating correctly in your HVAC system.
–>
At John Owens Services, we are proud to be pioneers in our area to offer the latest in heat pump
technology. For years, heat pumps have been great ways to heat your home using air to air. Now, you can
achieve the same results (or better) by replacing a boiler with air-to-water technology. You no longer
have to rely on harmful fossil fuels.
Yes, you read that right! Our air-to-water heat pumps don’t use natural gas or propane gas. Instead,
they rely on high-efficiency electrical air-to-water refrigeration technology to produce a heat pump for
use with hydronic heating.
These water source heat pumps make great boiler replacements. In fact, they can save you up to 47% on
energy costs when compared to the most efficient gas boilers out there. If you are interested in
learning more about this heat pump boiler replacement, contact us today or keep reading.
Customer Testimonials
From start to finish working with John Owens is always a pleasure. Scheduling is easy and every
technician we have worked with has been Honest, Reliable and Professional. Today they sent Tim to
help me with our dated boiler system. He was extremely knowledgeable and beyond helpful. Thank you
Tim!!
A D
I was so impressed with the service I got! Tim figured out quickly why my radiant heat was not
working and fixed it. He explained everything to me and answered all my questions. The office
communicated his arrival time with updates, so that I could keep working until he arrived.
Constance Riedinger
My dealings with the John Owens Company have been outstanding in all aspects; always punctual,
excellent communication and product service. I highly recommend them.
Joan Porter
More Reviews
<!–
Which Type Of Water Heater Is Best For
My Mill Valley, CA Home?
Thinking of installing a new hot water heater for your San Rafael or Mill Valley, California, home? Heating
water can make up as much as 20% of the energy used in a Mill Valley home. Homes require energy-efficient
water heaters to provide hot water and keep power expenditures reasonable in light of growing utility
prices.
Gas Tank Water Heaters Natural Gas and Liquid Propane (8 -11 years lifespan)-
Dependable Mill Valley water heaters with proven technology. These are the most prevalent types of water
heaters in American homes. Their operating efficiency is limited to 50% to 60%. Despite the fact that these
devices squander 40–50 cents for every dollar spent, tank water heaters nonetheless function during
earthquakes and power outages. It is anticipated that the price of natural gas will triple, while the cost
of liquid propane is already exorbitant.
Electric Tank Water Heaters (10-15 years lifespan)-
These efficiently transfer heat by heating water through the use of electrical resistance components. But
with our Bay Area electricity rates, it is costly to run a hot water heater like this.
High Efficiency Electric Heat Pump Water Heaters (13-15 years lifespan)-
This is the best and most recent Mill Valley water heating technology. These units have an efficiency of up
to 400%. This means that 3–4 kW of water heating may be produced from 1 kW of electricity. The future lies
in electrification, and there are numerous tax breaks and energy rebates available. These will also
typically last longer than conventional water heaters.
Gas and Electric Tankless Water Heaters (up to 20 years with annual service)-
The most compact tankless water heaters that are available are also referred to as on-demand water heaters.
Up to 96% of gas models are efficient. An electrical tankless water heater will save space, but because they
need high-amperage electrical circuits, they are sadly not very popular. Most homeowners do not have easy
access to these circuits.
Indirect Tank Water Heater (long lasting due to an indirect heat source)-
A hydronic boiler is typically used to heat this kind of Mill Valley water heater. The water in the storage
tank is heated by the internal water coil of this type of water heater, which circulates extremely hot
water. Twenty years ago, this kind of water heating was most common. Since heat pumps and tankless water
heaters are more widely available, they are less common.
Solar Thermal Water Heaters (long lasting with higher repair costs)-
Sun-generated hot water, for free. A solar storage tank inside the building is heated by one or more thermal
solar panels that are often mounted on the roof of these systems. The systems might be drain-backed,
glycol-filled, or water-filled. The technology is excellent. Because they require more yearly service and
repairs than other methods of heating water, these systems are currently not particularly popular.
–>
<!–
Ducted Systems
To chill your home, air-source heat pumps with ductwork move warm air from the outside to the inside or
vice versa. They can link to your home’s pre-existing ductwork.
Ducted Systems
TOtherwise, working similarly to ducted heat pumps, ductless systems use a single outdoor unit linked to
several internal units to deliver heating and cooling to various rooms within the house.
Air-to-air
Warm air is moved into or out of your home via air-to-air systems to offer you heating or cooling. We
collaborate with Mitsubishi and American Standard brands for this kind of system.
Air-to-Water
Space heating and radiant floor heating are two applications for air-to-water systems. They convert solar
radiation from the outer world into water that can warm your home via floor radiators or hold hot water
for use in plumbing fixtures.
–>
Reliable Water Heater Services
Once we take a look at your structure, we can tell you exactly how this type of heat pump might work for
you. Each system is slightly different, depending on your building and your needs, so we need to examine
it before we can explain how these heat pumps might help you out.
Your Expert Plumbers in Santa Rosa
Most hydronic heating systems rely on natural gas to heat your home or business, but new technology
allows you to use high-efficiency electric air-to-water heat pumps to achieve your heating goals.
These heat pump boiler replacement options can save you money on energy costs and completely avoid
using fossil fuels for heating purposes. We use heat pumps for hydronic heating from a wide variety
of manufacturers, including Spacepak, Chiltrix, Daikin, Sanden CO2, and Harvest Thermal, among
others. These are some of the best names in the business, and we know them to be reliable and
trustworthy. If you’re interested in a heating option that works 30% more efficiently than a
traditional heat pump and saves you up to 47% on energy when compared to even the most efficient
boiler, contact us at John Owens Services and ask us about our new air-to-water heat pumps today!
<!–
What areas do you serve?
Mr. Rooter Plumbing of Sonoma County serves the greater Santa Rosa area, CA, in addition to the
following cities:
- Calistoga
- Bodega
- Bodega Bay
- Rohnert Park
- Occidental
- Rio Nido
- Sebastopol
- Sonoma
- Villa Grande
- Windsor
- The Sea Ranch
What should I do if my main drain is clogged?
A clogged main drain is a very serious problem that should be considered a plumbing emergency
that requires immediate attention. It is necessary for a plumbing professional to identify if it
is a clogged drain or if your main sewer line is blocked.
The warning signs of a clogged drain include:
- Water from different rooms drains too slowly
- Water backs up in the shower, bathtub, or sink
- There are puddles of water on the floor near the tub, bathtub, shower, or in the laundry
room
- You hear bubbling or gurgling sounds coming from one or more of your drains
- Foul smells emanate from your drains
Can toilet paper clog a sewer line?
Toilet paper dissolves after a few minutes in water. However, a large amount of toilet paper can
clog the sewer line and cause a blockage, especially if there are existing issues. The best way
to determine if toilet paper is the cause of the blockage is to call a plumbing professional.
Our professionals will be able to fix it in just a few minutes.
What is the purpose of hydro jetting service?
Hydro jetting is the process of clearing clogs and debris buildup on the walls of pipes
throughout the plumbing system by using high-pressure water jets through the pipes. The water
flushes away buildup inside your pipes, such as grease, minerals, and tree roots. Hydro jetting
also breaks up clogs and other blockages.
The advantages of hydro jetting are:
- It is chemical-free and is environmentally friendly
- It avoids septic tank issues
- It is easy to perform
- It provides long-lasting results
- It helps avoid pipe damage by preventing future major problems
Hydro jetting must be done correctly to avoid consequential damage, such as burst pipes and
serious damage to your plumbing system. At Mr. Rooter, we understand the technicalities and
techniques of the services required to perform this procedure. If you want to know more about
hydro jetting and how it can help you solve your home or business plumbing issues, call us
today!
–>
$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
<!–
Heat Pump Water Heater Services Nearby Santa Rosa
–>
If you’re interested in one of these heat pump boiler alternatives, give us a call today. We’ll match
you with a new heat pump for hydronic heating or cooling from a leading manufacturer, like Spacepak,
Chiltrix, Daikin, Sanden, or Harvest Thermal. We have a lot of options, and we’ll pick the one that
best suits your specific building and your needs. Distribution systems are very flexible and
adaptive. This type of heat pump can heat or cool air distribution through an air handler or a fan
coil unit (similar to a furnace), heat or cool panel radiators (European style), or radiant floors.
This technology can also heat domestic hot water. Air, radiant, and domestic hot water from one
unit!
Areas We Serve
Frequently Asked Questions
How does an air-to-water heat pump work?
Our water source heat pumps bring in air from outside and use it to heat or cool water. This
water is sent throughout your home or business and is then used to heat or cool the air,
depending on what you need to have done. Low-pressure water lines are preferable to moving
heating or cooling through your house than moving it through high-pressure refrigerant lines.
One of the key features is the small amount of refrigerant that is self-contained in the outside
unit.
What makes this type of heat pump efficient?
An air-to-water heat pump can effectively provide comfort for your entire house. Not only can it
transfer heat from the outside into your home to warm your house in the winter or remove it to
cool your house in the summer, but it can also transfer heat into hot water as well to use for
showering, laundry, dishes, etc. It uses less power by not creating heat itself, just moving it
around throughout the different parts of your home.
What are the costs involved with an air-to-water heat pump?
There are multiple things involved with the cost of a heat pump, including the size and type of
the unit, the location and climate, and the price of electricity in your area. When it comes to
the installation, there are also things like ductwork, permits, and unit removal costs to think
about. The installation price can be a lot more than a standard HVAC or water heater unit, but
you can end up saving a lot with reduced running costs. These units are able to provide so much
for your home and use a lot less energy doing it, so they can often pay for themselves in just a
few years of operation. There are also incentives available that could possibly reduce the
initial unit price.
TRUSTED SINCE 1986
Once you choose your new heat pump boiler system, we’ll handle everything about the
installation process. Our team will make sure the system is working the way it was designed to before we
leave, so you won’t have to worry about it once we’re done. We’ll test it too to make sure it’s heating and
cooling the way it should.
If you want to be on the cutting edge of heating technology and save money on energy
too, contact us at John Owens Services and ask us about our new heat pumps. We’ll look at your home or
business building, then let you know how we can help. Make your appointment now!
–>
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);
});