.u-block-2ac0-2 {
  position: absolute;
  bottom: 10px;
}

.u-block-2ac0-3 {
  position: absolute;
  left: 0;
}

.u-block-2ac0-4 {
  position: absolute;
  right: 0;
}

 .u-section-1-1 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner.png');
  background-position: 50% 50%;
}

.u-section-1-1 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-1 .u-text-1 {
  font-size: 2.25rem;
  margin: 170px auto 0;
}

.u-section-1-1 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 55px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-1 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-1 .u-text-1 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .u-section-1-1 .u-sheet-1 {
    min-height: 265px;
  }
}

@media (max-width: 767px) {
  .u-section-1-1 .u-sheet-1 {
    min-height: 199px;
  }
}

@media (max-width: 575px) {
  .u-section-1-1 .u-sheet-1 {
    min-height: 380px;
  }

  .u-section-1-1 .u-btn-1 {
    font-size: 1.125rem;
    padding: 10px 17px 10px 16px;
  }
}

 .u-section-1-2 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner2.png');
  background-position: 50% 50%;
}

.u-section-1-2 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-2 .u-text-1 {
  font-size: 2.25rem;
  margin: 170px auto 0;
}

.u-section-1-2 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 53px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-2 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-2 .u-text-1 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .u-section-1-2 .u-sheet-1 {
    min-height: 265px;
  }
}

@media (max-width: 767px) {
  .u-section-1-2 .u-sheet-1 {
    min-height: 199px;
  }
}

@media (max-width: 575px) {
  .u-section-1-2 .u-sheet-1 {
    min-height: 125px;
  }
}

 .u-section-1-3 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner3.png');
  background-position: 50% 50%;
}

.u-section-1-3 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-3 .u-text-1 {
  font-size: 2.25rem;
  margin: 169px auto 0;
}

.u-section-1-3 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 54px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-3 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-3 .u-text-1 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .u-section-1-3 .u-sheet-1 {
    min-height: 265px;
  }
}

@media (max-width: 767px) {
  .u-section-1-3 .u-sheet-1 {
    min-height: 199px;
  }
}

@media (max-width: 575px) {
  .u-section-1-3 .u-sheet-1 {
    min-height: 125px;
  }
}

 .u-section-1-4 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner4.png');
  background-position: 50% 50%;
}

.u-section-1-4 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-4 .u-text-1 {
  font-size: 2.25rem;
  margin: 170px 371px 0 auto;
}

.u-section-1-4 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 53px auto 32px;
}

@media (max-width: 1199px) {
  .u-section-1-4 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-4 .u-text-1 {
    margin-top: 60px;
    margin-right: 306px;
  }
}

@media (max-width: 991px) {
  .u-section-1-4 .u-sheet-1 {
    min-height: 265px;
  }

  .u-section-1-4 .u-text-1 {
    margin-right: 234px;
  }
}

@media (max-width: 767px) {
  .u-section-1-4 .u-sheet-1 {
    min-height: 199px;
  }

  .u-section-1-4 .u-text-1 {
    margin-right: 176px;
  }
}

@media (max-width: 575px) {
  .u-section-1-4 .u-sheet-1 {
    min-height: 125px;
  }

  .u-section-1-4 .u-text-1 {
    margin-right: 111px;
  }
}

 .u-section-1-5 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner5.png');
  background-position: 50% 50%;
}

.u-section-1-5 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-5 .u-text-1 {
  font-size: 2.25rem;
  margin: 169px 344px 0 auto;
}

.u-section-1-5 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 54px 345px 60px auto;
}

@media (max-width: 1199px) {
  .u-section-1-5 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-5 .u-text-1 {
    margin-top: 60px;
    margin-right: 284px;
  }

  .u-section-1-5 .u-btn-1 {
    margin-right: 145px;
  }
}

@media (max-width: 991px) {
  .u-section-1-5 .u-sheet-1 {
    min-height: 265px;
  }

  .u-section-1-5 .u-text-1 {
    margin-right: 218px;
  }

  .u-section-1-5 .u-btn-1 {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-1-5 .u-sheet-1 {
    min-height: 199px;
  }

  .u-section-1-5 .u-text-1 {
    margin-right: 164px;
  }
}

@media (max-width: 575px) {
  .u-section-1-5 .u-sheet-1 {
    min-height: 125px;
  }

  .u-section-1-5 .u-text-1 {
    margin-right: 103px;
  }
}

 .u-section-1-6 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/Banner6.png');
  background-position: 50% 50%;
}

.u-section-1-6 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-6 .u-text-1 {
  font-size: 2.25rem;
  margin: 170px auto 0;
}

.u-section-1-6 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 54px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-6 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-6 .u-text-1 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .u-section-1-6 .u-sheet-1 {
    min-height: 265px;
  }
}

@media (max-width: 767px) {
  .u-section-1-6 .u-sheet-1 {
    min-height: 199px;
  }
}

@media (max-width: 575px) {
  .u-section-1-6 .u-sheet-1 {
    min-height: 125px;
  }
}

 .u-section-1-7 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/FlatTorchDownRoofing.png');
  background-position: 50% 50%;
}

.u-section-1-7 .u-sheet-1 {
  min-height: 420px;
}

.u-section-1-7 .u-text-1 {
  font-size: 2.25rem;
  margin: 169px auto 0;
}

.u-section-1-7 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  background-image: none;
  margin: 54px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-1-7 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-1-7 .u-text-1 {
    margin-top: 60px;
  }
}

@media (max-width: 991px) {
  .u-section-1-7 .u-sheet-1 {
    min-height: 265px;
  }
}

@media (max-width: 767px) {
  .u-section-1-7 .u-sheet-1 {
    min-height: 199px;
  }
}

@media (max-width: 575px) {
  .u-section-1-7 .u-sheet-1 {
    min-height: 125px;
  }
} .u-section-2 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('images/West-Los-Angeles-Roofing-Gray-Shingle-BG.png');
  background-position: 50% 0%, 50% 0%;
  background-size: cover, cover;
  background-repeat: repeat, no-repeat;
}

.u-section-2 .u-sheet-1 {
  min-height: 78px;
}

.u-section-2 .u-text-1 {
  font-size: 3.75rem;
  margin: 13px auto 13px 45px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 64px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 49px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 37px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 23px;
  }

  .u-section-2 .u-text-1 {
    font-size: 3rem;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 3370px;
}

.u-section-3 .u-layout-wrap-1 {
  width: 1116px;
  margin: 25px 0 35px auto;
}

.u-section-3 .u-layout-cell-1 {
  min-height: 3321px;
  filter: none;
}

.u-section-3 .u-container-layout-1 {
  padding: 0;
}

.u-section-3 .u-image-1 {
  min-height: 3534px;
  margin-top: 0;
  margin-bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-image: url('images/LosAngelesRoofingBGContent.png'), linear-gradient(to bottom, rgba(229, 229, 229, 1), rgba(229, 229, 229, 1));
  background-size: cover, cover;
  height: auto;
}

.u-section-3 .u-container-layout-2 {
  padding: 0 0 22px;
}

.u-section-3 .u-text-1 {
  margin: 149px auto 0;
}

.u-section-3 .u-image-2 {
  width: 693px;
  height: 553px;
  margin: 28px 0 0 auto;
}

.u-section-3 .u-text-2 {
  margin: 32px 0 0 5px;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 3434px;
}

.u-section-3 .u-container-layout-3 {
  padding: 0;
}

.u-section-3 .u-image-3 {
  height: 538px;
  margin: 0;
}

.u-section-3 .u-text-3 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: -523px 10px 0;
}

.u-section-3 .u-text-4 {
  font-size: 1.125rem;
  margin: 0 28px 0 10px;
}

.u-section-3 .u-form-1 {
  height: 343px;
  --thumb-color: #478ac9;
  --thumb-hover-color: #77aad9;
  --track-color: #c0c0c0;
  --track-active-color: #478ac9;
  margin: 70px 10px 0 6px;
}

.u-section-3 .u-form-group-1 {
  margin-left: 0;
}

.u-section-3 .u-form-group-3 {
  margin-left: 0;
}

.u-section-3 .u-btn-1 {
  background-image: none;
}

.u-section-3 .u-list-1 {
  margin-top: 19px;
  margin-bottom: 0;
}

.u-section-3 .u-repeater-1 {
  --gap: 10px;
  grid-auto-columns: 100%;
  grid-template-columns: repeat(1, 100%);
  min-height: 502px;
}

