/*
 Theme Name: Divi Child
 Template Version: 1.0
 Description: A customized version of Divi which adds a number of tiny features you need.
 Template: Divi
*/

body {
   font-size: 1.0625rem;
   font-family: 'Heebo', Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-feature-settings: "liga";
   color: #2C3941;
   font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
   font-family: 'Inter', sans-serif;
}
p strong {
   font-family: 'Inter', sans-serif;
   font-size: 18px;
   font-weight: 500;
}
div#page-container {
   overflow: hidden;
}
.et_pb_row {
   width: 95% !important;
}
/*HEADER STYLES*/
header#main-header {
   background-color: #fff;
}
.header-menu-container {
   width: 95%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 0;
}
.logo_container {
   position: relative !important;
   max-width: 300px;
   display: flex;
}
img#logo {
   width: auto !important;
   max-width: 90% !important;
   height: 100% !important;
   max-height: 70px !important;
}
.text-logo {
   display: flex;
   color: #9aba56;
  line-height:1.2;
}
.text-logo img {
   width: 25px;
   margin-right: 5px;
}
.text-logo span {
   display: flex;
   align-items: center;
   font-family: 'Inter', sans-serif;
   font-weight: 600;
   text-align: center;
}
.header-menu-container:after {
   display: none;
}
div#et-top-navigation {
   padding: 0 !important;
}
.estimate-btn {
   display: none;
}
.mobile_menu_bar {
   padding: 0 !important;
}
.et_mobile_menu {
   width: 100vw;
   left: -2.5vw;
   top: 100%;
   border-color: #9aba56;
   background-color: #2a1e1e !important;
}
.et_mobile_menu li a {
   color: #efefef !important;
   font-family: 'Inter', sans-serif;
   filter: drop-shadow(0px 1px 1px #210124);
}
.mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle) {
   position: relative;
}
  nav#top-menu-nav #top-menu ul.sub-menu li:not(:last-child):after {
     display:none !important;
  }
.mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle):before {
   content: '\f149';
   position: absolute;
   left: 0;
   font-family: 'FontAwesome';
   -webkit-transform: scaleX(-1) rotate(90deg);
   transform: scaleX(-1) rotate(90deg);
   color: #ebb0ca;
}
.et_mobile_menu .current_page_item a {
   color: #ffffff !important;
   opacity: 1 !important;
}
.add-info-btn {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #2a1e1e;
   width: 50px;
   padding: 10px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   cursor: pointer;
   box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.add-info-block {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   width: 240px;
   position: fixed;
   right: -190px;
   -webkit-transition: right 0.4s ease-in-out;
   transition: right 0.4s ease-in-out;
}
.open-info {
   right: 0;
}
.open-info #add-info-open-icon {
   display: none;
}
.open-info #add-info-close-icon {
   display: block;
}
.add-info-container {
   background: #9aba56;
   display: flex;
   flex-direction: column;
   padding: 20px;
   width: 190px;
   height: auto;
   border-bottom-left-radius: 10px;
   box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.add-info-btn .fa {
   color: #fff;
}
#add-info-close-icon {
   display: none;
}
.add-info-btn span {
   line-height: 1;
   color: #fff;
   margin-top: 5px;
   font-size: 12px;
}
.add-info-container a, .header-location-container {
   color: #fff;
   font-size: 15px;
   display: flex;
   justify-content: space-between;
   font-weight: 400;
   text-align: right;
   width: 100%;
}
.email-btn {
   margin: 10px 0;
}
.add-info-container .fa {
   margin-right: 5px;
   margin-top: 2px;
}
/*change Divi opened hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
   content: '\4d';
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
   transition: all .4s ease;
   transform: rotate(0deg);
   display: block;
   color: #000000;
}
/*rotate the Divi Menu icon on click*/
/*END HEADER STYLES*/
/*PAGE STYLES*/
section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
   max-height: 550px !important;
   min-height: 550px !important;
   height: 550px !important;
   background-position: 60%;
}
.et_pb_fullscreen .et_pb_fullwidth_header_container {
   max-height: 550px !important;
   min-height: 550px !important;
   height: 550px !important;
   width: 95%;
}
.et_pb_fullwidth_header_overlay:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100px;
   right: 0;
   bottom: 0;
   background-image: url(https://paintergrimsbyon.com/wp-content/uploads/2023/12/paint-pattern.webp);
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: contain;
}
.header-content {
   margin: 0 auto !important;
   padding: 0px !important;
   width: 100% !important;
   max-width: 1080px !important;
}
.homepage-header-holder {
   display: flex;
   justify-content: center;
   align-items: center;
   max-width: 400px;
   margin: 0 auto;
   position: relative;
}
.homepage-header-content {
   position: absolute;
   width: 65%;
   margin-bottom: 20px;
}
.header-title h1 {
   font-family: 'Inter', sans-serif;
   font-size: 25px;
   font-weight: 600;
  filter: drop-shadow(2px 4px 6px black);
}
.button {
   background: #fff;
   color: #2a1e1e;
   line-height: 1;
   border-radius: 30px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px 10px;
   max-width: 240px;
   margin: 0 auto;
   margin-top: 20px;
   font-weight: 500;
}
.header-button .booking-button-switch {
 margin-top:0px;
}
.button:hover {
   background: #2a1e1e;
   color: #fff;
}
.homepage-header-holder img {
   filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 21%)) hue-rotate(270deg) brightness(1.5);
   opacity: 0.8;
   width: 100%;
}
/* FIRST CONTENT SECTION STYLE */
.entry-title {
   text-align: center;
   font-size: 26px !important;
   color: #2C3941;
   font-weight: 600;
   line-height: 1.1em;
}
.home .entry-title {
   padding: 0;
}
.section-title-heading {
   margin-bottom: 10px;
   color: #9aba56;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 2px;
}
.content-button {
   background: #9aba56;
   color: #ffffff;
   line-height: 1;
   border-radius: 30px;
   display: inline-block;
   padding: 13px 15px;
   font-weight: 500;
   font-size: 14px;
   min-width: 190px;
   text-align: center;
   box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.content-button:hover {
   background: #2a1e1e;
}
div#home-title-block-img-col .et_pb_image, div#home-title-block-img-col span{
   height: 100%;
}
div#home-title-block-img-col img {
   border-radius: 15px;
   height: 100%;
   object-fit: cover;
   object-position: left;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
