.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;
}

.navbar {
  background-color: #fff;
  padding: 26px 40px 25px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/crc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.brand.w--current {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

.image-31 {
  z-index: 5000;
  padding: 0 5px 15px 0;
  position: relative;
  left: -314px;
}

.nav-links {
  color: #0071bc;
}

.nav-links.w--current {
  color: #489fd9;
}

.nav-links.blue1 {
  color: #fff;
  background-color: #0071bc;
}

.nav-links.service {
  color: #0071bc;
  display: inline-block;
}

.nav-links.res {
  display: inline-block;
}

.nav-links.comm, .nav-links.about {
  color: #0071bc;
  display: inline-block;
}

.hero {
  height: 400px;
  background-image: linear-gradient(rgba(255, 255, 255, .79), rgba(255, 255, 255, .79)), url('../images/20190909_171247.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-top: 109px;
}

.image-24 {
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-10 {
  color: #51b7d6;
  text-align: center;
  text-shadow: 0 -5px 4px rgba(255, 255, 255, .72), 1px 6px 4px rgba(0, 0, 0, .59);
  margin-top: 0;
  font-size: 100px;
  font-weight: 500;
}

.link-2 {
  color: #0071bc;
  text-shadow: none;
  font-size: 60px;
  text-decoration: none;
}

.section-3 {
  background-color: #6b6b6b;
}

.column-home {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  margin-left: auto;
  margin-right: auto;
}

.column-home:hover {
  background-image: none;
}

.link-block-3 {
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.image-23 {
  margin: 20px auto;
  display: block;
}

.bubble-heading {
  color: #fff;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}

.link-block-6 {
  text-decoration: none;
  display: block;
}

.columns {
  border-bottom: 1px solid rgba(0, 0, 0, .17);
}

.column-3 {
  height: auto;
  border-top: 0 #000;
  font-size: 15px;
}

.text-block-9 {
  color: rgba(0, 0, 0, .79);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.column-2 {
  height: auto;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.values-letters {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  text-shadow: none;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  font-weight: 500;
  line-height: 90px;
}

.values-letters.protect {
  z-index: 100;
  color: #fff;
  text-align: center;
  text-shadow: 4px 4px 4px #000;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 40px;
  position: static;
  top: 33px;
}

.values-letters.team {
  text-align: center;
  text-shadow: none;
  margin-top: 120px;
  font-size: 50px;
  line-height: 90px;
}

.values-letters.quality {
  text-align: center;
  text-shadow: none;
  margin-top: 70px;
}

.values-letters.passionatye {
  color: #fff;
  margin-top: 120px;
  font-size: 50px;
}

.values-letters.fosued {
  text-align: center;
  text-shadow: none;
  margin-top: 120px;
  font-size: 50px;
}

.values-letters.about {
  text-align: center;
  text-transform: none;
  text-shadow: none;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0;
  font-size: 30px;
  line-height: 30px;
}

.values-letters.about.service {
  text-align: center;
  text-transform: capitalize;
  text-shadow: 10px 0 4px #000, 1px 1px #000;
  padding-top: 18px;
  padding-left: 40px;
  font-size: 60px;
  line-height: 70px;
}

.values-letters.about.service2 {
  color: #0071bc;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
  padding-top: 20px;
  padding-bottom: 20px;
}

.values-letters.about.way {
  text-transform: uppercase;
  padding-top: 43px;
  padding-bottom: 40px;
  font-size: 50px;
  font-style: normal;
  text-decoration: none;
}

.column-8 {
  height: 300px;
  background-image: url('../images/pexels-photo-1260309.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 940px;
  border-bottom: 4px solid #000;
  border-left: 4px solid #000;
  border-right: 4px solid #000;
}

.column-8:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .91), rgba(255, 255, 255, .91)), url('../images/pexels-photo-1260309.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 940px;
}

.column-7 {
  height: 300px;
  background-image: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .04)), url('../images/pexels-photo-372098.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-bottom: 4px solid #000;
  border-left: 4px solid #000;
}

.column-7:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .41), rgba(0, 0, 0, .41)), url('../images/pexels-photo-372098.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.text-block-11 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.text-block-8 {
  text-align: center;
  text-transform: capitalize;
  margin-top: 59px;
  margin-bottom: 27px;
  font-size: 40px;
  font-weight: 500;
}

.column-6 {
  height: 300px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/pexels-photo-372098.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 4px solid #000;
}

.column-5 {
  height: 300px;
  background-image: linear-gradient(rgba(72, 159, 217, .57), rgba(72, 159, 217, .57)), url('../images/20190909_171247.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 4px solid #000;
  border-style: solid none;
}

.columns-2 {
  background-image: url('../images/consistent.jpeg');
  background-position: 0%;
  background-size: contain;
  border: 4px #000;
}

.column-4 {
  height: 300px;
  background-image: linear-gradient(rgba(107, 107, 107, .82), rgba(107, 107, 107, .82)), url('../images/roofer-with-integrity.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 4px solid #000;
}

.column-4:hover {
  background-color: rgba(0, 0, 0, 0);
}

.paragraph-9 {
  padding-top: 80px;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.paragraph-9.ziyi {
  padding-top: 130px;
  font-size: 25px;
  line-height: 25px;
}

.paragraph-9._1 {
  padding-top: 0;
}

.paragraph-9._3, .paragraph-9._5 {
  padding-top: 130px;
}

.paragraph-9._6 {
  padding-top: 58px;
}

.paragraph-9._7 {
  padding-top: 130px;
}

.slide-nav-3 {
  overflow: hidden;
}

.slide-7 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 0;
}

.slider-3 {
  width: 60%;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}

.section-11 {
  border-top: 8px #000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.right-arrow {
  overflow: hidden;
}

.column-22 {
  height: 130px;
  background-image: url('../images/versico-roofing.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
}

.column-25 {
  height: 130px;
  background-image: url('../images/ib-roofing-system.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
}

.section-21 {
  height: 130px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 0;
}

.column-21 {
  height: 130px;
  background-image: url('../images/johns-manville.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-20 {
  height: 130px;
  background-image: url('../images/durolast.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 0;
}

.column-24 {
  height: 130px;
  background-image: url('../images/certainteed-roofing.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
}

.columns-6 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.column-23 {
  height: 130px;
  background-image: url('../images/firestone-roofing.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
}

.section-22 {
  height: auto;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu-2 {
  float: none;
  text-align: center;
}

.wht-nav-foot {
  color: #fff;
  letter-spacing: 6px;
  font-size: 25px;
}

.button-4 {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  margin-top: 21px;
  margin-left: 550px;
  margin-right: 550px;
  display: block;
}

.button-4:hover {
  color: #0071bc;
  background-color: #fff;
}

.navbar-2 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 53px;
}

.button-5 {
  color: #fff;
  background-color: #0071bc;
  border-color: #fff;
  margin-top: 29px;
  margin-left: 300px;
  margin-right: 300px;
  font-size: 20px;
  font-weight: 500;
  transition: all .35s;
}

.button-5.wht {
  color: #0071bc;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0071bc;
  margin-left: 10px;
  margin-right: 10px;
}

.button-5.wht:hover {
  color: #fff;
  background-color: #0071bc;
}

.footer-slogan {
  color: #6b6b6b;
}

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

.section-26 {
  color: #0e0e0e;
  text-align: center;
  background-color: #474545;
  padding-top: 30px;
  padding-bottom: 10px;
}

.text-block-26 {
  color: #fff;
  text-align: center;
  letter-spacing: 6px;
  margin-top: 20px;
  font-size: 40px;
  line-height: 40px;
}

.logo-text {
  color: #1c1c1c;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 27px;
  font-weight: 500;
}

.logo-text.footer {
  color: #6b6b6b;
  letter-spacing: 6px;
  margin-top: 20px;
  margin-bottom: 19px;
  padding-top: 0;
  padding-bottom: 0;
}

.image-36 {
  padding-top: 36px;
}

.html-embed-4 {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-26 {
  margin-top: 79px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: -4%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section-5 {
  background-image: linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), url('../images/Certified-Roofing-and-Construction-LLC--files1.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 125px;
  background-attachment: scroll, fixed;
}

.text-block-12 {
  text-align: center;
  text-transform: capitalize;
  text-shadow: 0 4px rgba(0, 0, 0, .15);
  margin-top: 26px;
  font-size: 40px;
  font-weight: 500;
}

.container-4 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.text-block-13 {
  color: red;
  text-align: center;
  margin-top: 10px;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.text-block-14 {
  color: #489fd9;
  text-align: center;
  margin-top: 20px;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

.text-span {
  font-size: 25px;
}

.text-block-15 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #6b6b6b;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 40px;
}

.form-block {
  height: 550px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .88)), url('../images/pexels-photo-1202723.jpeg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-attachment: scroll, fixed;
  padding-top: 38px;
  padding-left: 220px;
  padding-right: 220px;
}

.form {
  text-align: center;
  background-color: rgba(0, 113, 188, .17);
  padding: 60px 69px 60px 60px;
}

.text-block-16 {
  color: red;
  text-transform: capitalize;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, .13);
  padding-top: 0;
  padding-bottom: 30px;
  font-size: 30px;
  line-height: 40px;
}

.submit-button {
  background-color: #ff0004;
}

.section-6 {
  height: 900px;
  background-image: linear-gradient(rgba(255, 255, 255, .68), rgba(255, 255, 255, .68)), url('../images/about-place-holder.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.button-3 {
  text-align: center;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, .72);
  background-color: #0071bc;
  background-image: linear-gradient(172deg, rgba(255, 255, 255, .09) 5%, rgba(255, 255, 255, .23) 37%, rgba(255, 249, 249, .27) 52%, rgba(3, 3, 3, .11) 77%);
  border-radius: 2px;
  margin-top: 0;
  margin-left: 400px;
  margin-right: 400px;
  padding-top: 19px;
  padding-bottom: 19px;
  font-size: 30px;
  font-weight: 500;
  transition: all .4s;
  display: block;
  position: relative;
  top: auto;
  bottom: -75%;
  left: 0%;
  right: 0%;
  box-shadow: 0 16px 7px -8px rgba(0, 0, 0, .37);
}

.button-3:hover {
  box-shadow: 0 16px 7px -20px rgba(0, 0, 0, .37);
}

.button-3.service {
  box-shadow: none;
  color: #0071bc;
  text-shadow: none;
  background-color: #fff;
  border: 2px solid #0071bc;
  margin-top: 23px;
  margin-left: 140px;
  margin-right: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
  display: block;
  position: static;
}

.button-3.service:hover {
  color: #fff;
  background-color: #0071bc;
}

.button-3.service.learn {
  margin-left: 40px;
  margin-right: 40px;
}

.button-3.resi {
  margin-top: 22px;
  margin-left: 140px;
  margin-right: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
}

.button-3.resi.solar {
  margin: 40px 220px;
}

.button-3.multifam {
  float: none;
  margin-left: 0;
  margin-right: 140px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
}

.image-27 {
  margin-top: -52px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-7 {
  background-color: #0071bc;
}

.section-9 {
  height: 400px;
  background-image: linear-gradient(rgba(0, 0, 0, .44), rgba(0, 0, 0, .44)), url('../images/roof-all-property-type.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.text-span-4 {
  text-transform: capitalize;
  font-size: 40px;
}

.column-10 {
  border: 1px #000;
  padding-top: 18px;
}

.column-9 {
  height: 350px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/roofer.jpeg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border: 8px #000;
}

.columns-3 {
  height: 350px;
  border: 8px #000;
}

.section-8 {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(107, 107, 107, .98), rgba(107, 107, 107, .98)), url('../images/Certified-Roofing-and-Construction-LLC--files1.png');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
  background-attachment: scroll, fixed;
}

.paragraph-6 {
  color: #fff;
  text-align: center;
  margin-bottom: 60px;
  font-size: 30px;
  line-height: 30px;
}

.text-span-2 {
  font-size: 35px;
  line-height: 35px;
  text-decoration: none;
}

.text-span-3 {
  text-align: left;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 35px;
}

.h1 {
  color: #0071bc;
  text-align: center;
  text-shadow: 4px 4px 4px rgba(107, 107, 107, .3);
  font-size: 70px;
}

.h1.services-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 160px;
}

.h1.commercial {
  text-align: left;
  padding-top: 29px;
  font-size: 50px;
  line-height: 40px;
}

.h1.multi {
  z-index: 2000;
  text-shadow: -2px -3px 3px #dfe8e4;
  margin-top: 65px;
  padding-top: 0;
  font-size: 80px;
  line-height: 70px;
  position: relative;
  top: -372px;
}

.columns-4 {
  height: 300px;
}

.section-14 {
  border: 5px #0071bc;
  border-top-width: 3px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.column-12 {
  height: 300px;
}

.text-block-20 {
  color: #0071bc;
  text-align: center;
  text-transform: none;
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 25px;
  line-height: 25px;
}

.column-11 {
  height: 300px;
  background-image: url('../images/radisson-083.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px #000;
}

.list-item-blue {
  color: #0071bc;
  padding-top: 5px;
  font-size: 20px;
}

.heading-18 {
  color: #0071bc;
  text-align: center;
  padding-top: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.section-12 {
  background-image: linear-gradient(rgba(255, 255, 255, .89), rgba(255, 255, 255, .89)), url('../images/weatherproof-roofing.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border: 8px solid rgba(0, 113, 188, .08);
  border-style: solid none;
  padding-top: 40px;
  padding-bottom: 40px;
}

.column-13 {
  height: 300px;
  background-image: url('../images/FluidAppliedRoof.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 6px #000;
}

.section-13 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column-14 {
  height: 300px;
  background-image: url('../images/IMG_3911.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-16 {
  margin-top: 98px;
  margin-bottom: 0;
}

.column-15 {
  height: 200px;
  padding-top: 14px;
}

.image-33 {
  margin-top: 31px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.text-block-24 {
  font-size: 35px;
}

.section-15 {
  height: 500px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(rgba(255, 255, 255, .69), rgba(255, 255, 255, .69)), url('../images/IMG_3911.JPG');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, contain;
  background-attachment: scroll, scroll, fixed;
  margin-top: 0;
}

.text-block-25 {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  font-size: 30px;
  line-height: 30px;
}

.field-label-2 {
  color: #fff;
}

.image-29 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 86px;
  padding-bottom: 80px;
  display: block;
}

.heading-2 {
  text-shadow: 1px 1px 4px rgba(0, 0, 0, .53);
  margin-top: -18px;
  margin-bottom: 29px;
}

.heading-2.servicepg {
  text-align: left;
}

.heading-2.servicepg._2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section-17 {
  border: 2px #0071bc;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}

.submit-button-2 {
  color: #0071bc;
  background-color: #fff;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.form-block-2 {
  background-color: #0071bc;
  margin-bottom: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding: 32px 100px 40px;
}

.form-block-2.res {
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 25px;
}

.image-28 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-18 {
  height: 500px;
  background-image: linear-gradient(rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url('../images/residential-roofing-company.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-top: 58px;
}

.image-30 {
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-19 {
  color: #fff;
  text-align: center;
  margin-top: 0;
}

.paragraph-7 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.section-19 {
  height: 300px;
}

.heading-20 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #0071bc;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.column-16 {
  height: 300px;
  background-image: url('../images/new-roof.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border: 5px solid #000;
}

.column-17 {
  height: 300px;
  background-image: url('../images/RESIDENTIAL.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border: 5px solid #000;
  border-left-width: 2px;
}

.column-18 {
  height: 300px;
  background-image: url('../images/roof-shingles.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border: 5px solid #000;
  border-left-width: 2px;
}

.column-19 {
  height: 300px;
  background-image: url('../images/residential-roofing-companies.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border: 5px solid #000;
  border-left-width: 2px;
}

.heading-21 {
  margin-top: 40px;
}

.section-20 {
  height: 500px;
  margin-top: 128px;
  margin-bottom: 128px;
}

.section-23 {
  height: 600px;
  background-image: url('../images/multi-family_1.jpg'), linear-gradient(rgba(0, 0, 0, .69), rgba(0, 0, 0, .69));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  margin-top: 60px;
}

.heading-22 {
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 3px 3px 6px #000;
  background-color: #0071bc;
  margin-top: 119px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.section-24 {
  height: auto;
}

.heading-23 {
  text-align: left;
  text-transform: capitalize;
  margin-top: 46px;
}

.heading-24 {
  color: rgba(51, 51, 51, .63);
  text-transform: capitalize;
}

.image-32 {
  margin-top: 43px;
}

.heading-25 {
  text-align: left;
  text-transform: capitalize;
  margin-top: 52px;
  font-weight: 500;
}

.paragraph-8 {
  margin-bottom: 25px;
}

.bold-text-2 {
  font-weight: 500;
}

.columns-7 {
  background-color: #dfe8e4;
  padding-bottom: 0;
}

.section-25 {
  background-color: #dfe8e4;
  padding-top: 33px;
  padding-bottom: 33px;
}

.heading-27 {
  margin-top: 33px;
  font-size: 35px;
  line-height: 35px;
}

.form-block-3 {
  margin: 23px 85px 40px;
  padding: 23px 20px 28px;
}

.columns-8 {
  background-color: rgba(0, 0, 0, 0);
}

.image-34 {
  margin: 25px auto 20px;
  display: block;
}

.section-27 {
  background-color: #dfe8e4;
  line-height: 14px;
}

.image-37 {
  z-index: 0;
  object-fit: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.slide-nav-4 {
  display: none;
  overflow: visible;
}

.slider-4 {
  height: 500px;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 61px;
}

.background-video {
  height: 700px;
}

.background-video-2 {
  padding-top: 0;
}

.column-26 {
  height: 300px;
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/consistent.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top: 4px solid #000;
  border-bottom: 4px solid #000;
  border-right: 4px solid #000;
}

.image-39 {
  z-index: 200;
  display: block;
}

.image-40 {
  z-index: 100;
  filter: blur(3px) invert();
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -324px;
}

.columns-9 {
  display: flex;
}

.column-27 {
  background-image: url('../images/pexels-photo-1530423.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.html-embed-5 {
  background-image: linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)), url('../images/pexels-photo-1202723.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 0;
  padding-bottom: 20px;
}

.section-28 {
  height: auto;
}

.section-29 {
  height: 550px;
  background-image: linear-gradient(to top, #474545, rgba(255, 255, 255, 0) 58%), url('../images/solor-powered-roof.jpeg');
  background-position: 0 0, 50% 80%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 50px;
  padding-bottom: 0;
}

.heading-28 {
  float: none;
  color: #0071bc;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 1px 1px 6px #fff;
  margin-top: 28px;
  margin-bottom: 28px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: static;
  left: 356px;
}

.list {
  color: #fff;
}

.list-2 {
  float: none;
  text-align: left;
  padding-left: 220px;
}

.list-realtor {
  text-transform: capitalize;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, .98);
  padding-bottom: 10px;
  font-size: 25px;
  text-decoration: none;
}

.container-5 {
  text-align: center;
  background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
  margin-top: 84px;
  padding-left: 0;
  padding-right: 0;
}

.text-span-5 {
  text-transform: uppercase;
  font-size: 50px;
  line-height: 50px;
}

.paragraph-10 {
  color: #0071bc;
  text-align: center;
  margin-bottom: 0;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 24px;
  line-height: 24px;
}

.image-41 {
  float: none;
  margin-bottom: -58px;
  position: relative;
  top: -118px;
  right: -291px;
}

.submit-button-5 {
  color: #2196f3;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .37);
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  display: block;
  box-shadow: 5px 5px 12px -1px rgba(0, 0, 0, .41);
}

.submit-button-5:hover {
  box-shadow: 5px 5px 12px -20px rgba(0, 0, 0, .41);
}

.text-block-44 {
  color: #0071bc;
  text-align: left;
  text-transform: capitalize;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .09);
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  margin-top: 40px;
  margin-bottom: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 60px;
  font-size: 30px;
  line-height: 30px;
}

.column-37 {
  height: 700px;
}

.call-now-button {
  width: 45%;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, .54);
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  transition: all .725s;
  display: block;
  box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .57);
}

.call-now-button:hover {
  box-shadow: 0 8px 5px -20px rgba(0, 0, 0, .57);
}

.call-now-button.solar {
  width: 70%;
  margin-top: 29px;
  padding: 20px 10px;
  font-size: 40px;
}

.form-block-5 {
  background-color: #2196f3;
  background-image: linear-gradient(#2196f3 36%, rgba(255, 255, 255, .57) 57%, #2196f3 72%);
  border-radius: 4px;
  margin-top: 80px;
  margin-left: 140px;
  margin-right: 140px;
  padding: 20px 40px;
  box-shadow: 14px 14px 16px -2px rgba(0, 0, 0, .28);
}

.heading-55 {
  color: #fff;
  text-align: left;
  text-shadow: 5px 5px 4px rgba(0, 0, 0, .8);
  margin-top: 117px;
  padding-left: 60px;
  padding-right: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 60px;
  line-height: 55px;
}

.list-3 {
  text-align: left;
  padding-left: 60px;
}

.section-33 {
  margin-top: 0;
}

.text-block-42 {
  text-align: center;
  margin-bottom: 20px;
}

.columns-10 {
  height: auto;
  background-image: linear-gradient(rgba(0, 0, 0, .17), rgba(0, 0, 0, .17)), url('../images/solar-roof.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 61px;
  padding-bottom: 0;
}

.text-block-43 {
  color: #fff;
  text-align: left;
  text-shadow: 0 0 4px #000;
  padding-left: 60px;
  padding-right: 20px;
  font-size: 35px;
  line-height: 35px;
}

.heading-54 {
  text-align: center;
  text-transform: capitalize;
  text-shadow: 3px 3px rgba(0, 0, 0, .14);
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.section-34 {
  height: auto;
}

.text-block-45 {
  text-transform: capitalize;
  padding-top: 26px;
  font-size: 50px;
  line-height: 50px;
}

.text-block-45.low {
  margin-bottom: 34px;
  padding-bottom: 0;
}

.text-block-46 {
  padding-top: 10px;
  font-size: 20px;
}

.image-42 {
  float: right;
}

.text-block-47 {
  text-align: center;
  padding-top: 51px;
  font-size: 30px;
  font-weight: 700;
}

.div-block {
  width: 35%;
  height: 5px;
  float: left;
  background-image: linear-gradient(#0071bc, #0071bc);
  margin-top: -10px;
}

.div-block.rt {
  width: 25%;
  height: 3px;
}

.div-block.lft {
  width: 25%;
  height: 3px;
  float: right;
}

.image-43 {
  padding-top: 46px;
}

.text-block-48 {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 700;
}

.text-block-48._2nd {
  margin-top: 11px;
}

.paragraph-11 {
  margin-top: 12px;
}

.text-span-6 {
  color: #0071bc;
  font-size: 20px;
  font-weight: 400;
}

.section-35 {
  height: 500px;
  background-image: linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)), url('../images/commercial-solar-panels.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image-44, .image-45, .image-46 {
  height: 250px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-39 {
  height: 250px;
}

.text-block-49 {
  color: #0071bc;
  text-align: right;
  text-transform: uppercase;
  padding-top: 24px;
  font-size: 35px;
  line-height: 35px;
}

.image-47 {
  transform-style: preserve-3d;
  margin-top: 29px;
  margin-bottom: 20px;
  transform: translate(167px)rotateX(0)rotateY(180deg)rotateZ(0);
}

.columns-11 {
  padding-top: 60px;
}

.text-block-50 {
  text-align: center;
  padding-top: 18px;
  font-size: 20px;
  font-weight: 400;
}

.heading-56 {
  color: #0071bc;
  text-align: center;
  padding-top: 31px;
  font-size: 40px;
  font-weight: 400;
}

.section-36 {
  width: 10vw;
  height: 75vh;
}

.hero-new-home {
  height: 900px;
  background-image: linear-gradient(rgba(0, 0, 0, .23), rgba(0, 0, 0, .23)), url('../images/apartment-roof.jpg'), url('../images/multi-family-roof.jpg'), url('../images/multi-family.jpg');
  background-position: 0 0, 50%, 50%, 50%;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-size: auto, cover, cover, cover;
  background-attachment: scroll, scroll, fixed, scroll;
}

.nav-link {
  float: right;
  color: #fff;
  text-align: center;
  letter-spacing: 8px;
  text-shadow: 1px 1px 6px #000;
  background-color: #0071bc;
  border: 5px red;
  border-radius: 10px;
  margin-top: 8px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 10%;
  box-shadow: -7px 5px 11px -4px rgba(0, 0, 0, .48);
}

.text-span-7 {
  text-shadow: 1px 1px 6px #000;
  font-size: 50px;
  font-weight: 800;
  line-height: 50px;
}

.container-6 {
  margin-top: 0;
  padding-top: 143px;
}

.heading-57 {
  color: #fff;
  text-align: left;
  letter-spacing: 7px;
  text-shadow: 4px 4px rgba(0, 0, 0, .95), 9px 5px 10px rgba(0, 0, 0, .86);
  margin-top: 0;
  margin-left: 220px;
  padding-top: 214px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 200px;
  line-height: 160px;
}

.button-6 {
  text-shadow: 1px 1px 6px #000;
  background-color: #ff0004;
  border-radius: 10px;
  margin-top: 55px;
  margin-left: 220px;
  padding: 30px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  box-shadow: -11px 11px 10px -10px #000;
}

.section-37 {
  height: 800px;
}

.button-7 {
  background-color: #3ea46a;
  border-radius: 5px;
  margin-top: 27px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.button-7.bottom {
  float: left;
  background-color: #ff0004;
  margin-top: 60px;
}

.text-block-28 {
  text-transform: capitalize;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.section-38 {
  background-color: #f7f7f7;
  background-image: linear-gradient(rgba(255, 255, 255, .93), rgba(255, 255, 255, .93)), url('../images/roofing-construction.jpeg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 70px;
  padding-bottom: 70px;
}

.columns-12 {
  margin-top: 40px;
}

.paragraph-4 {
  margin-top: 41px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px;
}

.text-block-34 {
  float: left;
  clear: none;
  margin-top: 0;
  margin-left: 31px;
  padding-top: 61px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.text-block-33 {
  margin-top: 8px;
  padding-left: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.link-3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-weight: 700;
}

.text-block-32 {
  text-transform: capitalize;
  padding-left: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.image-48 {
  transform-style: preserve-3d;
  padding-right: 0;
  display: block;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-48.no {
  transform: none;
}

.section-39 {
  height: auto;
  background-color: #ff0004;
  background-image: linear-gradient(331deg, #ff0004 21%, rgba(255, 255, 255, .28) 44%, #ff0004 63%);
  padding-top: 60px;
  padding-bottom: 60px;
}

.image-49 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.text-block-51 {
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .19);
  margin-bottom: 31px;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
}

.text-block-52 {
  text-align: center;
  padding-top: 27px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.button-8 {
  width: 90%;
  text-align: center;
  background-color: #0071bc;
  border-radius: 3px;
  margin: 35px auto 10px;
  display: block;
}

.div-block-2 {
  background-color: #fff;
  border-radius: 7px;
  margin: 20px;
  padding: 20px 10px 10px;
  box-shadow: 7px 0 10px 1px rgba(0, 0, 0, .44);
}

.container-7 {
  padding-top: 0;
  padding-bottom: 0;
}

.section-40 {
  background-image: linear-gradient(324deg, rgba(0, 113, 188, .79) 23%, rgba(129, 164, 187, .81) 84%, rgba(0, 113, 188, .82) 97%), linear-gradient(rgba(0, 113, 188, .88), rgba(0, 113, 188, .88)), url('../images/solar-panel-maintenence.jpeg');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-block-53 {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 60px;
  font-weight: 500;
}

.container-8 {
  margin-top: 40px;
}

.image-50 {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 22px;
}

.image-50.m {
  top: 27px;
}

.image-50.r {
  top: 53px;
}

.image-50.rm {
  top: 33px;
}

.image-50.iv {
  top: 22px;
}

.column-40 {
  margin-left: auto;
  margin-right: auto;
}

.text-block-54 {
  color: #fff;
  text-align: center;
  margin-top: 40px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px;
}

.button-9 {
  max-width: 20vw;
  min-width: 20px;
  text-align: center;
  background-color: #ff0004;
  border-radius: 5px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  display: block;
  box-shadow: 4px 4px 9px rgba(0, 0, 0, .4);
}

.text-block-55 {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px #000;
  margin-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 40px;
}

.columns-13 {
  margin-top: 40px;
}

.div-block-3 {
  background-color: #fff;
  border-radius: 4px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 29px 30px;
  display: block;
  box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, .47);
}

.image-51 {
  margin-bottom: 10px;
  margin-left: 15px;
}

.italic-text {
  text-shadow: 1px 1px #000;
  font-size: 50px;
}

.image-52 {
  margin-bottom: 10px;
  margin-left: 15px;
}

.columns-14 {
  margin-bottom: 66px;
}

.div-block-4 {
  height: 3px;
  background-color: rgba(247, 247, 247, .81);
  margin-top: 40px;
  margin-bottom: 80px;
  position: relative;
  bottom: -20px;
}

.italic-text-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.image-53 {
  margin-bottom: 20px;
}

.text-block-56 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.image-54 {
  margin-bottom: 15px;
}

.paragraph-12 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.italic-text-3 {
  font-weight: 700;
}

.footer {
  text-align: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.footer-logo-link {
  max-height: 60px;
  min-width: 60px;
  flex: 0 auto;
}

.footer-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 0% 50%;
  display: inline-block;
}

.footer-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.footer-link {
  color: #444;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  text-decoration: underline;
}

.section-41 {
  background-image: linear-gradient(rgba(255, 255, 255, .97), rgba(255, 255, 255, .97)), url('../images/pexels-photo-1202723.jpeg');
  background-position: 0 0, 50% 0;
  background-size: auto, auto;
  padding-top: 91px;
  padding-bottom: 91px;
}

.text-block-57 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.image-55 {
  margin-bottom: 18px;
}

.text-block-58 {
  margin-bottom: 27px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.link-4 {
  margin-top: 10px;
  display: flex;
}

.background-video-3 {
  max-width: 45%;
  min-width: 45%;
  float: left;
  border-radius: 4px;
  margin-right: -41px;
  box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, .59);
}

.section-42 {
  object-fit: fill;
  padding: 100px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  position: static;
}

.text-block-59 {
  float: none;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 0 1px 4px #000;
  margin-left: 0;
  padding-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 45px;
  line-height: 45px;
  display: block;
  position: relative;
  top: 39px;
}

.text-block-59.multi {
  font-size: 30px;
  line-height: 35px;
}

.text-block-59.mr {
  font-size: 35px;
}

.form-block-6 {
  float: right;
  background-color: #0071bc;
  border-radius: 7px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: 95px;
  padding: 10px 60px;
  box-shadow: 8px 8px 11px -4px rgba(0, 0, 0, .39);
}

.field-label-3 {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
}

.field-label-4 {
  color: #fff;
}

.submit-button-6 {
  background-color: #ff0004;
  margin-bottom: 43px;
}

.text-block-60 {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.div-block-5 {
  height: 550px;
  float: right;
}

.div-block-5.solar {
  float: none;
  margin-top: 70px;
}

.div-block-5.muti {
  float: none;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-5.res {
  width: 100%;
  float: none;
}

.html-embed-6 {
  width: 450px;
  height: 500px;
  border-radius: 13px;
  margin-top: -57px;
}

.div-block-6 {
  width: 60%;
  height: 550px;
  background-color: rgba(0, 113, 188, .84);
  border-radius: 20px;
  margin-left: 100px;
  padding: 0;
}

.div-block-6.multi {
  width: 75%;
}

.div-block-6.res {
  width: 120%;
  margin-left: 20px;
}

.div-block-6.mr {
  width: 90%;
}

.list-item {
  font-size: 20px;
}

.list-item-2, .list-item-3, .list-item-4 {
  margin-top: 5px;
  font-size: 20px;
}

.nav-menu-3 {
  float: none;
  top: 0;
}

.list-4 {
  text-align: center;
  list-style-type: none;
}

.text-block-61 {
  color: #0071bc;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.text-block-62, .text-block-63, .text-block-64, .text-block-65, .text-block-66 {
  color: #0071bc;
  text-align: center;
  padding-top: 10px;
  font-size: 20px;
}

.section-43 {
  margin-top: 109px;
}

.cm {
  z-index: 1000;
}

.image-56 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-56.boxer, .image-56.davis {
  padding-top: 17px;
}

.section-44 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.image-57 {
  margin-top: 49px;
}

.image-58 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-38 {
  display: block;
}

.grid {
  width: 55%;
  grid-column-gap: 100px;
  grid-template-rows: auto;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
}

.image-60 {
  display: block;
}

.background-video-4 {
  height: 80vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 112px;
  display: flex;
}

.image-39-copy {
  display: block;
}

.container-9 {
  justify-content: space-between;
  display: flex;
}

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

.image-61 {
  width: 200px;
}

.column-42 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .text-block-9 {
    width: 100%;
    min-width: 100%;
    font-size: 15px;
    overflow: hidden;
  }

  .column-21 {
    background-size: 80%;
  }

  .navbar-2 {
    display: none;
  }

  .button-5 {
    margin-left: 250px;
    margin-right: 250px;
  }

  .text-block-26 {
    line-height: 40px;
  }

  .logo-text.footer {
    margin-top: 37px;
  }

  .image-26 {
    line-height: 25px;
  }

  .text-block-12 {
    line-height: 40px;
  }

  .column-37 {
    height: auto;
  }

  .call-now-button {
    margin-bottom: 35px;
  }

  .columns-10 {
    height: auto;
  }

  .text-block-43 {
    text-align: center;
    padding-left: 20px;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .text-block-9 {
    margin-bottom: 23px;
    font-size: 15px;
  }

  .slide-12 {
    font-size: 12px;
  }

  .paragraph-9 {
    font-size: 20px;
    line-height: 20px;
  }

  .paragraph-9.ziyi {
    font-size: 15px;
    line-height: 15px;
  }

  .column-22, .column-25 {
    background-size: auto 80%;
  }

  .column-21 {
    background-size: auto 90%;
  }

  .column-20, .column-24 {
    background-size: auto 80%;
  }

  .columns-6 {
    height: auto;
  }

  .column-23 {
    background-size: auto 80%;
  }

  .section-22 {
    height: auto;
  }

  .button-5 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .logo-text {
    margin-top: 15px;
  }

  .logo-text.footer {
    font-size: 20px;
  }

  .section-27 {
    height: auto;
  }

  .list {
    padding-left: 60px;
  }

  .list-realtor {
    font-size: 20px;
  }

  .text-block-44 {
    font-size: 25px;
  }

  .form-block-5 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .column-38 {
    margin-bottom: 56px;
  }

  .text-block-43 {
    font-size: 30px;
    line-height: 30px;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-image {
    object-fit: contain;
  }
}

@media screen and (max-width: 479px) {
  .text-block-8 {
    line-height: 40px;
  }

  .paragraph-9 {
    font-size: 15px;
    line-height: 15px;
  }

  .column-25, .column-24, .column-23 {
    background-size: contain;
  }

  .button-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-26 {
    height: 600px;
  }

  .logo-text {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    display: block;
  }

  .logo-text.footer {
    padding-top: 19px;
  }

  .image-26 {
    margin-top: 117px;
  }

  .text-span {
    font-size: 15px;
  }

  .text-block-15 {
    line-height: 40px;
  }

  .image-40 {
    top: -295px;
  }

  .form-block-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-55 {
    font-size: 40px;
    line-height: 40px;
  }

  .text-block-43 {
    font-size: 20px;
    line-height: 20px;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-heading {
    margin-top: 20px;
  }
}

#w-node-_884e1d61-9679-2927-81ae-2f4b2545a646-0b2ad568 {
  justify-self: auto;
}

#w-node-d6a91e6c-d7f7-d22d-d443-a41d19be6412-4c9627d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dc882236-3644-5be9-3b98-50cc4c9627da-4c9627d6 {
  align-self: center;
  justify-self: end;
}