.u-section-3 .u-list-item-1 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-3 .u-container-layout-4 {
  padding: 10px;
}

.u-section-3 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-3 .u-text-5 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-3 .u-list-item-2 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-3 .u-container-layout-5 {
  padding: 10px;
}

.u-section-3 .u-icon-2 {
  width: 64px;
  height: 64px;
  --text-color-var: #f7b50b;
  color: rgb(247, 181, 11) !important;
  margin: 10px auto 0 9px;
}

.u-section-3 .u-text-6 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-3 .u-list-item-3 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-3 .u-container-layout-6 {
  padding: 10px;
}

.u-section-3 .u-icon-3 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-3 .u-text-7 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-3 .u-list-item-4 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-3 .u-container-layout-7 {
  padding: 10px;
}

.u-section-3 .u-icon-4 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-3 .u-text-8 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-3 .u-image-4 {
  height: 320px;
  width: 403px;
  margin: 30px 0 0;
}

.u-section-3 .u-image-5 {
  width: 342px;
  height: 342px;
  filter: none;
  margin: 74px auto 0;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1626px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 940px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 423px;
    background-position: 50% 50%;
  }

  .u-section-3 .u-image-1 {
    height: auto;
  }

  .u-section-3 .u-image-2 {
    width: 592px;
    height: 473px;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 2892px;
  }

  .u-section-3 .u-image-3 {
    height: 453px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-text-3 {
    margin-top: -438px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-4 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-3 .u-form-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-3 .u-image-4 {
    height: 268px;
    width: 338px;
  }

  .u-section-3 .u-image-5 {
    width: 338px;
    height: 338px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 114px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 720px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 1879px;
  }

  .u-section-3 .u-image-1 {
    min-height: 4089px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-2 {
    width: 452px;
    height: 361px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 1979px;
  }

  .u-section-3 .u-image-3 {
    height: 347px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-text-3 {
    margin-top: -332px;
  }

  .u-section-3 .u-text-4 {
    font-size: 0.875rem;
    width: auto;
    margin-top: -9px;
    margin-right: -3px;
    margin-left: 3px;
  }

  .u-section-3 .u-form-1 {
    margin-top: 24px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-text-5 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-3 .u-text-6 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-3 .u-text-7 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-3 .u-text-8 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-3 .u-image-4 {
    height: 205px;
    width: 258px;
  }

  .u-section-3 .u-image-5 {
    width: 258px;
    height: 258px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 214px;
  }

  .u-section-3 .u-layout-wrap-1 {
    width: 540px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-3 .u-image-1 {
    min-height: 3534px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 2024px;
  }

  .u-section-3 .u-image-3 {
    height: 710px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-text-3 {
    margin-top: -506px;
  }

  .u-section-3 .u-list-1 {
    margin-top: 20px;
  }

  .u-section-3 .u-text-5 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-3 .u-text-6 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-3 .u-text-7 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-3 .u-text-8 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-layout-wrap-1 {
    width: 340px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 3842px;
  }

  .u-section-3 .u-image-1 {
    min-height: 3835px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-top: 76px;
    margin-right: 9px;
    margin-left: 0;
  }

  .u-section-3 .u-image-2 {
    width: 340px;
    height: 272px;
    margin-top: 24px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 1608px;
  }

  .u-section-3 .u-image-3 {
    height: 447px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-text-3 {
    width: auto;
    margin-top: -437px;
  }

  .u-section-3 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-form-1 {
    margin-top: 0;
  }

  .u-section-3 .u-list-1 {
    margin-top: 28px;
  }

  .u-section-3 .u-text-5 {
    margin-right: 0;
    margin-left: 73px;
  }

  .u-section-3 .u-text-6 {
    margin-right: 0;
    margin-left: 73px;
  }

  .u-section-3 .u-text-7 {
    margin-right: 0;
    margin-left: 73px;
  }

  .u-section-3 .u-text-8 {
    margin-right: 0;
    margin-left: 73px;
  }

  .u-section-3 .u-image-5 {
    margin-top: 28px;
    margin-left: 24px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 591px;
}

.u-section-4 .embed-responsive-1 {
  position: absolute;
  width: 178%;
  left: -39%;
  height: 178%;
  top: -39%;
}

@media (max-width: 767px) {
  .u-section-4 .embed-responsive-1 {
    width: 195%;
    left: -47%;
    height: 100%;
    top: 0%;
  }
}

@media (max-width: 575px) {
  .u-section-4 .embed-responsive-1 {
    width: 309%;
    left: -105%;
  }
} .u-section-5 {
  background-image: none;
}

.u-section-5 .u-sheet-1 {
  min-height: 546px;
}

.u-section-5 .u-image-1 {
  width: 327px;
  height: 149px;
  margin: 15px auto 0;
}

.u-section-5 .u-list-1 {
  margin-top: 21px;
  margin-bottom: 53px;
}

.u-section-5 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 20px));
  min-height: 308px;
  grid-auto-columns: calc(33.3333% - 20px);
  --gap: 30px;
}

.u-section-5 .u-list-item-1 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-1 {
  padding: 20px 30px;
}

.u-section-5 .u-text-1 {
  margin: 15px 0 0;
}

.u-section-5 .u-text-2 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-1 {
  margin-right: 3px;
}

.u-section-5 .u-icon-2 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-4 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-5 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-6 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-3 {
  margin: 0;
}

.u-section-5 .u-list-item-2 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-2 {
  padding: 20px 30px;
}

.u-section-5 .u-text-4 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-5 .u-text-5 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-7 {
  margin-right: 3px;
}

.u-section-5 .u-icon-8 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-9 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-10 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-11 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-12 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-6 {
  margin: 0;
}

.u-section-5 .u-list-item-3 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-3 {
  padding: 20px 30px;
}

.u-section-5 .u-text-7 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-5 .u-text-8 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-13 {
  margin-right: 3px;
}

.u-section-5 .u-icon-14 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-15 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-16 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-17 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-18 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-9 {
  margin: 0;
}

.u-section-5 .u-list-item-4 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-4 {
  padding: 20px 30px;
}

.u-section-5 .u-text-10 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-5 .u-text-11 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-19 {
  margin-right: 3px;
}

.u-section-5 .u-icon-20 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-21 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-22 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-23 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-24 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-12 {
  margin: 0;
}

.u-section-5 .u-list-item-5 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-5 {
  padding: 20px 30px;
}

.u-section-5 .u-text-13 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-5 .u-text-14 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-25 {
  margin-right: 3px;
}

.u-section-5 .u-icon-26 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-27 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-28 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-29 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-30 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-15 {
  margin: 0;
}

.u-section-5 .u-list-item-6 {
  --radius: 30px;
}

.u-section-5 .u-container-layout-6 {
  padding: 20px 30px;
}

.u-section-5 .u-text-16 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-5 .u-text-17 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-5 .u-icon-31 {
  margin-right: 3px;
}

.u-section-5 .u-icon-32 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-33 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-34 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-5 .u-icon-35 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-5 .u-icon-36 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-5 .u-text-18 {
  margin: 0;
}

.u-section-5 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-5 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1199px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1033px;
  }

  .u-section-5 .u-image-1 {
    margin-top: 551px;
  }

  .u-section-5 .u-list-1 {
    margin-top: 20px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 20px));
    grid-auto-columns: calc(33.333333333333336% - 20px);
    grid-gap: 30px;
  }

  .u-section-5 .u-list-item-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-item-2 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-item-3 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-item-4 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-item-5 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-item-6 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 562px;
  }

  .u-section-5 .u-image-1 {
    margin-top: 30px;
  }

  .u-section-5 .u-list-1 {
    margin-top: 22px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 15px));
    grid-auto-columns: calc(50% - 15px);
  }

  .u-section-5 .u-text-3 {
    width: auto;
  }

  .u-section-5 .u-text-6 {
    width: auto;
  }

  .u-section-5 .u-text-9 {
    width: auto;
  }

  .u-section-5 .u-text-12 {
    width: auto;
  }

  .u-section-5 .u-text-15 {
    width: auto;
  }

  .u-section-5 .u-text-18 {
    width: auto;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 546px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-5 .u-container-layout-1 {
    padding: 25px;
  }

  .u-section-5 .u-text-2 {
    font-size: 1rem;
  }

  .u-section-5 .u-container-layout-2 {
    padding: 25px;
  }

  .u-section-5 .u-text-5 {
    font-size: 1rem;
  }

  .u-section-5 .u-container-layout-3 {
    padding: 25px;
  }

  .u-section-5 .u-text-8 {
    font-size: 1rem;
  }

  .u-section-5 .u-container-layout-4 {
    padding: 25px;
  }

  .u-section-5 .u-text-11 {
    font-size: 1rem;
  }

  .u-section-5 .u-container-layout-5 {
    padding: 25px;
  }

  .u-section-5 .u-text-14 {
    font-size: 1rem;
  }

  .u-section-5 .u-container-layout-6 {
    padding: 25px;
  }

  .u-section-5 .u-text-17 {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 532px;
  }

  .u-section-5 .u-image-1 {
    margin-top: 21px;
  }

  .u-section-5 .u-list-1 {
    margin-bottom: 33px;
    min-height: 308px;
  }

  .u-section-5 .u-repeater-1 {
    grid-auto-columns: 100%;
  }

  .u-section-5 .u-gallery-nav-2 {
    left: auto;
    top: 134px;
    right: 0;
  }
} .u-section-6 {
  background-image: none;
}

