/*
 * Theme Name: Ben’s Chimney Repairs
 * Description: A spiffy new theme
 * Version: 0.01
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: gutenberg, bootstrap, acf-pro, custom
 */

/*Headings*/

body,
html {
   overflow-x: hidden;
}

h1 {
   font-family: 'Roboto', sans-serif;
   font-size: 100px;
   font-weight: 700;
   margin: 0;
   line-height: 6.5rem;
}

h2 {
   font-family: 'Roboto', sans-serif;
   font-size: 45px;
   font-weight: 500;
   margin: 0;
   color: #AA4A44;
}

h3 {
   font-family: 'Roboto', sans-serif;
   font-size: 35px;
   font-weight: 500;
   margin: 0;
}

h4 {
   font-family: 'Roboto', sans-serif;
   font-size: 25;
   font-weight: 700;
   margin: 0;
}

p {
   font-family: 'Roboto', sans-serif;
   font-size: 19px;
   font-weight: 400;
   margin: 0;
}

.content-services-description {
   margin-top: 20px;
}

.btn.btn-primary {
   background-color: #AA4A44;
   border-color: #fff;
   max-width: 182px;
   width: 100%;
   border-radius: 0;
   border-width: 3px;
   padding: 15px;
   text-transform: uppercase;
   font-weight: bold;
   font-family: 'Roboto', sans-serif;
   box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48);
   -webkit-box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48);
   -moz-box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48);
}

div#index-wrapper {
   padding: 5%;
}

.header-navigation .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0px;
}

.container {
   max-width: 1446px;
   margin: auto;
   padding: 0;

}

.banner-cta-wrapper {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
}
p.schedule {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: bold !important;
    color: #6E848C;
}
section.banner {
   z-index: 1;
}
.footer-content p.schedule {
   font-size: 15px;
   line-height: 2;
}

.footer-content .emergency-calls p {
   font-size: 15px;
   line-height: 2;
}


.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
   color: var(--bs-btn-active-color);
   background-color: #6e848c;
   border-color: #6e848c;
}

.content-block-wrapper {
   text-align: center;
}

#main-menu {
   align-items: baseline;
   text-align: center;
}

body.home {
   border-color: #6E848C !important;
}

.cta-button,
.banner-btn {
   display: inline-block;
   position: relative;
   overflow: hidden;
   background: none;
   border: none;
   color: #fff;
   font-size: 18px;
   cursor: pointer;
   background: rgba(0, 0, 0, 0.09);
}

.cta-button a,
.banner-btn a {
   display: block;
   padding: 25px 80px;
   text-decoration: none;
   color: inherit;
}

.cta-button::before,
.banner-btn::before,
.cta-button::after,
.banner-btn::after {
   content: "";
   width: 0;
   height: 2px;
   position: absolute;
   transition: all 0.2s linear;
   background: #6F848C;
}

.cta-button a::before,
.banner-btn a::before,
.cta-button a::after,
.banner-btn a::after {
   content: "";
   width: 2px;
   height: 0;
   position: absolute;
   transition: all 0.2s linear;
   background: #AA4A44;
}

.cta-button:hover::before,
.banner-btn:hover::before,
.cta-button:hover::after,
.banner-btn:hover::after {
   width: 100%;
}

.cta-button:hover a::before,
.banner-btn:hover a::before,
.cta-button:hover a::after,
.banner-btn:hover a::after {
   height: 100%;
}

/*----- button 1 -----*/
.cta-button::before,
.banner-btn::before,
.cta-button::after,
.banner-btn::after {
   transition-delay: 0.2s;
}

.cta-button a::before,
.banner-btn a::before,
.cta-button a::after,
.banner-btn a::after {
   transition-delay: 0s;
}

.cta-button::before,
.banner-btn::before {
   right: 0;
   top: 0;
}

.cta-button::after,
.banner-btn::after {
   left: 0;
   bottom: 0;
}

.cta-button a::before,
.banner-btn a::before {
   left: 0;
   top: 0;
}

.cta-button a::after,
.banner-btn a::after {
   right: 0;
   bottom: 0;
}

.cta-button:hover::before,
.banner-btn:hover::before,
.cta-button:hover::after,
.banner-btn:hover::after {
   transition-delay: 0s;
}

.cta-button:hover a::before,
.banner-btn:hover a::before,
.cta-button:hover a::after,
.banner-btn:hover a::after {
   transition-delay: 0.2s;
}

section.reviews-block {
   text-align: center;
}

.reviews-content {
   text-align: left;
}

.banner .container {
   display: flex;
   align-items: flex-end;
   padding: 0% 3% 5%;
   color: white;
}

.banner {
   background-size: cover;
   background-position: 100% 70%;
}