/* BADGES SECTION STYLE */
div#css-badges-section:before, div#home-testimonials:before {
   content: '';
   position: absolute;
   width: 100% !important;
   height: 100%;
   background: #000;
   background: rgb(255 255 255 / 0%);
   background: linear-gradient(0deg, rgb(255 255 255 / 25%) 44%, rgb(255 255 255) 90%);
   top: 0;
   left: 0;
}
.badges-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
}
.badge-holder {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   max-width: 185px;
   margin-top: 10px;
   margin-bottom: 30px;
   border-radius: 8px;
   position: relative;
}
.badge-holder:hover {
   box-shadow: 0px 0px 8px 0px #fcfffc99;
}
p.badge-content {
   color: #fcfffc;
   text-align: center;
   line-height: 1.1;
   text-transform: capitalize;
   font-size: 18px;
   min-height: 34px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   width: 78%;
   font-weight: 500;
   letter-spacing: 0.7px;
   filter: drop-shadow(2px 4px 6px black);
}
.badge-ico {
   width: 30px;
   padding-bottom: 5px;
   position: absolute;
   opacity: 0.4;
}
.badge-title {
   background: #fcfffc;
   font-size: 15px;
   width: 85%;
   text-align: center;
   line-height: 1.2;
   padding: 5px;
   position: absolute;
   bottom: -15px;
   color: #9aba56;
   font-weight: bold;
   border-radius: 8px;
   border: 1px solid;
   box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.badge-title span {
   font-size: 17px;
}
.badge-bg {
  filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 25%)) hue-rotate(275deg);
}
/* SERVICES SECTION STYLE */
.srvBlockTitle {
   text-align: center;
}
.srvBlockTitle H2 {
   padding-bottom: 0;
}
.srvElement {
   max-width: 500px;
   margin: 0 auto;
   margin-top: 50px;
   border-radius: 20px;
  /* border: 1px solid #119822;
   */
   border: 1px solid rgba(255, 255, 255, 0.3);
   box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
   position: relative;
}
.srvElement:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 50%);
    border-radius: 20px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
}
.srv-icon {
   position: absolute;
   background: #ffffff;
   width: 75px;
   height: 75px;
   bottom: -37px;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
   border-radius: 50%;
   border: 5px solid #fff;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.srv-icon img {
   width: 50px !important;
   height: 50px !important;
   object-fit: contain !important;
   object-position: center!important;
   border: none !important;
}
.srvElementHeader h2 {
   text-align: center;
   color: #2a1e1e;
   font-weight: bold;
   font-family: 'Nunito', sans-serif;
   padding-bottom: 5px;
   font-size: 22px;
}
.srvElementImg {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 47px;
   position: relative;
}
.srvElementImg img {
   width: 100%;
   max-height: 330px;
   object-fit: cover;
   object-position: center;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
  /* border: 1px solid #d7d7d7;
   */
}
.srvElementBody {
   padding: 0px 20px 20px 20px;
}
.srvElementContent {
   text-align: justify;
   color: #2d3a3a;
   font-size: 16px;
   line-height: 1.6;
}
.srvElement:hover img {
   filter: grayscale(1) drop-shadow(0px 0px 6px #fff);
}
.srvElement:hover h2 {
   color: #5a7f0c;
   font-weight: bold;
}
/* THE PROCESS SECTION STYLE */
.prjct-process-container .section-title-heading {
   text-align: center;
}
.prjct-process-title {
   text-align: center;
   font-size: 26px !important;
   color: #2C3941;
   font-weight: 600;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
   text-transform: capitalize;
}
.prjct-process--subtitle {
   text-align: center;
   margin-top: 20px;
   margin-bottom: 40px;
   line-height: 1.3;
}
.prjct-process-holder {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 0 auto;
   position: relative;
}
.prjct-process-holder:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url(https://paintergrimsbyon.com/wp-content/uploads/2023/12/process-bg.webp);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   filter: hue-rotate(275deg);
}
.prjct-process-box {
   position: relative;
   font-family: 'Inter', sans-serif;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 10px;
   margin-top: 65px;
}
.prjct-number {
   font-size: 26px;
   font-weight: bold;
   width: 50px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 3px solid #2a1e1e;
   background: #fff;
   color: #000;
   position: absolute;
   top: -23px;
   z-index: 99;
   border-radius: 10px;
}
.prjct-process-border-box {
   position: relative;
   overflow: hidden;
   width: 150px;
   height: 150px;
   background: #9aba56;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-left-radius: 15px;
   box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.prjct-content {
   text-align: center;
   line-height: 1.2;
   font-size: 15px !important;
   padding-top: 15px;
   color: #2C3941;
   filter: drop-shadow(1px 2px 2px white);
}
.prjct-content strong{
   color: #2a1e1e;
   font-size: 18px !important;
   line-height: 1.6;
   text-transform: uppercase;
   display: block;
}
.prjct-icon {
   font-size: 50px;
   text-align: center;
   line-height: 1;
   width: 150px;
   height: 150px;
   border: 3px solid #2a1e1e;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   border-radius: 15px;
}
.prjct-icon:before {
   content: "";
   position: absolute;
   width: 80px;
   height: 80px;
   bottom: -53px;
   right: -53px;
   background: #2a1e1e;
   z-index: 999;
   transform: rotate(45deg);
   border-left: 10px solid #ffffff;
}
.prjct-icon .fa {
   color: #fff;
}
/* CONTENT SECTION STYLE */
.content-section-subtitle, .srvBlockTitle p {
   font-size: 26px !important;
   color: #2C3941;
   font-weight: 600;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
   text-transform: capitalize;
}
.main-content strong {
   color: #9aba56;
}
div#content-img-col .et_pb_image_wrap:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url(https://paintergrimsbyon.com/wp-content/uploads/2023/12/content-img-overlay.webp);
   background-size: 101% 100%;
   background-repeat: no-repeat;
   z-index: 99;
}
/* SERVICES LIST SECTION STYLE */
.homepage-services #servcss {
   padding: 0;
   list-style: none;
   width: 280px;
   margin: 0 auto;
}
.homepage-services li {
   position: relative;
   text-align: right;
   padding-left: 26px;
}
.homepage-services li:before {
   content: "\f1fc";
   font-family: 'FontAwesome';
   margin-right: 5px;
   color: #9aba56;
   position: absolute;
   left: 0;
}
/* CONTACT FORM STYLE */
.contact-section-title {
   font-size: 26px !important;
   color: #ffffff;
   font-weight: 600;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
   text-transform: capitalize;
   padding-bottom: 1em;
}
.contact-section-text {
   color: #fff;
}
.contact-form-holder {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #f8f8f8;
   border-radius: 20px;
   overflow: hidden;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
   max-width: 800px;
   margin: 0 auto;
}
.free-estimate-title {
   display: flex;
   justify-content: center;
   align-items: center;
   background: #9aba56;
   width: 100%;
   font-size: 26px !important;
   color: #ffffff;
   font-weight: 600;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
   text-transform: capitalize;
   padding: 25px !important;
}
div#contact {
   padding: 25px;
}
input#customer_name {
   width: calc(50% - 5px);
   float: left;
}
input#phone-cf {
   width: calc(50% - 5px);
   float: left;
   margin-left: 10px;
}
textarea#message {
   margin-bottom: 20px;
}
#contact img {
   float: left;
   width: 120px;
   filter: hue-rotate(295deg) contrast(1.5);
}
input#vercode {
   width: calc(100% - 130px);
   margin: 0;
   margin-left: 10px;
   float: left;
   padding: 10px 10px 10px;
   line-height: 18px;
}
form#contactForm {
   text-align: center;
}
input#submitter {
   transition: 500ms;
   overflow: hidden;
   position: relative;
   z-index: 1;
   width: unset;
   height: auto;
   background: #9aba56;
   color: #ffffff;
   line-height: 1;
   border-radius: 30px;
   display: inline-block;
   padding: 13px 15px;
   font-weight: 500;
   font-size: 14px;
   min-width: 190px;
   text-align: center;
   box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