.u-section-6 .u-sheet-1 {
  min-height: 619px;
}

.u-section-6 .u-btn-1 {
  background-image: none;
  font-size: 1.875rem;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --top-left-radius: 20px;
  margin: 33px auto 0 243px;
  padding: 22px 46px 23px;
}

.u-section-6 .u-layout-wrap-1 {
  margin-top: 50px;
  margin-bottom: 60px;
}

.u-section-6 .u-layout-cell-1 {
  min-height: 400px;
}

.u-section-6 .u-container-layout-1 {
  padding: 20px;
}

.u-section-6 .embed-responsive-1 {
  position: absolute;
  width: 178%;
  left: -39%;
  height: 178%;
  top: -39%;
}

.u-section-6 .u-layout-cell-2 {
  min-height: 400px;
}

.u-section-6 .u-container-layout-2 {
  padding: 20px;
}

.u-section-6 .embed-responsive-2 {
  position: absolute;
  width: 178%;
  left: -39%;
  height: 178%;
  top: -39%;
}

@media (max-width: 1199px) {
  .u-section-6 .u-sheet-1 {
    min-height: 691px;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 141px;
    margin-left: 43px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: 123px;
    margin-bottom: -181px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 330px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 330px;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-sheet-1 {
    min-height: 457px;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 23px;
    margin-left: auto;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: 62px;
    margin-bottom: 60px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 253px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 253px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-sheet-1 {
    min-height: 979px;
  }

  .u-section-6 .u-btn-1 {
    margin-top: 571px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: 20px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 380px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 380px;
  }

  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: 671px;
  }

  .u-section-6 .u-btn-1 {
    font-size: 1.125rem;
    --radius: 0px;
    --bottom-left-radius: 0px;
    margin-top: 56px;
    padding-right: 9px;
    padding-left: 7px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: 40px;
    margin-bottom: 56px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 239px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 239px;
  }
}.u-section-7 .u-image-1 {
  min-height: 702px;
  background-image: url('images/NewRoofInstallation.png');
  background-position: 50% 50%;
}

@media (max-width: 1199px) {
  .u-section-7 .u-image-1 {
    min-height: 400px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-image-1 {
    min-height: 215px;
  }
} .u-section-8 {
  min-height: 178px;
}

.u-section-8 .u-layout-wrap-1 {
  margin-top: 2px;
  margin-bottom: 0;
}

.u-section-8 .u-layout-cell-1 {
  min-height: 176px;
  background-image: none;
}

.u-section-8 .u-container-layout-1 {
  padding: 30px 15px;
}

.u-section-8 .u-text-1 {
  margin: 25px 126px 0 50px;
}

.u-section-8 .u-layout-cell-2 {
  min-height: 176px;
  background-image: none;
}

.u-section-8 .u-container-layout-2 {
  padding: 30px 67px 30px 30px;
}

.u-section-8 .u-btn-1 {
  background-image: none;
  font-size: 1.875rem;
  margin: 0 auto 0 79px;
  padding: 12px 46px 12px 44px;
}

@media (max-width: 1199px) {
   .u-section-8 {
    min-height: 149px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-top: 61px;
    margin-bottom: 60px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 145px;
  }

  .u-section-8 .u-text-1 {
    width: auto;
    margin-right: 58px;
    margin-left: 0;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 145px;
  }

  .u-section-8 .u-btn-1 {
    margin-left: 33px;
  }
}

@media (max-width: 991px) {
   .u-section-8 {
    min-height: 199px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-top: 23px;
    margin-bottom: 0;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 176px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-right: 26px;
  }

  .u-section-8 .u-text-1 {
    margin-right: 0;
    margin-left: 36px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 176px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .u-section-8 .u-btn-1 {
    margin-top: 40px;
    margin-left: 23px;
    padding-right: 27px;
    padding-left: 26px;
  }
}

@media (max-width: 767px) {
   .u-section-8 {
    min-height: 299px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 100px;
  }
}

@media (max-width: 575px) {
   .u-section-8 {
    min-height: 174px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-top: 2px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 143px;
  }

  .u-section-8 .u-text-1 {
    margin-right: 47px;
    margin-left: 56px;
  }

  .u-section-8 .u-layout-cell-2 {
    min-height: 66px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-8 .u-btn-1 {
    margin-top: -21px;
    margin-bottom: -7px;
    margin-left: 61px;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 669px;
}

.u-section-9 .u-layout-wrap-1 {
  width: 1151px;
  margin: 1px -5px -64px;
}

.u-section-9 .u-layout-cell-1 {
  min-height: 732px;
}

.u-section-9 .u-container-layout-1 {
  padding: 8px 0;
}

.u-section-9 .u-text-1 {
  font-weight: 700;
  margin: 51px 107px 0 13px;
}

.u-section-9 .u-text-2 {
  margin: 13px 47px 0 13px;
}

.u-section-9 .u-layout-cell-2 {
  min-height: 732px;
}

.u-section-9 .u-container-layout-2 {
  padding: 0;
}

.u-section-9 .u-image-1 {
  width: 456px;
  height: 456px;
  margin: 44px auto 0;
}

@media (max-width: 1199px) {
  .u-section-9 .u-sheet-1 {
    min-height: 540px;
  }

  .u-section-9 .u-layout-wrap-1 {
    width: 940px;
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 598px;
  }

  .u-section-9 .u-text-1 {
    margin-top: 52px;
    margin-right: 15px;
    margin-left: 0;
  }

  .u-section-9 .u-text-2 {
    margin-top: 75px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-9 .u-layout-cell-2 {
    background-position: 50% 50%;
    min-height: 598px;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-sheet-1 {
    min-height: 786px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-bottom: -55px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 841px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-bottom: 4px;
  }

  .u-section-9 .u-text-1 {
    margin-top: 48px;
    margin-right: 0;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 458px;
  }

  .u-section-9 .u-image-1 {
    width: 360px;
    height: 360px;
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-sheet-1 {
    min-height: 721px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 687px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 1015px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-top: 25px;
    margin-bottom: 60px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 532px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-top: 8px;
    padding-bottom: 13px;
  }

  .u-section-9 .u-text-1 {
    width: auto;
    margin-top: 0;
  }

  .u-section-9 .u-text-2 {
    width: auto;
    margin-top: 11px;
  }

  .u-section-9 .u-layout-cell-2 {
    min-height: 341px;
  }

  .u-section-9 .u-image-1 {
    width: 340px;
    height: 340px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}.u-section-10 .u-sheet-1 {
  min-height: 636px;
}

.u-section-10 .u-layout-wrap-1 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.u-section-10 .u-layout-cell-1 {
  min-height: 536px;
}

.u-section-10 .u-container-layout-1 {
  padding: 0;
}

.u-section-10 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: -1px 0 0;
}

.u-section-10 .u-text-2 {
  margin: 50px 60px 0 0;
}

.u-section-10 .u-image-1 {
  min-height: 536px;
  background-image: url('images/Roofing-Company.png');
  background-position: 50% 50%;
}

.u-section-10 .u-container-layout-2 {
  padding: 30px 60px;
}

@media (max-width: 1199px) {
  .u-section-10 .u-sheet-1 {
    min-height: 542px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 442px;
  }

  .u-section-10 .u-text-2 {
    margin-right: 0;
  }

  .u-section-10 .u-image-1 {
    min-height: 442px;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-sheet-1 {
    min-height: 641px;
  }

  .u-section-10 .u-layout-wrap-1 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-10 .u-image-1 {
    min-height: 339px;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-sheet-1 {
    min-height: 783px;
  }

  .u-section-10 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-10 .u-image-1 {
    min-height: 381px;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-sheet-1 {
    min-height: 651px;
  }

  .u-section-10 .u-layout-wrap-1 {
    margin-top: -39px;
    margin-bottom: 30px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 456px;
  }

  .u-section-10 .u-text-1 {
    width: auto;
    margin-top: 0;
  }

  .u-section-10 .u-text-2 {
    width: auto;
    margin-top: 12px;
  }

  .u-section-10 .u-image-1 {
    min-height: 204px;
  }
} .u-section-11 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('images/West-Los-Angeles-Roofing-Gray-Shingle-BG.png');
  background-size: cover, cover;
  background-position: 50% 0%, 50% 0%;
}

.u-section-11 .u-sheet-1 {
  min-height: 1098px;
}

.u-section-11 .u-text-1 {
  font-size: 3rem;
  background-image: none;
  text-transform: none;
  font-weight: 400;
  margin: 59px auto 0;
}

.u-section-11 .u-accordion-1 {
  margin-bottom: 60px;
  margin-top: 81px;
}

.u-section-11 .u-accordion-link-1 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-1 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0) !important;
}

.u-section-11 .u-accordion-pane-1 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-1 {
  padding: 20px 30px;
}

.u-section-11 .u-accordion-link-2 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-2 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0) !important;
}

.u-section-11 .u-accordion-pane-2 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-2 {
  padding: 20px 30px;
}

.u-section-11 .u-accordion-link-3 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-3 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0) !important;
}

.u-section-11 .u-accordion-pane-3 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-3 {
  padding: 20px 30px;
}

.u-section-11 .u-accordion-link-4 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-4 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-4 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-4 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-5 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-5 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-5 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-5 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-6 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-6 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-6 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-6 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-7 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-7 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-7 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-7 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-8 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-8 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-8 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-8 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-9 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-9 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-9 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-9 {
  padding: 20px;
}

.u-section-11 .u-accordion-link-10 {
  background-image: none;
  font-weight: 400;
  padding: 25px 30px;
}

.u-section-11 .u-icon-10 {
  height: 17px;
  width: 17px;
  color: rgb(0, 0, 0);
}

.u-section-11 .u-accordion-pane-10 {
  min-height: 150px;
  background-image: none;
}

.u-section-11 .u-container-layout-10 {
  padding: 20px;
}

@media (max-width: 991px) {
  .u-section-11 .u-sheet-1 {
    min-height: 840px;
  }
}

@media (max-width: 767px) {
  .u-section-11 .u-sheet-1 {
    min-height: 940px;
  }

  .u-section-11 .u-text-1 {
    font-size: 2.25rem;
  }

  .u-section-11 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-11 .u-container-layout-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-11 .u-sheet-1 {
    min-height: 1247px;
  }

  .u-section-11 .u-text-1 {
    font-size: 1.875rem;
    width: auto;
    margin-top: 28px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-11 .u-accordion-1 {
    margin-top: 12px;
    margin-bottom: 39px;
  }
}.u-section-12 .u-sheet-1 {
  min-height: 1386px;
}

.u-section-12 .u-list-1 {
  margin-top: 87px;
  margin-bottom: 0;
  height: auto;
}

.u-section-12 .u-repeater-1 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-12 .u-list-item-1 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-1 {
  padding: 30px;
}

.u-section-12 .u-image-1 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-1 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-2 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-2 {
  padding: 30px;
}

.u-section-12 .u-image-2 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-2 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-3 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-3 {
  padding: 30px;
}

.u-section-12 .u-image-3 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-3 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-4 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-4 {
  padding: 30px;
}

.u-section-12 .u-image-4 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-4 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-5 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-5 {
  padding: 30px;
}

.u-section-12 .u-image-5 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-5 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-6 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-6 {
  padding: 30px;
}

.u-section-12 .u-image-6 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-6 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-7 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-7 {
  padding: 30px;
}

.u-section-12 .u-image-7 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-7 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-8 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-8 {
  padding: 30px;
}

.u-section-12 .u-image-8 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-8 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-9 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-9 {
  padding: 30px;
}

.u-section-12 .u-image-9 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-9 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-10 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-10 {
  padding: 30px;
}

.u-section-12 .u-image-10 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-10 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-11 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-11 {
  padding: 30px;
}

.u-section-12 .u-image-11 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-11 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-12 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-12 {
  padding: 30px;
}

.u-section-12 .u-image-12 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-12 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-13 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-13 {
  padding: 30px;
}

.u-section-12 .u-image-13 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-13 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-14 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-14 {
  padding: 30px;
}

.u-section-12 .u-image-14 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-14 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-15 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-15 {
  padding: 30px;
}

.u-section-12 .u-image-15 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-15 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-16 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-16 {
  padding: 30px;
}

.u-section-12 .u-image-16 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-16 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-17 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-17 {
  padding: 30px;
}

.u-section-12 .u-image-17 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-17 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-18 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-18 {
  padding: 30px;
}

.u-section-12 .u-image-18 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-18 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-12 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

.u-section-12 .u-list-2 {
  margin-top: 20px;
  margin-bottom: 0;
  height: auto;
}

.u-section-12 .u-repeater-2 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-12 .u-list-item-19 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-19 {
  padding: 30px;
}

.u-section-12 .u-image-19 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-19 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-20 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-20 {
  padding: 30px;
}

.u-section-12 .u-image-20 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-20 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-21 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-21 {
  padding: 30px;
}

.u-section-12 .u-image-21 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-21 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-22 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-22 {
  padding: 30px;
}

.u-section-12 .u-image-22 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-22 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-23 {
  --radius: 20px;
}

.u-section-12 .u-container-layout-23 {
  padding: 30px;
}

.u-section-12 .u-image-23 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-23 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-gallery-nav-3 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-12 .u-gallery-nav-4 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

.u-section-12 .u-list-3 {
  margin-top: 20px;
  margin-bottom: 38px;
  height: auto;
}

.u-section-12 .u-repeater-3 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-12 .u-list-item-24 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-12 .u-container-layout-24 {
  padding: 30px;
}

.u-section-12 .u-image-24 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-24 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-25 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-12 .u-container-layout-25 {
  padding: 30px;
}

.u-section-12 .u-image-25 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-25 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-26 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-12 .u-container-layout-26 {
  padding: 30px;
}

.u-section-12 .u-image-26 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-26 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-27 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-12 .u-container-layout-27 {
  padding: 30px;
}

.u-section-12 .u-image-27 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-27 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-list-item-28 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-12 .u-container-layout-28 {
  padding: 30px;
}

.u-section-12 .u-image-28 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-12 .u-text-28 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-12 .u-gallery-nav-5 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-12 .u-gallery-nav-6 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1199px) {
  .u-section-12 .u-list-1 {
    margin-top: 110px;
  }

  .u-section-12 .u-repeater-1 {
    grid-auto-columns: calc(33.333333333333336% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.66667px));
    grid-gap: 10px;
  }

  .u-section-12 .u-image-1 {
    height: 236px;
  }

  .u-section-12 .u-text-1 {
    margin-right: 0;
  }

  .u-section-12 .u-image-2 {
    height: 236px;
  }

  .u-section-12 .u-text-2 {
    margin-right: 0;
  }

  .u-section-12 .u-image-3 {
    height: 236px;
  }

  .u-section-12 .u-text-3 {
    margin-right: 0;
  }

  .u-section-12 .u-image-4 {
    height: 236px;
  }

  .u-section-12 .u-text-4 {
    margin-right: 0;
  }

  .u-section-12 .u-image-5 {
    height: 236px;
  }

  .u-section-12 .u-text-5 {
    margin-right: 0;
  }

  .u-section-12 .u-image-6 {
    height: 236px;
  }

  .u-section-12 .u-text-6 {
    margin-right: 0;
  }

  .u-section-12 .u-image-7 {
    height: 236px;
  }

  .u-section-12 .u-text-7 {
    margin-right: 0;
  }

  .u-section-12 .u-image-8 {
    height: 236px;
  }

  .u-section-12 .u-text-8 {
    margin-right: 0;
  }

  .u-section-12 .u-image-9 {
    height: 236px;
  }

  .u-section-12 .u-text-9 {
    margin-right: 0;
  }

  .u-section-12 .u-image-10 {
    height: 236px;
  }

  .u-section-12 .u-text-10 {
    margin-right: 0;
  }

  .u-section-12 .u-image-11 {
    height: 236px;
  }

  .u-section-12 .u-text-11 {
    margin-right: 0;
  }

  .u-section-12 .u-image-12 {
    height: 236px;
  }

  .u-section-12 .u-text-12 {
    margin-right: 0;
  }

  .u-section-12 .u-image-13 {
    height: 236px;
  }

  .u-section-12 .u-text-13 {
    margin-right: 0;
  }

  .u-section-12 .u-image-14 {
    height: 236px;
  }

  .u-section-12 .u-text-14 {
    margin-right: 0;
  }

  .u-section-12 .u-image-15 {
    height: 236px;
  }

  .u-section-12 .u-text-15 {
    margin-right: 0;
  }

  .u-section-12 .u-image-16 {
    height: 236px;
  }

  .u-section-12 .u-text-16 {
    margin-right: 0;
  }

  .u-section-12 .u-image-17 {
    height: 236px;
  }

  .u-section-12 .u-text-17 {
    margin-right: 0;
  }

  .u-section-12 .u-image-18 {
    height: 236px;
  }

  .u-section-12 .u-text-18 {
    margin-right: 0;
  }

  .u-section-12 .u-repeater-2 {
    grid-auto-columns: calc(33.333333333333336% - 6.666666666666667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.666666666666667px));
  }

  .u-section-12 .u-list-item-19 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-12 .u-image-19 {
    height: 236px;
  }

  .u-section-12 .u-text-19 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-20 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-12 .u-image-20 {
    height: 236px;
  }

  .u-section-12 .u-text-20 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-21 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-12 .u-image-21 {
    height: 236px;
  }

  .u-section-12 .u-text-21 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-22 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-12 .u-image-22 {
    height: 236px;
  }

  .u-section-12 .u-text-22 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-23 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-12 .u-image-23 {
    height: 236px;
  }

  .u-section-12 .u-text-23 {
    margin-right: 0;
  }

  .u-section-12 .u-repeater-3 {
    grid-auto-columns: calc(33.333333333333336% - 6.666666666666667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.666666666666667px));
  }

  .u-section-12 .u-list-item-24 {
    --radius: 20px;
  }

  .u-section-12 .u-image-24 {
    height: 236px;
  }

  .u-section-12 .u-text-24 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-25 {
    --radius: 20px;
  }

  .u-section-12 .u-image-25 {
    height: 236px;
  }

  .u-section-12 .u-text-25 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-26 {
    --radius: 20px;
  }

  .u-section-12 .u-image-26 {
    height: 236px;
  }

  .u-section-12 .u-text-26 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-27 {
    --radius: 20px;
  }

  .u-section-12 .u-image-27 {
    height: 236px;
  }

  .u-section-12 .u-text-27 {
    margin-right: 0;
  }

  .u-section-12 .u-list-item-28 {
    --radius: 20px;
  }

  .u-section-12 .u-image-28 {
    height: 236px;
  }

  .u-section-12 .u-text-28 {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-12 .u-sheet-1 {
    min-height: 879px;
  }

  .u-section-12 .u-list-1 {
    margin-top: 20px;
  }

  .u-section-12 .u-repeater-1 {
    min-height: 206px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-container-layout-1 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-1 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-2 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-2 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-3 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-3 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-4 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-4 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-5 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-5 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-6 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-6 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-7 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-7 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-8 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-8 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-9 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-9 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-10 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-10 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-11 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-11 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-12 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-12 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-13 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-13 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-14 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-14 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-15 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-15 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-16 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-16 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-17 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-17 {
    height: 127px;
  }

  .u-section-12 .u-container-layout-18 {
    padding-bottom: 19px;
  }

  .u-section-12 .u-image-18 {
    height: 127px;
  }

  .u-section-12 .u-list-2 {
    margin-top: 19px;
  }

  .u-section-12 .u-repeater-2 {
    min-height: 223px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-container-layout-19 {
    padding-bottom: 29px;
  }

  .u-section-12 .u-image-19 {
    height: 143px;
  }

  .u-section-12 .u-text-19 {
    width: auto;
  }

  .u-section-12 .u-container-layout-20 {
    padding-bottom: 29px;
  }

  .u-section-12 .u-image-20 {
    height: 143px;
  }

  .u-section-12 .u-text-20 {
    width: auto;
  }

  .u-section-12 .u-container-layout-21 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-21 {
    height: 143px;
  }

  .u-section-12 .u-text-21 {
    width: auto;
  }

  .u-section-12 .u-container-layout-22 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-22 {
    height: 143px;
  }

  .u-section-12 .u-text-22 {
    width: auto;
  }

  .u-section-12 .u-container-layout-23 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-23 {
    height: 143px;
  }

  .u-section-12 .u-text-23 {
    width: auto;
  }

  .u-section-12 .u-list-3 {
    margin-bottom: 44px;
  }

  .u-section-12 .u-repeater-3 {
    min-height: 244px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-container-layout-24 {
    padding-bottom: 29px;
  }

  .u-section-12 .u-image-24 {
    height: 164px;
  }

  .u-section-12 .u-container-layout-25 {
    padding-bottom: 29px;
  }

  .u-section-12 .u-image-25 {
    height: 164px;
  }

  .u-section-12 .u-container-layout-26 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-26 {
    height: 164px;
  }

  .u-section-12 .u-container-layout-27 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-27 {
    height: 164px;
  }

  .u-section-12 .u-container-layout-28 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-28 {
    height: 164px;
  }
}

@media (max-width: 767px) {
  .u-section-12 .u-list-1 {
    margin-top: 73px;
  }

  .u-section-12 .u-repeater-1 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-12 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-1 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-2 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-3 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-4 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-5 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-6 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-7 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-8 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-9 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-10 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-11 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-12 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-13 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-14 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-14 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-15 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-15 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-16 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-16 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-17 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-17 {
    height: 176px;
  }

  .u-section-12 .u-container-layout-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-18 {
    height: 176px;
  }

  .u-section-12 .u-repeater-2 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-12 .u-container-layout-19 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-19 {
    height: 198px;
  }

  .u-section-12 .u-container-layout-20 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-20 {
    height: 198px;
  }

  .u-section-12 .u-container-layout-21 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-21 {
    height: 198px;
  }

  .u-section-12 .u-container-layout-22 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-22 {
    height: 198px;
  }

  .u-section-12 .u-container-layout-23 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-23 {
    height: 198px;
  }

  .u-section-12 .u-repeater-3 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-12 .u-container-layout-24 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-24 {
    height: 228px;
  }

  .u-section-12 .u-container-layout-25 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-25 {
    height: 228px;
  }

  .u-section-12 .u-container-layout-26 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-26 {
    height: 228px;
  }

  .u-section-12 .u-container-layout-27 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-27 {
    height: 228px;
  }

  .u-section-12 .u-container-layout-28 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-12 .u-image-28 {
    height: 228px;
  }
}

@media (max-width: 575px) {
  .u-section-12 .u-sheet-1 {
    min-height: 737px;
  }

  .u-section-12 .u-list-1 {
    margin-top: 37px;
  }

  .u-section-12 .u-repeater-1 {
    min-height: 197px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-image-1 {
    height: 92px;
  }

  .u-section-12 .u-text-1 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-2 {
    height: 92px;
  }

  .u-section-12 .u-text-2 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-3 {
    height: 92px;
  }

  .u-section-12 .u-text-3 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-4 {
    height: 92px;
  }

  .u-section-12 .u-text-4 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-5 {
    height: 92px;
  }

  .u-section-12 .u-text-5 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-6 {
    height: 92px;
  }

  .u-section-12 .u-text-6 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-7 {
    height: 92px;
  }

  .u-section-12 .u-text-7 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-8 {
    height: 92px;
  }

  .u-section-12 .u-text-8 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-9 {
    height: 92px;
  }

  .u-section-12 .u-text-9 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-10 {
    height: 92px;
  }

  .u-section-12 .u-text-10 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-11 {
    height: 92px;
  }

  .u-section-12 .u-text-11 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-12 {
    height: 92px;
  }

  .u-section-12 .u-text-12 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-13 {
    height: 92px;
  }

  .u-section-12 .u-text-13 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-14 {
    height: 92px;
  }

  .u-section-12 .u-text-14 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-15 {
    height: 92px;
  }

  .u-section-12 .u-text-15 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-16 {
    height: 92px;
  }

  .u-section-12 .u-text-16 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-17 {
    height: 92px;
  }

  .u-section-12 .u-text-17 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-image-18 {
    height: 92px;
  }

  .u-section-12 .u-text-18 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-12 .u-repeater-2 {
    min-height: 194px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-container-layout-19 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-19 {
    height: 86px;
  }

  .u-section-12 .u-text-19 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-container-layout-20 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-20 {
    height: 86px;
  }

  .u-section-12 .u-text-20 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-21 {
    height: 86px;
  }

  .u-section-12 .u-text-21 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-22 {
    height: 86px;
  }

  .u-section-12 .u-text-22 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-23 {
    height: 86px;
  }

  .u-section-12 .u-text-23 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-list-3 {
    margin-bottom: 37px;
  }

  .u-section-12 .u-repeater-3 {
    min-height: 205px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-12 .u-container-layout-24 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-24 {
    height: 83px;
  }

  .u-section-12 .u-text-24 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-container-layout-25 {
    padding-bottom: 0;
  }

  .u-section-12 .u-image-25 {
    height: 83px;
  }

  .u-section-12 .u-text-25 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-26 {
    height: 83px;
  }

  .u-section-12 .u-text-26 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-27 {
    height: 83px;
  }

  .u-section-12 .u-text-27 {
    font-size: 1.25rem;
  }

  .u-section-12 .u-image-28 {
    height: 83px;
  }

  .u-section-12 .u-text-28 {
    font-size: 1.25rem;
  }
} .u-section-13 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('images/RoofCost.png');
  background-size: cover;
}

.u-section-13 .u-sheet-1 {
  min-height: 870px;
}

.u-section-13 .u-layout-wrap-1 {
  margin-top: 41px;
  margin-bottom: 60px;
}

.u-section-13 .u-layout-cell-1 {
  min-height: 780px;
}

.u-section-13 .u-container-layout-1 {
  padding: 0 30px;
}

@media (max-width: 1199px) {
  .u-section-13 .u-sheet-1 {
    min-height: 581px;
  }

  .u-section-13 .u-layout-cell-1 {
    min-height: 390px;
  }
}

@media (max-width: 991px) {
  .u-section-13 .u-sheet-1 {
    min-height: 137px;
  }

  .u-section-13 .u-layout-cell-1 {
    min-height: 493px;
  }
}

@media (max-width: 767px) {
  .u-section-13 .u-sheet-1 {
    min-height: 257px;
  }

  .u-section-13 .u-layout-cell-1 {
    min-height: 370px;
  }

  .u-section-13 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-13 .u-sheet-1 {
    min-height: 137px;
  }

  .u-section-13 .u-layout-cell-1 {
    min-height: 233px;
  }
}

/* roof-tool-blue-theme-map-address-spacing-final */
:root {
  --roof-tool-blue: #051f3d;
  --roof-tool-blue-2: #0b3a6f;
  --roof-tool-yellow-old: #f2b705;
}

/* Change yellow tool theme areas/buttons to blue */
.roof-tool-page .yellow,
.roof-tool-page .yellow-box,
.roof-tool-page .tool-yellow,
.roof-tool-page .quote-step,
.roof-tool-page .roof-type-card.active,
.roof-tool-page .roof-type-card:hover,
.roof-tool-page .roof-tool-search,
.roof-tool-page .search-button,
.roof-tool-page button,
.roof-tool-page .btn,
.roof-tool-page .primary-btn,
.roof-tool-page .next-btn,
.roof-tool-page .submit-btn,
.roof-tool-page .estimate-btn,
.roof-tool-page .instant-quote-btn,
.roof-estimate-tool .yellow,
.roof-estimate-tool .yellow-box,
.roof-estimate-tool .tool-yellow,
.roof-estimate-tool .quote-step,
.roof-estimate-tool .roof-type-card.active,
.roof-estimate-tool .roof-type-card:hover,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool .search-button,
.roof-estimate-tool button,
.roof-estimate-tool .btn,
.roof-estimate-tool .primary-btn,
.roof-estimate-tool .next-btn,
.roof-estimate-tool .submit-btn,
.roof-estimate-tool .estimate-btn,
.roof-estimate-tool .instant-quote-btn,
#roofTool button,
#roofTool .btn,
#roofTool .primary-btn,
#roofTool .search-button {
  background-color: var(--roof-tool-blue) !important;
  border-color: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* Blue card/header accents */
.roof-tool-page .tool-header,
.roof-tool-page .step-header,
.roof-tool-page .form-title-box,
.roof-tool-page .selected-roof-title,
.roof-estimate-tool .tool-header,
.roof-estimate-tool .step-header,
.roof-estimate-tool .form-title-box,
.roof-estimate-tool .selected-roof-title,
#roofTool .tool-header,
#roofTool .step-header,
#roofTool .form-title-box,
#roofTool .selected-roof-title {
  background: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* If any hard yellow backgrounds remain inside the roof tool, force blue */
.roof-tool-page [style*="#f2b705"],
.roof-tool-page [style*="#F2B705"],
.roof-tool-page [style*="yellow"],
.roof-estimate-tool [style*="#f2b705"],
.roof-estimate-tool [style*="#F2B705"],
.roof-estimate-tool [style*="yellow"],
#roofTool [style*="#f2b705"],
#roofTool [style*="#F2B705"],
#roofTool [style*="yellow"] {
  background-color: var(--roof-tool-blue) !important;
  border-color: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* Space out the map and address section */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 34px !important;
  align-items: start !important;
}

/* Generic roof-tool address/map spacing fallbacks */
.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-bottom: 26px !important;
}

.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-tool-page .property-address,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
.roof-estimate-tool .property-address,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section,
#roofTool .property-address {
  margin-top: 24px !important;
  padding-top: 12px !important;
}

/* Search/address input spacing */
.roof-tool-page input[type="text"],
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="address" i],
.roof-estimate-tool input[type="text"],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="address" i],
#roofTool input[type="text"],
#roofTool input[type="search"],
#roofTool input[name*="address" i] {
  margin-bottom: 18px !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

/* Mobile spacing */
@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}


/* roof-tool-white-label-text-final */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-tool-page .estimate-title,
.roof-tool-page .find-roof-title,
.roof-tool-page .input-title,
.roof-tool-page .field-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
.roof-estimate-tool .estimate-title,
.roof-estimate-tool .find-roof-title,
.roof-estimate-tool .input-title,
.roof-estimate-tool .field-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .step-title,
#roofTool .tool-title,
#roofTool .estimate-title,
#roofTool .find-roof-title,
#roofTool .input-title,
#roofTool .field-title {
  color: #ffffff !important;
}