section.inner-banner {
   padding: 12% 5% 5% 5% !important;
   background-color: grey;
   background-blend-mode: multiply;
   background-position: top;
}

section.content-services.chimney-repairs h2.content-heading2 {
   width: 425px;
}

.banner-description {
   max-width: 583px;
   margin: 20px 0;
}

.line-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
   flex-direction: row;
   align-content: center;
   margin-top: 2%;
}

.line.left {
   background-color: #AA4A44;
   width: 40%;
   height: 2px;
}

.line.right {
   background-color: #AA4A44;
   width: 40%;
   height: 2px;
}

.content-block-wrapper h2.text-with-line {
   width: 25%;
   text-align: center;
   color: #6E848C;
}

h2.content-heading2 {
   text-align: center;
}

h2.banner-heading2 {
   color: white;
   font-size: 40px;
   text-shadow: 0 0 10px black;
}

.content-block-wrapper {
   margin-top: -60px;
   background-color: white;
   padding: 5% 50px;
}

.content-block-description {
   margin: 50px 0;
}

.cta-button {
   text-align: center;
}

.content-quote-block-wrapper {
   padding: 2% 7%;
   background-color: #6F848C;
   border-radius: 5px;
}

.content-qoute-block-description p {
   font-weight: 500;
   font-size: 35px;
   color: #fff;
}

section.content-quote-block .line-wrapper .btn.btn-primary {
   max-width: 430px;
}

.svg-num {
   display: flex;
   align-items: center;
}

.svg-num svg {
   margin-right: 12px;
}

.content-quote-block-wrapper .line.left {
   background-color: #fff;
   width: 48%;
   height: 2px;
}

.content-quote-block-wrapper .line.right {
   background-color: #fff;
   width: 48%;
   height: 2px;
}

.reviews-content.d-flex.col-lg-6.col-md-6.col-sm-12 {
   border-radius: 5px;
}

.phone-container {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 20px 2%;
   color: white;
}

.content-services-wrapper {
   padding: 5% 0;
}

.services-grid-wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin-top: 5%;
   gap: 80px 50px;
}

.services-content img {
   width: 100%;
   min-height: 330px;
   max-height: 330px;
   height: 100%;
   object-fit: cover;
   border: 5px solid #fff;
   box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
   -webkit-box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
   -moz-box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
}

section.banner {
   padding: 8% 5% 13% 5%;
}

section.banner.thank-you {
   position: relative;
}

section.banner.thank-you .container {
   z-index: 999;
   position: relative;
}

section.banner.thank-you:after {
   content: "";
   width: 100%;
   height: 100%;
   background-color: #00000070;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}

.services-content {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.services-description {
   margin: 20px 0;
   font-family: 'Roboto', sans-serif;
   font-size: 19px;
}


.services-content h3 {
   margin-top: 30px;
   color: #aa4a44;
}

.services-content.card-type-true {
   background-color: #6F848C;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5%;
   text-align: center;
   border-radius: 5px;
}

.services-content.card-type-true h3 {
   color: #fff;

}

.services-content.card-type-true .services-description {
   color: #fff;
   font-family: 'Roboto', sans-serif;
   font-size: 19px;
}

.content-list-wrapper {
   background-color: #aa4a44;
   padding: 5%;
   border-radius: 5px;
}

.content-list-wrapper h3.content-heading2 {
   color: #fff;
}

.content-list-wrapper .list-content {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   gap: 20px;
   margin-top: 50px;
   color: #fff;
}

.content-list-wrapper .list-content p {
   font-weight: 400;
}

section.content-list {
   padding: 10%;
   background-size: cover;
   background-repeat: no-repeat;
}

header#site-header.scrolled {
   position: fixed;
   width: 100%;
}

/* Services Sections Accordion */

.accordion_intro:after {
   content: "\276F";
   text-align: center;
   transform: rotate(90deg);
   transition: all 0.35s;
   font-size: 25px;
}


.accordion_intro {
   position: relative;
   padding: 5px 15px;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.accordion_active .accordion_intro:after {
   transform: rotate(270deg);
}

@media (min-width: 768px) {
   .row_flex {
      display: flex;
      gap: 15px;
   }

   .row_inner {
      width: 50%;
   }
}

.row_inner img {
   width: 100%;
}

.accordion_images {
   position: relative;
}

section.inner-chimney-cleaning .banner-container .btn.btn-primary {
    box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.27%);
    -webkit-box-shadow: 5px 12px 5px -5px rgb(110 110 110 / 27%);
    -moz-box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.27);
}