input#submitter:hover {
   background-color: #2a1e1e !important;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
   max-width: 100%;
   padding: 10px 15px 10px;
   height: auto;
   background-color: #ffffff !important;
   box-shadow: none;
   display: block;
   line-height: 30px;
   font-weight: 300;
   color: #000 !important;
   background-image: none;
   border: 1px solid #ffffff;
   margin-bottom: 20px !important;
   border-radius: 20px;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
#contactForm input[type=text]::placeholder, #contactForm input[type=password]::placeholder, #contactForm input[type=tel]::placeholder, #contactForm input[type=email]::placeholder, #contactForm input.text::placeholder, #contactForm input.title::placeholder, #contactForm textarea::placeholder, #contactForm select {
   color: #252422 !important;
}
#contactForm input[type=text]:focus, #contactForm input[type=password]:focus, #contactForm input[type=tel]:focus, #contactForm input[type=email]:focus, #contactForm input.text:focus, #contactForm input.title:focus, #contactForm textarea:focus, #contactForm select:focus {
   color: #000 !important;
   border-color: #000000;
}
/* NAP SECTION STYLE */
/* div#nap-section {
   background-color: #9aba5687 !important;
} */
.homepage-nap h3 {
   font-size: 26px !important;
   color: #ffffff;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
}
/* TESTIMONIALS SECTION STYLE */
.testimonials-title {
   font-size: 26px !important;
   color: #2C3941;
   font-weight: 600;
   line-height: 1.1em;
   font-family: 'Inter', sans-serif;
   text-transform: capitalize;
   padding-bottom: 1em;
}
.home .wpcr3_dotline {
   display: none !important;
}
.home .wpcr3_review {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   background: #f8f8f8;
   padding: 15px;
   margin-bottom: 2em;
   border-radius: 30px;
}
.home .wpcr3_review_ratingValue {
   width: 100%;
   text-align: center;
   margin: 0 !important;
}
.home .wpcr3_review_author {
   margin-left: 5px;
   text-align: center;
}
.home .wpcr3_review_title.wpcr3_caps {
   width: 100%;
   text-align: center;
   margin: 0 !important;
   font-size: 20px;
   color: #e11a73;
   font-weight: bold;
}
.home span.wpcr3_item_name a {
   color: #e31a74;
}
div.wpcr3_review blockquote.wpcr3_content {
   border-color: #c4c4c4;
   padding-bottom: 0;
   text-align: justify;
}
.home div.wpcr3_review blockquote.wpcr3_content {
   text-align: center;
   padding-left: 0;
   border: none;
   line-height: 1.7em;
   margin-bottom: 0;
}
div.wpcr3_review blockquote.wpcr3_content p {
   font-size: 17px;
}
.home .wpcr3_reviews_holder {
   position: relative;
}
.home div.wpcr3_review blockquote.wpcr3_content p {
   font-style: italic;
}
/* TESTIMONIALS PLUGIN CSS*/