/* Make the specific roof-tool wording white */
.roof-tool-page *:not(input):not(textarea):not(select),
.roof-estimate-tool *:not(input):not(textarea):not(select),
#roofTool *:not(input):not(textarea):not(select) {
  color: #ffffff !important;
}

/* Keep form input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}


/* roof-tool-map-form-spacing-yellow-search-white-text-final */

/* Keep roof tool labels/text white */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-tool-page .estimate-title,
.roof-tool-page .find-roof-title,
.roof-tool-page .input-title,
.roof-tool-page .field-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
.roof-estimate-tool .estimate-title,
.roof-estimate-tool .find-roof-title,
.roof-estimate-tool .input-title,
.roof-estimate-tool .field-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .step-title,
#roofTool .tool-title,
#roofTool .estimate-title,
#roofTool .find-roof-title,
#roofTool .input-title,
#roofTool .field-title {
  color: #ffffff !important;
}

/* Keep input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Add spacing between map and form/address area */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: 46px !important;
  column-gap: 46px !important;
  align-items: start !important;
}

/* Generic spacing fallback for map iframe and form panel */
.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 34px !important;
  margin-bottom: 28px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 22px !important;
}

/* Search button should be yellow, not blue */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button[type="submit"],
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button[type="submit"],
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button[type="submit"],
#roofTool button.search,
#roofTool .address-search-button {
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