@media (max-width: 767px) {
   .accordion_images {
      display: none;
   }

   h2.banner-heading2 {
      font-size: clamp(1.5625rem, 1.0235rem + 3.0801vw, 2.5rem);
   }

   .banner-description p {
      font-size: clamp(0.875rem, 0.6953rem + 1.0267vw, 1.1875rem);
   }

   .banner-btn {
      width: 60% !important;
   }

   section.content-quote-block .line-wrapper .btn.btn-primary h4,
   section.content-quote-block .line-wrapper .btn.btn-primary {
      font-size: clamp(0.9375rem, 0.686rem + 1.4374vw, 1.375rem);
   }

   .accordion_content {
      flex-wrap: wrap;
   }

   .accordion-content-img {
      max-width: 100% !important;
      width: 100%;
   }

   .accordion-content-text {
      max-width: 100% !important;
   }

   .accordion_intro h3 {
      font-size: clamp(1.0625rem, 0.9558rem + 0.6098vw, 1.6875rem);
  }

   .content-qoute-block-description p {
      font-size: clamp(1.0625rem, 0.7032rem + 2.0534vw, 1.6875rem);

   }


}

.accordion_images img {
   opacity: 0;
   transition: 0.3s;
}

.accordion_images img:not(:first-child) {
   position: absolute;
   left: 0;
   top: 0;
}

.accordion_images img.active {
   opacity: 1;
}

.accordion {
   width: 100%;
   overflow: hidden;
   margin-top: 20px;
   padding: 12px 5% 12px 0;
   border: 3px solid #6f848c;
   background-color: #fff;
}

.accordion_intro {
   position: relative;
   padding: 5px 15px;
   cursor: pointer;
}

.accordion_intro h3 {
   font-size: clamp(1.0625rem, 0.9558rem + 0.6098vw, 1.6875rem);
}

.accordion_active .accordion_intro h3 {
   font-size: clamp(1.125rem, 0.9649rem + 0.9146vw, 2.0625rem);
}

.accordion_content {
   color: #fff;
   padding: 0 20px;
   max-height: 0;
   overflow: hidden;
   will-change: max-height;
   transition: all 0.25s ease-out;
   opacity: 0;
   display: flex;
   gap: 3rem;
}

@media (max-width: 767px) {
   .accordion_content .accordion_image {
      display: block;
      margin-bottom: 20px;
   }
}

.accordion_active .accordion_intro {}

.accordion_active .accordion_content {
   padding: 0 20px;
   opacity: 1;
}

.accordion_active {
   background-color: #6f848c;
   border-bottom: 3px solid #aa4a44;
   border-left: 2px solid transparent;
   padding: 2% 2% 3%;
}

.accordion_active .accordion_intro {
   color: #fff;
   padding: 15px;
}

.accordion-content-img {
   max-width: 60%;
   width: 100%;
   margin: auto;
}

.accordion-content-img img {
   width: 100%;
   min-height: 478px;
   max-height: 330px;
   height: 100%;
   object-fit: cover;
   border: 5px solid #fff;
   box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
   -webkit-box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
   -moz-box-shadow: 0px 0px 12px 7px rgba(110, 110, 110, 0.37);
}

.accordion-content-text {
   max-width: 40%;
}

.accordion-content-text p {
   line-height: 2;
   font-size: 20px;
   text-align: justify;
}

.accordion-content-text .cta-button {
   margin-top: 10px;
}

.accordion:hover {
   background-color: #6f848c;
   color: #fff;
}


p.quote-block-heading {
   font-size: clamp(1.25rem, 1.186rem + 0.3659vw, 1.625rem);
}

p.quote-block-subheading {
   font-size: clamp(1rem, 0.9253rem + 0.4268vw, 1.4375rem);
   font-weight: 400;
}

h4.center-p {
   line-height: 1.5;
}


/* Count up section */

section.content-count-up {
   padding: 3% 5% 7%;
}

.content-count-up-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   text-align: center;
   background-color: #6f848c;
   padding: 3% 8%;
   border-radius: 5px;
}

.count-item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: #aa4a44;
   padding: 1%;
   max-width: 262px;
   width: 100%;
   text-align: center;
   color: #fff;
   max-height: 200px;
   height: 300px;
   border: 3px solid #fff;
}

h3.stats-number {
   font-size: 60px;
}

.count-char {
   display: flex;
   align-items: center;
   gap: 4px;
   flex-wrap: nowrap;
}

/* Gallery Section */

.gallery-item {
   background: #fff;
   color: #3498db;
   font-size: 36px;
   line-height: 100px;
   padding: 15px;
   position: relative;
   text-align: center;
   max-height: 300px;
}

.gallery-item img {
   width: -webkit-fill-available;
   height: 100%;
   object-fit: cover;
}


.gallery-section .text-with-line {
   width: 150%;
   text-align: center;
   color: #aa4a44;
   margin-bottom: 1%;
}


.slick-prev,
.slick-next {
   font-size: 0;
   line-height: 0;
   position: absolute;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
   color: transparent;
   border: none;
   outline: none;
   background: transparent;
}