.testimonials-container {
  max-width: 1280px;
  /*padding: 1rem 2rem;*/
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}

.testimonials-title {
  text-align: center;
  font-weight: 800;
  font-size: 2.25rem;
  line-height: 2.5rem;
  margin-bottom: 0.5rem;
  letter-spacing: -0.025em;
  color: #1a202c;
}

.testimonials-info {
  margin-bottom: 1rem;
}

.testimonial-item {
  border: 1px solid rgb(201, 201, 201);
  border-radius: 10px;
  padding: 1rem;
  background: #fbfbfb;
  min-height: 100%;
  break-inside: avoid;
}

.testimonials-grid .testimonial-item {
  margin-bottom: 1rem;
}

.testimonial-item:hover{
  background: #efefef;
}

.testimonial-item a {
  height: 100%;
  display: grid;
}

.testimonial-subject {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  color: #1a202c;
}

.rating {
  display: flex;
  justify-content: center;
  margin: 0.5rem;
}

.star {
  width: 1rem;
  height: 1rem;
  color: #ffc956;
  margin:2px;
}

.testimonial-content {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  color: #1a202c;
  text-align: center;
  font-style: italic;
}

.testimonial-footer {
  margin-top: 1rem;
}

.reviewer-details {
  font-size: 0.75rem;
}

.review-from-logo {
  width: 5rem;
  height: auto;
}