/* Search icon/text inside the search button */
.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* roof-tool-blue-area-white-text-required-fields-final */

/* Text on blue tool areas must be white */
.roof-tool-page [style*="#051f3d"],
.roof-tool-page [style*="#0b3a6f"],
.roof-tool-page [style*="rgb(5, 31, 61)"],
.roof-tool-page .tool-header,
.roof-tool-page .step-header,
.roof-tool-page .form-title-box,
.roof-tool-page .selected-roof-title,
.roof-tool-page .quote-step,
.roof-tool-page .blue-box,
.roof-tool-page .blue-panel,
.roof-tool-page .roof-tool-panel,
.roof-tool-page .roof-tool-card,
.roof-estimate-tool [style*="#051f3d"],
.roof-estimate-tool [style*="#0b3a6f"],
.roof-estimate-tool [style*="rgb(5, 31, 61)"],
.roof-estimate-tool .tool-header,
.roof-estimate-tool .step-header,
.roof-estimate-tool .form-title-box,
.roof-estimate-tool .selected-roof-title,
.roof-estimate-tool .quote-step,
.roof-estimate-tool .blue-box,
.roof-estimate-tool .blue-panel,
.roof-estimate-tool .roof-tool-panel,
.roof-estimate-tool .roof-tool-card,
#roofTool [style*="#051f3d"],
#roofTool [style*="#0b3a6f"],
#roofTool [style*="rgb(5, 31, 61)"],
#roofTool .tool-header,
#roofTool .step-header,
#roofTool .form-title-box,
#roofTool .selected-roof-title,
#roofTool .quote-step,
#roofTool .blue-box,
#roofTool .blue-panel,
#roofTool .roof-tool-panel,
#roofTool .roof-tool-card {
  color: #ffffff !important;
}