.slick-prev {
   left: -25px;
}

.slick-prev:before,
.slick-next:before {
   font-family: 'slick';
   font-size: 20px;
   line-height: 1;
   opacity: .75;
   color: white;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.slick-next {
   right: -25px;
}


section.gallery-section {
   padding: 5%;
}

.slick-track {
   display: flex !important;
}

.slick-slide {
   height: inherit !important;
}

.gallery-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.slick-dots {
	display: flex;
	justify-content: center;
	
	margin: 0;
	padding: 1rem 0;
	
	list-style-type: none;
	
		li {
			margin: 0 0.25rem;
		}
	
		button {
			display: block;
			width: 1rem;
			height: 1rem;
			padding: 0;
			
			border: none;
			border-radius: 100%;
			background-color: #6e848c;
			
			text-indent: -9999px;
		}
	
		li.slick-active button {
			background-color: #aa4a44;
		}
	
}




/*Reviews Section*/
h2.text-with-line {
   width: 175%;
   text-align: center;
   color: #aa4a44;
}

section.reviews-block {
   padding: 5%;
}

.content-review-description {
   text-align: center;
   padding: 20px;
   color: #6F848C;
}

section.reviews-block .btn.btn-primary {
   max-width: 287px;
}

.reviews-wrapper {
   gap: 20px;
   margin: 20px auto;
   padding: 0% 20px;
}

.reviews-content {
   padding: 20px;
   color: #fff;
   margin-bottom: 50px;

}

img.block-quote {
   height: auto;
}

button#btn-back-to-top {
   width: 40px;
   position: fixed;
   right: 20px;
   bottom: 20px;
   z-index: 9999;
   display: none;
}

button#btn-back-to-top path {
   fill: #6f848c;
}

footer#wrapper-footer {
   position: relative;
}
p#copyright {
   font-size: 16px;
}

.reviews-content {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   gap: 20px;
   font-weight: 400;
}

.reviews-content:nth-child(odd) {
   background-color: #aa4a44;
}

.reviews-content:nth-child(even) {
   background-color: #6F848C;
}

.services-content.card-type-false img {
   border-radius: 5px;
}

.col-auto.link-container.phone-icon.phone-container {
   border-radius: 0;
}

.review-h-image img {
   max-width: 560px;
   width: 100%;
}

.review-h-image {
   margin: auto;
}

.review-h-image {
   margin-bottom: -70px;
}

/*contact-us*/
.contact-us-right {
   background-color: #6F848C;
   padding: 35px;
   padding-bottom: 10px;
   text-align: center;
   color: white;
   border-radius: 5px;
   z-index: 1;
   margin-left: 3%;
   max-width: 600px;
}

.content-block-description p {
   text-align: justify !important;
}

section.contact-us {
   padding: 5%;
   background-size: cover;
   position: relative;
   height: auto;
}

section.contact-us #g-maps {
   width: 100%;
   left: 0;
   top: 0;
   position: absolute;
   height: 100%;
}

.contact-us-right {
   max-width: 510px;
   margin-left: 5%;
}

.contact-us-wrapper h2.content-heading2 {
   color: #fff;
   font-size: clamp(1.875rem, 1.811rem + 0.3659vw, 2.25rem);
   font-weight: 400;
   margin-bottom: 14px;
}

.contact-description p {
   font-size: clamp(0.8125rem, 0.7805rem + 0.1829vw, 1rem);
}

.contact-us-wrapper h3.content-heading3 {
   font-size: clamp(1.125rem, 1.0823rem + 0.2439vw, 1.375rem);
   font-weight: 400;
}

.contact-us-wrapper .contact-description {
   margin-bottom: 20px;
}

div#field_1_7 p {
   text-align: right;
}

div#field_1_8 {
   text-align: right !important;
   margin-top: -10px;
}

input#gform_submit_button_1 {
   background-color: #AA4A44;
   border-color: #fff;
   max-width: 182px;
   width: 100%;
   max-width: 120px;
   border-width: 1px;
   text-transform: uppercase;
   font-weight: bold;
   font-family: 'Roboto', sans-serif;
   box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48) !important;
   -webkit-box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48);
   -moz-box-shadow: 5px 12px 5px -5px rgba(110, 110, 110, 0.48);
   color: #fff;
   height: 60px !important;
   font-size: 16px;
}

div#field_submit {
   margin-bottom: auto;
   margin-top: auto;
}

div#field_submit {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

div#colophon {
   background-color: #aa4a44 !important;
}

.footer-wrapper {
   padding: 3%;
}

div#site-logo {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   text-align: left;
   gap: 20px;
   padding-right: 50px;
}

.footer-wrapper .social-links a {
   border-radius: 50%;
   border: 2px solid #6f848c;
   background-color: #914039;
}