.reviewer-name {
  font-weight: 500;
  color: #1a202c;
  line-height: 1.5rem;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .testimonials-grid {
      column-fill: balance;
      columns: 2;
      gap: 1.5rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .testimonials-grid {
      columns: 3;
  }

  .testimonial-subject {
      font-size: 1.25rem;
  }

  .testimonial-content {
      line-height: 1.5rem;
  }

  .testimonial-footer {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .reviewer-details {
      display: flex;
      align-items: center;
  }

  .reviewer-name {
      padding-right: 0.75rem;
      font-size: 0.75rem;
      border-right: 2px solid #1a202c;
  }

  .review-from-logo {
    padding-left: 1em;
  }
}

.nav-arrows {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.nav-arrows button {
  padding: 0.5rem;
  border-width: 1px;
  border-color: #1a202c;
  border-radius: 50%;
  cursor: pointer;
  background: white;
}

.nav-arrows button:hover {
  background: #1a202c;
  color: white;
}

.nav-arrows button svg {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0;
}

.rotate-180 {
  rotate:180deg;
}

/* END TESTIMONIALS PLUGIN CSS*/
/* FOOTER STYLE */
#main-footer {
   background: #9aba56;
   position: relative;
   padding-top: 30px;
}
#main-footer .container {
   width: 95%;
}
div#footer-widgets {
   padding: 10px !important;
   background: #fff;
   border-radius: 30px;
   box-shadow: rgb(255 255 255 / 10%) 0px 4px 12px;
}
#main-footer #footer-widgets .footer-widget {
   margin-bottom: 10px !important;
   margin-top: 10px !important;
}
div#footer-bottom {
   background-color: #9aba56;
   padding: 15px;
   color: #2a1e1e;
}
.paymentsbox {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}
.footer-widget h4 {
   color: #9aba56;
   font-size: 22px;
   margin-bottom: 20px;
   font-weight: 600;
   line-height: 1.5em;
   text-align: center;
   border-bottom: 3px solid #9aba56;
}
.footer-widget .textwidget {
   color: #000000;
}
h4#nap-footer-icons {
   filter: none;
}
#footer-widgets .footer-widget a {
   background-color: #fff;
}
table.openinghours {
   max-width: 385px;
   margin: 0 auto !important;
}
table.openinghours tr {
   display: flex;
   justify-content: space-between;
   line-height: 2;
   color: #000000;
}
#current-day {
   background-color: #9aba56;
   padding: 0 2px;
}
#current-day td {
   color: #000;
   text-shadow: none;
}
#closed-day {
   color: #000000;
}
/* buttons */
.booking-button-switch {
display:none !important;
}
.top-header  {
 text-align:center;
 margin-top:20px;
}
.top_button {
  position: relative;
  display: inline-block;
  background-color: #e31a74;
  text-shadow: none;
  color: #fff;
  padding: 7px 25px;
  transition: 0.3s ease-in-out;
  font-size: 14px;
  border-radius: 30px;
  line-height: 1;
}
.floating-estimate-btn {
  text-align: center;
  padding: 3px 15px;
  background-color: #9aba56;
  color: #ffffff !important;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 3px solid #e21a74;
  border-left: 0px;
  font-size: 15px;
  z-index: 999999;
  font-weight: bold;
  position: fixed;
  bottom: 60px;
  text-transform: uppercase;
  width:215px;
}
#main-footer .listing-rev-btn {
  padding: 3px 15px;
  border: 3px solid #e21a74;
  border-left: 0px;
  bottom: 15px;
  background: #9aba56;
  color: #fff;
  width:215px;
  justify-content: center;
  text-transform: uppercase;
  font-size: 15px;
 border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
#main-footer .listing-rev-btn img {
  display: none;
}
#main-footer .listing-rev-btn .fa {
  display: block;
  margin-right: 5px;
  color: #fff;
}
/* SIDEBAR, BLOG PAGE, BLOG POST STYLES */
.et_pb_sidebar_0 h4.widgettitle {
   position: relative;
   margin-bottom: 10px;
   line-height: 1.2;
   border-bottom: 1px solid #e21a74;
   text-align: center;
   font-size: 26px !important;
   color: #9aba56;
   font-weight: 600;
}
#sidebar h4.widgettitle {
   font-size: 26px;
   font-weight: 400;
   color: #062d5b;
   position: relative;
   margin-bottom: 10px;
   line-height: 1.2;
   text-align: center;
   border-bottom: 1px solid #062d5b;
}
.et_pb_sidebar_0 .textwidget {
   text-align: center;
}
#sidebar .textwidget {
   text-align: center;
}
.single-post div#main-content, .blog div#main-content {
   background-color: #ffffff;
   min-height: 50vh;
}
.single-post .et_pb_post .entry-content {
   text-align: justify;
}
#left-area .post-meta a {
   color: #16bae1;
}
#left-area .post-meta {
   text-align: center;
}
.blog .et_pb_post {
   text-align: justify;
}

