:root {
  --neutral--600: dimgrey;
  --neutral--800: #070707;
  --midnight-blue: #001f33;
  --neutral--100: white;
  --neutral--300: #f0f0f0;
  --general--shadow-01: #14142b0f;
  --neutral--400: #d6d6d6;
  --neutral--200: #f6f6f6;
  --button-shadow--white-01: #14142b0a;
  --001f33: #ff3434;
  --general--shadow-02: #00000014;
  --system--red-100: #ffeff0;
  --system--300: #ff5a65;
  --030607: black;
  --button-shadow--color-01: #1f1f1f17;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
  --button-shadow--color-2: #1f1f1f;
  --button-shadow--color-03: #1f1f1f14;
  --general--shadow-03: #0000001a;
  --general--shadow-04: #20202024;
  --general--shadow-05: #14142b29;
  --general--shadow-06: #0000003d;
  --neutral--700: #393939;
  --neutral--500: #919191;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-400: #11845b;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--red-200: #ffbec2;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
}

body {
  color: var(--neutral--600);
  font-family: Claritycity, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.667em;
}

h1 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 54px;
  font-weight: 800;
  line-height: 1.222em;
}

h2 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.316em;
}

h3 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.417em;
}

h4 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.375em;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--midnight-blue);
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

a:hover {
  color: var(--neutral--800);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 16px;
}

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

label {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-weight: 700;
  display: block;
}

strong {
  color: var(--neutral--800);
  font-weight: 700;
}