footer .col-auto.link-container.phone-icon.phone-container {
   color: #6D848C;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
}

footer h4 {
   color: #AA4A44;
   text-align: left;
   margin-top: 50px;
   font-weight: bold;
   font-size: 20px;
}

footer ul#main-menu {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   text-align: left;
}

footer ul#main-menu li a {
   color: #31313F !important;
   padding: 5px 0;
}

.footer-wrapper #main-menu .current-menu-item a {
   border-bottom: 2px solid #6f848c;
   padding-bottom: 0;
   margin-bottom: 5px;
}

footer .container-xxl.container-fluid.justify-content-between {
   padding: 0px;
}

.right-content-footer {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 10px;
   font-size: 15px;
   font-weight: 400;
}

.right-content-footer img {
   width: auto;
   height: auto;
   object-fit: contain;
}

p.schedule {
   font-weight: 400 !Important;
   font-size: 15px;
}

ul#main-menu a {
   font-size: 15px;
   font-family: 'Roboto', sans-serif;
}

.emergency-calls p {
   text-align: left;
   font-size: 20px;
   font-weight: bold;
   color: #6E848C;
}

.locations {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.emergency-calls {
   margin-top: 0;
}

.footer-phone-wrappers.d-flex {
   align-items: center;
}

.social-links {
   display: flex;
   gap: 20px;
}

.header-social-icon img {
   height: 38px;
   object-fit: cover;
   padding: 2px 2px;
   border: 2px solid #6e848c;
   border-radius: 50%;
   background-color: #923f3a;
}

.header-social-icon {
   gap: 15px;
   align-items: center;
}

#top-nav span#tagline {
   font-size: 16px;
   font-family: 'Roboto', sans-serif;
}

.top-header-right {
   width: 100%;
   max-width: 500px;
}

img.header-top-rated {
   max-width: 82px;
   width: 100%;
}

img.header-rating {
   max-width: 148px;
   width: 100%;
}

header .container-xxl.container-fluid.d-flex.justify-content-between {
   height: 67px;
}

header .col-auto.link-container.phone-icon.phone-container {
   background: #6E848C !important;
   width: auto;
   clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%);
   margin-bottom: -10px;
   margin-top: -5px;
   padding: 20px !important;
}

ul#main-menu a {
   font-size: 15px;
   font-family: 'Roboto', sans-serif;
   color: #AA4A44;
   text-transform: uppercase;
   font-weight: 500;
}

header .active.nav-item a {
   color: #6f848c !important;
}

/* header .active.nav-item a:before {
   background-color: #6f848c;
   height: 3px;
   content: "";
   position: relative;
   ;
   display: block;
} */

nav#top-nav {
   padding: 0 5%;
   background-color: #aa4a44 !important;
}

.header-navigation {
   padding: 0 5%;
}

section.content-services {
   padding: 0 5%;
}

section.add-margin {
   margin: 5% 0;
}

.content-item {
   margin-top: -8%;
}

h3.content-subheading2 {
   color: #aa4a44;
}

section.content-inner {
   padding: 0 10%;
}

p.content-subheading3 {
   color: #fff;
   margin-top: 20px;
}

section.inner-content-list {
   margin-top: -9%;
   padding: 5%;
   background-size: cover;
   background-repeat: no-repeat;
}

section.inner-content-list .content-list-wrapper {
   width: 100%;
}

.sticky {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
}



.scrolled+.banner {
   margin-top: 500px;
}


.sticky + .page-header + .banner {
   margin-top: 130px;
}

section.content-quote-block .line-wrapper .cta-button {
   width: 100%;
   max-width: 430px;
}

section.content-quote-block .line-wrapper .cta-button a {
   display: flex;
}


@media screen and (min-width:1151px) and (max-width:1478px) {
   .content-block-wrapper h2.text-with-line {
      width: 36%;
      text-align: center;
      color: #6E848C;
   }

   .line.left {
      background-color: #AA4A44;
      width: 15%;
      height: 2px;
   }

   .line.right {
      background-color: #AA4A44;
      width: 15%;
      height: 2px;
   }

   .banner .container {
      height: 35vh;
      display: flex;
      align-items: flex-end;
      padding: 0% 3% 5%;
      color: white;
   }

   header .active.nav-item a:before {
      top: -22px !important;
   }

   footer nav#main-nav {
      width: 94%;
   }

   nav#logo-nav {
      width: 20%;
   }

   header ul#main-menu a {
      font-size: 12px;
      font-family: 'Roboto', sans-serif;
      color: #AA4A44;
      text-transform: uppercase;
      font-weight: 500;
   }

   div#site-logo {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: left;
      gap: 20px;
      padding-right: 0;
   }

   /* header .active.nav-item a:before {
      background-color: #6f848c;
      height: 3px;
      content: "";
      position: relative;
      top: -20px;
      display: block;
   } */

   #top-nav span#tagline {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
   }
}