/* Force children inside blue areas to white */
.roof-tool-page [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
.roof-tool-page [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .tool-header *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .step-header *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .form-title-box *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .selected-roof-title *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .quote-step *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .blue-box *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .blue-panel *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .roof-tool-card *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .tool-header *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .step-header *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .form-title-box *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .selected-roof-title *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .quote-step *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .blue-box *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .blue-panel *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .roof-tool-card *:not(input):not(textarea):not(select):not(option),
#roofTool [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
#roofTool [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
#roofTool .tool-header *:not(input):not(textarea):not(select):not(option),
#roofTool .step-header *:not(input):not(textarea):not(select):not(option),
#roofTool .form-title-box *:not(input):not(textarea):not(select):not(option),
#roofTool .selected-roof-title *:not(input):not(textarea):not(select):not(option),
#roofTool .quote-step *:not(input):not(textarea):not(select):not(option),
#roofTool .blue-box *:not(input):not(textarea):not(select):not(option),
#roofTool .blue-panel *:not(input):not(textarea):not(select):not(option),
#roofTool .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
#roofTool .roof-tool-card *:not(input):not(textarea):not(select):not(option) {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Tool labels/headings white */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .field-title,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .field-title,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .field-title,
#roofTool .step-title,
#roofTool .tool-title {
  color: #ffffff !important;
}

/* Name and phone required fields same size */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Keep all input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Search button/box yellow */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button {
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* More space between map and form */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px) !important;
  gap: 58px !important;
  column-gap: 58px !important;
  align-items: start !important;
}