/*MEDIA QUERIES*/
@media only screen and (min-width: 600px) {
   .homepage-services #servcss {
       column-count: 2;
       -webkit-column-count: 2;
       -moz-column-count: 2;
       margin: 0 auto;
       width: 100%;
       max-width: 450px;
       column-gap: 25px;
  }
   .homepage-services li {
       text-align: left;
  }
}
@media screen and (max-width: 981px) {
  /* ADDITIONAL STYLES FOR MOB. RES. */
   .et_pb_sidebar_0 .et_pb_widget {
       width: 100%;
  }
   .footer-widget:nth-child(n) {
       width: 100% !important;
       text-align: center;
       margin: 0px !important;
  }
   .et_pb_text {
       text-align: center !important;
  }
   #footer-widgets .footer-widget .fwidget {
       width: 100% !important;
       margin-bottom: 30px !important;
  }
  .review-title {
  font-size: 26px !important;
  }
}
@media screen and (min-width: 981px) {
  /*HEADER STYLES*/
   .home div#page-container {
       padding-top: 0 !important;
  }
   .home header#main-header {
       background: transparent;
       box-shadow: none !important;
  }
   .home .header-menu-container {
       background: #fff;
       padding: 10px 15px;
       border-radius: 15px;
       margin-top: 20px;
       box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
  }
   .add-info-block {
       top: 200px;
  }
   .estimate-btn {
       display: flex;
       justify-content: flex-end;
       width: 25% !important;
  }
   .logo_container {
       width: 25% !important;
  }
   div#et-top-navigation {
       width: 60%;
       margin-left: 0;
       display: flex;
       justify-content: center;
       align-items: center;
  }
   .estimate-btn a {
       background: #9aba56;
       color: #ffffff;
       line-height: 1;
       border-radius: 30px;
       height: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 5px 10px;
       font-weight: 500;
       font-size: 14px;
  }
   .estimate-btn a:hover {
       background: #2a1e1e;
  }
   nav#top-menu-nav ul#top-menu li a{
       padding-top: 15px !important;
       padding-bottom: 15px !important;
       font-weight: 600;
       color: #2c3941;
       text-transform: capitalize;
  }
   #top-menu .menu-item-has-children>a:first-child:after {
       top: 14px;
       color: #9aba56;
  }
   nav#top-menu-nav ul#top-menu .current-menu-item a{
       color: #9aba56 !important;
  }
   nav#top-menu-nav ul#top-menu li {
       padding-left: 11px;
       padding-right: 11px !important;
  }
   nav#top-menu-nav ul#top-menu li:not(:last-child):after {
       content: '\f111';
       position: absolute;
       font-family: 'FontAwesome';
       font-size: 5px;
       color: #9aba56;
       right: -3px;
       top: 15px;
  }
   nav#top-menu-nav ul#top-menu li:last-child {
       padding-right: 0 !important;
  }
   nav#top-menu-nav ul#top-menu .current-menu-item {
  }
   nav#top-menu-nav ul#top-menu li:last-child.current-menu-item {
       padding-right: 11px !important;
  }
   nav#top-menu-nav ul#top-menu .current-menu-item a:after {
       color: #d9b6c6 !important;
  }
   ul.sub-menu {
       filter: drop-shadow(0px 1px 3px #5b5b5b);
       top: 44px;
       background-color: #9aba56 !important;
       border-color: #e31a74 !important;
  }
   nav#top-menu-nav #top-menu ul.sub-menu a {
       color: #fff !important;
       position: relative;
       padding: 6px 6px 6px 16px !important;
       line-height: 1.2;
       filter: drop-shadow(0px 1px 1px #210124);
  }
   #top-menu-nav ul.sub-menu a:before {
       content: '\f149';
       position: absolute;
       left: 0;
       font-family: 'FontAwesome';
       -webkit-transform: scaleX(-1) rotate(90deg);
       transform: scaleX(-1) rotate(90deg);
       color: #ebb0ca;
  }
   #top-menu-nav ul.sub-menu a:after {
       color: #fff !important;
  }
   ul.sub-menu li {
       padding: 0 10px !important;
       width: 100%;
  }
   ul.sub-menu li a {
       padding: 5px 0px !important;
       width: 100% !important;
  }