@media screen and (min-width:1025px) {
.right-content-footer {
    margin-top: 10px;
}
.emergency-calls {
    margin-bottom: 10px;
}
   header .active.nav-item a:before {
      top: -30px;
   }


}

@media screen and (min-width:1024px) and (max-width:1150px) {
   footer .current_page_item.active.nav-item {
      text-decoration: underline;
   }

   footer .col-auto.link-container.phone-icon.phone-container {
      padding-left: 0px !important;
   }

   footer ul#main-menu a {
      font-size: 15px;
      font-family: 'Roboto', sans-serif;
      color: #AA4A44;
      text-transform: uppercase;
      font-weight: 500;
   }

   .content-block-wrapper h2.text-with-line {
      width: 36%;
      text-align: center;
      color: #6E848C;
   }

   .line.left {
      background-color: #AA4A44;
      width: 15%;
      height: 2px;
   }

   .line.right {
      background-color: #AA4A44;
      width: 15%;
      height: 2px;
   }

   .banner .container {
      height: 30vh;
      display: flex;
      align-items: flex-end;
      padding: 0% 3% 5%;
      color: white;
   }

   div#site-logo {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      text-align: left;
      gap: 20px;
      padding-right: 0;
   }

   nav#logo-nav {
      width: 20%;
   }

   ul#main-menu a {
      font-size: 10px;
      font-family: 'Roboto', sans-serif;
      color: #AA4A44;
      text-transform: uppercase;
      font-weight: 500;
   }

   #top-nav span#tagline {
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      display: flex;
      width: 77%;
   }

   header .container-xxl.container-fluid.d-flex.justify-content-between {
      height: 67px;
      gap: 20px;
   }

   .phone-container a {
      font-size: 20px;
   }

   header .col-auto.link-container.phone-icon.phone-container {
      background: #6E848C !important;
      width: auto;
      clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%);
      margin-bottom: -10px;
      margin-top: -5px;
      padding: 20px !important;
   }

   /* header .active.nav-item a:before {
      background-color: #6f848c;
      height: 3px;
      content: "";
      position: relative;
      top: -19px;
      display: block;
   } */

   nav#top-nav {
      padding: 0 5%;
   }
}

@media screen and (max-width:1024px) {
   header .active.nav-item a:before {
      background-color: #6f848c;
      height: 3px;
      content: "";
      position: relative;
      ;
      top: -10px;
      display: block;
   }

   footer .current_page_item.active.nav-item {
      text-decoration: underline;
   }

   a.nav-link {
      font-size: 20px;
      color: #ffffffa6;
   }

   header .active.nav-item a {
      color: #fff !important;
      margin-top: -3px;
   }

   .content-block-wrapper {
      margin-top: 0;
      background-color: white;
      padding: 5% 50px;
   }

   .banner-container {
      z-index: 20;
      position: relative;
   }

   h1 {
      font-family: 'Roboto', sans-serif;
      font-size: 78px;
      font-weight: 700;
      margin: 0;
      line-height: 6.5rem;
   }

   section.banner:before {
      content: "";
      height: 100%;
      width: 100%;
      background-color: #07070747;
      display: block;
      position: absolute;
      left: 0;
      top: 0;

   }

   section.banner {
      position: relative;
   }

   .list-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
   }

   .gform_wrapper.gravity-theme .gfield.gfield--width-third {
      -ms-grid-column-span: 4;
      grid-column: span 6 !important;
   }

   input#gform_submit_button_1 {
      padding: 20px;
   }

   .list-content {
      width: 46%;
   }

   .content-list-wrapper.col-sm-12.col-md-6.col-lg-6 {
      width: 100%;
   }

   section.banner {
      padding: 5%;
   }

   .banner .container {
      height: auto;
      display: flex;
      align-items: flex-end;
      color: white;
   }

   .logo-container.d-inline-block {
      width: 93%;
      display: flex !important;
   }

   .link-container.phone-icon.phone-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      /*     background: #6f848c !important; */
      width: auto;
      /*     clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%); */
      padding: 20px !important;
      margin-right: 0px !important;
      /*     font-size: 15px; */
   }

   .container-xxl.container-fluid.text-center.d-flex.footer-left {
      display: flex;
      flex-direction: column;
   }

   div#site-logo {
      width: 100%;
   }

   footer .col-3 {
      width: 100%;
   }

   .emergency-calls {
      margin: 20px 0;
   }

   .right-content-footer {
      font-size: 17px;
      margin-top: 10px;
   }

   p.schedule {
      font-weight: 400 !Important;
      font-size: 17px;
   }

   footer p {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 400;
      margin: 0;
   }

   div#colophon {
      padding: 0 5%;
   }

   header .container-fluid .col-12.text-center {
      text-align: left !important;
   }

   button.navbar-toggler.border-1 {
      right: 5%;
   }

   .reviews-content.d-flex.col-lg-6.col-md-6.col-sm-12 {
      width: 100%;
   }

   .contact-us-wrapper.d-flex {
      display: flex;
      flex-direction: column;
   }

   .reviews-wrapper.d-flex {
      display: flex;
      flex-direction: column;
   }

   .line.right {
      background-color: #AA4A44;
      width: 30%;
      height: 2px;
   }

   .line.left {
      background-color: #AA4A44;
      width: 30%;
      height: 2px;
   }

   .content-block-wrapper h2.text-with-line {
      width: 40%;
      text-align: center;
      color: #6E848C;
   }

   .modal-content input#gform_submit_button_1 {
      height: 100% !important;
   }

}

