/*
 Theme Name:   IDEAL SIDING 2025
 Description:  Wordpress Theme From Denis
 Author:       Makeing.com
 Version: 1.1
*/

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html,
  body {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #0A2323;
    line-height: 1.5;
    min-height: 100vh;
    overflow-x: hidden;
  }

  .hero-text h1:not(.p), .hero-text .h1 {
      text-shadow: 0 4px 4px #00000040;
  }

  .p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
  }

  body {
    position: relative;
    overflow-y: hidden;
  }

  html:has(body.single-post), body.single-post {
    overflow-x: clip;
    overflow-y: visible;
  }

  button, a {
    text-decoration: none;
    color: #FE6905;
    transition: 0.25s;
  }

  a:hover {
    color: #E55F05;
  }

  img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }

  button {
    cursor: pointer;
    font-family: 'Roboto';
  }

  h1, .h1, .title-h1 {
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: -1.8px;
    font-weight: 700;
  }

  h2, .h2, .title-h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
  }

  h3, .h3, .title-h3 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
  }

  h4, .title-h4 {
    font-size: 26px;
    line-height: 2;
    font-weight: 600;
  }

  .h4 {
    font-size: 26px;
    line-height: 1.5;
    font-weight: 600;
  }

  h5, .h5 {
    font-size: 22px;
    line-height: 2.5;
    font-weight: 600;
  }

  .title-h5 {
    font-size: 22px;
    line-height: 1.3;
  }

  /* .title-h5 em {
    font-style: normal;
    background: #239f6d6a;
    padding: 2px 5px;
    border-radius: 4px;
  } */

  .b2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
  }

  .b3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
  }

  ul li {
    display: block;
  }

  .cap {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.57;
  }

  .btn a,
  button {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.16;
  }

  .btn.btn--lg a,
  .btn.btn--lg button {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
  }

  .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .flexed {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .flexed--between {
    justify-content: space-between;
  }

  .flexed--around {
    justify-content: space-around;
  }

  .flexed--top {
    align-items: flex-start;
  }

  .flexed--bottom {
    align-items: flex-end;
  }

  .flexed--center {
    justify-content: center;
  }

  .rel {
    position: relative;
  }

  header .menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .header-top-wrap {
      padding: 25px 0 23px;
      transition: 0.2s;
  }

  ul.header-top-links {
      flex: 1;
      display: flex;
      justify-content: center;
      gap: 40px;
  }

  ul.header-top-links.pad {
    display: none;
  }

  ul.header-top-links a[href^="tel"] {
    font-size: 24px;
    line-height: 22px;
    font-weight: 600;
    color: #0A2323;
  }

  .btn.btn--arrow a, .btn.btn--arrow button {
      padding: 15px 70px 15px 20px;
      border: none;
      background: #FE6905;
      color: #fff;
      border-radius: 5px;
      font-size: 18px;
      position: relative;
      display: inline-block;
  }

  .btn.btn--arrow a:after,
  .btn.btn--arrow button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 100%;
      background: url('img/arrow-right-white.svg') transparent 50% 50% no-repeat;
      border-left: 1px solid #FFFFFF66;
      transition: 0.3s;
  }

  .btn.btn--arrow a:hover,
  .btn.btn--arrow button:hover {
      background: #E05D04;
      color: #fff;
  }

  .btn.btn--arrow a:before,
  .btn.btn--arrow button:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 100%;
      background: url(img/arrow-right-white.svg) transparent -150% 50% no-repeat;
      transition: 0.3s;
  }

  .btn.btn--arrow a:hover:after,
  .btn.btn--arrow button:hover:after {
    background-position: 150% 50%;
  }

  .btn.btn--arrow a:hover:before,
  .btn.btn--arrow button:hover:before {
    background-position: 50% 50%;
  }

  .header-menu-wrap {
      background: #0A2323;
      color: #fff;
  }

  .flexed.flexed--right {
      justify-content: flex-end;
  }

  a.logo-fixed {
      display: none;
  }

  body > header .header-fixed {
      position: fixed;
      left: 0;
      top: 0;
      background: #fff;
      width: 100%;
      z-index: 9;
  }

  body.admin-bar > header .header-fixed {
      top: 32px;
  }

  body > header:not(:has(.header-page-start)) + main {
      padding-top: 176px;
  }


  body > header .header-page-start {
    padding-top: 225px;
  }

  body > header .header-page-start:has(.back-link) {
    padding-top: 225px;
  }

  body.admin-bar > header .header-page-start {
    padding-top: 226px;
  }

  body > header.active .logo a {
      display: none;
  }

  body > header.active .logo a.logo-fixed {
      display: block;
  }

  header.active .header-top-wrap {
      padding: 16px 0;
  }

  .header-menu-inner {
      gap: 60px;
      flex: 1;
  }

  .hero-ctas .wpforms-field label, .footer-cta-inner .wpforms-field label, .section-type-cta .wpforms-field label {
      font-size: 20px;
  }

  .hero-cta-form .wpforms-field:has(:focus) > label, .hero-cta-form .wpforms-field:not(:has(:placeholder-shown)) > label {
      top: -17px;
  }

  .header-menu-inner nav > ul > li > a {
      padding: 21px 20px;
      display: inline-block;
  }

  .header-menu-inner nav > ul {
      display: flex;
      flex-wrap: wrap;
  }

  .header-menu-inner li {
      position: relative;
  }

  .header-menu-inner li ul {
      position: absolute;
      background: #239F6D;
      padding: 10px;
      z-index: 2;
      opacity: 0;
      visibility: hidden;
      transition: 0.2s;
  }

  .header-menu-inner nav > ul > li.with-subs > a {
      padding-right: 38px;
      background: url('img/caret-down-white.svg') calc(100% - 20px) 50% no-repeat;
  }

  .header-menu-inner a {
      color: #fff;
      line-height: 18px;
  }

  .header-menu-inner li ul a {
      padding: 20px 40px 20px 10px;
      display: block;
      white-space: nowrap;
      min-width: fit-content;
      background-position: calc(100% - 10px) 50%;
      border-radius: 5px;
  }

  .header-menu-inner li ul li > a:hover {
      background: url('img/arrow-right-white.svg') calc(100% - 20px) 50% no-repeat #209164;
  }

  .header-menu-inner nav > ul > li > a:hover {
      background: #239F6D;
  }

  .header-menu-inner nav > ul > li.with-subs:hover > a {
    background: url(img/caret-down-white.svg) calc(100% - 20px) 50% no-repeat #239F6D;
  }

  .header-menu-inner nav > ul > li.with-subs:hover > ul {
      visibility: visible;
      opacity: 1;
  }

  .header-menu-wrap:has(.location-label) .header-menu-right-text {
    max-width: 320px;
    width: 100%;
    text-align: right;
  }

   .header-menu-right-text p {
     color: #969c9d;
   }
  .header-menu-right-text p strong {
        color: #E6E226;
        font-weight: 300;
      /* padding-left: 24px;
      font-weight: 400;
      background: url('img/star-yellow.svg') 0 50% no-repeat; */
  }

  .header-page-start-inner h1 {
/*      padding: 10px 0; why it was there?? */
  }

  .header-page-start {
      padding-top: 60px;
      padding-bottom: 40px; /* please no */
  }

  .header-page-start-inner {
    position: relative;
  }

  .footer-cta-inner {
      text-align: center;
      padding: 95px 0;
      color: #fff;
  }

  .footer-cta-inner p {
      font-size: 26px;
      line-height: 33px;
      margin-top: 10px;
  }

  .footer-cta-inner .wpforms-container {
      padding-top: 36px;
  }

  .footer-middle {
      padding: 80px 0 30px;
  }

  .price-match-wrap + .footer-middle {
    padding-bottom: 80px;
  }

  .footer-phones a {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.4;
      color: #0A2323;
      display: inline-block;
  }

  .footer-email {
      margin-top: 13px;
  }

  .footer-email a,
  .footer-working-address,
  .footer-working-hours {
      font-size: 18px;
      color: #0A2323;
      font-weight: 700;
      padding: 2px 10px 2px 33px;
      background: url('img/icon-email.svg') 0 50% no-repeat;
  }

  .footer-working-hours, .footer-working-address {
      font-weight: 400;
      background: url('img/icon-time.svg') 0 50% no-repeat;
      margin-top: 13px;
  }

  .footer-working-address {
      background: url('img/icon-marker.svg') 0 50% no-repeat;
  }

  .section-type-contact_info .section-inner {
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
      align-items: stretch;
  }

  .section-type-contact_info .section-inner .section-content {
      max-width: 820px;
      width: 100%;
  }

  .section-type-contact_info .section-inner header {
      flex: 1;
      display: flex;
      flex-direction: column;
  }

  .section-type-contact_info .section-inner .contact-block-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  ul.footer-social-links {
      margin: 24px 0;
      gap: 10px;
  }

  ul.footer-social-links a:hover {
      opacity: 0.7;
  }

  .footer-message {
      font-size: 14px;
      line-height: 20px;
      color: #859191;
  }

  .footer-message p + p {
      margin-top: 16px;
  }

  .footer-message a {
      color: #859191;
      text-decoration: underline;
  }

  .footer-message a:hover {
    color: #FE6905;
  }

  .footer-middle-right h3,
    .footer-middle-right .h3 {

      font-size: 22px;
      opacity: 0.5;
      margin-bottom: 32px;
      min-height: 27px;
  }

  .footer-middle-right nav {
      min-width: 185px;
  }

  .footer-middle-right {
      gap: 25px;
  }

  .footer-middle-right nav li:not(:last-child) {
      margin-bottom: 20px;
  }

  .footer-middle-right nav li a {
      color: #239F6D;
  }

  .footer-middle-right nav li a:hover {
      color: #FE6905;
  }

  .footer-bottom {
      background: #F9F9F9;
  }

  .hidden {
      position: absolute;
      clip: rect(1px 1px 1px 1px);
      clip: rect(1px, 1px, 1px, 1px);
  }

  .footer-bottom-inner {
      padding: 35px 0 40px;
      position: relative;
  }

  .footer-bottom-inner:after, .footer-bottom-inner:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      background: url('img/star.svg') 0 100% no-repeat;
      width: 400px;
      height: 400px;
  }

  .footer-bottom-inner:after {
      left: inherit;
      right: 0;
      background: url('img/leaf.svg') 100% 100% no-repeat;
  }

  .section-header-info {
      padding-top: 16px;
      padding-bottom: 40px;
      position: relative;
  }

  main section + section {
      margin-top: 120px;
  }

  .section-header-text {
      color: #0A232399;
      display: inline-block;
      font-size: 20px;
  }

  .charity-block-inner p:last-child a,
  .text-image-left p:last-child a:first-child:last-child,
  .linkarrow a {
      position: relative;
      padding-right: 24px;
  }

  .back-link a,
  .post-back-link a {
      padding-left: 24px;
      position: relative;
  }


  .charity-block-inner p:last-child a:after,
  .charity-block-inner p:last-child a:before,
  .text-image-left p:last-child a:first-child:last-child:after,
  .text-image-left p:last-child a:first-child:last-child:before,
  .linkarrow a:after,
  .post-back-link a:after,
  .back-link a:before,
  .back-link a:after,
  .post-back-link a:before,
  .linkarrow a:before {
    content: '';
    position: absolute;
    width: 24px;
    right: 0;
    top: 0;
    height: 100%;
    background: url('img/caret-right-orange.svg') 100% 50% no-repeat;
    transition: 0.3s;
  }

  .back-link a:before,
  .back-link a:after,
  .post-back-link a:after,
  .post-back-link a:before {
    right: inherit;
    left: 0;
    background: url('img/caret-left-orange.svg') 0% 50% no-repeat;
  }

  .charity-block-inner p:last-child a:after,
  .text-image-left p:last-child a:first-child:last-child:after,
  .linkarrow a:after {
    background-position: -200% 50%;
  }

  .back-link a:after,
  .post-back-link a:after {
    background-position: 200% 50%;
  }

  .charity-block-inner p:last-child a:hover:before,
  .text-image-left p:last-child a:first-child:last-child:hover:before,
  .linkarrow a:hover:before {
    background-position: 400% 50%;
  }

  .back-link a:hover:before,
  .post-back-link a:hover:before {
    background-position: -200% 50%;
  }

  .charity-block-inner p:last-child a:hover:after,
  .text-image-left p:last-child a:first-child:last-child:hover:after,
  .linkarrow a:hover:after {
    background-position: 100% 50%;
  }

  .back-link a:hover:after,
  .post-back-link a:hover:after {
    background-position: 0 50%;
  }

  .back-link {
      position: absolute;
      bottom: calc(100% + 12px);
  }

  .siding-types-list li {
      border-top: 1px solid #C8C8C8;
      padding: 40px 0;
  }

  .siding-types-list li:last-child {
      border-bottom: 1px solid #C8C8C8;
  }

  .siding-type-left {
      gap: 24px;
  }

  .siding-type-img {
      max-width: 292px;
      position: relative;
      border-radius: 5px;
      overflow: hidden;
  }

  .siding-type-img figure ~ figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
  }

  .siding-types-list li:hover .siding-type-img figure ~ figure {
    opacity: 1;
  }

  .siding-type-info {
      max-width: 220px;
      overflow-wrap: break-word;
  }

  .siding-type-price {
      padding: 12px 10px;
      color: #239F6D;
      margin-top: 16px;
      background: #239F6D1A;
      display: inline-block;
      border-radius: 5px;
  }

  .siding-type-right p:not(:last-child) {
    margin-bottom: 10px;
  }

  .section-dark .siding-type-price {
    background: #fff;
  }

  .mob,
  .pad {
      display: none;
  }

  .siding-type-right {
      max-width: 600px;
  }

  .siding-types-final-text {
      max-width: 600px;
      margin-left: auto;
      color: #0A232399;
      padding-top: 40px;
      font-size: 14px;
  }

  main section footer {
      padding-top: 40px;
  }

  .ideas-grird-info {
      position: absolute;
      bottom: 16px;
      right: 16px;
      width: 36px;
      height: 36px;
  }

  .ideas-grird-info:hover + figure figcaption {
    opacity: 1;
    visibility: visible;
  }

  .ideas-grid-item {
      position: relative;
      max-width: 397px;
      height: 264px;
      border-radius: 5px;
      overflow: hidden;
  }

  .ideas-grid-item figcaption {
      position: absolute;
      bottom: 16px;
      left: 16px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      align-items: flex-start;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
  }

  figcaption span {
    background: #FFFFFFCC;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    width: auto;
  }

  .ideas-grid {
      gap: 24px;
  }

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

  .ideas-grid-item figure {
      height: 100%;
  }

  .ideas-grid-info-text {
      position: absolute;
      bottom: 58px;
      width: 260px;
      right: 0;
      background: #FFFFFFE5;
      padding: 10px;
      border-radius: 5px;
      backdrop-filter: blur(10px);
  }

  .ideas-grid-info-text button {
      padding: 0;
      border: 0;
      font-size: 16px;
      padding-top: 6px;
  }

  .ideas-grid-info-text:after {
      content: '';
      width: 0;
      height: 0;
      border: 12px solid transparent;
      border-top-color: #FFFFFFE5;
      position: absolute;
      top: 100%;
      right: 6px;
      backdrop-filter: blur(10px);
  }

  .ideas-grird-info path {
    fill: #239F6D;
  }

  .ideas-grird-info:hover path {
    fill: #FE6905;
  }

  .gallery-slideshow-item {
    max-width: 392px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
  }

  .gallery-beaf {
      position: relative;
      width: 100%;
      height: 264px;
      border-radius: 5px;
      overflow: hidden;
  }

  .gallery-beaf-before {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      overflow: hidden;
  }

  .gallery-beaf-before img {
      width: 397px;
      max-width: none;
  }

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

  .gallery-beaf > div {
      height: 100%;
  }

  input.beafchanger {
    -webkit-appearance: none;
    -moz-appearance:none;
    position: absolute;
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 100%;
    background: none;
  }


  input.beafchanger::-webkit-slider-runnable-track {
      height: 100%;
      display: block;
  }

  input.beafchanger[type=range]::-moz-range-runnable-track {
    height: 100%;
    display: block;
    border: none;
    outline: none;
  }

  input.beafchanger[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width: 40px;
    height: 100%;
    background: url('img/divider-dt.svg') 50% 50% no-repeat;
    border-radius: 0;
    background-size: cover;
  }

  input.beafchanger[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    width: 40px;
    height: 100%;
    background: url('img/divider-dt.svg') 50% 50% no-repeat;
    border-radius: 0;
    background-size: cover;
    border: none;
    outline: none;
  }

 .gallery-beaf.galley-beaf-show-labels:before, .gallery-beaf.galley-beaf-show-labels:after {
     content: 'Before';
     position: absolute;
     top: 50%;
     left: 10px;
     transform: translateY(-50%);
     color: #fff;
     background: #0A23234D;
     padding: 10px;
     border-radius: 5px;
     font-size: 18px;
     font-weight: 700;
     z-index: 2;
     transition: 0.3s;
 }

 .gallery-beaf.galley-beaf-show-labels:after {
     content: 'After';
     left: inherit;
     right: 10px;
 }

 .gallery-beaf.galley-beaf-show-labels:hover:after,
 .gallery-beaf.galley-beaf-show-labels:hover:before {
     opacity: 0;
 }

 .gallery-item-detail {
     padding-top: 5px;
 }

 .gallery-items-details {
     padding-top: 11px;
 }

 .gallery-item-detail span {
     color: #6C7B7B;
 }

  .slideshow > .slick-list {
    overflow: visible;
  }

 .slideshow > .slick-list > .slick-track > div {
     margin: 0 12px;
 }

 .slick-arrow {
     position: absolute;
     top: 50%;
     left: 16px;
     width: 48px;
     height: 48px;
     transform: translateY(-50%);
     background: #239F6D;
     border: none;
     border-radius: 40px;
     text-indent: -99999px;
     z-index: 2;
     overflow: hidden;
 }

 .gallery-in-gallery .slick-arrow {
    width: 32px;
    height: 32px;
 }

 .gallery-in-gallery .slick-dots {
     position: absolute;
     bottom: 16px;
     width: 100%;
     display: flex;
     justify-content: center;
     gap: 8px;
 }

 .gallery-in-gallery .slick-dots button {
     width: 12px;
     height: 12px;
     background: #eceeee99;
     border: none;
     cursor: pointer;
     text-indent: -9999px;
     font-size: 0;
     border-radius: 10px;
     border: 2px solid #ECEEEE;
 }

 .gallery-in-gallery .slick-dots .slick-active button {
     background: #239F6D;
     border-color: #fff;
 }

  .slideshow > .slick-arrow.slick-disabled {
    background: #f5f5f5;
        cursor: default;
  }

  .footer-middle-left a:hover {
      color: #fe6905;
  }

  .page-template-location-tpl .mini-city .hero-text h3 {
    font-size: 30px;
  }

 .slick-arrow:after,
 .slick-arrow:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: url('img/angle-right-white.svg') 50% 50% no-repeat;
     transition: 0.3s;
 }

 .slideshow > .slick-arrow.slick-disabled:before {
    background: url('img/arrow-left-dark.svg') 50% 50% no-repeat;
    transform: none;
 }

 .slideshow > .slick-arrow.slick-disabled:after {
    display: none;
 }

 .gallery-in-gallery .slick-arrow:before,
 .gallery-in-gallery .slick-arrow:after {
    background-size: 9px auto;
 }

 .slick-arrow:hover {
    background-color: #19734F;
 }

 .slick-arrow:hover:after {
    transform: translateX(0%) ;
 }

 .slick-arrow:hover:before {
    transform: translateX(-100%) ;
 }

 .slick-arrow:after {
     transform: translateX(100%) ;
 }

 .slick-next.slick-arrow {
     left: inherit;
     right: 16px;
     transform: rotate(180deg);
     transform-origin: center 8px;
 }

 .slideshow > .slick-dots {
     max-width: 600px;
     width: 100%;
     display: flex;
     margin-left: auto;
     padding-top: 65px;
     padding-bottom: 24px;
 }

 .slideshow > .slick-dots li {
     flex: 1;
     height: 4px;
 }

 .slideshow > .slick-dots li > button {
     height: 2px;
     width: 100%;
     background: #CED3D3;
     border: none;
     text-indent: -99999px;
     font-size: 0;
     display: block;
     margin-top: 1px;
 }

 .slideshow > .slick-dots li.slick-active > button {
     height: 4px;
     margin: 0;
     background: #239F6D;
 }

 .slideshow > .slick-arrow {
     position: absolute;
     bottom: -24px;
     top: inherit;
     left: 0;
 }

 .slideshow > .slick-next.slick-arrow {
     transform-origin: center 12px;
     left: 64px;
 }

 .project-gallery-list {
     gap: 30px 24px;
     padding: 40px 0 120px;
 }

 .project-gallery-filters {
     gap: 24px;
 }

 .filter-info-nums {
     padding-left: 10px;
     color: #6C7B7B;
 }

 .select > .filter-item-active {
     padding: 13px 20px;
     min-width: 250px;
     border: 1px solid #C1C1C1;
     border-radius: 5px;
     cursor: pointer;
     transition: 0.3s;
 }

 .select > .filter-item-active:hover {
     border-color: rgba(35, 159, 109, 1);
 }

 .select {
     position: relative;
 }

 .filter-items-list {
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
     width: 100%;
     background: #fff;
     z-index: 4;
     border: 1px solid #C8C8C8;
     border-radius: 5px;
     overflow: hidden;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s;
 }

 .filter-items-list .filter-item {
     padding: 8px;
     cursor: pointer;
     transition: 0.3s;
 }

 .filter-items-list .filter-item:hover, .filter-items-list .filter-item.active {
     background: #F5F5F5;
 }

 .select > .filter-item-active:after {
     content: '';
     position: absolute;
     width: 14px;
     height: 14px;
     background: url('img/caret-down-black.svg') 50% 50% no-repeat;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
     transition: 0.2s;
 }

 .select > .filter-item-active.active:after {
     transform: rotate(180deg) translateY(50%);
 }

 .select > .filter-item-active.active + .filter-items-list {
     visibility: visible;
     opacity: 1;
 }

 .btn button, .btn a {
     padding: 15px 20px;
     color: #0A2323;
     background: none;
     border: 1px solid #FE6905;
     border-radius: 5px;
     font-size: 16px;
     transition: 0.3s;
 }

 .btn button:hover, .btn a:hover {
     background: #FE690533;
     color: #E55F05;
 }

 .filter-item-placeholder {
    font-size: 12px;
    line-height: 24px;
    padding: 0 5px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 15px;
    transform: translateY(-50%);
/*    opacity: 0;
    visibility: hidden;*/
    transition: 0.2s;
  }

  .filter-item-placeholder:has(+.active) {
      opacity: 1;
      visibility: visible;
  }

  .filterable:not(.visible) {
      display: none;
  }

  .project-gallery-toggle label {
      gap: 12px;
      cursor: pointer;
  }

  .filters-rest {
      opacity: 1;
      visibility: visible;
  }

  .filters-rest.vis {
      opacity: 0;
      visibility: hidden;
  }

  input[type="checkbox"] {
      appearance: none;
      width: 24px;
      height: 24px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      transition: 0.3s;
      cursor: pointer;
  }

  .wpforms-field:has(.zipinput) {
    display: none;
  }

  input[type="checkbox"]:hover {
    border-color: rgba(254, 105, 5, 1);
  }

  input[type="checkbox"]:checked {
    background: url('img/check.svg') 50% 50% no-repeat #FFF0E6;
    border-color: #FE6905;
  }

  div#overlay {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      left: 0;
      background: #000000;
      opacity: 0.8;
      z-index: 9;
      display: none;
  }

  .ideas-item-box {
      position: fixed;
      top: 50px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      display: none;
      z-index: 10;
  }

  .ideas-item-box-inner {
      padding: 25px 100px 38px;
      background: #fff;
      position: relative;
  }

  li.box-gal-tag {
      padding: 2px 10px;
      background: #F5F5F5;
      border-radius: 5px;
  }

  ul.ideas-box-top-tags {
      gap: 5px;
  }

  .ideas-box-top-info {
      gap: 75px;
  }

  .ideas-box-share button {
      padding: 4px 10px 0px 44px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      color: #0A2323;
      background: url('img/share.svg') 10px 50% no-repeat transparent;
  }

  button.popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 21px;
    height: 21px;
    text-indent: -99999px;
    border: none;
    z-index: 4;
    background: url('img/close.svg') 50% 50% no-repeat;
  }

  .ideas-box-gallery-main {
      margin: 16px 0;
  }

  .ideas-box-gallery-main-item {
      height: auto;
  }

  .ideas-box-gallery-main .slick-track {
      display: flex;
  }

  .ideas-box-gallery-nav-item {
      margin: 0 2px;
      height: 67px;
      border: 3px solid transparent;
  }

  .ideas-box-gallery-nav-item.slick-current {
    border-color: #239F6D;
  }

  .ideas-box-gallery-main .slick-arrow {
    left: -26px;
    transform: translateX(-100%);
  }

  .ideas-box-gallery-main .slick-arrow.slick-next {
    left: inherit;
    right: -26px;
    transform: rotate(-180deg) translate(-100%, -32px);
  }

  .ideas-share-options {
      position: absolute;
      z-index: 9;
      background: #fff;
      gap: 5px;
      top: 60px;
      padding: 5px 10px;
      display: none;
  }

  .ideas-share-options.active {
    display: flex;
  }

  .ideas-share-options a {
      width: 30px;
      height: 30px;
      text-indent: -99999px;
      background: url('img/facebook.svg') 50% 50% no-repeat;
      background-size: contain;
      border-radius: 20px;
  }

  .ideas-share-options a + a {
    background: url('img/twitter.svg') 50% 50% no-repeat;
    background-size: contain;
  }

  .ideas-share-options a + a + a {
    background: url('img/pinterest.svg') 50% 50% no-repeat;
    background-size: contain;
  }

  .ideas-grid-item.tags_visible figcaption {
      position: relative;
      opacity: 1;
      visibility: visible;
      flex-direction: row;
      left: 0;
      bottom: 0;
      flex-wrap: wrap;
      padding-top: 16px;
      padding-bottom: 12px;
  }

  .ideas-grid-item figure img {
    border-radius: 5px;
  }

  .ideas-grid-item.tags_visible {
      overflow: visible;
      height: auto;
  }

  .ideas-grid-item.tags_visible figure img {
      height: 264px;
  }

  .ideas-grid-item.tags_visible .ideas-grird-info {
      display: none;
  }

  .ideas-grid-item.tags_visible figcaption span {
      background: #F5F5F5;
  }

  .grid-col .ideas-grid-item:not(:last-child) {
      margin-bottom: 24px;
  }

  .hero {
      padding: 120px 0 225px;
      color: #fff;
      margin-top: 144px;
  }

  .admin-bar .hero {
    margin-top: 176px;
  }

  .hero-inner h1 {
    padding: 0 0 20px;
    letter-spacing: 0;
    font-weight: 700;
  }

  .hero-text p > strong {
      padding: 6px 45px;
      display: inline-block;
      background: url('img/homes.svg') 0 50% no-repeat;
  }

  .hero-text p > em {
      padding: 6px 10px 6px 125px;
      display: inline-block;
      font-style: normal;
      font-weight: 700;
      background: url('img/stars.svg') 0 50% no-repeat;
  }

  .hero-ctas {
      padding-top: 40px;
  }

  .hero-cta-text {
      font-size: 20px;
      line-height: 1.2;
      font-weight: 700;
  }

  .hero-ctas-list {
      gap: 35px;
  }

  .sublocations-list ul li a {
      color: #0A232399;
  }

  .sublocations-list ul li a:hover {
      color: #FE6905;
  }

  ul.header-top-links a[href^="mail"] {
      text-decoration: underline;
  }

  .hero-cta-video button {
      position: relative;
      padding: 14px 0 14px 76px;
      border: none;
      color: #fff;
      max-width: 84px;
      box-sizing: content-box;
      text-align: left;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
      text-transform: uppercase;
      font-family: 'Roboto';
      background: url('img/play.svg') 0 50% no-repeat;
  }

  .hero-cta-video button:before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
    border: 2px solid #fe6905;
    transform: translate(5px, 7px);
    border-radius: 50px;
  }

  .hero-cta-video button:hover:before {
      width: 45px;
      height: 45px;
      transform: translate(7px, 9px);
  }

  .hero-feats-inner {
      max-width: 1030px;
      margin: 0 auto;
      position: relative;
      top: -115px;
      background: #fff;
      padding: 24px 17px;
      border: 3px solid #239F6D;
      border-radius: 5px;
      text-align: center;
      margin-bottom: -210px;
  }

  .hero-feat-img img {
      margin: 0 auto 12px;
  }

  .hero-text p:not(:last-child) {
      margin-bottom: 20px;
  }

  .hero-feat {
      padding: 0 19px;
      flex: 1;
  }

  .hero-feat:not(:last-child) {
      border-right: 1px solid #C8C8C8;
  }

  .hero-feat-text p {
      opacity: 0.6;
  }

  .hero-feat-text h3,
  .hero-feat-text > .title-h3 {
      font-size: 18px;
      line-height: 1.2;
      font-weight: 600;
      margin-bottom: 10px;
  }

  .two-cols-image img {
      height: 380px;
      object-fit: cover;
  }

  .two-cols-item {
      flex: 1;
      box-shadow: 0 16px 30px -4px #0C0C0D1A, 0 4px 4px -4px rgba(12, 12, 13, 0.05);
      border-radius: 5px;
      overflow: hidden;
  }

  .two-cols-inner {
      gap: 24px;
  }

  .two-cols-item-info {
      padding: 0 36px 36px;
  }

  .two-cols-icon {
      display: inline-block;
      position: relative;
      padding: 12px;
      background: #fff;
      border-radius: 40px;
      transform: translate(-16px, -50%);
      margin-bottom: -31px;
  }

  .two-cols-text h3,
  .two-cols-text > .title-h3
   {
      font-size: 26px;
      line-height: 1.2;
      font-weight: 600;
      padding-bottom: 16px;
  }

  .two-cols-text p {
      margin-bottom: 10px;
  }

  .flexed.flexed--full {
      align-items: stretch;
  }

  .section.section-dark {
      background: #F5F5F5;
      padding: 120px 0;
  }

  .section.section-dark.section-bg-with-icon {
    background: url('img/bglogo.svg') 50% 50% #ECEEEE no-repeat;
    background-size: cover;
  }

  img.aligncenter {
      margin: 0 auto;
  }

  .charity-block-inner {
      max-width: 940px;
      margin: 0 auto;
  }

  .charity-block-inner .title-h2 {
      margin: 24px 0;
  }

  .project-gallery-list-block {
      gap: 30px 24px;
  }

  .gallery-slideshow-item.gallery-type-cta {
      align-self: stretch;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .gallery-cta-text {
      margin-bottom: 16px;
  }

  .text-image-slideshow-item {
      max-width: 1134px;
      position: relative;
  }

  .cols-8 {
    max-width: 800px;
    width: 100%;
  }

  .cols-7 {
    max-width: 710px;
    width: 100%;
  }

  .cols-6 {
      max-width: 610px;
      width: 100%;
  }

  .cols-5 {
      max-width: 500px;
      width: 100%;
  }

  .cols-4 {
      max-width: 400px;
      width: 100%;
  }

  .cols-3 {
      max-width: 300px;
      width: 100%;
  }

  .text-image-left h2 {
      margin-bottom: 16px;
  }

  .text-image {
      gap: 24px;
  }

  .text-image-left.text-video-left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 20px;
  }

  .text-image-feat-sm {
      padding: 16px 17px 16px 46px;
      background-size: 36px !important;
      width: calc(50% - 12px);
      font-weight: 700;
      border-bottom: 1px solid #C8C8C8;
      align-self: stretch;
      display: flex;
      align-items: center;
      min-height: 68px;
  }

  .text-image-features {
      gap: 0 24px;
  }

  .text-image-left {
      flex: 1;
      max-width: 632px;
  }

  .text-image.text-image-position-left {
      flex-direction: row-reverse;
  }

  .text-image-left p:not(:last-child) {
      margin-bottom: 10px;
  }

  .text-image-left p:last-child:has(a:first-child:last-child) {
      margin-top: auto;
  }

  .text-image-text {
/*    height: 100%;*/ /* SORRY */
  }

  .text-image-text .text-image-text-text:first-child:last-child {
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .text-image-features.text-image-features-sm {
      padding-top: 20px;
  }

  .cta-inner {
      padding: 70px 60px;
      text-align: center;
      color: #fff;
      max-width: 1030px;
      margin: 0 auto;
  }

  .cta-inner h2 {
      margin-bottom: 10px;
  }

  .cta-inner p {
      margin-bottom: 10px;
      font-size: 26px;
  }

  .cta-inner form {
      margin: 26px 0 16px;
  }

  .cta-inner p em {
      padding-left: 34px;
      background: url('img/money.svg') 0% 50% no-repeat;
      font-style: normal;
      font-size: 16px;
  }

  main section + .section-type-cta {
      margin-top: 0;
      margin-bottom: -185px;
      position: relative;
      top: -185px;
  }

  main section:has(+ .section-type-cta) {
      padding-bottom: 300px;
  }

  main section.section-dark:has(+ .section-type-cta) {
      padding-bottom: 300px;
  }

  .text-image-slideshow-item-img img {
      height: 475px;
      width: 710px;
      object-fit: cover;
  }

  .text-image-slideshow-item-text {
      flex: 1;
      padding: 24px;
  }

  .text-image-slideshow-item {
      display: flex !important;!i;!;
      box-shadow: 0 16px 30px -4px #0C0C0D1A, 0 4px 4px -4px rgba(12, 12, 13, 0.05);
      border: 1px solid #F5F5F5;
      border-radius: 5px;
      overflow: hidden;
  }

  .gallery-slideshow-item img,
  .text-image img {
    border-radius: 5px;
  }

  .text-image-slideshow-item-text h3,
    .text-image-slideshow-item-text > .title-h3 {
      line-height: 1.2;
      font-weight: 600;
      font-size: 26px;
      margin-bottom: 16px;
  }

  .text-image-slideshow-item-text p {
      color: #0A232399;
      margin-bottom: 24px;
  }

  li.step-item {
      max-width: 395px;
      box-shadow: 0 16px 30px -4px #0C0C0D1A, 0 4px 4px -4px rgba(12, 12, 13, 0.05);
      border-radius: 5px;
      display: block;
  }

  ol.steps-list {
      gap: 40px 24px;
  }

  li.step-item figure > img {
      height: 275px;
      object-fit: cover;
      border-radius: 5px 5px 0 0;
  }

  .step-item-index {
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: #239F6D;
      border-radius: 62px;
      margin: 0 auto;
      transform: translateY(-50%);
      color: #fff;
      border: 3px solid #fff;
  }

  .step-item-index span {
      font-size: 30px;
      font-weight: 700;
      padding: 0;
      background: none;
      line-height: 1;
      margin-top: -5px;
  }

  .step-item-index span + span {
      font-size: 18px;
      margin: 0;
  }

  .step-item-text {
      margin-top: -10px;
      text-align: center;
      padding: 0 24px 16px 24px;
  }

  .step-item-text h3,
  .step-item-text .title-h3 {
      font-size: 26px;
      line-height: 1.2;
      font-weight: 600;
      margin-bottom: 16px;
  }

  .cols-8 {
      max-width: 820px;
  }

  .text-image-feat-lg {
      padding: 40px 0;
      border-bottom: 1px solid #C8C8C8;
  }

  .text-image-feat-lg-text {
      max-width: 610px;
  }

  .text-imgage-features-lg-wrap {
      margin-top: 40px;
  }

  .text-image-feat-lg:first-child {
      border-top: 1px solid #C8C8C8;
      margin-top: 16px;
  }

  .text-image-feat-lg-title {
      padding: 15px 0 15px 94px;
      font-size: 26px;
      font-weight: 600;
      background-size: 64px !important;
  }

  .text-image-awards {
      gap: 24px;
      margin-top: 40px;
  }

  .flexed.flexed-even > div {
      flex: 1;
      max-width: 400px;
  }

  .text-image-award {
      background: #F5F5F5;
      height: 185px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
  }

  .text-image-awards img {
      height: 100px;
      width: auto;
      max-width: 170px;
      object-fit: contain;
      margin: 0 auto;

  }

  .text-image-text ul li {
      padding-left: 34px;
      margin-bottom: 10px;
      font-size: 18px;
/*      font-weight: 600;*/
      background: url('img/list-item.svg') 0 1px no-repeat;
  }

  .text-image-loop-item .text-image-text ul li {
    font-size: 16px;
    font-weight: 600;
  }

  .text-image-loop-item .text-image-text h4 {
    margin-bottom: 16px;
  }

  .text-image-discounts-title {
      font-size: 20px;
  }

  .text-image-discounts {
      margin-top: 40px;
      gap: 24px;
  }

  .discount-item-wrap {
    position: relative;

  }

  .discount-item {

      padding: 24px;
      box-shadow: 0 16px 30px -4px #0C0C0D1A, 0 4px 4px -4px rgba(12, 12, 13, 0.05);
      border: 1px solid #ECEEEE;
      border-radius: 5px;
       overflow: hidden;
  }

  .discount-item-percent {
      font-size: 36px;
      font-weight: 900;
      color: #239F6D;
      display: inline-block;
      border-bottom: 1px solid #91CFB6;
      padding-bottom: 20px;
      line-height: 1;
      margin-bottom: 20px;
  }

  .discount-item-short {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 22px;
      line-height: 1;
  }

  .discount-item-date {
      font-size: 14px;
  }

  .discount-item-img {
      position: absolute;
      width: 160px;
      height: 100%;
      right: 0;
  }

  .discount-item-img img {
      height: 100%;
      object-fit: cover;
      border-radius: 0 5px 5px 0;
  }

  .discount-item-wrap:hover {
      border-color: #239F6D;
  }

  .discount-item-wrap {
      border: 2px solid #fff;
      border-radius: 6px;
  }

  .text-image-discounts-wrap {
    margin-top: 80px;
    padding-top: 40px;
    border-top: 1px solid #C8C8C8;
  }

  .discount-item-img:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border: 192px solid transparent;
      border-right-width: 60px;
      border-left-width: 0;
      top: 0;
      left: 0;
      border-top-color: #fff;
  }

  .discount-item > a {
      position: absolute;
      inset: 0;
      text-indent: -99999px;
  }

  .discount-item.discount-item-hot:after {
      content: '';
      width: 55px;
      height: 55px;
      position: absolute;
      top: 0;
      right: 160px;
      transform: translate(50%, -50%);
      background: url('img/hot.svg') 50% 50% no-repeat;
  }

  .text-image-button-early {
      margin-top: 32px;
  }

  .section-type-text_image:has(.text-image-button-early) footer {
      display: none;
  }

  .blog-slide-item {
      width: 290px;
      box-shadow: 0 4px 4px 0 #0C0C0D1A;
      border-radius: 5px;
  }

  .blog-slide-item-img {
      height: 240px;
  }

  .blog-slide-item-img img {
      height: 100%;
      object-fit: cover;
      border-radius: 5px 5px 0 0;
  }

  ul.post-categories {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  ul.post-categories li a {
      padding: 2px 10px;
      display: inline-block;
      background: #F5F5F5;
      color: currentColor;
      font-weight: 400;
      border-radius: 5px;
      transition: 0.3s;
  }

  ul.post-categories li a:hover {
    background: #ECEEEE;
  }

  .blog-slide-item-cats {
      padding: 16px;
  }

  .blog-slide-item-title a {
      font-size: 20px;
      color: currentColor;
      font-weight: 600;
  }

  .blog-slide-item-title {
      padding: 0 16px 16px;
  }

  .blog-slide-item-title a {
      display: block;
      padding-right: 40px;
      position: relative;
      line-height: 1.3;
  }

  .blog-slide-item-title a svg {
    position: absolute;
    top: 0;
    right: 0;
  }

  .blog-slide-item-title a svg path {
    transition: 0.3s;
  }

  .blog-slide-item-title a:hover,
  .blog-slide-item-title a:hover svg path {
    stroke: #FE6905;
    color: #FE6905;
  }

  .blog-slide-item-title svg g:first-child {
      transform: translate(-100%, 100%);
  }

  .blog-slide-item-title a:hover svg g:first-child {
      transform: translate(0%, 0%);
  }

  .blog-slide-item-title a:hover svg g + g {
      transform: translate(100%, -100%);
  }

  .blog-slide-item-title a svg g {
      transition: 0.3s;
  }

  .iti__country-container {
    display: none;
  }

  .video-slideshow-item {
      width: 294px;
      border: 3px solid #239F6D;
      border-radius: 8px;
      transition: all 0.3s linear 0.6s;
  }

  .video-slideshow .video-slideshow-item.slick-center,
  .video-slideshow:not(:has(.slick-center)) .video-slideshow-item.slick-current {
      width: 497px;
/*      transition: all 0.4s linear 0.2s;*/
  }

  .video-slideshow-video video {
      object-fit: cover;
      width: 100%;
      height: 350px;
      object-position: left center;
      display: block;
      border-radius: 5px;
  }

  .video-slideshow-video {
      position: relative;
  }

  .video-slideshow-name.video-slideshow-name-over {
      position: absolute;
      bottom: 24px;
      left: 24px;
      color: #239F6D;
      font-weight: 700;
  }

  .video-play-label {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
  }

  .video-slideshow-video lite-vimeo iframe {
      width: 150%;
      left: -25%;
      opacity: 0;
  }

  .video-slideshow .video-slideshow-item.slick-center lite-vimeo iframe,
  .video-slideshow:not(:has(.slick-center)) .video-slideshow-item.slick-current lite-vimeo iframe {
      opacity: 1;
  }

  .video-play-label button {
      background: url('img/play-green.svg') 0  50% no-repeat;
      border: none;
      color: #fff;
      padding: 14px 0 14px 61px;
      margin: 0 auto;
      display: inline-block;
      height: 48px;
  }

  .video-slideshow-item:not(.slick-current) .video-play-label button {
    font-size: 0;
  }

  .video-slideshow:not(:has(.slick-center)) .slick-current .video-play-label button {
    font-size: 20px;
  }

  .video-slideshow-name {
      color: #239F6D;
      font-weight: 700;
  }

  .video-slideshow-item.slick-center .video-slideshow-name.video-slideshow-name-over {
       display: none;
  }

  .video-slideshow-video lite-vimeo {
    aspect-ratio: auto;
    height: 285px;
  }

  .video-slideshow-info {
      opacity: 0;
      visibility: hidden;
      height: 0;
      max-height: 0;
      transition: 0.1s;

      /* display: none; */
  }

  .video-slideshow-item button.ltv-playbtn {
    display: none;
  }

  .video-slideshow-info .video-slideshow-text {
      margin-bottom: 60px;
      font-size: 20px;
  }

  .section-type-text_image header {
      display: none;
  }

  section.section-type-separator {
      padding-top: 1px;
  }

  section.section-type-separator .section-inner {
      border-top: 1px solid #C8C8C8;
  }

  .video-slideshow-item.slick-center .video-slideshow-info {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 24px;
    max-height: 9999999px;
    transition: all 0.2s linear 0.3s;
    background: url('img/bglogo-sm.svg') 100% 50% no-repeat;
  }

  .text-image-text .gallery {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 !important;
  }

  .text-image-text .gallery .gallery-item {
      width: auto !important;
      float: none !important;
  }

  .text-image-text .gallery .gallery-item img {
      border: none !important;
  }

  .text-image-text-certs .title-h3 {
      font-size: 16px;
      margin-bottom: 24px;
  }

  ul.certs-list li {
      background: none;
      padding: 0;
      max-width: auto;
  }

  ul.certs-list {
      display: inline-block;
  }

  ul.certs-list li span {
      font-size: 14px;
      font-weight: 400;
      display: block;
      margin-top: 10px;
      padding-right: 24px;
      position: relative;
  }

  ul.certs-list li span:before,
  ul.certs-list li span:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    transition: 0.3s;
    top: 0;
    right: 0;
    background: url('img/arrow-top-right-orange.svg') 100% 0 no-repeat;
  }

  ul.certs-list li span:before {
    background-position: -170% 370%;
  }

  ul.certs-list li span:hover:before {
    background-position: 100% 0%;
  }

   ul.certs-list li span:hover:after {
    background-position: 250% -250%;
   }

  .suppliers-list {
      gap: 24px;
  }

  .supplier-item {
      max-width: 185px;
      padding: 20px;
      background: #F5F5F5;
      height: 185px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .supplier-item a {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
  }

  .supplier-item:has(a) {
      padding: 0;
  }

  .section-type-faq .section-inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-start;
  }

  .section-type-faq .section-inner header {
      max-width: 290px;
      width: 100%;
  }

  .section-type-faq .section-inner .section-content {
      max-width: 807px;
      width: 100%;
  }

  .faq-a {
      padding-bottom: 20px;
      display: none;
      padding-right: 50px;
  }

  .faq-q {
      font-size: 22px;
      font-weight: 600;
      padding: 16px 52px 16px 0;
      position: relative;
      cursor: pointer;
      transition: 0.3s;
  }

  .faq-a p:not(:last-child) {
    margin-bottom: 10px;
  }

  .faq-item {
      border-top: 1px solid #C8C8C8;
  }

  .faq-item:last-child {
      border-bottom: 1px solid #c8c8c8;
  }

  .faq-q:after,
  .faq-q:before {
      content: '';
      width: 20px;
      height: 2px;
      background: #239F6D;
      position: absolute;
      right: 12px;
      top: 32px;
      transition: 0.3s;
  }

  .faq-q:after {
      transform: rotate(90deg);
  }

  .faq-q:hover {
      color: #239F6D;
  }

  .hero .ti-widget .ti-header.source-all {
      padding: 0 !important;
  }

  .hero .ti-widget.ti-no-profile-img {
      max-width: 600px;
      margin-top: 20px;
      letter-spacing: 0;
  }

  .sublocations-list h3, .sublocations-list>.title-h3 {
      text-align: center !important;
      font-size: 16px !important;
      font-weight: 700 !important;
  }

  .sublocations-list {
      margin-top: 40px;
  }

  .sublocations-list ul {
      max-width: 820px;
      margin: 16px auto 0;
      column-count: 5;
      column-gap: 24px;
  }

  .sublocations-list ul li {
      margin-bottom: 10px;
      font-size: 14px;
      color: #0A232399;
  }

  .hero-text .ti-mob-row > strong:first-child {
      font-size: 0 !important;
  }

  .hero-text .ti-mob-row > strong:first-child:before {
      content: 'Top Rated Siding Experts';
      font-size: 18px;
  }

  .sublocations-list ul li a,
  .sublocations-list ul li:not(:has(a)) {
      display: block;
      width: auto;
  }

  .contact-block-info .footer-phone a {
      font-size: 26px;
  }

  .sublocations-list ul li span {
    background: url('img/check-green.svg') 6px 50% no-repeat #F5F5F5;
    padding: 0 6px 0 26px;
    border-radius: 5px;
    display: inline-block;
  }

  .location-label {
      color: #ECEEEE;
      opacity: 0.6;
      padding-left: 17px;
      background: url('img/icon-marker-gr.svg') 0 50% no-repeat;
      max-width: 300px;
      width: 100%;
  }

  .moving-img-item {
      max-width: 397px;
      margin: 0 12px;
  }

  .moving-slideshow .slick-list {
      overflow: visible;
  }

  .header-menu-wrap:has(.location-label) .header-menu-inner nav {
      margin: 0 auto;
  }

  .franch-section.franch-sep-img img {
      max-width: 400%;
      width: 100%;
      max-height: 1080px;
      object-fit: cover;
      object-position: top;
  }

  .page-start-text {
      max-width: 400px;
  }

  .emdecor em,
  .text-image-just-text h5 em {
      background: #D3ECE2;
      font-style: normal;
      border-radius: 5px;
      display: inline-block;
  }

  .section-type-text_image .text-image-text h4 {
      margin-bottom: 16px;
      color: #239F6D;
  }

  .three-cols-item {
    padding-right: 20px;
    max-width: calc(33% - 13px);
    width: 100%;
  }

  .three-cols-inner {
      gap: 25px;
  }

  .three-cols-item:not(:nth-child(3n)) {
      border-right: 1px solid #C8C8C8;
  }

  .three-cols-item h4 {
      margin: 16px 0;
  }

  .history-item {
      max-width: 280px;
      margin: 0 auto;
      position: relative;
  }

  .history-item-text {
      position: absolute;
      left: calc(100% + 50px);
      width: 400px;
      top: 0;
  }

  .history-item:not(:last-child) {
      margin-bottom: 65px;
  }

  .history-item:not(:last-child):after {
      content: '';
      width: 6px;
      height: 40px;
      background: #239F6D;
      position: absolute;
      top: calc(100% + 12px);
      left: calc(50% - 3px);
      border-radius: 10px;
  }

  .history-item-text h3 {
      color: #239F6D;
      font-size: 42px;
  }

  .history-item-text strong {
      padding: 10px 0;
      display: inline-block;
  }

  .history-item-img {
      border: 5px solid #239F6D;
      border-radius: 5px;
  }

  .history-item:nth-child(2n) .history-item-text {
      left: inherit;
      right: calc(100% + 50px);
      text-align: right;
  }

  main section.section-type-cta_full {
      margin: 0;
  }

  .cta-full-wrap {
      height: 760px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
      position: relative;
  }

  .cta-full-wrap:after {
      content: '';
      position: absolute;
      inset: 0;
      background: #00000033;
  }

  .cta-full-inner {
      position: relative;
      z-index: 2;
      padding: 0 50px;
  }

  .team-item {
      max-width: 400px;
  }

  .team-inner {
      gap: 40px 20px;
  }

  .team-item-img {
      border-radius: 5px;
      overflow: hidden;
  }

  .team-item-img img {
      transition: 0.3s;
  }

  .team-item-img img:hover {
      transform: scale(1.1);
  }

  .team-item-text {
      padding-top: 16px;
      color: #0A232399;
  }

  .team-item-text strong {
      display: inline-block;
      color: #0A2323;
      font-size: 22px;
  }

  .location-contact-form {
      max-width: 605px;
      padding: 32px;
      border: 3px solid #239F6D;
      border-radius: 8px;
  }

  .location-contact-form p {
      color: #757575;
  }

  .location-contact-form-bottom-text {
      font-size: 12px;
      margin-top: 24px;
  }

  .location-contact-form-top-text .h2  {
      font-size: 26px;
      margin-bottom: 16px;
  }

  .location-contact-form-top-text {
      margin-bottom: 24px;
  }

  .location-contact-info {
      max-width: 500px;
      width: 100%;
  }

  .location-contact-text p:not(:last-child) {
      margin-bottom: 10px;
  }

  .location-contact-text {
      padding-bottom: 40px;
      margin-bottom: 40px;
      border-bottom: 1px solid #C8C8C8;
  }