.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 42px !important;
  margin-bottom: 32px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 34px !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* roof-tool-address-suggestions-final */
.roof-address-suggestions {
  position: absolute !important;
  z-index: 99999 !important;
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  display: none;
  color: #111111 !important;
}
.roof-address-suggestion-item {
  padding: 12px 14px !important;
  cursor: pointer !important;
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  border-bottom: 1px solid #eeeeee !important;
  background: #ffffff !important;
}
.roof-address-suggestion-item:hover,
.roof-address-suggestion-item.active {
  background: #f2b705 !important;
  color: #051f3d !important;
}
.roof-address-suggestion-empty {
  padding: 12px 14px !important;
  color: #555555 !important;
  font-size: 14px !important;
  background: #ffffff !important;
}


/* roof-tool-name-tel-required-same-size-final */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[name*="tel" i],
.roof-tool-page input[id*="tel" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[name*="tel" i],
.roof-estimate-tool input[id*="tel" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[name*="tel" i],
#roofTool input[id*="tel" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
}


/* name-tel-boxes-yellow-search-map-spaced-final */

/* Keep visible boxes/borders around Name and Tel/Phone inputs */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[placeholder*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[placeholder*="phone" i],
.roof-tool-page input[name*="tel" i],
.roof-tool-page input[id*="tel" i],
.roof-tool-page input[placeholder*="tel" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[placeholder*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[placeholder*="phone" i],
.roof-estimate-tool input[name*="tel" i],
.roof-estimate-tool input[id*="tel" i],
.roof-estimate-tool input[placeholder*="tel" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[placeholder*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[placeholder*="phone" i],
#roofTool input[name*="tel" i],
#roofTool input[id*="tel" i],
#roofTool input[placeholder*="tel" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[name*="name" i]:focus,
.roof-tool-page input[id*="name" i]:focus,
.roof-tool-page input[placeholder*="name" i]:focus,
.roof-tool-page input[name*="phone" i]:focus,
.roof-tool-page input[id*="phone" i]:focus,
.roof-tool-page input[placeholder*="phone" i]:focus,
.roof-tool-page input[name*="tel" i]:focus,
.roof-tool-page input[id*="tel" i]:focus,
.roof-tool-page input[placeholder*="tel" i]:focus,
.roof-tool-page input[type="tel"]:focus,
.roof-estimate-tool input[name*="name" i]:focus,
.roof-estimate-tool input[id*="name" i]:focus,
.roof-estimate-tool input[placeholder*="name" i]:focus,
.roof-estimate-tool input[name*="phone" i]:focus,
.roof-estimate-tool input[id*="phone" i]:focus,
.roof-estimate-tool input[placeholder*="phone" i]:focus,
.roof-estimate-tool input[name*="tel" i]:focus,
.roof-estimate-tool input[id*="tel" i]:focus,
.roof-estimate-tool input[placeholder*="tel" i]:focus,
.roof-estimate-tool input[type="tel"]:focus,
#roofTool input[name*="name" i]:focus,
#roofTool input[id*="name" i]:focus,
#roofTool input[placeholder*="name" i]:focus,
#roofTool input[name*="phone" i]:focus,
#roofTool input[id*="phone" i]:focus,
#roofTool input[placeholder*="phone" i]:focus,
#roofTool input[name*="tel" i]:focus,
#roofTool input[id*="tel" i]:focus,
#roofTool input[placeholder*="tel" i]:focus,
#roofTool input[type="tel"]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242, 183, 5, .22) !important;
}

/* Make the search button/box yellow */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-tool-page button[type="submit"],
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
.roof-estimate-tool button[type="submit"],
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button,
#roofTool button[type="submit"] {
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-tool-page button[type="submit"] *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
.roof-estimate-tool button[type="submit"] *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button *,
#roofTool button[type="submit"] * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* Add more space between the map and the form */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px) !important;
  gap: 70px !important;
  column-gap: 70px !important;
  align-items: start !important;
}

.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 55px !important;
  margin-bottom: 35px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 42px !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* address-field-visible-box-final */

/* Make Address field have a visible box/border like Name and Tel */
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-tool-page input[name*="property" i],
.roof-tool-page input[id*="property" i],
.roof-tool-page input[placeholder*="property" i],
.roof-tool-page input[name*="street" i],
.roof-tool-page input[id*="street" i],
.roof-tool-page input[placeholder*="street" i],
.roof-tool-page input[name*="location" i],
.roof-tool-page input[id*="location" i],
.roof-tool-page input[placeholder*="location" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
.roof-estimate-tool input[name*="property" i],
.roof-estimate-tool input[id*="property" i],
.roof-estimate-tool input[placeholder*="property" i],
.roof-estimate-tool input[name*="street" i],
.roof-estimate-tool input[id*="street" i],
.roof-estimate-tool input[placeholder*="street" i],
.roof-estimate-tool input[name*="location" i],
.roof-estimate-tool input[id*="location" i],
.roof-estimate-tool input[placeholder*="location" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i],
#roofTool input[name*="property" i],
#roofTool input[id*="property" i],
#roofTool input[placeholder*="property" i],
#roofTool input[name*="street" i],
#roofTool input[id*="street" i],
#roofTool input[placeholder*="street" i],
#roofTool input[name*="location" i],
#roofTool input[id*="location" i],
#roofTool input[placeholder*="location" i] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[name*="address" i]:focus,
.roof-tool-page input[id*="address" i]:focus,
.roof-tool-page input[placeholder*="address" i]:focus,
.roof-tool-page input[name*="property" i]:focus,
.roof-tool-page input[id*="property" i]:focus,
.roof-tool-page input[placeholder*="property" i]:focus,
.roof-tool-page input[name*="street" i]:focus,
.roof-tool-page input[id*="street" i]:focus,
.roof-tool-page input[placeholder*="street" i]:focus,
.roof-tool-page input[name*="location" i]:focus,
.roof-tool-page input[id*="location" i]:focus,
.roof-tool-page input[placeholder*="location" i]:focus,
.roof-estimate-tool input[name*="address" i]:focus,
.roof-estimate-tool input[id*="address" i]:focus,
.roof-estimate-tool input[placeholder*="address" i]:focus,
.roof-estimate-tool input[name*="property" i]:focus,
.roof-estimate-tool input[id*="property" i]:focus,
.roof-estimate-tool input[placeholder*="property" i]:focus,
.roof-estimate-tool input[name*="street" i]:focus,
.roof-estimate-tool input[id*="street" i]:focus,
.roof-estimate-tool input[placeholder*="street" i]:focus,
.roof-estimate-tool input[name*="location" i]:focus,
.roof-estimate-tool input[id*="location" i]:focus,
.roof-estimate-tool input[placeholder*="location" i]:focus,
#roofTool input[name*="address" i]:focus,
#roofTool input[id*="address" i]:focus,
#roofTool input[placeholder*="address" i]:focus,
#roofTool input[name*="property" i]:focus,
#roofTool input[id*="property" i]:focus,
#roofTool input[placeholder*="property" i]:focus,
#roofTool input[name*="street" i]:focus,
#roofTool input[id*="street" i]:focus,
#roofTool input[placeholder*="street" i]:focus,
#roofTool input[name*="location" i]:focus,
#roofTool input[id*="location" i]:focus,
#roofTool input[placeholder*="location" i]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242, 183, 5, .22) !important;
}

/* Keep address suggestions dropdown readable */
.roof-address-suggestions {
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
}


/* search-box-address-suggestions-yellow-pin-final */
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="search" i],
.roof-tool-page input[id*="search" i],
.roof-tool-page input[placeholder*="search" i],
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-tool-page input[name*="property" i],
.roof-tool-page input[id*="property" i],
.roof-tool-page input[placeholder*="property" i],
.roof-tool-page input[name*="street" i],
.roof-tool-page input[id*="street" i],
.roof-tool-page input[placeholder*="street" i],
.roof-tool-page input[name*="location" i],
.roof-tool-page input[id*="location" i],
.roof-tool-page input[placeholder*="location" i],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="search" i],
.roof-estimate-tool input[id*="search" i],
.roof-estimate-tool input[placeholder*="search" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
.roof-estimate-tool input[name*="property" i],
.roof-estimate-tool input[id*="property" i],
.roof-estimate-tool input[placeholder*="property" i],
.roof-estimate-tool input[name*="street" i],
.roof-estimate-tool input[id*="street" i],
.roof-estimate-tool input[placeholder*="street" i],
.roof-estimate-tool input[name*="location" i],
.roof-estimate-tool input[id*="location" i],
.roof-estimate-tool input[placeholder*="location" i],
#roofTool input[type="search"],
#roofTool input[name*="search" i],
#roofTool input[id*="search" i],
#roofTool input[placeholder*="search" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i],
#roofTool input[name*="property" i],
#roofTool input[id*="property" i],
#roofTool input[placeholder*="property" i],
#roofTool input[name*="street" i],
#roofTool input[id*="street" i],
#roofTool input[placeholder*="street" i],
#roofTool input[name*="location" i],
#roofTool input[id*="location" i],
#roofTool input[placeholder*="location" i] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[type="search"]:focus,
.roof-tool-page input[name*="address" i]:focus,
.roof-tool-page input[id*="address" i]:focus,
.roof-tool-page input[placeholder*="address" i]:focus,
.roof-estimate-tool input[type="search"]:focus,
.roof-estimate-tool input[name*="address" i]:focus,
.roof-estimate-tool input[id*="address" i]:focus,
.roof-estimate-tool input[placeholder*="address" i]:focus,
#roofTool input[type="search"]:focus,
#roofTool input[name*="address" i]:focus,
#roofTool input[id*="address" i]:focus,
#roofTool input[placeholder*="address" i]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242,183,5,.22) !important;
}

.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button {
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  font-weight: 900 !important;
}

.roof-address-suggestions {
  position: absolute !important;
  z-index: 999999 !important;
  background: #ffffff !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  display: none;
  color: #111111 !important;
}
.roof-address-suggestion-item {
  padding: 12px 14px !important;
  cursor: pointer !important;
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  border-bottom: 1px solid #eeeeee !important;
  background: #ffffff !important;
}
.roof-address-suggestion-item:hover,
.roof-address-suggestion-item.active {
  background: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 700 !important;
}
.roof-address-suggestion-empty {
  padding: 12px 14px !important;
  color: #555555 !important;
  background: #ffffff !important;
}

.roof-yellow-location-pin {
  position: absolute !important;
  z-index: 999999 !important;
  width: 34px !important;
  height: 34px !important;
  transform: translate(-50%, -100%) !important;
  pointer-events: none !important;
}
.roof-yellow-location-pin:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 24px;
  height: 24px;
  background: #f2b705;
  border: 3px solid #051f3d;
  border-radius: 50% 50% 50% 0;
  transform: translateX(-50%) rotate(-45deg);
  box-shadow: 0 5px 12px rgba(0,0,0,.35);
}
.roof-yellow-location-pin:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 7px;
  width: 8px;
  height: 8px;
  background: #051f3d;
  border-radius: 50%;
  transform: translateX(-50%);
}