@media screen and (min-width:768px) and (max-width:1024px) {
   .contact-us-right.col-sm-12.col-md-6.col-lg-6 {
      width: 100%;
   }

   .gform_wrapper.gravity-theme .gfield.gfield--width-third {
      -ms-grid-column-span: 4;
      grid-column: span 4 !important;
   }

   #top-nav span#tagline {
      font-size: 14px;
  }
  

#top-nav span#tagline {
   width: 89%;
}


}


@media screen and (max-width:767px) {

   .list-content {
      width: 100%;
   }

   .scrolled a.navbar-brand.d-inline-block {
      display: none !important;
   }

   .logo-container.d-inline-block {
      width: 70% !important;
      display: block !important;
      text-align: center;
      margin: auto;
   }

   header .link-container.phone-icon.phone-container {
      font-size: 22px !important;
   }

   a.navbar-brand.d-inline-block {
      display: block !important;
      align-items: center;
      justify-content: center;
      margin: 0px !important;
      padding: 0px !important;
      width: 100%;
   }

   footer .row.justify-content-center.justify-content-md-between {
      display: flex;
      flex-direction: column;
   }

   .spacer.gfield {
      display: none;
   }

   div#field_submit {
      display: flex;
      align-items: start;
      justify-content: flex-start;
   }

   footer .col-auto.mb-3.my-md-4 {
      margin-bottom: 0px !important;
      padding: 5px 0;
   }

   div#colophon {
      padding: 3%;
   }

   .content-block-wrapper {
      margin-top: 0;
      background-color: white;
      padding: 5% 50px;
   }

   h1 {
      font-family: 'Roboto', sans-serif;
      font-size: 38px;
      font-weight: 700;
      margin: 0;
      line-height: 4.5rem;
   }

   .banner .container {
      height: 78vh;
      display: flex;
      align-items: flex-end;
      padding: 0;
      color: white;
   }

   .content-block-wrapper h2.text-with-line {
      width: 100%;
      text-align: center;
      color: #6E848C;
   }

   .line.left {
      background-color: #AA4A44;
      width: 5%;
      height: 2px;
   }

   .line.right {
      background-color: #AA4A44;
      width: 5%;
      height: 2px;
   }

   h2 {
      font-family: 'Roboto', sans-serif;
      font-size: 26px;
      font-weight: 500;
      margin: 0;
      color: #AA4A44;
   }

   .content-quote-block-wrapper {
      padding: 10%;
      background-color: #6F848C;

   }

   .col-auto.link-container.phone-icon.phone-container {
      display: flex;
      flex-direction: column;
   }

   h2 {
      font-family: 'Roboto', sans-serif;
      font-size: 27px;
      font-weight: 500;
      margin: 0;
      color: #AA4A44;
   }

   .line.left {
      background-color: #AA4A44;
      width: 20%;
      height: 2px;
   }

   .services-grid-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      margin-top: 5%;
      gap: 80px 50px;
   }

   .content-services-wrapper {
      padding: 5%;
   }

   .services-content.card-type-true h3 {
      color: #fff;
      margin-top: 0px;
   }

   .reviews-content.d-flex.col-lg-6.col-md-6.col-sm-12 {
      display: flex;
      flex-direction: column;
   }

   .contact-us-wrapper h2.content-heading2 {
      margin-bottom: 20px;
   }

   .gform_footer.before {
      position: absolute;
      bottom: 0;
   }

   .footer-phone-wrappers.d-flex {
      display: flex;
      flex-direction: column;
   }

   div#site-logo {
      padding: 0;
   }


   .footer-phone-wrappers .col-6 {
      width: 100%;
   }

   .banner .container {
      height: auto;
      display: flex;
      align-items: flex-end;
      color: white;
   }

   .line.right {
      background-color: #AA4A44;
      width: 20%;
      height: 2px;
   }


   .banner-container {
      z-index: 999;
      position: relative;
   }

   .content-qoute-block-description p {
      font-weight: 500;
      font-size: 27px;
      color: #fff;
   }

   div#site-logo {
      text-align: justify;
   }


   header .container-fluid {
      padding: 0;
   }

   header .active.nav-item a {
      color: #fff !important;
      
   }


   header .link-container.phone-icon.phone-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      background: #6f848c !important;
      width: auto;
      clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%);
      padding: 20px !important;
      width: 83%;
      font-size: 20px;
   }

   h3 {
      font-family: 'Roboto', sans-serif;
      font-size: 27px;
      font-weight: 500;
      margin: 0;
   }

   h3.content-heading2 {
      text-align: center;
   }

   footer .col-auto.link-container.phone-icon.phone-container {
      color: #6D848C;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
   }

   footer .col-6 {
      text-align: center;
   }




   header .link-container.phone-icon.phone-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      background: #6f848c !important;
      width: auto;
      clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%);
      padding: 20px !important;
      margin-right: 0px !important;
      font-size: 15px;
   }

   .phone-icon svg {
      width: 25px;
      height: 25px;
   }

   .content-block-description p {
      text-align: center !important;
   }

   .content-block-description {
      margin: 20px 0;
   }

   .banner-cta-wrapper {
      justify-content: center;
   }


   h3.stats-number {
      font-size: clamp(2.1875rem, 1.2891rem + 5.1335vw, 3.75rem);
   }

   p {
      font-size: clamp(1.0625rem, 0.9906rem + 0.4107vw, 1.1875rem);
   }

   .gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths {
      grid-column: 1 / -1 !important;
      margin: auto;
   }

   div#field_submit {
      grid-column: 1 / -1 !important;
      justify-content: center;
   }

   input#gform_submit_button_1 {

      font-size: clamp(0.9375rem, 0.7578rem + 1.0267vw, 1.25rem);
   }

   input#gform_submit_button_1 {
      padding: 10px;
  }

  .cta-button, .banner-btn {
   font-size: clamp(0.6875rem, 0.436rem + 1.4374vw, 1.125rem);
}