.top-header {
  margin-top: 5px;
  margin-bottom: -15px;
}
  /*END HEADER STYLES*/
  /*PAGE STYLES*/
   section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
       max-height: 1200px !important;
       min-height: 630px !important;
       height: calc(100vh - 127px) !important;
       background-position: center;
       background-position-y: 45%;
  }
   .et_pb_fullscreen .et_pb_fullwidth_header_container {
       max-height: 1200px !important;
       min-height: 630px !important;
       height: calc(100vh - 127px) !important;
       max-width: 95%;
  }
   .et_pb_fullwidth_header_overlay:before {
       height: 240px;
  }
   .homepage-header-holder {
      margin-top: 100px;
      margin-left: 2%;
      max-width: 540px;
  }
   .header-title {
       font-size: 33px;
       line-height: 1.2;
  }
   .entry-title {
       text-align: left;
  }
   .home .entry-title {
       font-size: 32px !important;
  }
  /* BADGES STYLE DESKTOP*/
  /* FIRST PARAGRAPH STYLE DESKTOP*/
  /* SERVICES STYLE DESKTOP*/
   .srvBlockTitle {
       text-align: left;
  }
   .srvBlockTitle H2 {
       font-size: 32px !important;
  }
   .srvElement {
       width: 32%;
       display: flex;
       flex-direction: column;
       margin: 0;
       margin-top: 30px;
  }
   .srvElementImg img {
      height: 200px;
  }
   .srvElementFullWidth .srvElementImg img {
       height: 100%;
       border-top-left-radius: 20px;
       border-bottom-left-radius: 20px;
       border-top-right-radius: 0px;
  }
   .srvBlock {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       max-width: 1200px;
       margin: 0 auto;
  }
   .srvElementBody {
       height: 100%;
  }
   .srvElementHeader h3 {
       min-height: 54px;
       display: flex;
       justify-content: center;
       align-items: center;
  }
   .srvElementContent {
       height: 100%;
  }
   .srvElementFullWidth .srvElementContent {
       height: auto;
  }
   .srvElement.srvElementFullWidth {
       width: 100%;
       max-width: 1080px;
       flex-direction: row;
  }
   .srvElementFullWidth .srv-icon {
       bottom: auto;
       right: -37px;
  }
   .srvElementFullWidth .srvElementImg {
       width: 32%;
       margin: 0;
  }
   .srvElementFullWidth .srvElementBody {
       width: calc(68% - 20px);
       margin-left: 20px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       padding: 20px 20px 20px 30px;
  }
  /* THE PROCESS SECTION STYLE */
   .prjct-process-title {
       font-size: 32px !IMPORTANT;
  }
   .prjct-process-holder {
       max-width: 100%;
       justify-content: space-evenly;
  }
   .prjct-process-box:hover {
       transform: scale(1.05);
  }
   .prjct-content {
       font-size: 18px !important;
  }
   .prjct-content strong {
       font-size: 22px !important;
  }
   div#nap-section {
       padding: 7vw 0;
  }
   .homepage-nap h3 {
       font-size: 32px !important;
  }
  /* CONTENT SECTION DESKTOP */
   div#content-img-col {
       display: flex;
       flex-direction: column;
       justify-content: center;
  }
   .content-section-subtitle {
       font-size: 32px !important;
  }
   div#content-img-col .et_pb_image, div#content-img-col span {
       height: 100%;
  }
   div#content-img-col .et_pb_image img {
       height: 100%;
       object-fit: cover;
       object-position: center;
  }
  /* CONTACT SECTION DESKTOP */
   .contact-section-title {
       font-size: 32px !important;
  }
   .free-estimate-title {
       font-size: 32px !important;
  }
  /* TESTIMONIALS SECTION DESKTOP */
   .testimonials-title {
       font-size: 32px !important;
  }
  /* reviews */
  #testimonials-block {
     display:flex;
     align-items:center;
  }
  /* SERVICES LIST SECTION DESKTOP */
   .homepage-services #servcss {
       max-width: 100%;
  }
  /* FOOTER STYLES DESKTOP */
   .footer-widget .et_pb_widget {
       width: 100%;
       margin-bottom: 0 !important;
  }
   .paymentsbox {
       justify-content: flex-start;
  }
   div#social-icons {
       text-align: left;
  }
   .footer-widget h4 {
       text-align: left;
  }
   #footer-widgets {
       padding-top: 20px;
  }
   div#footer-widgets {
       padding: 10px 30px !important;
  }
  /* SIDEBAR, BLOG, BLOGPOST STYLES DESKTOP */
   .et_pb_sidebar_0 h4.widgettitle {
       text-align: left;
  }
   #sidebar h4.widgettitle {
       text-align: left;
  }
   .et_pb_sidebar_0 .textwidget {
       text-align: left !important;
  }
   #sidebar .textwidget {
       text-align: left;
  }
   .et_pb_sidebar_0.et_pb_widget_area_right {
       border-left: 1px solid rgb(0 123 61 / 20%);
  }
   #left-area .post-meta {
       text-align: left;
  }
   #main-content .container:before {
       background-color: rgb(6 45 91 / 20%);
  }
}
/***** TESTIMONIALS FORM *****/
.wpcr3_respond_2 input[type="text"] {
   margin: 3px 0;
}
.wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
   background: #ffffff !important;
   color: #000 !important;
   border-color: #000 !important;
}
.wpcr3_respond_2 input[type="text"]:focus, .wpcr3_in_content textarea:focus {
   color: #fff;
   border-color: #ffffff;
}
.wpcr3_table_2 td {
   font-size: 1em !important;
}
.wpcr3_leave_text {
   font-size: 1.1em;
}
.wpcr3_leave_text {
   margin-bottom: 20px;
}
.wpcr3_button_1 {
   margin-top: 10px;
   background: #9aba56;
   color: #fff;
}
@media (min-width: 981px) {
   .wpcr3_respond_2 input[type="text"], .wpcr3_respond_2 textarea {
       min-width: 100%;
  }
   .wpcr3_table_2 td {
       text-align: left !important;
  }
   .wpcr3_review_form_rating_field label {
       margin: 6px 0 !important;
  }
}
@media (max-width: 980px) {
     .homepage-header-holder img {
       min-height: 400px;
    }
   .wpcr3_respond_3, .wpcr3_aggregateRating, .wpcr3_table_2 td {
       text-align: center !important;
  }
   .wpcr3_div_2 {
       width: 100%;
  }
   .wpcr3_table_2 tr:last-of-type td {
       margin: 20px auto 0 !important;
  }
   .wpcr3_table_2 td {
       display: block;
       padding: 0 !important;
  }
   .wpcr3_table_2 td:first-child {
       margin-top: 10px !important;
  }
   .wpcr3_rating_style1_status {
       width: 85px !important;
  }
   .wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
       width: 100% !important;
       min-width: unset !important;
  }
   .wpcr3_submit_btn, .wpcr3_cancel_btn {
       width: 40%;
  }