/* search-height-yellow-final-v2 */
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="search" i],
.roof-tool-page input[id*="search" i],
.roof-tool-page input[placeholder*="search" i],
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="search" i],
.roof-estimate-tool input[id*="search" i],
.roof-estimate-tool input[placeholder*="search" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
#roofTool input[type="search"],
#roofTool input[name*="search" i],
#roofTool input[id*="search" i],
#roofTool input[placeholder*="search" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i] {
  height: 52px !important;
  min-height: 52px !important;
  line-height: normal !important;
  padding: 0 14px !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-sizing: border-box !important;
}

.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-tool-page button[type="submit"],
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
.roof-estimate-tool button[type="submit"],
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button,
#roofTool button[type="submit"] {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border: 2px solid #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-tool-page button[type="submit"] *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
.roof-estimate-tool button[type="submit"] *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button *,
#roofTool button[type="submit"] * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

.roof-tool-page .search-row,
.roof-tool-page .address-search-row,
.roof-tool-page .map-search-row,
.roof-estimate-tool .search-row,
.roof-estimate-tool .address-search-row,
.roof-estimate-tool .map-search-row,
#roofTool .search-row,
#roofTool .address-search-row,
#roofTool .map-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}


/* full-site-final-roof-tool-updates */
.roof-result-price-range{color:#d60000!important;font-weight:900!important;font-size:34px!important;margin:10px 0 18px!important}
.roof-tool-good-better-best,.roof-option-card,.roof-payment-note-final{display:none!important}
.roof-payment-options-only-final{display:grid!important;grid-template-columns:repeat(3,minmax(160px,1fr))!important;gap:14px!important;margin-top:18px!important}
.roof-payment-plan-card-final{background:#fffaf0!important;border:2px solid #f2b705!important;border-radius:12px!important;padding:16px!important;text-align:center!important;box-shadow:0 5px 16px rgba(0,0,0,.10)!important}
.roof-payment-plan-card-final strong{display:block!important;color:#051f3d!important;font-size:20px!important;font-weight:900!important;margin-bottom:8px!important}
.roof-payment-plan-card-final span{display:block!important;color:#d60000!important;font-size:24px!important;font-weight:900!important}
.roof-submit-status-final{margin-top:12px!important;font-weight:800!important;color:#051f3d!important}
.roof-submit-status-final.error{color:#d60000!important}.roof-submit-status-final.success{color:#087a2c!important}
.roof-tool-submit[disabled],.roof-tool-next[disabled]{opacity:.65!important;cursor:wait!important}
.roof-form-roof-type-boxes,.roof-condition-boxes{display:grid!important;grid-template-columns:repeat(3,minmax(140px,1fr))!important;gap:14px!important;margin:12px 0 18px!important}
.roof-form-type-card,.roof-condition-card{border:2px solid #d7d7d7!important;border-radius:12px!important;background:#fff!important;padding:14px!important;text-align:center!important;cursor:pointer!important;color:#051f3d!important;font-weight:900!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important}
.roof-form-type-card:hover,.roof-form-type-card.active,.roof-condition-card:hover,.roof-condition-card.active{border-color:#f2b705!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;transform:translateY(-2px)!important}
.roof-form-type-card img{width:100%!important;height:90px!important;object-fit:cover!important;border-radius:8px!important;display:block!important;margin-bottom:10px!important}
.roof-hidden-old-header-type{display:none!important}
@media(max-width:800px){.roof-payment-options-only-final,.roof-form-roof-type-boxes,.roof-condition-boxes{grid-template-columns:1fr!important}}