.accordion-content-text p {
   text-align: left;
}

p.quote-block-heading {
   font-size: clamp(1.25rem, 0.9985rem + 1.4374vw, 1.6875rem) !important;
}

p.quote-block-subheading {
    font-size: clamp(1.125rem, 0.8016rem + 1.848vw, 1.6875rem) !important;
    font-weight: 400 !important;
}

}

@media screen and (min-width:500px) and (max-width:767px) {
   .logo-container.d-inline-block {
      width: 90% !important;
      display: flex !important;
   }

   a.navbar-brand.d-inline-block {
      width: 100%;
      display: flex !important;
      align-items: center;
      justify-content: left;
   }


   header .link-container.phone-icon.phone-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      background: #6f848c !important;
      width: auto;
      clip-path: polygon(0 0, 100% 0, 93% 100%, 6% 100%);
      padding: 20px !important;
      margin-right: 0px !important;
      font-size: 15px;
   }


}

@media (max-width:1560px) {
   span#tagline {
      max-width: 527px;
   }

}

@media (max-width:1250px) {

   span#tagline {
      max-width: 440px;
   }

}

@media screen and (min-width: 992px) and (max-width: 1024px) {
   .top-header-right {
      width: 100%;
      max-width: 500px;
      justify-content: right !important;
  }
  
  #site-header .phone-container {
      /* padding: 0; */
      margin-left: 0;
  }


img.header-top-rated {
   margin-right: -25px;
}

img.header-rating {
   margin-right: -25px;
}

span#tagline {
   max-width: 900px;
}



}

@media (max-width: 1055px) {
   .content-count-up-wrapper {
      align-items: center;
      gap: 1rem;
      justify-content: center;
   }

}

@media (max-width: 430px) {
   .banner-container .title {
      text-align: center;
  }

  .btn.btn-primary {
   padding: 11px;
}

}

@media (max-width: 350px) {
   div#field_1_9 {
      grid-column: span 1 !important;
      transform: scale(0.70);
      width: 100%;
  }

}



/* The Modal  */
.modal {
   display: none;
   position: fixed;
   z-index: 1;
   padding-top: 100px;
   left: 0;
   top: 8%;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0, 0, 0);
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 999;
}

/* Modal Content */
.modal-content {
   background-color: #fefefe;
   margin: auto;
   padding: 20px;
   border: 1px solid #888;
   width: 80%;
}

/* The Close Button */
.close {
   color: #aaaaaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

.modal-content div#field_1_8 {
   margin-bottom: 2%;
}

.modal-content input#gform_submit_button_1 {
   height: 200% !important;
}