.et_pb_post h2.entry-title,
.et_pb_title_meta_container,
.post-meta {
      text-align: center;
}
}
@media screen and (max-width:600px) {

}


.footer-widget li:before {
 content: none!important;
}
#footer-widgets .footer-widget li {
 padding: 0;
}
#menu-footer-menu {
 list-style-type: none!important;
}
#menu-footer-menu li {
 padding-left: 16px!important;
}
#menu-footer-menu li a:before {
 content: '\f149';
 position: absolute;
 left: 0;
 font-family: 'FontAwesome';
 -webkit-transform: scaleX(-1) rotate(90deg);
 transform: scaleX(-1) rotate(90deg);
 color: #9aba56;
}
#menu-footer-menu li a {
 color: #000!important;
}
#menu-footer-menu li a:hover {
    color: #9aba56 !important;
}

/*BLOG PAGE CODE*/

.et_pb_title_meta_container, .post-meta {
  text-align: center;
}
.post-content-inner {
  text-align: justify;
}
.single-post div#main-content .post {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.single-post .et_pb_post .entry-content {
text-align: justify;
}
.single-post .et_pb_section {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.single-post article {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.single-post div#main-content .container {
  padding: 77px 0 !important;
}
#main-content .container {
  padding: 77px 0 !important;
}

#main-content .container h1 {
  color:#2C3941 !important;
}

#main-content .container h2 {
  font-size: 24px !important;
}

@media(min-width: 981px) {
.et_pb_title_meta_container, .post-meta {
  text-align: left;
}
}

.home span.wpcr3_item_name a {
display: inline !important;
padding: 0!important;
background: transparent !important;
}

/* ADDITTIONAL SERVICES STYLE */


#additionalServices {
  list-style: none;
  text-align: center;
  padding: 0;
  list-style-type: none;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#additionalServices li {
  break-inside: avoid;
  padding: 5px 3px;
  font-size: 18px;
  color: #2d3a3a;
  position: relative;
  text-align: center;
  margin-bottom: 0 !important;
}
#additionalServices li a {
 color: #fff;
 text-decoration: underline;
}
#additionalServices li::before {
  content: "\f00c";
  font-family: 'FontAwesome';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}


@media (min-width: 600px) {


#additionalServices li {
  break-inside: avoid;
  padding: 10px 5px;
  text-align: left;
}

  
}

@media (min-width: 981px) {
#additionalServices {
  columns: 3;
  column-gap: 10px;
}
}

.nav-arrows > button.slider-previous > svg > path{
 transition:0.1s;
}

.nav-arrows > button.slider-next > svg > path{
 transition:0.1s;
}

#mobile_menu li a {
  line-height: 1.2em;
}

.floating-estimate-btn{
z-index: 9999;
}

#main-footer .listing-rev-btn{
display: flex;
  align-items: baseline;
  position: fixed;
  z-index: 9999;
}

body:not(.et_pb_page) #main-content .container{
  padding: 80px 0px !important;
}

@media (min-width: 981px) {
  .et_pb_section:not(:first-child)  {
      padding: 80px 0;
  }
}

@media (min-width: 981px) {
  .et_pb_row {
      padding: 0px 0;
  }
}

#services-blocks-section .section-title-heading, #nap-section .section-title-heading {
    color: #fff;
}

/*BLOG POST DESIGN*/
.single-post h2 {
    text-align: left;
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 10px;
	font-weight: 700;
}
#left-area p, #left-area ol, #left-area ul {
    text-align: justify;
}
.post-content p {
    text-align: justify !important;
}
@media (max-width: 980px) {
    #left-area .post-meta {
    text-align: center;
}
}
/*END BLOG POST DESIGN*/

.single-post div#main-content .post {
    padding-bottom: 0 !important;
    margin-bottom: 25px !important;
}