/*  .page-template-location-contact-tpl section.footer-cta {
      display: none;
  }*/

  .location-contact-add-info {
      margin: 40px 0 120px;
  }

  .wpforms-container input, .wpforms-container textarea {
      padding: 12px 16px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      font-family: 'Roboto';
      font-size: 16px;
      width: 100%;
  }

  .footer-cta-inner .wpforms-container input,
  .cta-inner .wpforms-container input {
    border-radius: 5px 0 0 5px;
    font-size: 20px;
  }

  .wpforms-submit-container button {
      padding: 15px 70px 15px 20px;
      border: none;
      background: #FE6905;
      color: #fff;
      border-radius: 5px;
      font-size: 20px;
      position: relative;
      display: inline-block;
      height: 100%;
      font-weight: 700;
  }

  .wpforms-submit-container button:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 100%;
      background: url(img/arrow-right-white.svg) transparent 50% 50% no-repeat;
      border-left: 1px solid #FFFFFF66;
      transition: 0.3s;
  }

  .wpforms-submit-container button:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 100%;
      background: url(img/arrow-right-white.svg) transparent -150% 50% no-repeat;
      transition: 0.3s;
  }

  .wpforms-submit-container button:hover:after {
    background-position: 150% 50%;
  }

  .wpforms-submit-container button:hover:before {
    background-position: 50% 50%;
  }


  .wpforms-field:not(:last-child) {
      margin-bottom: 24px;
  }

  .wpforms-field {
      position: relative;
  }

  .wpforms-field label {
      position: absolute;
      top: 10px;
      left: 12px;
      padding: 0 5px;
      background: #fff;
      transition: 0.3s;
      z-index: 3;
      border-radius: 5px;
      color: #0A232399;
      font-size: 16px;
      cursor: text;
  }

  .wpforms-field label.wpforms-error {
    color: #CD1B1B;
    top: calc(100% - 5px) !important;
    font-size: 12px;
    padding-left: 20px;
    background: url('img/alert.svg') 0 50% no-repeat #fff;
  }

  .wpforms-container input::placeholder, .wpforms-container textarea::placeholder {
      opacity: 0;
  }

  .wpforms-field:has(:focus) > label,
  .wpforms-field:not(:has(:placeholder-shown)) > label {
      top: -8px;
      font-size: 12px !important;
  }

  .wpforms-submit-container button:hover {
      background: #E05D04;
  }

  .global-contact-info.location-contact-info {
      max-width: 350px;
  }

  .global-contact-map {
      max-width: 820px;
  }

  .text-image-text h5 + p {
    margin-top: 24px;
  }

  .text-image-text h5 + h5 {
      margin-top: 10px;
  }

  .section-type-text_text .text-text > div {
      flex: 1;
  }

  .text-text-left {
      text-align: center;
      font-size: 26px;
      color: #0A232399;
  }

  .text-text-left p + p {
      margin-top: 24px;
  }

  .section-type-text_text .text-text {
      border: 3px solid #239F6D;
      border-radius: 5px;
  }

  .text-text-right {
      margin: 30px 0;
      padding: 0 30px;
      border-left: 1px solid #C8C8C8;
  }

  .text-text-right h3 {
      margin-bottom: 16px;
  }

  .text-text-right .wpforms-container {
      margin: 24px 0;
  }

  .text-text-right .wpforms-container + p {
      font-size: 12px;
  }

  .warr-text ol,
  .promo-info ol,
  .text-image-text ol {
      list-style-position: inside;
      counter-reset: item;
      list-style-type: none;
  }

  .warr-text ol li,
  .promo-info ol li,
  .text-image-text ol li {
      position: relative;
      padding-left: 38px;
/*      font-weight: 700;*/
      margin-bottom: 10px;
  }

  .warr-type-text h4 {
      margin: 16px 0;
  }

  .warr-text ol li:before,
  .promo-info ol li:before,
  .text-image-text ol li:before {
      content: counter(item);
      counter-increment: item;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #239F6D;
      width: 24px;
      height: 24px;
      position: absolute;
      border-radius: 30px;
      left: 0;
      top: 1px;
      color: #fff;
  }

  section.section-centered .text-image-just-text {
      margin: 0 auto;
  }

  section.section-centered {
      text-align: center;
  }

  .section-inner header:not(:has(.section-header-info)) {
      margin-bottom: 40px; /* was 16, why? */
  }

  .text-image-text table td {
      position: relative;
      padding: 28px 12px 0;
  }

  .text-image-text table td:before {
      content: '';
      background: url('img/list-item.svg') 0 0 no-repeat;
      position: absolute;
      width: 25px;
      height: 25px;
      top: 0;
      left: 50%;
      transform: translateX(-50%)
  }

  .text-image-text table {
      margin-top: 16px;
      margin-left: auto;
      margin-right: auto;
  }

  .section-centered .three-cols-icon img {
      margin: 0 auto;
  }

  .section-centered .three-cols-text strong {
      display: inline-block;
      margin: 14px 0;
  }

  .post-top {
      padding: 24px 0 40px;
  }

  .post-top h1 {
      margin-top: 16px;
      font-size: 50px;
  }

  .post-breads a {
      color: #0A232399;
  }

  .post-breads {
      gap: 11px;
  }

  span.sep {
      width: 6px;
      height: 10px;
      background: url('img/caret-right-green.svg') 50% 50% no-repeat;
  }

  .post-breads a:hover {
      color: #FE6905;
  }

  .post-top-right {
      max-width: 608px;
      border-radius: 5px 5px 0 0;
      overflow: hidden;
  }

  .post-meta {
      gap: 12px;
  }

  .post-top-left {
      max-width: 500px;
  }

  .post-excerpt {
      margin-top: 40px;
      font-size: 20px;
      line-height: 1.4;
  }

  .post-share {
      max-width: 80px;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-top: 12px;
          position: sticky;
    top: 230px;
  }

  .post-share:before {
      content: 'Share';
      font-size: 14px;
      color: #0A232399;
  }

  .post-share a {
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #C8C8C8;
      border-radius: 20px;
  }

  .post-share a:hover {
      background: #239F6D;
  }

  .post-share a:hover path {
      fill: #fff;
  }

  .post-text {
      max-width: 920px;
      margin: 0 auto;
  }

  .post-main-part-wrap {
      margin-top: 80px;
  }

  .post-text p, .post-text ul, .post-text ol, .post-text h2, .post-text h3, .post-text h4, .post-text h5 {
      max-width: 710px;
      margin: 0 auto 10px;
  }

  .post-text a {
      color: currentColor;
      text-decoration: underline;
  }

  .wp-caption-text {
      color: #0A232399;
      font-size: 14px;
      padding-top: 16px;
  }

  .post-text .wp-caption {
      margin: 40px 0;
      max-width: 925px;
  }

  .post-text blockquote {
      padding: 24px;
      font-size: 20px;
      border: 2px solid #239F6D;
      max-width: 760px;
      margin: 40px auto;
  }

  .post-text ol {
    padding: 6px 0 0 30px;
  }



  .regular-wrap-inner ol li::marker,
  .post-text ol li::marker {
      color: #239F6D;
      font-weight: 700;
  }

  .regular-wrap-inner ol li,
  .post-text ol li {
      padding-left: 3px;
      margin-bottom: 16px;
  }

  .post-text .gallery {
      display: flex;
      gap: 25px;
      justify-content: space-between;
      align-items: stretch;
      margin: 40px 0 !important;
  }

  .gallery-item {
      float: none !important;
  }

  .gallery-item > dt {
      height: 100%;
  }

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

  .post-text ul li {
      position: relative;
      padding-left: 14px;
      margin-bottom: 20px;
  }

  .post-text ul li:before {
      content: '';
      width: 6px;
      height: 6px;
      background: #239F6D;
      border-radius: 5px;
      position: absolute;
      top: 10px;
      left: 0;
  }

  .post-text-wrap {
    flex: 1;
  }

  .post-top-wrap {
      background: #F5F5F5;
  }

  .post-top-left ul.post-categories li a {
      background: #fff;
  }

  .post-back-link {
      max-width: 710px;
      margin: 80px auto 0;
      padding-top: 40px;
      border-top: 1px solid #C8C8C8;
  }

  section.related-posts {
      margin-top: 80px;
      padding: 90px 0 120px;
      background: #F5F5F5;
  }

  .char-get-inv + .footer-cta,
  section.related-posts + section.footer-cta {
      margin: 0;
  }

  .yarpp.yarpp-related {
      margin-top: 30px;
  }

  .related-posts-inner .blog-slide-item {
      flex: 1;
      background: #fff;
  }

  .blog-related {
      gap: 25px;
  }

  .blog-related .blog-slide-item-title {
      min-height: 76px;
  }

  .blog-slide-item-img img {
      width: 100%;
  }

  .page-template-blog-tpl .page-start-text {
      max-width: 400px;
  }

  .page-template-blog-tpl .header-page-start {
      background: #F5F5f5;
  }

  .blog-recent {
      background: #F5F5F5;
      padding-bottom: 80px;
  }

  .blog-recent .blog-slide-item {
      flex: 1;
      box-shadow: none;
  }

  .blog-recent-inner {
      gap: 24px;
  }

  .blog-recent .blog-slide-item-img {
      height: 342px;
      border: 2px solid #239F6D;
      border-radius: 5px;
      overflow: hidden;
  }

  .blog-recent .blog-slide-item-title {
      margin-top: 16px;
      padding: 0 0px 16px;
  }

  .blog-select-cats {
      padding: 80px 0;
      text-align: center;
  }

  .blog-select-cats-list {
      padding-top: 20px;
      gap: 10px;
  }

  .blog-select-cats-list a {
      padding: 15px 18px;
      color: #0A2323;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      line-height: 1.1;
      font-size: 18px;
  }

  .blog-select-cats-list a.active,
  .nav-links a:hover,
  .blog-select-cats-list a:hover {
      background: #239F6D;
      color: #fff;
  }

  .blog-button-item {
      flex: 1;
  }

  .blog-buttons-area-inner {
      gap: 24px;
  }

  .blog-buttons-area {
      background: #F5F5F5;
      padding: 80px 0;
      margin: 20px 0 40px;
  }

  .blog-list-main-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  .blog-list-main-inner .blog-slide-item {
      width: calc(33.33% - 16px);
  }

  .blog-list-main.blog-list-main2 {
      margin-bottom: 120px;
  }

  .nav-links {
      display: flex;
      justify-content: center;
      margin-top: 80px;
      gap: 10px;
  }

  .nav-links span, .nav-links a {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: 600;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      color: #0A2323;
  }

  .nav-links span {
      background: #239F6D;
      color: #fff;
  }

  .nav-links a.next,
  .nav-links a.prev {
      border: none;
      background: url('img/arrow-right-green.svg') 50% 50% no-repeat;
      text-indent: -9999999px;
      transition: 0.3s;
  }

  .nav-links a.next:hover,
  .nav-links a.prev:hover {
    background-color: #F5F5F5;
  }

  .nav-links a.prev {
    transform: rotate(180deg);
  }

  .blog-cat-header {
      padding: 80px 0;
      background: #F5F5f5;
  }

  .hero.header-big-heading {
    padding: 0;
    min-height: 510px;
    height: 735px;
    text-align: center;
    font-size: 20px;
    position: relative;
  }

  .header-big-heading-inner {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 100%;
      padding-bottom: 60px;
      position: relative;
      z-index: 2;
  }

  .hero.header-big-heading > .container {
      height: 100%;
  }

  .header-big-heading-inner h1 {
      margin-bottom: 15px;
  }

  .hero.header-big-heading:after {
      content: '';
      background: rgba(0,0,0,0.2);
      position: absolute;
      inset: 0;
  }

  body > header:has(.header-big-heading) + main {
      padding-top: 120px;
  }

  .char-text-image .text-image-right {
      max-width: 608px;
  }

  .char-text-image.text-image {
      gap: 60px;
  }

  .char-text-image.text-image:nth-child(2n + 1) {
      flex-direction: row-reverse;
  }

  .char-text-image.text-image:nth-child(2n+1) .text-image-left {
      padding-right: 20px;
  }

  .char-text-image.text-image:nth-child(1) {
      flex-direction: row;
      gap: 40px;
      padding-bottom: 120px;
      border-bottom: 1px solid #C8C8C8;
  }

  .char-text-image.text-image:nth-child(1) .text-image-right {
      max-width: 340px;
      margin: 0 auto;
  }

  .char-text-image.text-image:nth-child(1) .text-image-left {
      padding: 0;
      max-width: 697px;
      font-size: 26px;
  }

  .char-text-image.text-image + .char-text-image.text-image {
      margin-top: 120px;
  }

  .quote-text {
      max-width: calc(50% - 60px);
  }

  .quote-text blockquote {
      position: relative;
      padding: 40px 0;
      color: #0A232399;
      margin-top: 16px;
  }

  .quote-text blockquote strong {
      font-size: 20px;
  }

  .quote-text blockquote em {
      font-size: 20px;
      color: #0A2323;
      margin-bottom: 24px;
      display: block;
  }

  .quote-img {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
  }

  section.quote {
      position: relative;
  }

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

  .quote-text blockquote:before, .quote-text blockquote em:before {
      content: '';
      bottom: 0;
      position: absolute;
      right: 0;
      width: 30px;
      height: 24px;
      background: url('img/quote.svg') 50% 50% no-repeat;
  }

  .quote-text blockquote:after, .quote-text blockquote em:after {
      content: '';
      width: calc(100% - 40px);
      height: 1px;
      background: #C8C8C8;
      left: 0;
      bottom: 10px;
      position: absolute;
  }

  .quote-text blockquote em:after {
      bottom: inherit;
      top: 10px;
      left: inherit;
      right: 0;
  }

  .quote-text blockquote em:before {
      bottom: inherit;
      right: inherit;
      left: 0;
      top: 0;
  }

  .char-step {
      flex: 1;

      position: relative;
  }

  .ref-step-inner {
    overflow: hidden;
    padding: 29px;
    border: 1px solid #239F6D;
    border-radius: 5px;
    position: relative;
    height: 100%;
  }

  .char-steps {
      gap: 24px;
      margin-top: 40px;
  }

  .char-step-index {
      position: absolute;
      top: 0;
      right: 0;
      width: 72px;
      height: 72px;
      transform: translate(50%, -50%);
      display: flex;
      align-items: flex-end;
      background: #239F6D;
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      border-radius: 50px;
      padding-left: 15px;
      padding-bottom: 5px;
  }

  .char-step-text strong {
      display: block;
      margin: 14px 0;
      font-size: 20px;
  }

  .char-impact-inner .text-image-slideshow {
      margin-top: 40px;
  }

  .char-get-inv-text {
      padding: 110px 0;
      max-width: 700px;
      margin: 0 auto;
      text-align: center;
      font-size: 26px;
  }

  .char-get-inv-text h2 {
      margin-bottom: 16px;
  }

  .char-get-inv-inner {
      position: relative;
  }

  .char-get-inv-gallery div {
      position: absolute;
      top: 0;
      left: 0;
      width: 187px;
      height: 147px;
      z-index: 1;
  }

  .char-get-inv-gallery > div:nth-child(2n) {
      width: 147px;
      height: 187px;
  }

  .char-get-inv-gallery > div img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
  }

  .char-get-inv-gallery  .char-get-inv-img-1 {
      left: 150px;
      top: -65px;
  }

  .char-get-inv-gallery div.char-get-inv-img-2 {
      top: 20px;
      left: 80px;
      z-index: 2;
  }

  .char-get-inv-gallery div.char-get-inv-img-3 {
      top: inherit;
      bottom: 75px;
  }

  .char-get-inv-gallery div.char-get-inv-img-4 {
      left: 90px;
      top: inherit;
      bottom: -50px;
      z-index: 2;
  }

  .char-get-inv-gallery div.char-get-inv-img-5 {
      left: inherit;
      right: 105px;
      bottom: -50px;
      top: inherit;
  }

  .char-get-inv-gallery div.char-get-inv-img-6 {
      left: inherit;
      top: inherit;
      right: 0;
      bottom: 65px;
      z-index: 2;
  }

  .char-get-inv-gallery div.char-get-inv-img-7 {
      left: inherit;
      right: 30px;
  }

  .char-get-inv-gallery div.char-get-inv-img-8 {
      left: inherit;
      right: 165px;
      top: -80px;
      z-index: 2;
  }

  .char-impact-inner .text-image-slideshow-item {
      max-width: 712px;
      flex-direction: column;
  }

  .regular-wrap-inner p,
  .regular-wrap-inner ol,
  .regular-wrap-inner ul,
  .regular-wrap-inner div,
  .regular-wrap-inner table,
  .regular-wrap-inner h4 {
    max-width: 712px;
    margin: 0 auto;
    padding-left: 80px;
    box-sizing: content-box;
    width: 100%;
  }

  .regular-wrap-inner h2 {
      margin: 120px 0 40px;
  }

  .regular-wrap-inner p {
      margin-bottom: 10px;
  }

  .regular-wrap-inner div, .regular-wrap-inner p:has(img) {
      margin-top: 40px;
      margin-bottom: 40px;
  }

  .regular-wrap-inner h3 {
      margin: 60px 0 30px;
  }

  .regular-wrap-inner h4 {
      margin: 40px auto 20px;
  }

  .page-template-regular-location-tpl main {
      border-bottom: 1px solid #C8C8C8;
      padding-bottom: 120px;
  }

  .page-template-regular-location-tpl section.footer-cta {
      display: none;
  }

  .regular-wrap-inner ol {
      padding-left: 120px;
  }

  .ref-section-inner ul li,
  .regular-wrap-inner ul li {
      padding-left: 38px;
      margin-bottom: 15px;
      background: url('img/warn.svg') 0 0 no-repeat;
      font-weight: 700;
  }

  .regular-wrap-inner blockquote {
    padding: 24px;
    border: 2px solid #239F6D;
    margin: 40px 0 48px;
    border-radius: 5px;
    max-width: 1040px;
  }

  .regular-wrap-inner iframe {
    min-height: 185px;
  }

  .regular-wrap-inner blockquote p {
      padding: 0;
      max-width: 100%;
      font-size: 20px;
      line-height: 1.3;
  }

  .regular-wrap-inner blockquote img, .regular-wrap-inner iframe {
      float: left;
      margin-right: 24px;
      max-width: 254px;
  }

  .regular-wrap-inner blockquote p:has(iframe), .regular-wrap-inner blockquote p:has(img) {
      margin: 0;
  }

  .regular-wrap-inner p:last-child a[href^="tel"],
  .regular-wrap-inner p:last-child a[href^="mailto"] {
      margin-right: 36px;
      font-weight: 700;
      color: currentColor;
      padding: 3px 0px 3px 30px;
      background: url('img/phone.svg') 0 50% no-repeat;
  }

  .regular-wrap-inner p:last-child a[href^="tel"]:hover,
  .regular-wrap-inner p:last-child a[href^="mailto"]:hover {
    color: #FE6905;
  }

  .regular-wrap-inner p:last-child a[href^="mailto"] {
      background: url('img/email.svg') 0 50% no-repeat;
  }

  .page-template-referal-tpl .page-start-text {
      max-width: 100%;
      color: #0A232399;
      margin-top: 16px;
  }

  section.ref-section .ref-section1 p {
      max-width: 710px;
      margin: 0 auto;
      padding-left: 80px;
      box-sizing: content-box;
      margin-bottom: 10px;
  }

  .ref-how-works {
      margin-top: 80px;
  }

  .ref-steps.char-steps {
      max-width: 710px;
      margin: 0 auto;
      padding-left: 80px;
      box-sizing: content-box;
      gap: 40px;
      margin-top: 40px;
  }

  .ref-step.char-step:not(:last-child):after {
      content: '';
      width: 15px;
      height: 30px;
      position: absolute;
      left: calc(100% + 12px);
      top: calc(50% - 15px);
      background: url('img/angle-right-green.svg') 50% 50% no-repeat;
  }

  main section.ref-section + section {
      margin-top: 80px;
  }

  section.ref-section.section-dark {
      padding: 80px 0;
      background: #F5F5F5;
  }

  .ref-section-inner ul,
  .ref-rewards-info {
      padding-top: 40px;
      max-width: 710px;
      margin: 0 auto;
      padding-left: 80px;
      box-sizing: content-box;
  }

  .ref-rew-rew strong {
      font-size: 60px;
      letter-spacing: -0.03rem;
  }

  .ref-rew-rew {
      max-width: 290px;
      width: 100%;
  }

  .rew-rewards-text {
      margin-top: 40px;
  }

  .ref-rew-bonus {
      margin-top: 40px;
      padding-top: 40px;
      border-top: 1px solid #C8C8C8;
      gap: 24px;
  }

  .ref-bonus-image {
      max-width: 185px;
  }

  .ref-bonus-text {
      flex: 1;
  }

  .ref-bonus-text strong {
      font-size: 20px;
      display: block;
      margin-bottom: 6px;
  }

  .ref-section-inner h2:not(:first-child) {
      margin-top: 80px;
  }

  .ref-form {
      max-width: 710px;
      margin: 20px auto 0;
      padding-left: 80px;
      box-sizing: content-box;
  }

  .ref-form-inner {
      border: 3px solid #239F6D;
      border-radius: 8px;
      padding: 30px;
      color: #0A232399;
  }

  .wpforms-container textarea {
      height: 144px;
      resize: none;
  }

  .wpforms-field-description {
      font-size: 14px;
  }

  .ref-form-inner .wpforms-submit-container {
      margin-top: 24px;
  }

  .ref-form-inner form {
      color: #0A2323;
  }

  .ref-form-inner .wpforms-submit-container button {
      width: 230px;
      text-align: left;
  }

  .faq-list {
      max-width: 100%; /* oh no */
      flex: 1;
      margin: 0 auto;
  }

  main section.ref-section ~ section.footer-cta {
      display: none;
  }

  body.single-promotion .header-page-start {
      padding-bottom: 40px;
  }

  .promo-content {
      gap: 24px;
  }

  .promo-form,
  .promo-info {
      flex: 1;
  }

  .promo-form {
      border: 3px solid #239F6D;
      border-radius: 8px;
      padding: 32px;
  }

  .form-top-text h2 {
      font-size: 26px;
  }

  .form-top-text {
      margin-bottom: 24px;
  }

  .form-bottom-text {
      font-size: 12px;
      margin-top: 24px;
  }

  .promo-info p {
      margin-bottom: 10px;
  }

  .promo-info ol {
      padding-top: 6px;
  }

  .promo-info img {
      margin-top: 40px;
  }

  .single-promotion article.post-page-wrap + .footer-cta {
      display: none;
  }

  .single-promotion article.post-page-wrap {
      padding-bottom: 120px;
      border-bottom: 1px solid #C8C8C8;
  }

  .page-template-franch-tpl .hero {
      padding: 135px 0;
  }

  .hero-franch-inner {
      position: relative;
      padding: 30px 36px;
      background: #F0F0F0CC;
      color: #0A2323;
  }

  .hero-franch-text {
      padding-top: 48px;
      max-width: 510px;
      font-size: 26px;
  }

  .hero-franch-text h1 {
      font-size: 50px;
      padding-right: 5px;
      margin-bottom: 16px;
  }

  .hero-frach-link {
      margin-top: 24px;
      padding-bottom: 48px;
  }

  .hero-frach-link a {
    font-weight: 600;
  }

  .franch-accent-text-section-text h2 + p {
      margin-top: 16px;
      color: rgba(10, 35, 35, 0.6);
      font-size: 20px;
  }

  .franch-stories-inner h2{
      text-align: center;
  }

  .hero-franch-info {
      border-top: 3px solid #239F6D;
      border-bottom: 3px solid #239F6D;
      position: relative;
  }

  .franch-top-img {
      position: absolute;
      right: 0;
      max-width: 640px;
      width: 100%;
      bottom: -167px;
  }

  .franch-top-img img {
      max-width: none;
  }

  .franch-text-section-img {
      max-width: 608px;
      border-radius: 5px;
      overflow: hidden;
      width: 100%;
  }

  .franch-text-section-text blockquote {
      font-style: italic;
  }

  .franch-text-section-text blockquote p {
      margin-bottom: 10px;
  }

  .franch-text-section-text blockquote + p {
      position: relative;
      margin-left: auto;
      color: #0A232399;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding-top: 8px;
  }

  .franch-text-section-text blockquote + p:before {
      content: '';
      width: 100%;
      height: 1px;
      background: #C8C8C8;
      position: absolute;
      bottom: 50%;
      z-index: 1;
  }

  .franch-text-section-text blockquote + p br {
      display: none;
  }

  .franch-text-section-text blockquote + p strong {
    width: 143px;
    text-align: left;
    background: #fff;
    position: relative;
    z-index: 2;
    display: block;
    padding-left: 20px;
  }

  .franch-text-section-text {
      flex: 1;
  }

  .franch-text-section-inner {
      gap: 50px;
  }

  .franch-text-section-text h2 {
      margin-bottom: 16px;
  }

  .franch-section.franch-section-3 {
      color: #fff;
      background: #239F6D;
      padding: 70px 0;
      text-align: center;
      font-weight: 600;
  }

  .franch-accent-text-section-text h3 {
      max-width: 1110px;
      margin: 10px auto 0;
  }

  .franch-section .three-cols-inner {
      gap: 60px 26px;
      margin-top: 60px;
  }

  .franch-section .three-cols-inner .three-cols-item {
      padding-right: 26px;
      max-width: calc(25% - 20px);
      border: none;
  }

  .franch-section .three-cols-inner .three-cols-item:not(:nth-child(4n)) {
      border-right: 1px solid #eceeee;
  }

  .franch-section-num {
    flex: 1;
    text-align: center;
    font-weight: 700;
  }

  .franch-section-num strong {
      font-size: 60px;
  }

  .franch-story-video {
      max-width: 608px;
      width: 100%;
      position: relative;
	  display: inline-block;
      overflow: hidden;
      border-radius: 9px;
  }

  .franch-interviews-inner > h2{
      text-align: center;
  }

   .video-interview {
    padding-top: 60px;
    display: flex;
    flex-direction: column;
  }

  .video-interview-item {
    width: 25vw;
    max-width: 400px;
  }

 a.franch-interview-video-link {
      overflow: hidden;
      position: relative;
	  display: inline-block;
      border-radius: 6px;
  }

  .video-interview-title {
    font-size: 14px;
  }

  .video-interview-text{
    font-size: 12px;
    color: #0a232399;
  }