blockquote {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  border: 0 solid #000;
  margin-top: 14px;
  margin-bottom: 32px;
  padding: 140px 80px;
  font-size: 22px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.545em;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 16px;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.form {
  grid-column-gap: 40px;
  grid-row-gap: 42px;
}

.grid-2-columns.title-and-categories {
  grid-template-columns: .6fr 1fr;
  margin-bottom: 80px;
}

.grid-2-columns.checkout-page {
  grid-template-columns: 1fr .4fr;
  align-items: start;
}

.grid-2-columns._2-25fr---1fr {
  grid-template-columns: 2.25fr 1fr;
}

.grid-2-columns._1-3fr---1fr {
  grid-template-columns: 1.3fr 1fr;
}

.grid-2-columns.locations-map {
  z-index: 1;
  grid-column-gap: 28px;
  grid-row-gap: 40px;
  align-items: start;
  width: 62%;
  max-width: 782px;
  position: absolute;
  top: 56px;
  left: 56px;
}

.grid-2-columns._1-5fr---1fr {
  grid-template-columns: 1.5fr 1fr;
}

.grid-2-columns._1fr---1-6fr {
  grid-template-columns: 1fr .6fr;
}

.grid-2-columns.dropdown-pages {
  grid-template-columns: 1fr;
}

.grid-2-columns.gap-column-0 {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
}

.grid-2-columns.gap-column-0.gap-row-64px {
  grid-column-gap: 0px;
  grid-row-gap: 64px;
  grid-column-gap: 0px;
  grid-row-gap: 64px;
}

.grid-2-columns._1-25fr---1fr {
  grid-template-columns: 1.25fr 1fr;
}

.grid-2-columns.gap-column-48px.gap-row-100px {
  grid-column-gap: 48px;
  grid-row-gap: 100px;
  grid-column-gap: 48px;
  grid-row-gap: 100px;
}

.grid-2-columns._1fr---1-34fr {
  grid-template-columns: 1fr 1.34fr;
}

.grid-2-columns._1fr---1-34fr.gap-row-64px {
  grid-column-gap: 28px;
  grid-row-gap: 64px;
  grid-column-gap: 28px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.34fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  justify-items: center;
  max-width: 1316px;
  display: grid;
}

.grid-2-columns.columns-auto {
  grid-template-columns: auto auto;
}

.grid-2-columns.footer-menu-grid {
  grid-row-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: auto auto;
}

.card {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 7px 0 var(--general--shadow-01);
}

.card.checkout-block {
  margin-bottom: 28px;
  padding: 32px 32px 48px;
}

.card.checkout-block.order-summary {
  padding-bottom: 40px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.product {
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 52px 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 12px #00000014;
}

.card.add-to-cart {
  z-index: 3;
  border-color: var(--neutral--400);
  max-width: 512px;
  box-shadow: none;
  margin-top: -500px;
  padding: 72px 44px 64px;
  position: sticky;
  top: 16px;
}

.card.contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: none;
  grid-template-rows: auto;
  grid-template-columns: 1.35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card.password-protected {
  z-index: 1;
  text-align: center;
  max-width: 700px;
  margin-left: 24px;
  margin-right: 24px;
  padding: 82px 78px;
  position: relative;
}

.card.text-over-image-link {
  z-index: 1;
  background-color: var(--midnight-blue);
  min-height: 404px;
  box-shadow: none;
  border-style: none;
  flex-direction: column;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card.text-over-image {
  min-height: 598px;
  box-shadow: none;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  display: flex;
  position: relative;
}

.card.testimonial {
  padding: 58px 38px 64px;
}

.bg-neutral-800 {
  background-color: var(--midnight-blue);
}

.bg-neutral-800.bottom-48 {
  z-index: -1;
  position: absolute;
  inset: 0% 0% 48%;
}

.bg-neutral-100 {
  background-color: var(--neutral--100);
}

.bg-neutral-100.top-72 {
  position: absolute;
  inset: 72% 0 0;
}

.bg-neutral-100.top-48 {
  inset: 48% 0 0;
  position: absolute;
  inset: 48% 0 0;
}

.bg-neutral-100.top-70 {
  position: absolute;
  inset: 70% 0 0;
}

.color-accent-1 {
  color: #001f33;
}

.color-neutral-800 {
  color: var(--neutral--800);
}

.color-neutral-100 {
  color: var(--neutral--100);
}

.color-neutral-100.mg-bottom-0 {
  margin-bottom: 15px;
}

.color-neutral-100.mg-bottom-0.why-us-text {
  width: 908px;
}

.color-neutral-100.mg-bottom-24px.opacity-80 {
  min-height: 100px;
}

.color-neutral-100.opacity-80.mg-bottom-40px.padding-25 {
  width: 500px;
  padding: 25px;
}

.color-neutral-400 {
  color: var(--neutral--400);
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider.newsletter {
  background-color: #fff;
  width: 100%;
  max-width: 170px;
  height: 4px;
  margin-top: 0;
  margin-bottom: 12px;
}

.divider.contact-info {
  width: 100%;
  max-width: 204px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

.divider.subtitle {
  background-color: var(--midnight-blue);
  width: 100%;
  max-width: 170px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 22px;
}

.divider.subtitle.white {
  background-color: var(--neutral--100);
  max-width: 120px;
}

.divider.subtitle.color-neutral-400 {
  background-color: var(--neutral--400);
}

.divider.link {
  background-color: var(--midnight-blue);
  width: 100%;
  max-width: 32px;
  height: 2px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 16px;
}

.divider.link.white {
  background-color: var(--neutral--100);
  background-color: var(--neutral--100);
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.mg-bottom-16px {
  width: 150px;
  margin-bottom: 16px;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.mg-top-48px {
  margin-top: 48px;
}

.mg-right-16px {
  margin-right: 16px;
}

.mg-right-24px {
  margin-right: 24px;
}

.text-200 {
  line-height: 1.111em;
}

.text-200.medium {
  font-weight: 500;
}

.text-200.medium.color-neutral-800 {
  white-space: nowrap;
}

.text-200.black {
  font-weight: 900;
}

.text-200.black.dropdown-title {
  color: var(--neutral--800);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 24px;
}

.text-200.black.text-uppercase {
  color: #fff;
  letter-spacing: .06em;
  font-size: 15px;
}

.display-1 {
  color: var(--neutral--800);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 80px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.125em;
}

.display-1.color-neutral-100 {
  color: var(--neutral--100);
  font-size: 71px;
}

.display-1.color-neutral-100.mg-bottom-8px {
  font-size: 54px;
}

.display-1.mg-bottom-4px {
  color: #001f33;
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.gap-row-0 {
  grid-row-gap: 0px;
}

.grid-1-column.gap-row-28px {
  grid-row-gap: 28px;
}

.grid-1-column.dropdown-link-column {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  justify-items: start;
}

.gap-column-48px {
  grid-column-gap: 48px;
}

.gap-row-48px {
  grid-row-gap: 48px;
}

.gap-row-64px {
  grid-row-gap: 64px;
}

.display-2 {
  color: var(--midnight-blue);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 54px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.204em;
}

.display-2.mg-bottom-8px {
  color: var(--midnight-blue);
}

.display-2.commercial-roofing-header {
  font-size: 38px;
}

.display-2.mg-bottom-0 {
  color: #fff;
  margin-bottom: 0;
}

.display-2.mg-bottom-0.blue {
  color: var(--midnight-blue);
}

.display-2.color-neutral-100 {
  color: var(--neutral--100);
  font-size: 51px;
}

.display-2.color-neutral-100.mg-bottom-0 {
  white-space: normal;
  white-space: normal;
}

.display-4 {
  color: var(--neutral--800);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.429em;
}

.display-4.mg-bottom-24px {
  color: var(--midnight-blue);
}

.display-4.color-white {
  color: #fff;
}

.display-4.color-neutral-100 {
  color: var(--neutral--100);
}

.display-4.color-neutral-100.mg-bottom-0 {
  margin-bottom: 15px;
}

.text-100 {
  font-size: 16px;
  line-height: 1.125em;
}

.text-100.medium {
  font-weight: 500;
}

.text-100.black {
  font-weight: 900;
}

.text-100.bold {
  font-weight: 700;
}

.text-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.text-bold.color-neutral-100 {
  color: var(--neutral--100);
  font-weight: 700;
}

.text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.grid43-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid43-columns._1-col-tablet.gap-row-40px {
  grid-column-gap: 28px;
  grid-row-gap: 40px;
}

.grid43-columns.gap-row-64px {
  grid-row-gap: 64px;
}

.grid43-columns.gap-44px {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
}

.grid43-columns.gap-40px {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  place-items: center;
  min-width: 100%;
  max-width: 100%;
  display: grid;
}

.grid43-columns.stats-left {
  grid-column-gap: 56px;
  grid-row-gap: 28px;
  background-color: #0000;
  grid-template-columns: auto auto auto;
  max-width: 1054px;
  margin-right: 100px;
  padding-top: 60px;
  padding-bottom: 14px;
}

.inner-container._740px {
  max-width: 740px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._648px {
  max-width: 648px;
}

.inner-container._678px {
  max-width: 678px;
}

.inner-container._678px.center.full {
  max-width: 100%;
}

.inner-container._638px {
  max-width: 638px;
}

.inner-container._876px {
  max-width: 876px;
}

.inner-container._876px.center.preferred-contractors {
  max-width: none;
}

.inner-container._876px.center.award-winning-city-contractors {
  max-width: 900px;
}

.inner-container._546px {
  max-width: 546px;
}

.inner-container._546px.center.why-us-text {
  max-width: 75%;
}

.inner-container._340px {
  max-width: 340px;
}

.inner-container._340px._100-mbl.inner-container-construction-companies {
  max-width: none;
}

.inner-container._704px {
  max-width: 704px;
}

.inner-container._794px {
  max-width: 794px;
}

.inner-container._540px {
  max-width: 540px;
}

.inner-container._270px {
  max-width: 270px;
}

.inner-container._692px {
  max-width: 692px;
}

.inner-container._692px.transform-top--16px {
  transform: translate(0, -16px);
}

.inner-container._836px {
  max-width: 836px;
}

.inner-container._962px {
  max-width: 962px;
}

.inner-container._962px.mg-bottom-16px {
  min-width: 100%;
  max-width: 100%;
}

.inner-container._160px {
  max-width: 160px;
}

.inner-container._680px {
  max-width: 680px;
}

.inner-container._870px {
  max-width: 870px;
}

.inner-container._674px {
  max-width: 674px;
}

.inner-container._78px {
  max-width: 150px;
}

.inner-container._48 {
  max-width: 48%;
}

.inner-container._48._100-mbl {
  margin-top: 15%;
}

.inner-container._48._100-mbl.long-title {
  max-width: 63%;
}

.inner-container._534px {
  max-width: 534px;
}

.inner-container._266px {
  max-width: 266px;
}

.inner-container._266px._100-mbl.values {
  max-width: 100%;
}

.inner-container._968px {
  max-width: 1316px;
}

.inner-container._760px {
  max-width: 760px;
}

.inner-container._560px {
  max-width: 560px;
}

.inner-container._594px {
  max-width: 594px;
}

.inner-container._670px {
  max-width: 670px;
}

.inner-container._604px {
  max-width: 604px;
}

.inner-container._596px {
  max-width: 596px;
}

.inner-container._290px {
  max-width: 290px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.btn-primary {
  border: 2.5px solid var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: var(--neutral--100);
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: center;
  padding: 30px 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: var(--neutral--100);
  transform: translate3d(0, -6px, .01px);
}

.btn-primary.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary.inside-input.default {
  padding: 16px 24px;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.btn-primary.width-100.text-break-normal {
  white-space: normal;
}

.btn-primary.btn-next {
  margin-left: 12px;
  margin-right: 12px;
  font-size: 18px;
}

.btn-primary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 18px;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.small.header-btn-hidde-on-mb {
  opacity: .9;
  color: #fff;
  white-space: nowrap;
  background-color: #0000;
  border-color: #fff;
  margin-left: 32px;
  font-style: normal;
}

.btn-primary.small.header-btn-hidde-on-mb:hover {
  opacity: 1;
}

.btn-primary.small.header-btn-hidde-on-mb.button.blue {
  color: var(--midnight-blue);
  background-color: #fff;
}

.btn-primary.white {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.btn-primary.white:hover {
  color: var(--midnight-blue);
  background-color: #fff;
}

.btn-primary.button-row {
  color: var(--midnight-blue);
  background-color: #fff;
  border-color: #fff;
  margin-right: 28px;
}

.btn-primary.button-row.margin {
  margin-left: 30px;
}

.btn-primary.button-row.blue {
  background-color: var(--midnight-blue);
  color: #fff;
}

.btn-secondary {
  border: 2.5px solid var(--neutral--800);
  background-color: var(--neutral--100);
  box-shadow: none;
  color: var(--neutral--800);
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: center;
  padding: 30px 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: var(--neutral--100);
  transform: translate3d(0, -6px, .01px);
}

.btn-secondary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 14px;
}

.btn-secondary.small.category-button {
  margin-left: 22px;
  text-decoration: none;
}

.btn-secondary.small.category-button.w--current {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: var(--neutral--100);
}

.btn-secondary.hover-none {
  transform-style: preserve-3d;
  transition-property: none;
}

.btn-secondary.hover-none:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  transform: none;
}

.btn-secondary.btn-previous {
  margin-left: 12px;
  margin-right: 12px;
  font-size: 18px;
}

.btn-secondary.blog-featured-button {
  margin-right: 40px;
  transition-property: none;
}

.btn-secondary.blog-featured-button:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--100);
  box-shadow: none;
  color: var(--neutral--800);
  transform: none;
}

.btn-secondary.white {
  border-color: var(--neutral--100);
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-secondary.white:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-secondary.button-row {
  border-color: var(--midnight-blue);
  color: var(--midnight-blue);
}

.btn-secondary.button-row:hover {
  color: #fff;
}

.badge-primary {
  background-color: var(--001f33);
  color: var(--neutral--100);
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 18px 28px;
  font-size: 18px;
  font-weight: 900;
  line-height: 1em;
  display: inline-block;
}

.badge-primary.small {
  color: var(--midnight-blue);
  background-color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  line-height: 18px;
}

.badge-primary.small.link {
  max-width: 100%;
  transform-style: preserve-3d;
  transition: color .3s, background-color .3s, transform .3s;
}

.badge-primary.small.link:hover {
  background-color: var(--midnight-blue);
  color: #fff;
  transform: translate3d(0, -6px, .01px);
}

.position-relative {
  position: relative;
}

.position-relative.about-us {
  width: 90%;
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

.social-icon-font {
  color: #fff;
  font-family: Social Icons Font, sans-serif;
  line-height: 21px;
}

.line-square-icon {
  font-family: Line Square Icons, sans-serif;
}

.line-square-icon.link-icon-left {
  margin-right: 18px;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}

.line-square-icon.locations-link-icon {
  color: var(--midnight-blue);
  margin-right: 18px;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  transform: translate(0, -2px);
}

.line-square-icon.success-message-check {
  color: var(--001f33);
}

.line-square-icon.success-message-check.large {
  margin-bottom: 24px;
  font-size: 72px;
  line-height: 1em;
}

.line-square-icon.success-message-check.left {
  margin-right: 8px;
  font-size: 24px;
  line-height: 1em;
}

.line-square-icon.success-message-icon-top {
  color: #ff4d01;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 1em;
}

.line-square-icon.dropdown-arrow {
  margin-left: 4px;
  font-size: 18px;
}

.buttons-row {
  color: #fff;
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.container-default {
  max-width: 1316px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default.order-confirmation {
  display: block;
}

.container-default.blog-post-title {
  z-index: 2;
  position: absolute;
  bottom: 180px;
  left: 0;
  right: 0;
}

.container-default.middle {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-default.landingpage-container-cta {
  flex-direction: row;
  display: flex;
}

.container-default.z-index-1 {
  z-index: 1;
  max-width: 85%;
  position: relative;
}

.container-default.header {
  max-width: 90%;
  padding-top: 3%;
}

.section {
  padding-top: 300px;
  padding-bottom: 300px;
}

.section.small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.small.pd-bottom-180px {
  max-width: 100%;
  padding-bottom: 180px;
  overflow: hidden;
}

.section.small.white {
  max-width: 100%;
}

.section.top {
  padding-top: 80px;
  padding-bottom: 0;
}

.section.top.bg-neutral-800 {
  padding-top: 10%;
  padding-bottom: 10%;
}

.section.top.bg-neutral-800.contact-us {
  background-image: linear-gradient(#001f33e6, #001f33e6), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632ea18aa3d58067485ffa3a_IMG_0271%2B(1).jpeg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.top.pd-bottom-200px {
  background-image: linear-gradient(#001f33db, #001f33db), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632ff4d90ee1f11212ba694a_roofer-adding-shingles-to-the-roof-of-a-house-2021-10-15-22-53-08-utc%20(1).jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-bottom: 200px;
}

.section.pd-200px {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.pd-200px.pd-bottom-160px {
  padding-bottom: 160px;
}

.section.pd-234px {
  padding-top: 234px;
  padding-bottom: 234px;
}

.section.pd-234px.pd-top-0 {
  padding-top: 0;
}

.section.pd-top-150px {
  padding-top: 150px;
}

.section.pd-top-150px.pd-bottom-264px {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.overflow-hidden {
  padding-top: 250px;
  padding-bottom: 250px;
}

.section.overflow-hidden.grey {
  background-color: var(--neutral--200);
}

.section.overflow-hidden.grey.small.gray-full {
  max-width: 100%;
}

.section.hero-bg-image {
  background-image: linear-gradient(to right, var(--midnight-blue), #00000029);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 99vh;
  margin-top: -3px;
  margin-bottom: -55px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0%;
  display: flex;
  overflow: hidden;
}

.section.stats-left {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.bg-neutral-800.overflow-hidden.small.full {
  max-width: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.section.bg-neutral-800.overflow-hidden.construction-companies-30-years {
  background-image: url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/63860a619af2720a65a72cec_team-photo.png");
  background-position: 50%;
  background-size: cover;
}

.heading-h4-size {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.273em;
}

.heading-h5-size {
  color: var(--neutral--800);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.333em;
}

.heading-h5-size.color-neutral-100 {
  color: var(--neutral--100);
}

.header-wrapper {
  background-color: #0000;
  min-width: 100%;
  padding-top: 34px;
  padding-bottom: 34px;
  position: fixed;
  inset: 0% 0% auto;
}

.header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-link {
  color: var(--neutral--100);
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.125em;
}

.header-nav-link:hover {
  color: #fff;
}

.header-nav-link.w--current {
  color: var(--neutral--100);
  font-style: normal;
  font-weight: 900;
}

.header-nav-link.w--current:hover {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.header-nav-list-item {
  opacity: .9;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 16px;
  display: flex;
}

.header-nav-list-item:hover {
  opacity: 1;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.dropdown-toggle {
  color: var(--neutral--100);
  letter-spacing: .02em;
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-size: 16px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.125em;
  transition: color .3s;
  display: flex;
}

.dropdown-toggle:hover {
  color: #fff;
}

.dropdown-column-wrapper {
  background-color: #0000;
  padding-top: 20px;
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-link {
  width: 100%;
  color: var(--neutral--600);
  padding: 0;
  font-weight: 500;
  line-height: 1.111em;
}

.dropdown-link:hover {
  color: var(--midnight-blue);
}

.dropdown-link.w--current {
  color: var(--neutral--600);
}

.dropdown-link.w--current:hover {
  color: var(--midnight-blue);
}

.dropdown-pd {
  padding: 40px;
}

.dropdown-pd.pd-48px {
  background-color: var(--neutral--100);
  background-color: var(--neutral--100);
  padding: 48px;
}

.header-logo {
  width: 100%;
  max-width: 270px;
}

.header-logo-link {
  transform-style: preserve-3d;
  margin-right: 32px;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header-logo-link:hover {
  transform: translate3d(0, -6px, .01px);
}

.hamburger-menu-wrapper {
  transform-style: preserve-3d;
  padding: 0;
  transition: transform .3s;
}

.hamburger-menu-wrapper:hover {
  transform: scale3d(.9, .9, 1.01);
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--100);
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.btn-circle-secondary {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  color: var(--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-secondary:hover {
  border-color: var(--001f33);
  background-color: var(--001f33);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.slider-arrow {
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
}

.btn-circle-secondary.slider-arrow.right---bottom-center {
  inset: auto 0% 0% 84px;
}

.btn-circle-secondary.slider-arrow.left---bottom-center {
  inset: auto 84px 0% 0%;
}

.btn-circle-secondary.slider-arrow.left---top-left {
  inset: -100px 84px auto auto;
}

.btn-circle-secondary.slider-arrow.right---top-left {
  top: -100px;
}

.hidden-on-desktop {
  display: none;
}

.social-media-grid-top {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: start;
  justify-items: start;
}

.social-media-grid-top.center {
  justify-content: center;
  justify-items: center;
}

.footer-wrapper {
  background-color: var(--midnight-blue);
}

.footer-list-wrapper {
  min-width: 225px;
  max-width: 225px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

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

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

.text-center.mg-bottom-40px.mg-bottom-40px-mbp {
  flex-direction: column;
  align-items: center;
  max-width: 85%;
  display: flex;
}

.floating-item {
  position: absolute;
}

.floating-item.photo-bottom-shape-3 {
  width: 68%;
  max-width: 436px;
  bottom: -162px;
  left: -48px;
  right: 0;
}

.floating-item.hero-bottom-shape-1 {
  width: 90%;
  margin-left: -4px;
  bottom: 0;
  left: 0;
}

.floating-item.hero-bottom-shape-2 {
  width: 54%;
  margin-left: -4px;
  bottom: 0;
  left: 0;
}

.floating-item.section-bottom-shape-1 {
  width: 82%;
  margin-bottom: -1px;
  margin-right: -4px;
  bottom: 0;
  right: 0;
}

.floating-item.hero-bottom-shape-3 {
  z-index: 1;
  object-fit: cover;
  object-position: 100% 100%;
  width: 74%;
  min-height: 274px;
  max-height: 274px;
  margin-left: -3px;
  bottom: 0;
  left: 0;
}

.floating-item.hero-bottom-shape-4 {
  z-index: 1;
  object-fit: cover;
  object-position: 100% 100%;
  width: 86%;
  max-height: 54px;
  margin-bottom: -1px;
  bottom: 0;
  left: 0;
}

.floating-item.section-top-shape-1 {
  object-fit: cover;
  object-position: 100% 0%;
  width: 80%;
  max-width: 1012px;
  min-height: 310px;
  top: 0;
  left: 0;
}

.floating-item.photo-bottom-shape-1 {
  width: 50%;
  bottom: -60px;
  left: -40px;
}

.floating-item.photo-bottom-shape-2 {
  width: 50%;
  bottom: -100px;
  left: -15px;
}

.opacity-80 {
  opacity: .8;
}

.fit-cover {
  object-fit: cover;
}

.overflow-hidden {
  overflow: hidden;
}

.subtitle {
  color: var(--midnight-blue);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  font-style: italic;
  font-weight: 900;
  line-height: 1.111em;
}

.subtitle.mg-bottom-16px {
  margin-bottom: 16px;
}

.subtitle.mg-bottom-24px {
  color: #fff;
  margin-bottom: 24px;
}

.subtitle.white {
  color: var(--neutral--100);
}

.subtitle.color-neutral-400 {
  color: var(--neutral--400);
  white-space: nowrap;
}

.cta-section {
  background-color: var(--001f33);
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
  overflow: hidden;
}

.cta-section.cta-1 {
  background-color: var(--neutral--800);
  background-image: linear-gradient(to right, #00000029, #001f338f 56%, #001f33d9), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632fc95be846c0d671e95d53_308227732_1289160078525784_2136846939425436922_n.jpg");
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  padding-top: 166px;
  padding-bottom: 234px;
}

.cta-section.cta-2 {
  background-color: var(--neutral--800);
  background-image: linear-gradient(to right, var(--midnight-blue), #00000029), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632ea18aa3d58067485ffa3a_IMG_0271%2B(1).jpeg");
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
  padding-top: 166px;
  padding-bottom: 234px;
}

.cta-section.cta-2.landingpage-cta {
  background-image: linear-gradient(to right, var(--midnight-blue), #001f33a6), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/63821d4e83c0cde9cb529370_fort-worth-roofing-experts.jpg");
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.cta-section.cta-2.landingpage-cta.dallas-cta {
  background-image: linear-gradient(to right, var(--midnight-blue), #001f33a6), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/63821e1e76687cbe3dd80ee3_dallas-roofing-experts.jpg");
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-wrapper.arrows-bottom {
  padding-bottom: 110px;
}

.slider-mask {
  height: 100%;
}

.slider-mask.width-404px {
  max-width: 404px;
  overflow: visible;
}

.slider-mask.width-512px {
  max-width: 512px;
  overflow: visible;
}

.empty-state {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  text-align: center;
  padding: 26px 24px;
}

.image.preview-icon-play {
  object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.slide-item-mg {
  margin-right: 28px;
}

.mg-bottom-4px {
  margin-bottom: 4px;
}

.height-100 {
  height: 100%;
}

.blog-card-image {
  width: 100%;
}

.blog-card-image-wrapper {
  border-radius: 24px;
  overflow: hidden;
  transform: translate(0);
}

.blog-card-image-wrapper.inside-card {
  object-fit: fill;
  object-fit: fill;
  border-radius: 0;
  margin-bottom: 46px;
  position: relative;
}

.blog-card-wrapper {
  max-width: 1010px;
  color: var(--neutral--600);
  margin-left: auto;
  text-decoration: none;
}

.blog-card-wrapper.card {
  height: 100%;
  box-shadow: none;
  height: 100%;
  box-shadow: none;
  border-style: none;
  position: relative;
}

.blog-card-badge-wrapper-top {
  position: absolute;
  inset: 24px 24px auto auto;
}

.dropdown-text {
  font-style: normal;
}

.flex {
  display: flex;
}

.flex.align-center {
  align-items: center;
}

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

.stats-left-bg-diagonal {
  z-index: -1;
  background-color: var(--neutral--100);
  position: absolute;
  inset: 0% 10% 0% 0;
  transform: skew(43deg);
}

.stats-left-bg-left {
  z-index: -1;
  background-color: var(--neutral--100);
  position: absolute;
  inset: 0% 73% 0% 0%;
}

.text-over-image-link---text-container {
  z-index: 3;
  position: absolute;
  bottom: 48px;
  left: 40px;
  right: 40px;
}

.text-over-image-link---gradient {
  background-image: linear-gradient(to bottom, #0000 10%, #000000c4 50%, var(--midnight-blue));
  transition: background-color .3s;
  position: absolute;
  inset: 84px 0 0;
}

.text-over-image-link---image {
  object-fit: cover;
  min-height: 45vh;
}

.bg-text {
  z-index: -1;
  position: absolute;
}

.bg-text.our-numbers {
  width: 86%;
  top: -80px;
  right: -140px;
}

.bg-text.why-us-2 {
  width: 46%;
  max-width: 578px;
  top: -66px;
  left: -40px;
}

.bg-text.why-us-3 {
  width: 100%;
  top: -140px;
  left: -200px;
}

.bg-text.locations-2 {
  top: -44px;
  left: -60px;
}

.bg-text.services-2 {
  width: 56%;
  max-width: 720px;
  top: -72px;
  right: -136px;
}

.bg-text.faqs {
  width: 32%;
  max-width: 410px;
  top: -36px;
  right: 230px;
}

.bg-text.newsletter {
  color: #fff;
  width: 66%;
  max-width: 836px;
  top: -62px;
  left: -100px;
}

.bg-text.locations-3 {
  width: 66%;
  top: -79px;
  right: -102px;
}

.bg-text.not-found {
  width: 90%;
  top: 212px;
  left: -248px;
}

.bg-text.services {
  width: 54%;
  top: -32px;
  right: -160px;
}

.bg-text.why-us {
  width: 44%;
  top: -84px;
  right: -150px;
}

.bg-text.about {
  width: 85%;
  top: -120px;
  left: -118px;
}

.bg-text.locations {
  width: 66%;
  max-width: 842px;
  top: -56px;
  right: -64px;
}

.bg-text.testimonials {
  width: 80%;
  top: -98px;
  left: -74px;
}

.bg-text.blog {
  width: 31%;
  top: -16px;
  right: 238px;
}

.cta-bottom-shape {
  width: 83%;
  margin-bottom: -1px;
  margin-right: -4px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cta-bottom-shape.shape-left {
  margin-left: -4px;
  margin-right: 0;
  left: 0;
  right: auto;
}

.cta-text-container {
  max-width: 640px;
  margin-left: auto;
}

.cta-text-container.text-left {
  margin-left: 0;
}

.cta-text-container.text-left.cta-split-container {
  flex-direction: row;
  display: flex;
}

.text-over-image---text-container {
  z-index: 3;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 68px;
  left: 16px;
  right: 16px;
}

.text-over-image---gradient {
  background-image: linear-gradient(to bottom, #0000 10%, #000000c7 50%, var(--midnight-blue));
  position: absolute;
  inset: 136px 0 0;
}

.mg-right-12px {
  margin-right: 12px;
}

.font-size-28px {
  font-size: 28px;
}

.footer-shape-top {
  width: 38%;
  margin-bottom: -1px;
  margin-left: -4px;
}

.mg-top-auto {
  margin-top: auto;
}

.link.text-and-icon {
  text-decoration: none;
  transition: none;
  display: flex;
}

.link.text-and-icon.large {
  color: var(--neutral--100);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  font-size: 22px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.091em;
  transition: opacity .3s;
}

.link.text-and-icon.large:hover {
  opacity: .8;
}

.mg-bottom-6px {
  margin-bottom: 6px;
}

.color-neutral-801 {
  color: #605e5d;
}

.section-2 {
  padding-top: 240px;
  padding-bottom: 240px;
}

.section-2.pd-180px {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section-2.pd-180px.pd-top-80px {
  padding-top: 75px;
  padding-bottom: 75px;
}

.section-2.pd-top-200px {
  padding-top: 200px;
}

.heading-h1-size-2 {
  color: var(--midnight-blue);
  font-size: 54px;
  font-weight: 900;
  line-height: 1.148em;
}

.btn-secondary-2 {
  color: #191919;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1.5px solid #191919;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary-2:hover {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: #fff;
  transform: translate3d(0, -6px, .01px);
}

.flex-2 {
  display: flex;
}

.flex-2.justify-space-between {
  justify-content: space-between;
}

.display-5 {
  color: #191919;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.167em;
}

.display-5.color-neutral-100 {
  color: #fff;
  font-weight: 900;
}

.display-5.mg-bottom-4px {
  color: var(--midnight-blue);
  font-size: 50px;
}

.mg-bottom-48px-2 {
  margin-bottom: 48px;
}

.bg-square {
  z-index: -1;
  border: 2.5px solid #ff4d01;
  position: absolute;
}

.bg-square._204px---top-left {
  border-color: var(--midnight-blue);
  border-color: var(--midnight-blue);
  min-width: 204px;
  max-width: 204px;
  min-height: 204px;
  max-height: 204px;
  top: -20px;
  left: -20px;
}

.container-default-2 {
  max-width: 1316px;
  padding-left: 24px;
  padding-right: 24px;
}

.mg-top-40px {
  margin-top: 40px;
}

.position-relative---z-index-4 {
  z-index: 1;
  position: relative;
}

.link-4 {
  color: #008db9;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.link-5 {
  color: var(--midnight-blue);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: capitalize;
  background-color: #fff;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .5s;
  display: block;
}

.link-5:hover {
  color: #fff;
  background-color: #001f33;
}

.footer-contact-cards-container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.social-icon-square-2 {
  color: #fff;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  transform-style: preserve-3d;
  background-color: #ff4d01;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.social-icon-square-2:hover {
  color: #fff;
  background-color: #e44501;
  transform: translate3d(0, -4px, .01px);
}

.social-icon-square-2._36px {
  background-color: #0000;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
}

.footer-top-2 {
  padding-top: 120px;
  padding-bottom: 100px;
}

.footer-list-item-2 {
  margin-bottom: 18px;
  padding-left: 0;
}

.footer-list-item-2.mg-bottom-0 {
  margin-bottom: 0;
}

.footer-bottom-2 {
  text-align: left;
  padding-top: 38px;
  padding-bottom: 38px;
}

.footer-link-2 {
  color: #eaeaeb;
  font-size: 17px;
  line-height: 1.111em;
  text-decoration: none;
  display: block;
}

.footer-link-2:hover {
  color: #fff;
  font-weight: 700;
}

.footer-logo-wrapper-2 {
  margin-bottom: 24px;
}

.text-401 {
  font-size: 22px;
  line-height: 1.1em;
}

.text-401.bold {
  font-weight: 700;
}

.text-401.bold.footer-title {
  color: #fff;
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 900;
}

.footer-logo-2 {
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo-2:hover {
  transform: scale3d(.92, .92, 1.01);
}

.color-neutral-803 {
  color: #eaeaeb;
}

.grid-footer-4-columns {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .65fr auto auto minmax(auto, 290px);
  justify-content: space-between;
}

.color-neutral-805 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
}

.color-neutral-805.small {
  text-transform: capitalize;
  text-transform: capitalize;
  font-weight: 500;
}

.card-2 {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 0 4px 12px #605e5d14;
}

.card-2.form-call-card {
  background-image: url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632fcf0a91252d7f22f766fd_section-bg-shape-10-contractor-webflow-template.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: solid none none;
  border-top-width: 5px;
  border-top-color: #ff4d01;
  padding: 64px 48px 72px;
  position: sticky;
  top: 24px;
}

.card-2.form-call-card.mg-top--522 {
  z-index: 1;
  border-top-color: var(--midnight-blue);
  z-index: 1;
  margin-top: -522px;
}

.card-2.our-values-card {
  min-width: 100%;
  max-width: 100%;
  min-height: 250px;
  box-shadow: none;
  text-align: center;
  border-width: 2px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 35px 40px 48px;
  display: flex;
}

.card-2.footer-contact-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  box-shadow: none;
  color: #fff;
  transform-style: preserve-3d;
  background-color: #0000;
  border-width: 1.5px;
  border-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 48px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 28px 26px 28px 10px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, transform .3s;
  display: grid;
}

.card-2.footer-contact-link.footer {
  border-color: #fff;
  padding-left: 10px;
}

.card-2.footer-contact-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  box-shadow: none;
  transform-style: preserve-3d;
  background-color: #0000;
  border-width: 1.5px;
  border-color: #ff4d01;
  grid-template-rows: auto;
  grid-template-columns: 48px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 28px 26px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, transform .3s;
  display: grid;
}

.card-2.footer-contact-link:hover {
  transform: translate3d(0, -6px, .01px);
}

.link-6 {
  color: #fff;
  text-decoration: none;
}

.link-6:hover {
  color: #fff;
  font-weight: 500;
}

.text-block-2 {
  color: #fff;
}

.split-content.terms-conditions-right {
  max-width: 688px;
  margin-bottom: -55px;
}

.split-content.terms-conditions-left {
  width: 100%;
  max-width: 384px;
  margin-right: 30px;
}

.split-content.cta-content {
  max-width: 751px;
  margin-right: 30px;
}

.cl04 {
  background-color: #fff;
  min-height: 400px;
  padding: 80px 0%;
}

.cl04_container {
  align-items: center;
  max-width: 1316px;
  margin-left: auto;
  margin-right: auto;
}

.cl04_card_wrap {
  align-items: center;
  max-width: 1140px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cl04_card {
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  margin-left: 10px;
  margin-right: 10px;
  padding: 25px 15px;
  transition: all .2s;
  display: flex;
}

.cl04_card:hover {
  transform: translate(0, -4px);
  box-shadow: 7px 7px 35px #c1c7d040;
}

.cl04_logo_img {
  width: 100%;
}

.small {
  max-width: 89%;
}

.div-block-2 {
  display: flex;
}

.bg {
  position: absolute;
}

.bg.cta-filter {
  opacity: .9;
  background-color: #001f33;
  inset: 0%;
}

.bg.cta-filter.header {
  opacity: 0;
}

.bg.cta {
  object-fit: cover;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.section-6 {
  padding-top: 198px;
  padding-bottom: 198px;
}

.section-6.cta {
  padding-top: 213px;
  padding-bottom: 213px;
  position: relative;
  overflow: hidden;
}

.cta-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-preview-link {
  border-radius: 10000px;
  width: 174px;
  min-width: 174px;
  min-height: 174px;
  max-height: 174px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.container-default-5 {
  max-width: 1268px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default-5.cta {
  z-index: 1;
  z-index: 1;
  position: relative;
}

.div-block-5 {
  min-width: 85%;
}

@media screen and (min-width: 1440px) {
  .grid-2-columns.form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .display-1.color-neutral-100.mg-bottom-8px {
    font-size: 70px;
  }
}

@media screen and (min-width: 1920px) {
  .grid-2-columns.gap-row-64px {
    max-width: 75%;
  }

  .container-default.z-index-1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 75%;
    display: flex;
  }

  .container-default.z-index-1.middle {
    max-width: 75%;
  }

  .container-default.z-index-1.up.full {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
  }

  .container-default.z-index-1.up.new {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .container-default.z-index-1.left {
    align-items: flex-start;
  }

  .container-default.header {
    max-width: 95%;
  }

  .section.overflow-hidden.grey {
    flex-direction: column;
    display: block;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .top-section---bg-image.service-template-top-section.commercial-roofing-ld {
    background-image: url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632ea18aa3d58067485ffa3a_IMG_0271%2B(1).jpeg");
  }

  .section-6 {
    padding-top: 248px;
    padding-bottom: 248px;
  }

  .section-6.cta {
    padding-top: 266px;
    padding-bottom: 266px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 30px;
  }

  h3 {
    font-size: 22px;
  }

  blockquote {
    padding: 100px 64px;
  }

  .grid-2-columns._1-col-tablet, .grid-2-columns.title-and-categories, .grid-2-columns._1-3fr---1fr._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-col-tablet, .grid-2-columns.title-and-categories, .grid-2-columns._1-3fr---1fr._1-col-tablet, .grid-2-columns._1-3fr---1fr._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.locations-map {
    top: 32px;
    left: 32px;
  }

  .grid-2-columns._1fr---1-6fr.gap-row-80px {
    grid-row-gap: 80px;
    grid-row-gap: 80px;
  }

  .card.checkout-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.add-to-cart {
    max-width: 100%;
    margin-top: 0;
    position: static;
  }

  .card.contact {
    grid-template-columns: 1fr;
  }

  .card.password-protected {
    padding: 64px 56px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .bg-neutral-100.top-70 {
    top: 48%;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .text-200.black.dropdown-title {
    color: var(--neutral--100);
  }

  .display-1 {
    font-size: 64px;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    font-size: 50px;
  }

  .display-3 {
    font-size: 32px;
  }

  .display-4 {
    font-size: 22px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .text-400 {
    font-size: 22px;
  }

  .grid43-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid43-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid43-columns.gap-44px._1-col-tablet, .grid43-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid43-columns._3-col-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid43-columns.stats-left {
    margin-right: 0;
    padding-top: 48px;
  }

  .grid43-columns.gap-44px._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .inner-container._100-tablet {
    max-width: 100%;
  }

  .btn-primary {
    padding: 24px;
  }

  .btn-secondary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-secondary.small.category-button {
    margin-left: 0;
    margin-right: 22px;
  }

  .container-default.blog-post-title {
    bottom: 120px;
  }

  .container-default.landingpage-container-cta {
    flex-direction: column;
  }

  .section {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.small.pd-bottom-180px {
    padding-bottom: 164px;
  }

  .section.top {
    padding-top: 72px;
  }

  .section.top.pd-bottom-200px {
    padding-bottom: 164px;
  }

  .section.hero-bg-image {
    margin-top: -108px;
  }

  .section.pd-200px {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.pd-200px.pd-bottom-160px {
    padding-bottom: 120px;
  }

  .section.pd-234px {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.pd-top-150px {
    padding-top: 100px;
  }

  .section.pd-top-150px.pd-bottom-264px {
    padding-bottom: 180px;
  }

  .heading-h2-size {
    font-size: 30px;
  }

  .heading-h3-size, .heading-h4-size {
    font-size: 22px;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    background-color: var(--neutral--800);
    padding: 24px;
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-nav-list-item {
    margin-bottom: 24px;
    padding-left: 0;
  }

  .header-nav-list-item.show-in-tablet {
    display: block;
  }

  .dropdown-column-wrapper {
    background-color: var(--neutral--800);
    box-shadow: none;
  }

  .dropdown-column-wrapper.w--open {
    position: static;
  }

  .dropdown-link, .dropdown-link.w--current {
    color: var(--neutral--400);
  }

  .dropdown-pd {
    padding: 20px 0 14px;
  }

  .dropdown-pd.pd-48px {
    background-color: #0000;
    padding: 48px 0 32px;
  }

  .header-logo {
    max-width: 220px;
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    width: 44px;
    height: 3px;
  }

  .hamburger-menu-bar.bottom {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .btn-circle-secondary.slider-arrow.left---top-left {
    inset: auto 84px 0% 0%;
  }

  .btn-circle-secondary.slider-arrow.right---top-left {
    inset: auto 0% 0% 84px;
  }

  .error-message.password {
    margin-left: 32px;
    margin-right: 32px;
  }

  .floating-item.photo-bottom-shape-2 {
    width: 44%;
    bottom: -72px;
    left: 8px;
  }

  .floating-item.photo-bottom-shape-3 {
    width: 50%;
    bottom: -54px;
    left: 6px;
  }

  .floating-item.hero-bottom-shape-2 {
    width: 90%;
  }

  .floating-item.hero-bottom-shape-3 {
    width: 90%;
    min-height: 160px;
  }

  .cta-section {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .cta-section.cta-1 {
    background-position: 0 0, 0 100%;
    padding-top: 140px;
    padding-bottom: 210px;
  }

  .cta-section.cta-2 {
    background-position: 0 0, 30% 100%;
    padding-top: 140px;
    padding-bottom: 210px;
  }

  .slider-wrapper.arrows-top, .slider-wrapper.arrows-bottom, .slider-wrapper.arrows-top, .slider-wrapper.arrows-bottom {
    padding-bottom: 86px;
  }

  .slider-mask {
    position: static;
  }

  .accordion-item-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .accordion-item-wrapper.v2:hover {
    transform: translate(6px);
  }

  .accordion-spacer {
    min-height: 12px;
  }

  .blog-card-image {
    width: 100%;
  }

  .blog-card-image-wrapper.inside-card {
    margin-bottom: 32px;
  }

  .categories-badges-wrapper {
    justify-content: flex-start;
  }

  .stats-left-bg-diagonal {
    right: -2%;
  }

  .bg-text.services {
    top: -50px;
    right: -72px;
  }

  .bg-text.why-us {
    top: -102px;
    right: -40px;
  }

  .bg-text.about {
    max-width: 400px;
    top: -110px;
    left: -58px;
  }

  .bg-text.testimonials {
    top: -80px;
  }

  .bg-text.blog {
    top: 14px;
    right: 200px;
  }

  .bg-text.our-numbers {
    top: -50px;
    right: -44px;
  }

  .bg-text.why-us-2 {
    top: -44px;
  }

  .bg-text.why-us-3 {
    top: -100px;
    left: -100px;
  }

  .bg-text.services-2 {
    top: -38px;
    right: -40px;
  }

  .bg-text.faqs {
    right: 156px;
  }

  .bg-text.locations-3 {
    top: -42px;
  }

  .bg-text.not-found {
    top: 195px;
    left: -84px;
  }

  .cta-text-container.text-left {
    margin-top: 30px;
  }

  .cta-text-container.text-left.cta-split-container {
    flex-direction: column;
  }

  .text-over-image---text-container {
    max-width: none;
    left: 52px;
    right: 52px;
  }

  .hero-2-images.image-left {
    margin-top: 238px;
  }

  .newsletter-section {
    padding-top: 180px;
    padding-bottom: 196px;
  }

  .blog-featured-bg-image-wrapper {
    margin-top: -108px;
  }

  .blog-featured-title {
    width: 80%;
    margin-top: -116px;
    margin-bottom: 180px;
  }

  .blog-featured-bg-image {
    min-height: 600px;
  }

  .blog-post-bg-image {
    min-height: 760px;
  }

  .blog-post-top-section {
    margin-top: -108px;
  }

  .contact-card-left {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .page-not-found {
    font-size: 64px;
  }

  .form.min-h-522px {
    min-height: 510px;
  }

  .section-2 {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section-2.pd-top-200px {
    padding-top: 160px;
  }

  .section-2.pd-180px {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .heading-h1-size-2 {
    font-size: 48px;
  }

  .display-5 {
    font-size: 58px;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 40px;
  }

  .footer-contact-cards-container {
    flex-direction: row;
  }

  .footer-top-2 {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .footer-bottom-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .heading-h1-size-3 {
    font-size: 48px;
  }

  .top-section---bg-image {
    margin-top: -102px;
  }

  .btn-primary-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .display-6 {
    font-size: 22px;
  }

  .text-401.bold.footer-title {
    margin-bottom: 24px;
  }

  .grid-footer-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .card-2.form-call-card {
    padding: 40px 32px 56px;
  }

  .terms-conditions-nav-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-3 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section-3.terms-conditions {
    padding-top: 86px;
    padding-bottom: 118px;
  }

  .terms-conditions-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .split-content.terms-conditions-right {
    max-width: 800px;
  }

  .split-content.terms-conditions-left {
    max-width: 800px;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .split-content.cta-content {
    max-width: 660px;
  }

  .divider-2.terms-conditions {
    margin-top: 90px;
    margin-bottom: 98px;
  }

  .card-3.terms-conditions-nav {
    position: static;
  }

  .btn-secondary-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .display-7 {
    font-size: 50px;
  }

  .divider-3 {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .display-8 {
    font-size: 22px;
  }

  .cl04_card {
    padding: 20px;
  }

  .top-section {
    padding-top: 80px;
  }

  .top-section.pd-bottom-240px {
    padding-bottom: 180px;
  }

  .cl04_card-2 {
    padding: 20px;
  }

  .section-6 {
    padding-top: 158px;
    padding-bottom: 158px;
  }

  .section-6.cta {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .container-default-5 {
    flex-direction: column;
    align-items: stretch;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    padding: 64px 48px;
    font-size: 18px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-25fr---1fr, .grid-2-columns._2-25fr---1fr, .grid-2-columns._1-3fr---1fr {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-5fr---1fr, .grid-2-columns._1fr---1-6fr {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-categories {
    margin-bottom: 72px;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.dropdown-pages {
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns._1-25fr---1fr, .grid-2-columns._2-25fr---1fr, .grid-2-columns._1-3fr---1fr {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.gap-column-48px.gap-row-100px {
    grid-column-gap: 48px;
    grid-row-gap: 80px;
    grid-column-gap: 48px;
    grid-row-gap: 80px;
  }

  .grid-2-columns.locations-map {
    grid-column-gap: 28px;
    grid-row-gap: 32px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    position: static;
    top: 24px;
    left: 24px;
  }

  .grid-2-columns._1fr---1-34fr {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1fr---1-34fr.gap-row-64px {
    display: block;
  }

  .grid-2-columns.columns-auto {
    grid-template-columns: auto;
  }

  .grid-2-columns._1-5fr---1fr, .grid-2-columns._1fr---1-6fr {
    grid-template-columns: 1fr;
  }

  .card.add-to-cart {
    padding: 48px 32px 40px;
  }

  .card.password-protected {
    padding: 48px 40px;
  }

  .grid-4-columns.our-numbers {
    grid-template-columns: 1fr 1fr;
  }

  .bg-neutral-100.top-72.top-86-mbl {
    top: 86%;
  }

  .bg-neutral-100.top-70 {
    top: 50%;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider.subtitle {
    max-width: 120px;
  }

  .mg-bottom-40px {
    margin-bottom: 32px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .mg-bottom-56px.mg-bottom-32px-mbl {
    margin-bottom: 32px;
  }

  .mg-bottom-64px {
    margin-bottom: 48px;
  }

  .mg-bottom-80px {
    margin-bottom: 72px;
  }

  .mg-top-32px {
    margin-top: 24px;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .mg-top-80px {
    margin-top: 72px;
  }

  .mg-right-32px {
    margin-right: 24px;
  }

  .text-200 {
    font-size: 16px;
  }

  .display-1 {
    font-size: 40px;
  }

  .display-1.color-neutral-100.mg-bottom-8px {
    font-size: 65px;
  }

  .display-2 {
    font-size: 34px;
  }

  .display-3 {
    font-size: 26px;
  }

  .display-4 {
    font-size: 20px;
  }

  .display-4.mg-bottom-24px {
    margin-bottom: 16px;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .text-400 {
    font-size: 20px;
  }

  .text-300 {
    font-size: 18px;
  }

  .text-100 {
    font-size: 14px;
  }

  .grid43-columns, .grid43-columns._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid43-columns._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid43-columns._3-col-tablet.gap-row-64px {
    grid-column-gap: 28px;
    grid-row-gap: 56px;
    grid-column-gap: 28px;
    grid-row-gap: 56px;
  }

  .grid43-columns.gap-row-64px {
    grid-row-gap: 56px;
  }

  .grid43-columns.stats-left {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
    padding-top: 40px;
  }

  .grid43-columns.gap-40px {
    flex-direction: column;
    display: flex;
  }

  .inner-container._100-mbl {
    max-width: 100%;
  }

  .inner-container._120px-mbl {
    max-width: 120px;
  }

  .inner-container._692px.transform-top--16px {
    transform: translate(0, -12px);
  }

  .btn-primary {
    padding: 20px;
  }

  .btn-primary.small {
    white-space: nowrap;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 0;
  }

  .btn-primary.small.header-btn-hidde-on-mb {
    display: block;
  }

  .btn-primary.small.header-btn-hidde-on-mb.button {
    padding-left: 24px;
  }

  .btn-primary.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-primary.button-row {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .btn-secondary {
    padding: 20px;
  }

  .btn-secondary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary.small.category-button {
    margin-bottom: 16px;
    margin-right: 16px;
  }

  .btn-secondary.blog-featured-button {
    margin-right: 24px;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .input {
    min-height: 60px;
    padding-bottom: 16px;
  }

  .input.large.button-inside {
    min-height: 68px;
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .line-square-icon.link-icon-left {
    font-size: 28px;
  }

  .line-square-icon.locations-link-icon {
    font-size: 24px;
  }

  .line-square-icon.success-message-check.large {
    font-size: 56px;
  }

  .line-square-icon.success-message-icon-top {
    margin-bottom: 16px;
    font-size: 48px;
  }

  .rich-text h5, .rich-text h4 {
    margin-bottom: 14px;
  }

  .rich-text h3 {
    margin-bottom: 14px;
  }

  .rich-text figure {
    margin-top: 32px;
    margin-bottom: 40px;
  }

  .rich-text ul {
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text ol {
    margin-top: 24px;
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text h5, .rich-text h4 {
    margin-bottom: 14px;
  }

  .rich-text blockquote {
    margin-top: 32px;
    margin-bottom: 40px;
  }

  .buttons-row {
    flex-direction: column;
    align-items: stretch;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.small.pd-bottom-180px {
    padding-bottom: 118px;
  }

  .section.top {
    padding-top: 64px;
  }

  .section.top.pd-bottom-200px {
    padding-bottom: 118px;
  }

  .section.hero-bg-image {
    background-image: linear-gradient(to top, var(--midnight-blue), #00000029);
    margin-top: -158px;
    padding-top: 176px;
    padding-bottom: 200px;
  }

  .section.pd-200px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.pd-200px.pd-bottom-160px {
    padding-bottom: 80px;
  }

  .section.pd-234px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.pd-top-150px {
    padding-top: 80px;
  }

  .section.pd-top-150px.pd-bottom-264px {
    padding-bottom: 100px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .heading-h4-size {
    font-size: 20px;
  }

  .heading-h5-size {
    font-size: 16px;
  }

  .header-nav-menu-wrapper {
    background-color: var(--midnight-blue);
  }

  .header-nav-list-item {
    margin-bottom: 15px;
  }

  .header-nav-list-item.show-in-tablet {
    display: flex;
  }

  .dropdown-column-wrapper.w--open {
    background-color: var(--midnight-blue);
    transform: none;
  }

  .dropdown-link:hover {
    color: #fff;
  }

  .dropdown-pd.pd-48px {
    padding-top: 0;
    padding-bottom: 24px;
  }

  .hamburger-menu-wrapper {
    margin-left: 15px;
  }

  .hamburger-menu-bar {
    width: 34px;
  }

  .header-right-side {
    flex-direction: row-reverse;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-secondary.slider-arrow.right---bottom-center, .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left, .btn-circle-secondary.slider-arrow.right---top-left, .btn-circle-secondary.slider-arrow.right---bottom-center, .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left, .btn-circle-secondary.slider-arrow.right---top-left, .btn-circle-secondary.slider-arrow.right---bottom-center, .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left, .btn-circle-secondary.slider-arrow.right---top-left {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .utility-page-wrap {
    min-height: 60vh;
  }

  .footer-wrapper {
    overflow: hidden;
  }

  .error-message.password {
    margin-left: 24px;
    margin-right: 24px;
  }

  .text-center.mg-bottom-40px.mg-bottom-40px-mbp {
    margin-bottom: 40px;
  }

  .floating-item.photo-bottom-shape-2 {
    width: 40%;
    bottom: -30px;
  }

  .floating-item.hero-bottom-shape-3 {
    width: 94%;
    min-height: auto;
    max-height: 116px;
    margin-bottom: -1px;
  }

  .floating-item.section-top-shape-1 {
    width: 100%;
    min-height: 430px;
    display: none;
  }

  .cta-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .cta-section.cta-1 {
    background-image: linear-gradient(#001f3399, #001f3399), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/63321097a7e4b9f549b70714_removal-of-old-roof-and-replacement-roofs-with-new-2022-08-01-04-00-11-utc%201.png");
    background-position: 0 0, 0 100%;
    background-size: auto, cover;
    padding-top: 80px;
    padding-bottom: 154px;
  }

  .cta-section.cta-2 {
    padding-top: 80px;
    padding-bottom: 154px;
  }

  .slider-wrapper.arrows-top, .slider-wrapper.arrows-bottom, .slider-wrapper.arrows-top, .slider-wrapper.arrows-bottom {
    padding-bottom: 64px;
  }

  .accordion-item-wrapper {
    padding: 40px 24px;
  }

  .accordion-item-wrapper.v2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .accordion-side.right-side {
    margin-left: 16px;
  }

  .accordion-title {
    font-size: 20px;
    line-height: 30px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.team-member-page {
    padding: 40px 32px 56px;
  }

  .blog-card-title.display-4.mg-bottom-24px {
    margin-bottom: 16px;
  }

  .categories-badges-item-wrapper, .categories-badges-wrapper {
    flex-wrap: wrap;
  }

  ._404-not-found {
    margin-bottom: -20px;
    font-size: 120px;
  }

  .text-over-image-link---text-container {
    bottom: 40px;
    left: 32px;
    right: 32px;
  }

  .text-over-image-link---gradient {
    background-image: linear-gradient(#0000 10%, #000000c4 50%, #000000d6);
  }

  .bg-text.why-us {
    top: -64px;
  }

  .bg-text.about {
    width: 60%;
    max-width: 260px;
    top: -72px;
    left: -47px;
  }

  .bg-text.testimonials {
    top: -48px;
  }

  .bg-text.blog {
    top: 29px;
    left: -5px;
    right: auto;
  }

  .bg-text.why-us-2 {
    top: -30px;
  }

  .bg-text.why-us-3 {
    width: 60%;
    top: -56px;
  }

  .bg-text.services-2 {
    top: -18px;
  }

  .bg-text.newsletter {
    top: -30px;
    left: -24px;
  }

  .bg-text.locations-3 {
    width: 70%;
    top: -30px;
    right: -54px;
  }

  .bg-text.not-found {
    top: 86px;
    left: -144px;
  }

  .cta-text-container {
    max-width: 100%;
    margin-left: 0;
  }

  .text-over-image---text-container {
    bottom: 48px;
    left: 24px;
    right: 24px;
  }

  .text-over-image---gradient {
    background-image: linear-gradient(#0000 10%, #000000c7 58%, #000);
    top: 90px;
  }

  .footer-shape-top {
    width: 60%;
  }

  .hero-2-images.image-left {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 24px;
  }

  .hero-2-images.image-right {
    object-fit: cover;
    object-position: 50% 0%;
    width: 100%;
    max-width: 100%;
    max-height: 350px;
    position: relative;
  }

  .mg-bottom-12px {
    margin-bottom: 10px;
  }

  .link.text-and-icon.large {
    font-size: 20px;
  }

  .newsletter-section {
    padding-top: 120px;
    padding-bottom: 140px;
  }

  .blog-featured-bg-image-wrapper {
    margin-top: -96px;
  }

  .blog-featured-title {
    width: 90%;
    margin-top: -74px;
    margin-bottom: 120px;
  }

  .blog-featured-bg-image {
    min-height: 540px;
  }

  .blog-post-bg-image {
    min-height: 720px;
  }

  .blog-post-top-section {
    margin-top: -96px;
  }

  .contact-card-left, .contact-card-right {
    padding: 64px 32px 56px;
  }

  .locations-map-image {
    min-height: 480px;
  }

  .locations-map-link-wrapper {
    font-size: 18px;
  }

  .page-not-found {
    font-size: 40px;
  }

  .icon.password-page {
    max-width: 100px;
  }

  .form.min-h-73px {
    min-height: 69px;
  }

  .form.min-h-522px {
    min-height: 511px;
  }

  .section-2 {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-2.pd-top-200px {
    padding-top: 120px;
  }

  .section-2.pd-180px {
    padding-top: 124px;
    padding-bottom: 124px;
  }

  .heading-h1-size-2 {
    font-size: 38px;
  }

  .btn-secondary-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .display-5 {
    font-size: 40px;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .bg-square._204px---top-left {
    top: -16px;
    left: -16px;
  }

  .footer-contact-cards-container {
    flex-wrap: wrap;
  }

  .footer-top-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-list-item-2 {
    margin-bottom: 10px;
  }

  .footer-bottom-2 {
    text-align: center;
  }

  .heading-h1-size-3 {
    font-size: 38px;
  }

  .top-section---bg-image {
    margin-top: -90px;
    padding-top: 154px;
    padding-bottom: 180px;
  }

  .top-section---bg-image.service-template-top-section.multi-roofing {
    height: 45vh;
  }

  .success-message-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-secondary-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-primary-2 {
    padding: 20px 32px;
  }

  .display-6 {
    font-size: 20px;
  }

  .input-2, .input-2::placeholder {
    font-size: 18px;
  }

  .input-2.small, .input-2.small::placeholder, .input-2.small, .input-2.small::placeholder {
    font-size: 16px;
  }

  .text-401 {
    font-size: 18px;
  }

  .text-401.bold.footer-title {
    margin-bottom: 24px;
  }

  .form-inside-card-small {
    min-height: 314px;
  }

  .tab-link-underlined {
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 18px;
  }

  .grid-footer-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .card-2.form-call-card {
    position: static;
  }

  .card-2.form-call-card.mg-top--522 {
    margin-top: 0;
  }

  .card-2.our-values-card {
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card-2.footer-contact-link {
    max-width: 290px;
  }

  .terms-conditions-nav-link {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .section-3 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .section-3.terms-conditions {
    padding-top: 69px;
    padding-bottom: 94px;
  }

  .split-content.terms-conditions-right {
    margin-bottom: -40px;
  }

  .split-content.terms-conditions-left {
    margin-bottom: 50px;
  }

  .split-content.cta-content {
    max-width: 596px;
    margin-right: 0;
  }

  .terms-conditions-nav-number {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .divider-2.terms-conditions {
    margin-top: 75px;
    margin-bottom: 82px;
  }

  .btn-secondary-4 {
    padding: 20px;
  }

  .display-7 {
    font-size: 34px;
  }

  .divider-3 {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider-3.subtitle {
    max-width: 120px;
  }

  .display-8 {
    font-size: 20px;
  }

  .text-over-image-link---gradient-2 {
    background-image: linear-gradient(#0000 10%, #000000c4 50%, #000000d6);
  }

  .cl04_card_wrap {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .cl04_card {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .subtitle-4 {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .btn-secondary-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-link-underlined-2 {
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 18px;
  }

  .top-section {
    padding-top: 64px;
  }

  .top-section.pd-bottom-240px {
    padding-bottom: 100px;
  }

  .c04 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .c04_top {
    flex-direction: column;
  }

  .cl04_card_wrap-2 {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .cl04_card-2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .title.text-color-neutral-100.cta {
    margin-bottom: 34px;
  }

  .button-primary {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
  }

  .section-6 {
    padding-top: 127px;
    padding-bottom: 127px;
  }

  .section-6.cta {
    padding-top: 136px;
    padding-bottom: 136px;
  }

  .cta-wrapper {
    text-align: center;
    flex-direction: column-reverse;
  }

  .cta-preview-link {
    width: 145px;
    min-width: 145px;
    min-height: 145px;
    max-height: 145px;
    margin-bottom: 50px;
  }

  .certificate-wrapper {
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxhuge {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .container-large {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  li {
    padding-left: 8px;
  }

  blockquote {
    padding: 48px 32px;
    font-size: 16px;
  }

  .grid-2-columns.dropdown-pages {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.gap-column-48px.gap-row-100px {
    grid-column-gap: 48px;
    grid-row-gap: 64px;
    grid-column-gap: 48px;
    grid-row-gap: 64px;
  }

  .grid-2-columns.locations-map {
    width: 100%;
    margin-bottom: 32px;
    position: static;
  }

  .grid-2-columns.footer-menu-grid {
    grid-template-columns: auto;
  }

  .card.testimonial {
    padding: 40px 24px 48px;
  }

  .card.product {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.add-to-cart {
    padding: 40px 24px 32px;
  }

  .card.password-protected {
    margin-left: 16px;
    margin-right: 16px;
    padding: 32px 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .grid-4-columns.our-numbers {
    grid-column-gap: 24px;
    grid-row-gap: 28px;
    grid-column-gap: 24px;
    grid-row-gap: 28px;
    flex-direction: column;
    display: flex;
  }

  .color-neutral-100.mg-bottom-32px {
    margin-bottom: 20px;
  }

  .color-neutral-100.opacity-80.mg-bottom-40px.padding-25 {
    width: auto;
  }

  .divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .divider.subtitle {
    max-width: 70px;
  }

  .divider.subtitle.white {
    max-width: 25px;
  }

  .divider.newsletter {
    max-width: 120px;
    height: 2px;
  }

  .divider.contact-info {
    max-width: 140px;
    margin-left: 8px;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-24px {
    margin-bottom: 20px;
  }

  .mg-bottom-64px {
    margin-bottom: 40px;
  }

  .mg-top-48px {
    margin-top: 32px;
  }

  .text-200.black.dropdown-title {
    margin-bottom: 10px;
  }

  .display-1 {
    font-size: 32px;
  }

  .display-1.color-neutral-100 {
    font-size: 28px;
  }

  .display-1.color-neutral-100.mg-bottom-8px {
    font-size: 175%;
  }

  .display-2 {
    font-size: 28px;
  }

  .display-3 {
    font-size: 24px;
  }

  .grid43-columns {
    grid-template-columns: 1fr;
  }

  .grid43-columns.gap-row-64px {
    grid-row-gap: 40px;
  }

  .grid43-columns.stats-left {
    grid-template-columns: 1fr;
  }

  .inner-container._968px {
    font-size: 100%;
  }

  .inner-container._120px-mbl._80px-mbp {
    max-width: 80px;
  }

  .inner-container._692px.transform-top--16px {
    transform: translate(0, -8px);
  }

  .inner-container._48px-mbp {
    max-width: 48px;
  }

  .btn-primary {
    width: 100%;
    padding: 18px 16px;
  }

  .btn-primary.small {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }

  .btn-primary.small.header-btn-hidde-on-mb.button {
    text-align: center;
    width: 77%;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
  }

  .btn-primary.small.header-btn-hidde-on-mb.button.blue {
    text-align: center;
    text-align: center;
    margin-top: 10px;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-primary.button-row {
    margin-bottom: 15px;
  }

  .btn-primary.button-row.margin {
    margin-left: 0;
  }

  .btn-primary.btn-next {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-secondary.small.category-button {
    width: auto;
  }

  .btn-secondary.white {
    margin-bottom: 15px;
  }

  .btn-secondary.btn-previous {
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }

  .btn-secondary.blog-featured-button {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .badge-primary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-primary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .input {
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input.large.button-inside {
    min-height: 64px;
  }

  .input.button-inside {
    margin-bottom: 16px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox, .radio-button {
    min-width: 22px;
    min-height: 22px;
  }

  .social-icon-square {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .line-square-icon.link-icon-left {
    margin-right: 12px;
    font-size: 24px;
  }

  .line-square-icon.success-message-check.large {
    font-size: 48px;
  }

  .line-square-icon.success-message-icon-top {
    font-size: 40px;
  }

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 24px;
  }

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .rich-text figure {
    margin-top: 24px;
    margin-bottom: 32px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 24px;
  }

  .rich-text blockquote {
    margin-top: 24px;
    margin-bottom: 32px;
  }

  .container-default {
    flex-direction: column;
    align-items: stretch;
    min-width: 100%;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
  }

  .container-default.blog-post-title {
    bottom: 80px;
  }

  .container-default.header {
    padding-top: 20%;
  }

  .container-default.nav {
    padding-left: 0;
    padding-right: 0;
  }

  .container-default.mobile {
    padding-top: 37%;
  }

  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.small.pd-bottom-180px {
    padding-bottom: 80px;
  }

  .section.top {
    padding-top: 48px;
  }

  .section.top.pd-bottom-200px {
    padding-bottom: 80px;
  }

  .section.hero-bg-image {
    background-image: linear-gradient(to top, var(--midnight-blue), #00000029), url("https://cdn.prod.website-files.com/632e914d908bdb52a112506e/632ff4d90ee1f11212ba694a_roofer-adding-shingles-to-the-roof-of-a-house-2021-10-15-22-53-08-utc%20(1).jpg");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0%;
    display: flex;
    overflow: visible;
  }

  .section.pd-200px {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.pd-200px.pd-bottom-160px {
    padding-bottom: 76px;
  }

  .section.pd-234px {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.pd-top-150px {
    padding-top: 72px;
  }

  .section.pd-top-150px.pd-bottom-264px {
    padding-bottom: 96px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .header-wrapper {
    padding-top: 5%;
  }

  .header-content-wrapper {
    min-width: 100%;
    max-width: 100%;
    display: block;
  }

  .header-nav-list-item {
    text-align: left;
  }

  .header-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-pd.pd-48px.new {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-pd.pd-48px {
    padding-top: 32px;
  }

  .header-logo {
    max-width: 86%;
  }

  .header-logo-link.w--current {
    margin-right: -15px;
    display: none;
  }

  .hamburger-menu-wrapper {
    padding-right: 25px;
  }

  .hamburger-menu-bar {
    width: 30px;
    height: 2px;
  }

  .header-right-side {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: row-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    right: 68px;
  }

  .btn-circle-secondary.slider-arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .btn-circle-secondary.slider-arrow.right---bottom-center {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    left: 68px;
  }

  .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    right: 68px;
  }

  .btn-circle-secondary.slider-arrow.right---top-left, .btn-circle-secondary.slider-arrow.right---bottom-center {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    left: 68px;
  }

  .btn-circle-secondary.slider-arrow.left---bottom-center, .btn-circle-secondary.slider-arrow.left---top-left {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    right: 68px;
  }

  .btn-circle-secondary.slider-arrow.right---top-left {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    left: 68px;
  }

  .social-media-grid-top, .social-media-grid-top.center, .social-media-grid-top.center {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .success-message.white-message {
    padding-left: 22px;
    padding-right: 22px;
  }

  .text-center.mg-bottom-40px.mg-bottom-40px-mbp {
    margin-bottom: 32px;
  }

  .floating-item.photo-bottom-shape-3 {
    bottom: -22px;
    left: -8px;
  }

  .floating-item.hero-bottom-shape-3 {
    width: 100%;
    min-height: 116px;
    margin-left: 0;
    right: 0;
  }

  .cta-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cta-section.cta-1, .cta-section.cta-2, .cta-section.cta-1, .cta-section.cta-2 {
    padding-bottom: 120px;
  }

  .slider-mask.width-404px._100-mbp {
    max-width: 100%;
  }

  .accordion-title {
    font-size: 18px;
    line-height: 26px;
  }

  .team-member-content {
    bottom: 32px;
    left: 24px;
    right: 24px;
  }

  .blog-card-image-wrapper.inside-card {
    margin-bottom: 24px;
  }

  .blog-card-title.display-4.mg-bottom-24px {
    margin-bottom: 8px;
  }

  .blog-card-badge-wrapper-top {
    top: 16px;
    right: 16px;
  }

  ._404-not-found {
    margin-bottom: -8px;
    font-size: 100px;
  }

  .order-item {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .order-list-price {
    margin-top: 11px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-image {
    margin-bottom: 20px;
  }

  .order-item-content {
    margin-left: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .flex.align-center.vertical-mbp {
    flex-direction: column;
  }

  .stats-left-bg-diagonal {
    right: -4%;
    transform: skew(38deg);
  }

  .text-over-image-link---text-container {
    bottom: 32px;
    left: 16px;
    right: 16px;
  }

  .bg-text.services {
    width: 60%;
    right: -32px;
  }

  .bg-text.why-us {
    width: 50%;
    top: -40px;
    right: -20px;
  }

  .bg-text.about {
    top: -52px;
  }

  .bg-text.testimonials {
    width: 100%;
    top: -46px;
  }

  .bg-text.blog {
    width: 50%;
    top: 68px;
    left: 5px;
  }

  .bg-text.our-numbers {
    width: 80%;
    right: -14px;
  }

  .bg-text.why-us-2 {
    width: 80%;
    top: -14px;
  }

  .bg-text.why-us-3 {
    left: -50px;
  }

  .bg-text.services-2 {
    width: 64%;
  }

  .bg-text.faqs {
    width: 50%;
    top: -16px;
    right: -8px;
  }

  .bg-text.newsletter {
    width: 100%;
    top: -10px;
    left: -14px;
  }

  .bg-text.locations-3 {
    width: 80%;
    top: -14px;
  }

  .footer-shape-top {
    margin-bottom: -5px;
  }

  .mg-bottom-12px {
    margin-bottom: 8px;
  }

  .link.text-and-icon.large {
    font-size: 16px;
  }

  .section-divider-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .blog-featured-bg-image-wrapper {
    margin-top: -94px;
  }

  .blog-featured-title {
    width: 100%;
    margin-top: -62px;
    margin-bottom: 80px;
  }

  .blog-post-bg-image {
    min-height: 660px;
  }

  .blog-post-top-section {
    margin-top: -94px;
  }

  .contact-card-left, .contact-card-right {
    padding: 56px 24px 48px;
  }

  .locations-map-image {
    min-height: 340px;
  }

  .page-not-found {
    font-size: 32px;
  }

  .icon.password-page {
    max-width: 80px;
  }

  .form.min-h-73px {
    min-height: 144px;
  }

  .form.min-h-522px {
    min-height: 826px;
  }

  .heading-h1-size-2 {
    font-size: 32px;
  }

  .btn-secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .display-5 {
    font-size: 34px;
  }

  .mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .bg-square {
    border-width: 2px;
  }

  .bg-square._204px---top-left {
    border-width: 2px;
    min-width: 120px;
    max-width: 120px;
    min-height: 120px;
    max-height: 120px;
  }

  .container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-5 {
    padding-top: 25px;
    font-size: 12px;
  }

  .footer-contact-cards-container.footer {
    display: flex;
  }

  .social-icon-square-2 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .social-icon-square-2._36px {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .footer-top-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-h1-size-3 {
    font-size: 32px;
  }

  .top-section---bg-image {
    padding-top: 138px;
    padding-bottom: 140px;
  }

  .success-message-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary-3, .btn-primary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .input-2::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .form-inside-card-small {
    min-height: 310px;
  }

  .footer-logo-2 {
    width: 100%;
    max-width: 240px;
  }

  .tab-link-underlined {
    font-size: 16px;
  }

  .grid-footer-4-columns {
    flex-direction: column;
    display: flex;
  }

  .card-2.form-call-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-2.footer-contact-link.footer {
    width: 60%;
    min-width: 100%;
    max-width: 85%;
  }

  .card-2.our-values-card {
    padding: 40px 24px;
  }

  .card-2.footer-contact-link {
    max-width: none;
  }

  .terms-conditions-nav-link {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
  }

  .container-default-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-3.terms-conditions {
    padding-top: 55px;
    padding-bottom: 90px;
  }

  .split-content.terms-conditions-right {
    margin-bottom: -35px;
  }

  .split-content.terms-conditions-left {
    margin-bottom: 40px;
  }

  .terms-conditions-nav-number {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    margin-right: 10px;
  }

  .divider-2.terms-conditions {
    margin-top: 63px;
    margin-bottom: 68px;
  }

  .btn-secondary-4 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .display-7 {
    font-size: 28px;
  }

  .divider-3 {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .divider-3.subtitle {
    max-width: 70px;
  }

  .mg-bottom-24px-2 {
    margin-bottom: 16px;
  }

  .container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-secondary-5 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .tab-link-underlined-2 {
    font-size: 16px;
  }

  .top-section {
    padding-top: 48px;
  }

  .top-section.pd-bottom-240px {
    padding-bottom: 96px;
  }

  .div-block-2 {
    flex-direction: column;
    display: block;
  }

  .image-2 {
    margin-bottom: 50px;
    display: block;
  }

  .title.text-color-neutral-100.cta {
    margin-bottom: 28px;
  }

  .button-primary {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .section-6 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-6.cta {
    padding-top: 109px;
    padding-bottom: 109px;
  }

  .cta-preview-link {
    width: 121px;
    min-width: 121px;
    min-height: 121px;
    max-height: 121px;
    margin-bottom: 40px;
  }

  .container-default-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .certificate-item {
    font-size: .875rem;
  }

  .pdf-icon_wrapper {
    align-self: center;
    padding: .4rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxhuge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .file-detail_wrap {
    font-size: .933rem;
  }

  .container-large {
    max-width: 100%;
    padding-left: 1.066rem;
    padding-right: 1.066rem;
  }

  .div-block-5 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#w-node-_932f72b7-d421-adf4-60b2-61db35fc5369-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f1447a8-3dd1-c70f-f61f-14d6412ec914-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-df296a2e-82e1-4840-1be7-120556cf39e1-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8ce2a100-39b9-77b9-7502-49587f4753d1-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_8ce2a100-39b9-77b9-7502-49587f4753d4-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8ce2a100-39b9-77b9-7502-49587f4753d5-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-a126fc1d-04b2-f6fd-079f-67e34e7c4957-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217809d5-a4c7-4cbb-6d5c-fc7008feef3c-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b29121c7-abae-b079-048c-315d669799bc-2612506a, #w-node-d6a6abd6-4b47-8519-8f33-70185038c4f2-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2090122a-685e-25b5-77a0-af53a346a299-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2090122a-685e-25b5-77a0-af53a346a29a-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2090122a-685e-25b5-77a0-af53a346a2a9-2612506a {
  align-self: start;
}

#w-node-_4538b2e5-a9db-7372-fbed-ad974f264492-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8992ea41-3033-325d-e97d-2f169589b5b6-2612506a, #w-node-bc078536-7658-332b-ba93-d5bb7905cb23-2612506a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-cfae748d-f64c-ebe4-9afa-fade2d30fafa-25e9f369 {
  align-self: start;
}

#w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb4e-25e9f369 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb50-25e9f369, #w-node-_98a0ad95-e64b-902c-1b25-10c09e56cccb-9e56ccc0, #w-node-_98a0ad95-e64b-902c-1b25-10c09e56cccc-9e56ccc0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d8ea7df2-ca36-8c64-1a39-42ec670d5ed3-29e37c44, #w-node-dbe91a1e-fbf7-4ce4-73d9-2b04f650b817-29e37c44 {
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_217809d5-a4c7-4cbb-6d5c-fc7008feef3c-2612506a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_2090122a-685e-25b5-77a0-af53a346a299-2612506a, #w-node-bc078536-7658-332b-ba93-d5bb7905cb23-2612506a {
    justify-self: start;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fae4-25e9f369 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30faf6-25e9f369 {
    justify-self: start;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb36-25e9f369 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9f1447a8-3dd1-c70f-f61f-14d6412ec914-2612506a, #w-node-df296a2e-82e1-4840-1be7-120556cf39e1-2612506a {
    justify-self: start;
  }

  #w-node-_8ce2a100-39b9-77b9-7502-49587f4753d4-2612506a {
    order: -9999;
  }

  #w-node-_217809d5-a4c7-4cbb-6d5c-fc7008feef3c-2612506a {
    order: -9999;
    justify-self: start;
  }

  #w-node-_8992ea41-3033-325d-e97d-2f169589b5b6-2612506a {
    justify-self: start;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fae4-25e9f369 {
    grid-column: span 2 / span 2;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb1d-25e9f369 {
    justify-self: center;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb36-25e9f369 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: auto;
  }

  #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb4e-25e9f369, #w-node-cfae748d-f64c-ebe4-9afa-fade2d30fb50-25e9f369 {
    justify-self: center;
  }

  #w-node-_98a0ad95-e64b-902c-1b25-10c09e56cccb-9e56ccc0, #w-node-_98a0ad95-e64b-902c-1b25-10c09e56cccc-9e56ccc0 {
    justify-self: start;
  }
}