.video-thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color:#239F6D;
	cursor: pointer;
	z-index: 2;
}

.play-button-black {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color:rgba(0,0,0,0.8);
	cursor: pointer;
	z-index: 2;
}


.play-button::before, .play-button-black::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-left: 12px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}


  .franch-story-info {
      flex: 1;
  }

  .franch-story {
      gap: 60px;
      padding-top: 60px;
  }

  .franch-story-text > p {
      color: #0A232399;
      font-size: 20px;
  }

  .franch-story-text blockquote {
      padding-top: 16px;
  }

  .franch-story-links {
      gap: 24px;
      margin-top: 16px;
  }

  .franch-story:nth-child(2n) {
      flex-direction: row-reverse;
  }

  .stories-show-more {
      margin-top: 60px;
  }

  .stories-show-more button {
      width: 100%;
      padding: 15px;
      background: #FE69051F;
      border: none;
      border-radius: 5px;
  }

  .stories-show-more button:hover {
      background: #FE690533;
  }

  .franch-invest-text {
      margin: 40px 0;
      padding: 20px;
      background: #fff;
      border-radius: 5px;
  }

  .franch-invest-text p {
      margin-bottom: 10px;
  }

  .fr-inv-tbl-row {
      display: flex;
      gap: 24px;
      align-items: stretch;
  }

  .fr-inv-tbl-val {
      max-width: 345px;
      width: 100%;
      text-align: center;
      font-size: 20px;
      position: relative;
      padding: 12px 10px;
      background: #fff;
      transition: 0.3s;
  }

  .fr-inv-tbl-title {
      flex: 1;
      padding: 12px 0;
      border-bottom: 1px solid #DFE0E0;
      font-size: 20px;
      transition: 0.3s;
  }

  .fr-inv-tbl-row:first-child .fr-inv-tbl-val {background: #FE6905;padding: 18px 0;font-size: 26px;color: #fff;}

  .fr-inv-tbl-row:first-child .fr-inv-tbl-val.fr-inv-tbl-val2 {
      background: #239F6D;
  }

  .fr-inv-tbl-row:first-child .fr-inv-tbl-title, .fr-inv-tbl-row:last-child .fr-inv-tbl-title {
      border: none;
      font-size: 26px;
  }

  .fr-inv-tbl-val:after {
      content: '';
      height: 1px;
      width: calc(100% - 48px);
      bottom: 0;
      position: absolute;
      border-bottom: 1px solid #ECEEEE;
      left: 24px;
  }

  .fr-inv-tbl-row:first-child .fr-inv-tbl-val:after, .fr-inv-tbl-row:last-child .fr-inv-tbl-val:after {
      display: none;
  }

  .fr-inv-tbl-row:last-child {
      font-size: 26px;
      font-weight: 700;
  }

  .fr-inv-tbl-row:last-child .fr-inv-tbl-title ~ div {
      font-size: 26px;
  }

  .fr-inv-tbl-row:hover {
    background: #FAFAFA;
  }

  .fr-inv-tbl-row:not(:first-child):not(:last-child):hover > div:first-child {
      background: transparent;
      padding-left: 16px;
  }

  .fr-inv-tbl-row:not(:first-child):not(:last-child):hover > div ~ div {
      background: transparent;
  }

  section.section.section-final + section {
      display: none;
  }

  .page-template-franch-tpl footer {
      display: none;
  }

  section.section-final p {
      margin-bottom: 10px;
      font-size: 14px;
      color: #0A232399;
  }

  .frach-locs-top-text {
      text-align: center;
  }

  .frach-locs-top-text p {
      max-width: 810px;
      margin: 16px auto -26px;
      color: #0A232399;
      font-size: 20px;
  }

  .franch-locs-bottom-text {
      column-count: 2;
      column-gap: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #C8C8C8;
      margin-bottom: 24px;
  }

  .franch-locs-bottom-info {
      background: #fff;
      margin-top: 40px;
      padding: 20px;
  }

  .franch-locs-bottom-cta {
      font-size: 26px;
      text-align: center;
      font-weight: 600;
  }

  .section-faq-text {
      max-width: 300px;
  }

  section.section.section-faq .faq-list {
    margin: 0;
    max-width: 810px;
  }

  .section-faq-text p {
      margin-top: 16px;
      color: #0A232399;
  }

  .franch-section.franch-section-8,
  .franch-section.franch-section-14 {
      position: relative;
      padding: 130px 0;
      margin: 0;
      overflow: hidden;
  }

  .franch-section.franch-section-8 .franch-section-img,
  .franch-section.franch-section-14 .franch-section-img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 50%;
      z-index: 2;
  }

  .franch-section.franch-section-8 + section,
  .franch-section.franch-section-14 + section {
      margin: 0;
  }

  .franch-section.franch-section-8 .franch-section-img img,
  .franch-section.franch-section-14 .franch-section-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .franch-section.franch-section-8 .franch-section-info,
  .franch-section.franch-section-14 .franch-section-info {
      max-width: calc(50% - 60px);
      margin-left: auto;
      width: 100%;
  }

  .franch-section-copy {
      position: absolute;
      bottom: 30px;
      color: #0A232399;
      left: calc(50% + 60px);
  }

  .franch-section.franch-section-8 .franch-section-img {left: inherit;right: 0;}

  .franch-section.franch-section-8 .franch-section-info {
      margin: 0;
  }

  .franch-section.franch-section-8 ul {
      margin: 16px 0;
  }

  .franch-section.franch-section-8 p {
      margin-bottom: 10px;
  }

  .franch-section-link {
      margin-top: 40px;
  }

  .franch-section.franch-sep-img {
      margin: 0;
  }

  .franch-section.franch-sep-img {
      margin: 0;
  }

  .franch-steps-inner {
      max-width: 1025px;
      margin: 0 auto;
      text-align: center;
      font-size: 20px;
  }

  .franch-steps-inner p {
      color: #0A232399;
      margin-top: 16px;
  }

  .char-step.franch-step {
      background: #F5F5F5;
      border: none;
      text-align: center;
      flex: auto;
      width: calc(33% - 12px);
  }

  .char-step.franch-step:first-child {
      border: 2px solid #239F6D;
      border-radius: 7px;
  }

  .char-step.franch-step img {
      margin: 0 auto;
  }

  .char-step.franch-step h4 {
      margin: 10px 0;
  }

  .franch-step .char-step-link {
      margin-top: 14px;
  }

  .section-franch-cta-inner {
      padding: 80px 100px;
      color: #fff;
  }

  .section-franch-cta-inner p {
      font-size: 20px;
      margin: 10px 0 18px;
  }

  .section-franch-cta-text ul {
      margin-bottom: 18px;
  }

  .setion-franch-cta-info {
      position: relative;
  }

  .section-franch-cta-img {
      position: absolute;
      bottom: -80px;
      right: 0;
      max-width: 520px;
      width: 100%;
  }

  .warr-types,
  .warr-padd {
      max-width: 710px;
      margin: 0 auto;
      padding-left: 80px;
      box-sizing: content-box;
  }

  .warr-text p {
      margin-bottom: 10px;
  }

  .warr-section-inner .moving-imgs-inner {
      margin: 40px 0;
  }

  .warr-text h5 {
      margin-bottom: 20px;
  }

  section.warr-section.warr-section2 {
      padding: 80px 0;
      background: #F5F5F5;
  }

  main section.warr-section + section {
      margin-top: 80px;
  }

  section.warr-section h2 {
      margin-bottom: 40px;
  }

  .warr-type {
      margin: 26px 0 36px;
      flex: 1;
      position: relative;
  }

  .warr-types {
      gap: 80px;
      position: relative;
  }

  .warr-type + .warr-type:after {
      content: '';
      width: 0;
      height: 100%;
      border-right: 1px solid #C8C8C8;
      left: -40px;
      position: absolute;
      top: 0;
  }

  .warr-text .wpforms-container {
      padding: 24px;
      border: 1px solid #D9D9D9;
      border-radius: 8px;
      margin: 40px 0 120px;
  }

  .wpforms-layout-row + .wpforms-layout-row {
      margin-top: 20px;
  }

  .warr-text .wpforms-submit-container {
      margin-top: 24px;
  }

  .warr-text .wpforms-field-description {
      color: #0A232399;
  }

  .warr-text form h5 {
      margin: 0;
  }

  .warr-text form h5 + p {
      color: #757575;
  }

  .warr-text ol {
      padding: 10px 0;
  }

  .page-template-careers-tpl .header-big-heading-text {
      max-width: 795px;
  }

  .careers-text-images .text-image-left {
      max-width: 700px;
  }

  .careers-text-images .text-image-right {
      max-width: 400px;
  }

  .careers-feats h2 {
      margin-bottom: 40px;
  }

  .section-nums-text {
      max-width: 500px;
  }

  .section-nums-text h5 {
      margin-bottom: 16px;
  }

  .section-nums-nums {
      max-width: 605px;
      gap: 60px 24px;
  }

  .section-num {
      max-width: calc(33% - 16px);
      width: 100%;
  }

  .section-num-title {
      font-size: 60px;
      line-height: 1.2;
      font-weight: 700;
      color: #239F6D;
  }

  .section-jobs-list {
      margin-top: 40px;
  }

  .job-list-titles {
      font-size: 14px;
      color: #0A232399;
      padding-bottom: 20px;
      border-bottom: 1px solid #C8C8C8;
      gap: 24px;
  }

  .job-title {
      flex: 1;
  }

  .job-list-title {
      width: 187px;
  }

  .job-list-row {
      padding: 40px 0;
      border-bottom: 1px solid #C8C8C8;
      gap: 24px;
  }

  .job-list-cell.job-title {
      font-size: 26px;
      font-weight: 600;
  }

  .job-list-cell {
      width: 187px;
  }

  .job-list-cell.job-link {
      text-align: right;
  }

  .franch-story-links a[target="_blank"],
  .job-list-cell.job-link a {
      padding-right: 20px;
      color: currentColor;
      position: relative;
      display: block;
      overflow: hidden;
  }

  .franch-story-links a[target="_blank"] {
    color: #FE6905;
  }

  .job-list-cell.job-link a:hover,
  .location-contact-info a:hover {
      color: #fe6905;
  }

  .franch-story-links a[target="_blank"]:after,
  .job-list-cell.job-link a:after,
  .franch-story-links a[target="_blank"]:before,
  .job-list-cell.job-link a:before {
    content: '';
    position: absolute;
    background: url(img/arrow-top-right-orange.svg) 100% 50% no-repeat;
    background-size: 15px;
    width: 15px;
    height: 20px;
    transition: 0.3s;
    right: 0;
    top: 2px;
  }

  .franch-story-links a[target="_blank"]:before,
  .job-list-cell.job-link a:before {
    transform: translate(-100%, 100%);
  }

  .franch-story-links a[target="_blank"]:hover:before,
  .job-list-cell.job-link a:hover:before {
    transform: translate(0%, 0%);
  }

  .franch-story-links a[target="_blank"]:hover:after,
  .job-list-cell.job-link a:hover:after {
    transform: translate(100%, -100%);
  }


  .jobs-show-more.btn button {
      border: 1px solid #fff;
  }

  .jobs-show-more.btn button:hover {
      border: 1px solid #E55F05;
  }

  .job-loc-drop {
      position: relative;
      color: #0A2323;
  }

  .job-loc-drop-active {
      padding: 13px 20px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      margin-left: -20px;
      cursor: pointer;
  }

  .job-loc-drop .label {
      position: absolute;
      top: 0;
      font-size: 12px;
      padding: 0 5px;
      background: #fff;
      transform: translateY(-50%);
      left: -5px;
  }

  .job-loc-drop-active:after {
      content: '';
      width: 14px;
      height: 7px;
      position: absolute;
      top: calc(50% - 3px);
      right: 20px;
      transition: 0.3s;
      background: url('img/caret-down-black.svg') 50% 50% no-repeat;
  }

  .job-loc-drop-active.active:after {
      transform: rotate(180deg);
  }

  .job-loc-drop-list {
      position: absolute;
      background: #fff;
      z-index: 2;
      width: calc(100% + 20px);
      left: -20px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      top: calc(100% + 5px);
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
  }

  .job-loc-drop-active.active + .job-loc-drop-list {
    opacity: 1;
    visibility: visible;
  }

  .job-drop-loc-item {
      padding: 5px 20px;
      transition: 0.3s;
      cursor: pointer;
  }

  .job-drop-loc-item:hover {
      background: #eae5e5;
  }

  .section-careers.careers-text-images2 {
      background: #239F6D;
      position: relative;
      padding: 75px 0;
  }

  .section-careers.careers-text-images2 .text-image-right {
      max-width: 50%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
  }

  .section-careers.careers-text-images2 .text-image-right img {
      height: 100%;
      object-fit: cover;
  }

  .section-careers.careers-text-images2 .text-image-left {
      margin-left: auto;
      max-width: 560px;
      color: #fff;
  }

  .section-careers.careers-text-images2 .text-image-left ul li {
      font-size: 16px;
      font-weight: 400;
      background: url('img/check-light.svg') 0 0 no-repeat;
  }

  .section-careers.careers-text-images2 .text-image-left p {
      margin-bottom: 10px;
  }

  .section-careers.careers-text-images2 .text-image-left ul {
      padding-top: 6px;
  }

  .section-careers.careers-text-images2 .text-image-left hr {
      margin: 20px 0 30px 0;
  }

  .section-careers.careers-text-images2 .text-image-left h4 {
      margin-bottom: 10px;
  }

  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child {
      font-size: 26px;
      font-weight: 500;
  }

  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child a {
      color: #fff;
      background-image: none;
      padding-right: 0;
      text-decoration: underline;
  }

  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child em {
      background: rgba(255, 255, 255, 0.2);
      transition: 0.3s;
  }

  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child em:hover {
      background: rgba(255, 255, 255, 0.1);
  }

  .section-careers.section-final {
      padding-bottom: 120px;
      border-bottom: 1px solid #C8C8C8;
  }

  .section-careers.section-final h2 {
      margin-bottom: 20px;
  }

  .jobs-show-more {
      text-align: center;
      margin-top: 40px;
  }

  .btn.btn--alt button, .btn.btn--alt a {
      background: #FE690533;
      color: #E55F05;
  }

  .btn.btn--alt button:hover, .btn.btn--alt a:hover {
      color: currentColor;
      background: none;
  }

  .text-text-gallery-gal {
      max-width: 710px;
      gap: 24px;
      justify-content: flex-end;
  }

  .text-text-gal-item {
      max-width: 290px;
  }

  .text-text-gal-item:last-child {
      margin-right: 100px;
  }

  .text-text-gallery-texts {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .text-text-gallery-wrap {
      gap: 24px;
      align-items: stretch;
  }

  .text-text-gallery-text-bottom ul li {
      margin-top: 15px;
      padding-left: 32px;
      background: url('img/list-item.svg') 0% 50% no-repeat;
  }

  .text-image-loop-item .text-image-text {
      margin: 0 60px 0 36px;
  }

  .text-image-loop-item.text-image-position-right .text-image-text {
      margin: 0 36px 0 60px;
  }

  .text-image-loop-item.text-image:not(:first-child) {
      margin-top: 80px;
  }

  .page-template-not-in-area-tpl .header-page-start {
      padding-bottom: 40px;
  }

  .page-template-not-in-area-tpl .header-page-start .header-page-start-inner {
      flex-direction: column;
  }

  .page-template-not-in-area-tpl .header-page-start .header-page-start-inner .page-start-text {
      max-width: 100%;
      color: #0A232399;
  }

  .section-not-area-item {
      flex: 1;
      padding: 70px 90px 70px 60px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 3px solid #239F6D;
      border-radius: 5px;
  }

  .section-not-area {
      gap: 24px;
      position: relative;
  }

  .area-dude-wrap {
      position: absolute;
      width: 156px;
      height: 156px;
      background: #fff;
      border-radius: 100px;
      border: 3px solid #239F6D;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .page-template-not-in-area-tpl .section-final {
      padding-bottom: 120px;
      border-bottom: 1px solid #C8C8C8;
  }

  .section-not-area-item h4 {
      margin-bottom: 16px;
  }

  .not-area-btn {
      padding-top: 14px;
  }

  .area-dude-wrap:after {
      content: '';
      width: 24px;
      height: calc(100% + 30px);
      background: #fff;
      position: absolute;
      top: -20px;
      left: 50%;
      transform: translateX(-50%);
  }

  .area-dude {
      height: 100%;
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .area-dude-inner {
      width: 128px;
      height: 128px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #239F6D33;
      border-radius: 100px;
  }

  .section-not-area-item.active {
      background: #E9F6F1;
  }

  .section-not-area-item + .section-not-area-item {
      padding: 70px 60px 70px 90px;
  }

  .page-template-thank-tpl .header-page-start {
      padding-bottom: 40px;
      text-align: center;
  }

  .page-template-thank-tpl .header-page-start-inner {
      justify-content: center;
  }

  .page-template-thank-tpl .page-start-text {
      max-width: 100%;
      color: #0A232399;
  }

  .th-top-text-inner {
      font-size: 26px;
      max-width: 605px;
      margin: 0 auto;
      text-align: center;
      font-weight: 500;
  }

  section.section.th-section + section.section.th-section {
      margin-top: 60px;
  }

  .section.section-dark.th-section {
      padding: 60px 0;
  }

  .th-next-text, .th-exp-text {
      text-align: center;
      max-width: 675px;
      margin: 0 auto 40px;
  }

  .th-exp-text p {
      margin-top: 10px;
  }

  .th-exp-steps, .th-next-steps {
      gap: 24px;
  }

  .th-exp-steps > div, .th-next-steps > div {
      flex: 1;
  }

  .th-next-step {
      padding: 24px 0 0 36px;
      border-top: 1px solid #C8C8C8;
      gap: 14px;
  }

  .th-next-step-index {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #239F6D;
      color: #fff;
      border-radius: 20px;
      font-weight: 700;
  }

  .th-next-step-text {
      flex: 1;
  }

  .th-next-step-text strong {
      font-size: 20px;
      display: block;
      margin-bottom: 5px;
  }

  .th-exp-step {
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      padding: 30px;
      align-self: stretch;
  }

  .th-exp-step-text {
      padding-top: 40px;
  }

  .th-exp-step-text p {
      color: #0A2323 !important;
      font-size: 16px !important;
  }

  .th-exp-step-text p strong {
      font-size: 20px;
  }

  .section-final.th-section {
      padding-bottom: 120px;
      border-bottom: 1px solid #C8C8C8;
  }

  .page-template-thank-tpl h1 {
      position: relative;
      color: #239F6D;
      padding: 10px 48px;
  }

  .page-template-thank-tpl h1:after,
  .page-template-thank-tpl h1:before {
      content: '';
      width: 32px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: url('img/boom.svg') 50% 50% no-repeat;
  }

  .page-template-thank-tpl h1:after {
    left: inherit;
    right: 0;
    transform: rotate(180deg);
  }

  .th-top-text-inner p strong span {
      background: #239F6D33;
      padding: 0 2px;
      min-width: 33px;
      display: inline-block;
      line-height: 33px;
      border-radius: 5px;
  }

  .section.section-404 {
      padding: 60px 0;
      border-bottom: 1px solid #C8C8C8;
  }

  .section-404-inner {
      gap: 45px;
  }

  .section-404-col {
      flex: 1;
      text-align: center;
      position: relative;
  }

  .section-404-text h5 {
      font-weight: 700;
      margin-bottom: 16px;
  }

  .section-404-text p {
      margin-bottom: 16px !important;
  }

  .section-404-text img {
      max-width: 350px;
      margin: 0 auto;
  }

  .section-404-col:first-child:before, .section-404-col:last-child:before {
      content: '4';
      position: absolute;
      font-size: 700px;
      top: 0;
      left: 0;
      font-weight: 700;
      line-height: 1;
      transform: translateY(-52.5%);
      color: #F5F5F5;
  }

  .section-404-col > div {
      position: relative;
      z-index: 2;
  }

  .section-404-col .zip-form-form {
      display: flex;
      justify-content: center;
  }

  .zip-form-form input {
      border: 3px solid #FE6905;
      border-radius: 5px 0 0 5px;
      padding: 11px 16px;
      margin-right: 0px;
      font-size: 20px;
      font-family: 'Roboto';
      max-width: 210px;
  }

  .popup .zip-form-form input {
    padding: 16px;
  }

  .area-dude-inner {
      position: relative;
  }

  .area-dude-inner:after, .area-dude-inner:before {
      content: '';
      width: 4px;
      height: 5px;
      background: #239F6D;
      border-radius: 3px;
      position: absolute;
      left: calc(50% - 15px);
      top: calc(50% - 4px);
      transition: all 0.3s linear 0s;
  }

  .area-dude-inner:after {
      left: calc(50% + 9.5px);
  }

  .area-dude-svg-inner:before,
  .area-dude-svg-inner:after {
      content: '';
      width: 7px;
      height: 3px;
      background: #239F6D;
      position: absolute;
      transition: all 0.3s linear 0.1s;
      border-radius: 10px;
      top: calc(50% + 15px);
      left: calc(50% - 13px);
      transform: rotate(0);
  }

  .area-dude-svg-inner:after {
    left: calc(50% + 6px);
  }

  .section-not-area-item.active:first-child ~ .area-dude-wrap .area-dude-svg-inner:before {
    top: calc(50% + 13px);
    left: calc(50% - 18px);
    transform: rotate(45deg);
  }

  .section-not-area-item.active:not(:first-child) ~ .area-dude-wrap .area-dude-svg-inner:after {
    top: calc(50% + 14px);
    left: calc(50% + 11px);
    transform: rotate(-45deg);
  }

  .section-not-area-item.active:not(:first-child) ~ .area-dude-wrap .area-dude-inner:after,
  .section-not-area-item.active:not(:first-child) ~ .area-dude-wrap .area-dude-inner:before {
    transform: translateX(3px);
  }

  .four-cols-item.four-cols-info {
      padding: 36px 24px;
      background: #F5F5F5;
      border-radius: 5px;
      text-align: left;
  }

  .four-cols-inner {
      gap: 24px;
  }

  .four-cols-item {
      flex: 1;
  }

  .four-cols-img {
      height: 100%;
      border-radius: 5px;
      overflow: hidden;
  }

  .four-cols-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .four-cols-gallery {
      margin-top: 40px;
      padding: 24px 0;
      border-top: 2px solid #239F6D;
      border-bottom: 2px solid #239F6D;
      gap: 16px;
  }

  .four-cols-gallery img {
      height: 50px;
      width: auto;
  }

  .siding-types-list.siding-type-list-grid ul {
      display: flex;
      align-items: stretch;
      gap: 24px;
      flex-wrap: wrap;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(1), .siding-types-list.siding-type-list-grid ul li:nth-child(2), .siding-types-list.siding-type-list-grid ul li:nth-child(3) {
      width: calc(33% - 16px);
  }

  .siding-types-list.siding-type-list-grid ul li {
      box-shadow: 0 0px 30px -4px #0C0C0D1A, 0 4px 4px -4px rgba(12, 12, 13, 0.05);
      border: none;
      padding: 0;
      gap: 0;
      flex-direction: column;
      justify-content: flex-start;
      border-radius: 5px;
  }

  .siding-types-list.siding-type-list-grid .siding-type-img {
      max-width: 100%;
      width: 100%;
  }

  .siding-types-list.siding-type-list-grid ul .siding-type-info {
      max-width: 100%;
      padding: 0 24px;
      width: 100%;
  }

  .siding-types-list.siding-type-list-grid .siding-type-price {
      padding: 10px 20px;
      display: inline-block;
      background: #239F6D1A;
      border-radius: 5px;
  }

  .siding-types-list.siding-type-list-grid .siding-type-right {
      max-width: 100%;
      padding: 16px 24px 24px;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(n+4) {
      flex-direction: row;
      width: 100%;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(n+4) .siding-type-right.desktop {
      display: none;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(n+4) .pad {
      display: block;
      margin-top: 24px;
  }

  .siding-types-list.siding-type-list-grid li:nth-child(n+4) .siding-type-img {
      width: calc(33% - 16px);
      align-self: stretch;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(n+4) .siding-type-info {
      flex: 1;
      padding: 24px;
  }

  .siding-types-list.siding-type-list-grid li:nth-child(n+4) .siding-type-img img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .siding-types-list.siding-type-list-grid li:nth-child(n+4) .siding-type-img figure {
      height: 100%;
  }

  .siding-types-list.siding-type-list-grid ul li:nth-child(n+4) .siding-type-left {
      gap: 0;
  }

  .siding-types-list.siding-type-list-grid ul p {
      margin-bottom: 10px;
  }
  .four-cols-icon {
      margin-bottom: 16px;
  }

  .four-cols-item.four-cols-info p {
      margin-top: 16px;
  }

  .four-cols-inner {
/*      padding-top: 24px; why it was there??? */
  }

  .siding-types-list.siding-type-list-grid ul li .btn {
    padding-top: 8px;
  }

  .hero-inner-left {
      max-width: 700px;
  }

  .hero-inner-right {
      flex: 1;
  }

  .hero-inner-right:has(form) {
      max-width: 500px;
      background: #fff;
      padding: 30px;
      border-radius: 8px;
      color: #0A2323;
  }

  .hero-inner-right:has(form) p {
      margin: 20px 0;
      font-size: 20px;
  }

  .page-template-ppc-tpl .hero-inner h1 {
    font-weight: 400;
  }

  .page-template-ppc-tpl .hero-inner h1 + p:has(+ul) {
      font-size: 20px;
  }

  .page-template-location-tpl .hero-inner h1:not(.h1) {
      font-weight: 400;
      font-size: 20px;
  }

  .mini-city .hero-inner-left {
      max-width: 780px;
  }

  .page-template-ppc-tpl .hero-inner-left {
      max-width: 550px;
  }

  .tabs-item-text ul li,
  .page-template-ppc-tpl .hero-inner ul li {
      position: relative;
      padding-left: 34px;
      font-weight: 600;
      margin-bottom: 10px;
  }

  .tabs-item-text ul,
  .page-template-ppc-tpl .hero-inner ul {
      margin-top: 32px;
  }

  .tabs-item-text ul li:before,
  .page-template-ppc-tpl .hero-inner ul li:before {
      content: '';
      width: 18px;
      height: 2px;
      background: #239F6D;
      position: absolute;
      left: 0;
      top: calc(50% - 1px);
  }

  .subheading-gallery-item img {
      height: 60px;
  }

  section.subheading-gallery {
      padding: 30px 0;
      border-bottom: 1px solid #C8C8C8;
  }

  body > header:has(.subheading-gallery) + main {
      padding-top: 120px;
  }

  .three-cols-type-titles .three-cols-item {
      background: #fff;
      border-radius: 8px;
      border: none;
      padding: 0;
  }

  .three-cols-title {
      font-size: 26px;
      font-weight: 600;
      padding: 20px 10px;
      border-radius: 8px 8px 0 0;
      color: #fff;
      background: #239F6D;
  }

  .three-cols-item:nth-child(2n+1) .three-cols-title {
      background: #FE6905;
  }

  .three-cols-type-titles .three-cols-text {
      text-align: left;
      padding: 24px;
  }

  .three-cols-type-titles .three-cols-text ul li {
      margin-top: 15px;
      padding: 0 17px 0 34px;
      background: url('img/list-item.svg') 0 0 no-repeat;
  }

  header:has(.subheading-gallery) .hero {
      padding-bottom: 100px;
  }

  .tabs-nav {
      gap: 15px;
      margin-bottom: 60px;
  }

  .tab-nav-item {
      padding: 10px 20px;
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      cursor: pointer;
  }

  .tab-nav-item.active {
      background: #239F6D;
      color: #fff;
      border-color: #239F6D;
  }

  .tabs-item-info {
      max-width: 400px;
      text-align: left;
  }

  .tabs-item-img {
      width: 350px;
      cursor: pointer;
      position: relative;
  }

  .tabs-item-img img {
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
  }

  .tabs-item-img:after {
      content: '';
      width: 36px;
      height: 36px;
      position: absolute;
      right: 12px;
      bottom: 12px;
      background: url('img/zoom.svg') 50% 50% no-repeat;
      border-radius: 15px;
      transition: 0.3s;
  }

  .tabs-item-img:hover:after {
    opacity: 0.7;
  }

  section.section-type-tabs footer {
      padding-top: 60px;
      margin-top: 60px;
      border-top: 1px solid #C8C8C8;
  }

  .section-footer-text {
      margin-bottom: 24px;
  }

  .section-type-suppliers .section-header-text {
      color: rgba(10, 35, 35, 1);
  }

  .tabs-item-text ul {
      margin-top: 15px;
  }

  .tabs-item-link {
      margin-top: 30px;
  }

  .tabs-item-link a {
      padding-left: 30px;
      background: url('img/pdf.svg') 0 50% no-repeat;
      text-decoration: underline;
  }

  .tabs-item-text ul li {
      font-weight: 400;
  }

  .tabs-item-text ul li:before {
      top: 13px;
  }

  .tabs-item-img-pop {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      z-index: 10;
  }

  .four-cols-inner.four-cols-inner-bordered > .four-cols-item {
      background: #fff;
      border: 1px solid #239F6D;
      padding: 30px 20px;
  }

  .four-cols-inner.four-cols-inner-bordered > .four-cols-item strong {
      font-size: 20px;
  }

  .section-type-faq .section-inner:has(.faq-list-cols-1) {
      display: block;
  }

  .section-type-faq .section-inner:has(.faq-list-cols-1) header {
      max-width: 100%;
      text-align: center;
  }

  .faq-list.faq-list-cols-1 {
      max-width: 100%;
      display: flex;
      gap: 0 60px;
      flex-wrap: wrap;
      align-items: flex-start;
  }

  .faq-list.faq-list-cols-1 .faq-item {
      max-width: calc(50% - 30px);
      width: 100%;
  }

  .section-type-faq .section-inner:has(.faq-list-cols-1) .section-content {
      max-width: 100%;
  }

  .faq-list.faq-list-cols-1 .faq-item:nth-last-child(2) {
      border-bottom: 1px solid #C8C8C8;
  }

  .page-template-ppc-tpl .section-type-text_text:has(form) .section-inner {border: 3px solid #239F6D;padding: 50px 32px 32px;border-radius: 5px;}

  .page-template-ppc-tpl .section-type-text_text:has(form) .section-inner .text-text {
      border: none;
      text-align: left;
  }

  .text-text-left:has(form) {
      font-size: 16px;
      text-align: left;
  }

  .page-template-ppc-tpl .section-type-text_text:has(form) .section-inner input {
      border-color: #239F6D;
  }

  .text-text-left:has(form) small {
      margin-top: 24px;
      display: block;
      font-size: 12px;
  }

  .page-template-ppc-tpl .text-text-right {
      border: none;
  }

  .page-template-ppc-tpl .text-text-right a[href^="tel"] {
    font-size: 26px;
    color: #239F6D;
    font-weight: 600;
    padding: 3px 0 3px 46px;
    background: url(img/phone-bg.svg) 0 50% no-repeat;
  }

  .price-match-wrap {
      padding: 120px 0;
      text-align: center;
      border-bottom: 1px solid #C8C8C8;
  }

  .price-match-text {
      display: inline-block;
      font-size: 26px;
      color: #239F6D;
      font-weight: 600;
      padding: 7px 0 7px 64px;
  }

  .price-match-text a {
      color: #239F6D;
  }

  .page-template-ppc-tpl .footer-middle-left {
      max-width: 290px;
      width: 100%;
  }

  .page-template-ppc-tpl .footer-middle-left .footer-logo img {
      width: 100%;
  }

  .page-template-ppc-tpl .footer-copyright {
      color: #859191;
      margin-top: 32px;
  }

  .page-template-ppc-tpl .footer-middle-right {
      max-width: 608px;
      display: block;
      width: 100%;
  }

  .page-template-ppc-tpl .footer-phone {
      flex: 1;
      margin-bottom: 10px;
  }

  .page-template-ppc-tpl .footer-middle-right > .flexed {
      gap: 24px;
  }

  .page-template-ppc-tpl .footer-middle-right > .flexed > div {
      width: calc(50% - 12px);
  }

  .footer-address-socials {
      margin-top: 16px;
  }

  .moving-imgs-inner.moving-imgs-inner-sm img {
      max-width: 186px;
      height: 130px;
      object-fit: cover;
      border-radius: 5px;
      transition: scale 0.3s linear 0s;
  }

  .moving-imgs-inner.moving-imgs-inner-sm .moving-img-item img:hover {
      border: 3px solid #239F6D;
      scale: 1.1;
  }

  .moving-imgs-inner.moving-imgs-inner-sm .moving-img-item {
      transition: 0.2s;
      border-radius: 5px;
      cursor: pointer;
  }

  .moving-imgs-inner.moving-imgs-inner-sm {
      margin-top: 40px;
      margin-bottom: 30px;
  }

  .video-popup.popup,
  .moving-imgs-popup {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .video-popup.popup {
    width: 480px;
    max-width: 100%;
  }

  .moving-imgs-popup .moving-img-item {
      max-width: 100%;
      height: auto;
  }

  .moving-imgs-popup .moving-img-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
  }

  .moving-imgs-popup-slideshow .slick-track {
      display: flex;
  }

  .moving-imgs-popup .slick-dots {
      display: flex;
      justify-content: center;
      margin-top: 10px;
      height: 10px;
      overflow: hidden;
  }

  .moving-imgs-popup .slick-dots li {
      flex: 1;
      background: #eee;
  }

  .moving-imgs-popup .slick-dots li button {
      width: 100%;
      border: none;
      text-indent: -99999px;
  }

  .moving-imgs-popup .slick-dots li.slick-active button {
      background: #239f6d;
  }

  .faq-q.active:after, .faq-q.active:before {
      transform: rotate(45deg);
  }

  .faq-q.active:after {
      transform: rotate(-45deg);
  }

  .wpforms-field.wpforms-field-hp {
      position: absolute;
      top: -99999px;
      left: -99999px;
  }

  .ideal-coordinates {
      display: none;
  }

  .hero-cta-form form {
      display: flex;
  }

  .hero-cta-form form button:after,
  .hero-cta-form form button:before {
      display: none;
  }

  .hero-cta-form form button {
      padding-right: 20px;
      border-radius: 0 5px 5px 0;
      height: 100%;
  }

  .hero-cta-form form input {
    border-radius: 5px 0 0 5px;
    border: 3px solid #fe6905;
    line-height: 29px;
    font-size: 20px;
    padding: 16px 16px;
  }

  .hero-cta-form .wpforms-field {
      margin: 0;
  }

  .hero-cta-form form {
    background: rgba(10, 35, 35, 0.60);
    padding: 10px;
    border-radius: 5px;
  }

  .hero-cta-text {
      margin-bottom: 12px;
  }

  .hero-cta-form {
      color: #6C7B7B;
  }

  .hero-cta-form .wpforms-field label {
      transform: translateY(9px);
  }

  .hero-cta-form span.wpforms-required-label {
      display: none;
  }

  .cta-inner form, .footer-cta-inner form {
      color: #6C7B7B;
      display: flex;
      justify-content: center;
  }

  .cta-inner form .wpforms-field, .footer-cta-inner form .wpforms-field {
      margin: 0;
  }

  .cta-inner form .wpforms-field-container, .footer-cta-inner form .wpforms-field-container {
      background: #fe6905;
      border-radius: 5px 0 0 5px;
      padding: 4px 3.5px;
  }

  .cta-inner form button, .footer-cta-inner form button {
      border-radius: 0 5px 5px 0px;
  }

  .text-image.text-video .text-image-right iframe {
      width: 100%;
      height: 290px;
  }

  .popup .vide-inner {
      overflow: hidden;
      padding-bottom:56.25%;
      position:relative;
      height:0;
  }

  .popup .vide-inner iframe {
      left: 0;
      top:0;
      height:100%;
      width:100%;
      position:absolute;
  }

  nav.footer-locations h3,
  nav.footer-locations > .h3 {
      font-size: 22px;
  }

  nav.footer-locations {
      width: calc(33.333% - 18px);
      position: relative;
      z-index: 2;
  }

  nav.footer-locations.footer-locations-us {
      width: calc(66.666% + 18px);
  }

  .footer-bottom-inner > div {
      gap: 0;
  }

  nav.footer-locations ul {
      margin-top: 30px;
      column-count: 2;
      column-gap: 5px;
  }

  nav.footer-locations ul li a {
      color: #239F6D;
  }

  nav.footer-locations ul li {
      margin-bottom: 10px;
  }

  nav.footer-locations.footer-locations-us ul {
      column-count: 4;
  }

  nav.footer-locations ul li a:hover {
      color: #FE6905;
  }

  nav.footer-locations.footer-locations-ca ul {
      column-gap: 24px;
  }

  .location-contact-info .zip-form-wrap {
      margin-top: 60px;
  }

  .location-contact-info .zip-form-form {
      background: #F5F5F5;
      padding: 10px;
      border-radius: 5px;
      margin-top: 10px;
  }

  ul.contact-cards-list {
      gap: 24px;
  }

  ul.contact-cards-list li {
      width: calc((100% - 120px) / 6);
      padding: 16px;
      background: #F5F5F5;
      border-radius: 5px;
      transition: 0.3s;
  }

  ul.contact-cards-list li:hover {
    background: #ECEEEE;
  }

  .contact-cards {
      margin-bottom: 80px;
  }

  .card-address {
      margin: 10px 0;
  }

  .card-title a {
      padding-left: 32px;
      font-size: 20px;
      color: #0A2323;
      font-weight: 600;
      background: url('img/icon-pin.svg') 0 50% no-repeat;
  }

  .card-phone a {
      font-size: 14px;
      font-weight: 600;
      color: #239F6D;
  }

  section.global-contact-cards-section {
/*      border-bottom: 1px solid #C8C8C8;*/
  }

  .contact-cards-head {
      margin-bottom: 40px;
  }

  .contact-cards-head input {
      border: 1px solid #C8C8C8;
      border-radius: 5px;
      padding: 10px 16px;
      max-width: 292px;
      width: 100%;

  }

  .contact-cards-head input:placeholder-shown {
    background: url('img/search.svg') calc(100% - 16px) 50% no-repeat;
  }

  .header-menu-inner nav > ul > li.loc-menu-item a {
    padding-left: 54px;
    background: url('img/find-loc.svg') 20px 50% no-repeat;
  }

  li.loc-menu-item a:after {
      content: '';
      width: 100%;
      height: 2px;
      transition: 0.3s;
      background: #239F6D;
      bottom: 0;
      position: absolute;
      left: 0;
  }

  li.loc-menu-item a:hover:after {
      height: 4px;
  }

  .disclaimer-view {
    width: 130px;
    height: 30px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #239F6D;
    background: #f5f5f5;
    font-size: 16px;
    padding: 3px;
    position: relative;
    margin-left: auto;
    margin-right: 16px;
    text-decoration: underline dotted;
    cursor:pointer;
    z-index: 5;
  }

  .disclaimer-view i.hand-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDE4LjAwNzhMMyAxOC4wMDc4QzIuNDQ4IDE4LjAwNzggMiAxNy41NTk4IDIgMTcuMDA3OEwyIDEwLjAwNzhDMiA5LjQ1NTgxIDIuNDQ4IDkuMDA3ODEgMyA5LjAwNzgxTDUgOS4wMDc4MUM1LjU1MiA5LjAwNzgxIDYgOS40NTU4MSA2IDEwLjAwNzhMNiAxNy4wMDc4QzYgMTcuNTU5OCA1LjU1MiAxOC4wMDc4IDUgMTguMDA3OFoiIHN0cm9rZT0iIzIzOUY2RCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDEyLjAxTDIwLjUgMTIuMDFDMjEuMzI4IDEyLjAxIDIyIDExLjMzOCAyMiAxMC41MUMyMiA5LjY4MjA0IDIxLjMyOCA5LjAxMDA0IDIwLjUgOS4wMTAwNEwxMiA5LjAxMDA0TDEzLjQ5NCA2LjAyMzA0QzEzLjc5NiA1LjQxODA0IDEzLjY3OCA0LjY4ODA0IDEzLjIgNC4yMTAwNEMxMi41NTMgMy41NjMwNCAxMS40OTIgMy42MDQwNCAxMC44OTcgNC4yOTgwNEw2LjQ4MiA5LjQ0ODA0QzYuMTcxIDkuODEwMDQgNiAxMC4yNzIgNiAxMC43NDlMNiAxNi4xNkM2IDE3LjE3OSA2Ljc2NiAxOC4wMzUgNy43NzkgMTguMTQ4TDEzLjA3MyAxOC43MzZDMTQuMTQ3IDE4Ljg1NSAxNS4xMjEgMTguMSAxNS4yNzQgMTcuMDMxTDE2IDEyLjAxWiIgc3Ryb2tlPSIjMjM5RjZEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
  }
.disclaimer-view .tooltiptext {
    position: absolute;
    opacity: 0;
    visibility: hidden; /* Добавлено для корректного скрытия */
    color: #0a2323;
    background: #eeeeee;
    width: 412px;
    padding: 10px;
    border-radius: 5px;
    right: 140px;
    top: 50%;
    transform: translateY(-50%) translateX(20px);
    transition: all 0.4s ease;
    pointer-events: none;
    z-index: 10;
    text-decoration: none; /* Чтобы не наследовалось подчеркивание */
    font-weight: 300;
}
.disclaimer-view .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px; /* Выносим половину квадрата за пределы тултипа */
    transform: translateY(-50%) rotate(45deg); /* Поворачиваем ромбом */
    width: 12px;
    height: 12px;
    background: #eeeeee; /* Тот же цвет, что у фона тултипа */
    pointer-events: none;
}
.disclaimer-view:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}


  .form-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 40px;
    border: 3px solid #239F6D;
    border-radius: 0;
    max-width: 600px;
    z-index: 9;
  }

  #find-loc-popup .form-popup-content > p {
      font-size: 20px;
      color: #0A232399;
  }

  .form-popup-content .zip-form-form {
    margin: 24px 0;
  }

  div#find-loc-popup {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 30px;
  }

  button.form-popup-close.popup-close {
    background: url('img/close-white.svg') 50% 50% #239F6D no-repeat;
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    transition: 0.3s;
  }

  button.form-popup-close.popup-close:hover {
    background-color: #19734F;
  }

  .form-popup-alt button.form-popup-close.popup-close {
    top: -16px;
    right: -16px;
    border-radius: 30px;
  }

  .form-popup-content .zip-form-form input {
    max-width: 100%;
    flex: 1;
  }

  .form-popup-content .wpforms-field:not(:last-child) {
      margin-bottom: 12px;
  }

  .form-popup-content .wpforms-layout-column.wpforms-layout-column-50 {
    padding-right: 6px !important;
  }

  .form-popup-content .wpforms-layout-column.wpforms-layout-column-50 + .wpforms-layout-column.wpforms-layout-column-50 {
      padding: 0 10px 0 6px !important;
  }

  .form-popup-content h4 {
      margin-bottom: 8px;
  }

  .form-popup-content form {
      margin: 24px 0;
  }

  .popup:not(.form-popup-alt) .form-popup-content form button:after {
      display: none;
  }

  .form-popup-content form button {
      padding-right: 20px;
      width: 100%;
      margin-top: 12px;
  }

  .form-popup-content small {
      display: block;
      font-size: 11px;
      color: #0A232399;
      text-align: center;
  }

  .form-popup-content > p {
      color: #0A232399;
  }

  div#find-loc-popup small {
      font-size: 14px;
      color: #0A2323;
      text-align: left;
  }

  .wpforms-entry-preview.wpforms-entry-preview-compact {
      display: none;
  }

  .hero .wpforms-confirmation-container {
      color: #fff;
      max-width: 300px;
  }

  .menu-icon-wrap {
    display: none;
  }

  .menu-icon {
    height: 12px;
    cursor: pointer;
    width: 20px;
    position: relative;
    overflow: hidden;
  }
  .menu-icon:before, .menu-icon:after {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    border-radius: 10px;
    transform-origin: center center;
    background-color: #239F6D;
  }
  .menu-icon:before {
    position: absolute;
    top: 0px;
    left: 9px;
    transform: rotate(-45deg);
  }
  .menu-icon:after {
    position: absolute;
    top: 0px;
    right: 9px;
    transform: rotate(45deg);
  }
  .menu-icon .bar {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
    width: 100%;
    height: 2.5px;
    background-color: #fff;
    border-radius: 0;
  }
  .menu-icon .bar-1 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu-icon .bar-2 {
    position: absolute;
    top: 5px;
    left: 0;
  }
  .menu-icon .bar-3 {
    position: absolute;
    top: 10px;
    left: 0;
  }
  .menu-icon.opened .bar {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
  }
  .menu-icon.opened:before, .menu-icon.opened:after {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
  }
  .menu-icon-2:before {
    transform: scale(1.3) rotate(-45deg);
  }
  .menu-icon-2:after {
    transform: scale(1.3) rotate(45deg);
  }
  .menu-icon-2:before, .menu-icon-2:after {
    opacity: 0;
  }
  .menu-icon-2.opened .bar {
    transform: translateX(40px);
  }
  .menu-icon-2.opened:before, .menu-icon-2.opened:after {
    opacity: 1;
  }
  .menu-icon-2.opened:before {
    transform: scale(1) rotate(-45deg);
  }
  .menu-icon-2.opened:after {
    transform: scale(1) rotate(45deg);
  }

  section.section-type-text_text .text-text-left:not(:has(form)) {
      color: #0A2323;
  }

  section.section-type-text_text .text-text-left:not(:has(form)) a[href^="tel"] {
    color: #239F6D;
    font-weight: 600;
  }

  .text-image-text .text-image-text-text:has(+.text-image-button-early) {
      height: auto;
  }

  .moving-img-item img {
      height: 320px;
      object-fit: cover;
      border-radius: 5px;
  }

  .section-type-contact_info .section-header-text, .section-type-faq .section-header-text {
      font-size: 16px;
  }

  .page-template-referal-tpl .faq-list {
      max-width: 710px;
  }

  .text-image-badges img {
      height: 55px;
  }

  .text-image-badges {
      gap: 20px;
      margin-top: 40px;
      margin-bottom: 40px;
  }

  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child a:after,
  .section-careers.careers-text-images2 .text-image-left h4 + p:last-child a:before {
    display: none;
  }

  .zip-form-inner .btn button {
      height: 100%;
      margin: 0;
      border-radius: 0 5px 5px 0;
  }

  button.ziptoggle {
      font-size: 16px;
      background: none;
      text-align: left;
      border: none;
      border-bottom: 2px dotted #FE6905;
      display: inline-block;
      width: auto !important;
      padding: 0 !important;
      transition: 0.3s;
  }

  button.ziptoggle:hover {
    color: #E05D04;
  }

  .zipinput {
      display: none;
      max
  }

  button.ziptoggle.active {
    color: #0A2323;
    border-color: #0A2323;
  }

  .promo-form .wpforms-field:has(button.ziptoggle),
  .form-popup:not(.form-popup-prent-options) .wpforms-field:has(button.ziptoggle) {
    display: none;
  }

  .form-popup:not(.form-popup-prent-options) .wpforms-field-layout:has(.zipinput) {
      margin: 0 !important;
  }

  lite-vimeo {
      border-radius: 5px;
  }

  .two-cols-link.btn {
      margin-top: 24px;
  }

  .text-image-text-text + .text-image-text-certs {
    padding-top: 40px;
  }

  .header-page-start-inner:has(.back-link) {
      margin-top: 5px;
  }

/*  .gallery-in-gallery,
  .gallery-in-gallery div,
  .gallery-in-gallery figure,
  .gallery-in-gallery img {
      height: 100%;
      object-fit: cover;
  }*/

  .video-slideshow {
      min-height: 600px;
      display: flex;
      flex-direction: column;
  }

  .blog-slide-item-img {
      overflow: hidden;
      border-radius: 5px 5px 0 0;
  }

  .blog-slide-item-img a:hover img {
      transform: scale(1.1);
  }

  .blog-slide-item-img a img {
      transition: 0.3s;
      transform: scale(1.01);
  }

  body.paged.page-template-blog-tpl .blog-recent {
      display: none;
  }

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

  .gallery-beaf img {
      min-width: 100%;
      width: auto;
      aspect-ratio: 397 / 264;
  }

  .two-cols-image a img {
      transition: 0.3s;
  }

  .two-cols-image a:hover img {
      transform: scale(1.1);
  }

  .two-cols-image {
      overflow: hidden;
  }

  .step-item-text h4 + p,
  .text-image-text h2 + p {
    margin-top: 16px;
  }

  .loc-contact-btn a {
      font-weight: 700;
  }

  .loc-contact-btn {
      margin-top: 30px;
  }

  .text-image.text-image-gap-larger {
      gap: 60px;
  }

  .promo-image {
      flex: 1;
      border-radius: 5px;
      overflow: hidden;
      cursor: pointer;
  }

  .promo-images {
      gap: 15px;
      margin-top: 40px;
  }

  .promo-image img {
      margin: 0;
  }

  body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='400161146e399284f976cc5bd3c'] .ti-widget-container .ti-widget-header {
      margin-right: 0 !important;
      margin-left: 0 !important;
  }

  body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='400161146e399284f976cc5bd3c'] .ti-reviews-container-wrapper {
      margin: 0 -10px !important;
  }

  body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='400161146e399284f976cc5bd3c'] .ti-controls .ti-next {
    right: -10px;
  }

  body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='400161146e399284f976cc5bd3c'] .ti-controls .ti-prev {
    left: -10px;
  }

  .acf-map {
      height: 100%;
  }

  .section-type-contact_info iframe {
    width: 100%;
    height: 100%;
  }

  .section-type-contact_info .section-footer-link {
      margin-top: 40px;
  }

  .page-template-location-contact-tpl .sublocations-list ul {
      column-count: 1;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 8px;
  }

  .page-template-location-contact-tpl .sublocations-list ul li {
      margin: 0;
  }

  .location-contact-add-info iframe {
      width: 100%;
  }