body {
  height: 100%;
  padding-left: 329px;
  background-color: #edeff2;
  font-family: Oswald, sans-serif;
  color: rgba(0, 0, 0, .74);
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}

h2 {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #805a0f;
  font-size: 30px;
  line-height: 34px;
  font-weight: 400;
}

h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #313131;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
}

h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'PT Sans', sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  color: #000;
}

li {
  line-height: 23px;
  letter-spacing: 0px;
}

.button {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #cf404d;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
}

.button:hover {
  background-color: #000;
}

.button.w--current {
  background-color: #2e80b6;
}

.button.full-width {
  display: block;
  width: 100%;
  background-color: #103d5a;
}

.button.full-width:hover {
  background-color: #185c88;
}

.brand-text {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #cf404d;
  font-size: 30px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 1px;
}

.section {
  position: relative;
  padding: 63px 40px;
  background-color: rgba(0, 0, 0, .9);
}

.section.section-gray {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fafafa;
}

.section.videos {
  height: auto;
  border-style: none;
  border-top-width: 25px;
  border-top-color: #103d5a;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('../images/dark-wood.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('../images/dark-wood.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, contain;
  background-repeat: repeat, repeat-y;
}

.section.testimonial {
  padding: 24px 0px;
  background-color: #fff;
  text-align: center;
}

.call-to-action-section {
  margin-top: 0px;
  padding: 72px 40px;
  border-top: 20px solid #000;
  background-color: #103d5a;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 450px;
  background-repeat: repeat, repeat;
  background-attachment: scroll, scroll;
  color: #fff;
}

.call-to-action-heading {
  margin-top: 3px;
  margin-bottom: 0px;
  font-weight: 400;
}

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

.hero-heading {
  position: relative;
  z-index: 2000;
  display: inline-block;
  max-width: 900px;
  margin-right: auto;
  margin-bottom: 19px;
  margin-left: auto;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 72px;
  line-height: 74px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-shadow: 4px 4px 6px #000;
}

.hero-subheading {
  position: relative;
  z-index: 2000;
  margin-bottom: -1px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  text-transform: none;
}

.hollow-button {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  padding: 11px 20px;
  border: 2px solid #1db0fc;
  border-radius: 4px;
  -webkit-transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
  transition: background-color 300ms ease, border 300ms ease, color 300ms ease;
  color: #1db0fc;
  line-height: 21px;
  text-decoration: none;
}

.hollow-button:hover {
  border-color: #000;
  color: #000;
}

.hollow-button.white {
  border-color: #fff;
  color: #fff;
}

.hollow-button.white:hover {
  border-color: #2d3e4f;
  background-color: #2d3e4f;
  color: #fff;
}

.hollow-button.red {
  border-color: #2d3e4f;
  background-color: #2e80b6;
  color: #fff;
}

.hollow-button.red:hover {
  background-color: transparent;
}

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

.section-heading.centered {
  font-family: 'PT Sans', sans-serif;
  color: #e4b962;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.section-heading.centered.overlay {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 25px 15px;
  background-color: rgba(16, 61, 90, .94);
  color: #fff;
}

.section-subheading.center {
  font-family: 'Droid Sans', sans-serif;
  color: #bec3c7;
  font-size: 19px;
  line-height: 30px;
  text-align: center;
}

.section-title-group {
  margin-bottom: 62px;
}

.section-title-group.youtube-button {
  margin-bottom: 93px;
  padding-bottom: 56px;
  border-bottom: 1px solid #dbdbdb;
}

.form-field {
  min-height: 45px;
  margin-right: 1px;
  margin-bottom: 17px;
  border: 0px solid #000;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(64, 64, 71, .3);
}

.form-field:focus {
  box-shadow: 0 0 0 1px #2e80b6;
}

.form-field.text-area {
  min-height: 110px;
}

.form-wrapper.squeezed {
  padding-right: 19%;
  padding-left: 19%;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
}

.social-icon-link {
  padding: 8px;
  opacity: 0.66;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.social-icon-link:hover {
  opacity: 1;
}

.footer {
  padding-top: 35px;
  padding-bottom: 35px;
}

.footer.center {
  padding-top: 21px;
  padding-bottom: 21px;
  text-align: center;
}

.footer-text {
  margin-top: 22px;
  margin-bottom: 5px;
  margin-left: 20px;
  color: #bec3c7;
  font-size: 14px;
}

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

.link:hover {
  color: #30ad64;
}

.grid-image {
  margin-bottom: 19px;
}

.hero-title-wrapper {
  position: static;
  top: 40%;
  margin-top: 55px;
  margin-bottom: 0px;
  text-align: center;
}

.left-navigation {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  overflow: auto;
  width: 329px;
  height: 100%;
  border-right: 2px solid rgba(237, 239, 242, .15);
  background-color: rgba(0, 0, 0, .97);
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, contain;
  box-shadow: 5px 0 8px 1px rgba(0, 0, 0, .47);
  text-align: center;
}

.nav-link {
  display: block;
  margin-right: 35px;
  margin-left: 35px;
  padding: 10px 0px 10px 35px;
  border-bottom: 2px dotted hsla(0, 0%, 100%, .1);
  background-color: rgba(0, 0, 0, .66);
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  text-transform: uppercase;
}

.nav-link:hover {
  background-color: #000;
  color: #e4b962;
}

.nav-link.w--current {
  margin-right: 36px;
  margin-left: 36px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 36px;
  border-style: none none dashed;
  border-bottom-width: 1px;
  border-bottom-color: rgba(237, 239, 242, .11);
  background-color: rgba(134, 106, 50, .5);
  font-family: 'PT Sans', sans-serif;
  color: #ecf0f1;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
}

.nav-link.w--current:hover {
  background-color: rgba(0, 0, 0, .94);
  color: #e4b962;
}

.nav-link.last.w--current {
  border-bottom: 1px none #000;
  background-color: rgba(0, 0, 0, .51);
}

.nav-link.multi {
  margin-right: 33px;
  margin-left: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  font-family: 'PT Sans', sans-serif;
  line-height: 15px;
  text-align: left;
}

.nav-link.multi:hover {
  background-color: #000;
  color: #e4b962;
}

.nav-link.multi.mobile {
  margin-right: 35px;
  margin-left: 35px;
  padding: 0px;
  border-bottom: 2px dotted hsla(0, 0%, 100%, .15);
  background-color: rgba(0, 0, 0, .74);
}

.nav-link.multi.mobile:hover {
  background-color: rgba(0, 0, 0, .99);
}

.nav-link.dropmenu {
  padding-left: 0px;
  border-bottom-style: none;
  background-color: transparent;
}

.nav-menu {
  margin-top: 33px;
  float: none;
}

.logo-link {
  display: block;
  margin-top: 216px;
  margin-bottom: 50px;
  float: none;
  text-align: center;
}

.social-footer {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 329px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #103d5a;
  text-align: center;
}

.grid-fours {
  width: 25%;
  padding: 10px;
  float: left;
}

.grid-fours:hover {
  border: 2px solid #e4b962;
}

.grid-fours.mobilegrid {
  text-align: center;
}

.grid-fours.mobilegrid:hover {
  border-style: none;
  background-color: #175075;
}

.grid-fours.mobilegrid.pict {
  text-align: center;
}

.grid-fours.mobilegrid.pict:hover {
  background-color: transparent;
}

.banner {
  height: 100vh;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  text-align: center;
}

.content {
  position: relative;
  left: 0px;
  right: 0px;
  height: auto;
  margin-left: 0px;
}

.content.about-us {
  height: auto;
  padding-bottom: 71px;
}

.content.roof {
  height: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .24), hsla(0, 0%, 100%, .24)), url('../images/vinyl-siding-maine-contractor.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .24), hsla(0, 0%, 100%, .24)), url('../images/vinyl-siding-maine-contractor.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.content.siding {
  height: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/vinyl-siding-maine-contractor.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/vinyl-siding-maine-contractor.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.content.windows {
  height: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/mainevinylreplacementwindows.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/mainevinylreplacementwindows.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.content.gutters {
  height: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/gutters-maine-bg.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .25)), url('../images/gutters-maine-bg.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.content.testimonial {
  height: auto;
  padding-bottom: 55px;
  background-color: #fff;
  text-align: center;
}

.content.faqs {
  height: auto;
  padding-top: 0px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, .38)), url('../images/photo20.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, .38)), url('../images/photo20.jpg');
  background-position: 0px 0px, 100% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.content.specials2 {
  padding: 0px;
}

.content.career {
  height: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('../images/jobsite2.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('../images/jobsite2.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

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

.paragraph-form {
  margin-bottom: 0px;
}

.bg-video {
  height: 100vh;
}

.logo-img {
  display: block;
  margin: 18px 11px 3px 10px;
  text-align: center;
}

.nav-seperator {
  margin: 20px 30px;
  border-bottom: 1px solid rgba(237, 239, 242, .26);
}

.dropdown-text {
  margin-right: 36px;
  font-family: 'Open Sans', sans-serif;
  color: #edeff2;
  font-size: 16px;
  letter-spacing: 1px;
}

.dropdown-icon {
  padding-left: 0px;
  color: #edeff2;
  font-size: 15px;
}

.dropdown-toggle {
  padding: 5px;
}

.dave-isolated {
  position: absolute;
  left: 0px;
  bottom: -5px;
  z-index: 0;
  display: inline-block;
  margin: 0px -103px 1px -33px;
}

.nav-img {
  float: none;
}

.logo-text {
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 23px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.button-estimate {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 29px;
  margin-left: 10px;
  padding: 11px 30px;
  border-radius: 5px;
  background-color: #103d5a;
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.button-estimate:hover {
  background-color: #124d74;
  color: #e4b962;
  font-weight: 400;
}

.button-estimate.hero-section {
  position: relative;
  z-index: 2000;
  margin-top: 3px;
  padding-right: 60px;
  padding-left: 60px;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(207, 7%, 76%, .34);
  border-radius: 10px;
  background-color: rgba(16, 61, 90, .7);
  box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, .66);
  color: #edeff2;
  font-size: 32px;
  line-height: 36px;
}

.button-estimate.hero-section:hover {
  background-color: #103d5a;
  color: #e4b962;
}

.button-estimate.bigfooter {
  margin-top: 20px;
  background-color: #e4b962;
  color: #103d5a;
  font-weight: 700;
}

.button-estimate.bigfooter:hover {
  background-color: #face6a;
}

.button-estimate.lg {
  display: block;
  margin-top: 65px;
  font-size: 26px;
  line-height: 28px;
  text-align: center;
}

.button-estimate.lg.tabs {
  display: block;
  max-width: 500px;
  margin-top: 21px;
  margin-right: auto;
  margin-left: auto;
}

.button-estimate.gallery {
  position: static;
  display: block;
  max-width: 700px;
  margin-top: 49px;
  margin-right: auto;
  margin-left: auto;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}

.button-estimate.gallery.youtube {
  background-color: #5a1010;
}

.button-estimate.testimonial {
  margin-right: 18px;
  margin-left: 18px;
}

.button-estimate.form {
  display: block;
  margin-top: 39px;
  margin-right: auto;
  margin-left: auto;
}

.slogan {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 37px;
  z-index: 2000;
  margin-top: 45px;
  font-family: Sriracha, sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
}

.logo-main {
  position: relative;
  z-index: 2000;
  margin-top: 27px;
  margin-right: -23px;
  margin-bottom: 39px;
}

.yellow-text {
  color: #e4b962;
}

.bbb-seal {
  -webkit-transform: translate(2px, -1px);
  -ms-transform: translate(2px, -1px);
  transform: translate(2px, -1px);
}

.bbb-seal:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.bbb-link-block {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 3100;
}

.bbb-link-block.paypal {
  top: -3px;
  right: 0px;
}

.colorview {
  margin-top: 32px;
  margin-right: 20px;
  text-align: center;
}

.colorview.float {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 45px;
}

.colorview.float._0margin {
  margin-top: 6px;
  padding-bottom: 9px;
}

.arrow-down {
  display: block;
  max-width: 100px;
  margin-top: 58px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: rgba(237, 239, 242, .52);
  font-size: 82px;
  line-height: 90px;
  text-decoration: none;
}

.arrow-down:hover {
  color: #edeff2;
}

.arrow-linkblock {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  max-width: 100px;
  margin-right: auto;
  margin-bottom: 77px;
  margin-left: auto;
  padding-top: 0px;
  float: none;
  clear: none;
  text-decoration: none;
}

.mouse {
  clear: none;
}

.free-estimate-wrapper {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 68px;
  border-top: 20px none #181818;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .78)), url('../images/bg-estimate.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .78)), url('../images/bg-estimate.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.form-image {
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-bottom: 36px;
  border-style: solid;
  border-width: 12px;
  border-color: rgba(0, 0, 0, .92);
  background-color: #fff;
  box-shadow: 0 -1px 6px 0 #fff;
}

.form-image.no-border {
  margin: 0px;
  padding: 0px;
  border-style: none;
}

.headings {
  height: 300px;
  margin-bottom: -212px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 5px solid rgba(0, 0, 0, .72);
  background-color: rgba(16, 61, 90, .86);
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 45px;
  text-align: center;
}

.dropdown-box {
  color: transparent;
}

.dropdown-box.w--open {
  margin-right: 0px;
  margin-left: 0px;
  background-color: #103d5a;
}

.sublink {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 61px;
  border-bottom: 2px dotted #5f5030;
  background-color: #796132;
  color: #fff;
}

.sublink:hover {
  color: #e4b962;
}

.sub-droplink {
  background-color: transparent;
  color: transparent;
}

.video-button {
  display: none;
  margin-top: 26px;
  margin-right: 30px;
  padding: 12px;
  border: 2px none #3a3a3a;
}

.video-button-overlay {
  opacity: 0.83;
}

.video-button-overlay:hover {
  opacity: 1;
}

.button-pop-video {
  margin-top: 45px;
  opacity: 0.8;
}

.button-pop-video:hover {
  opacity: 1;
}

.big-footer-wrapper {
  height: auto;
  padding-top: 0px;
  border-top: 20px none #000;
  background-color: #103d5a;
  background-image: -webkit-linear-gradient(270deg, rgba(5, 16, 24, .91), rgba(5, 16, 24, .91)), url('../images/footer-bg2.jpg');
  background-image: linear-gradient(180deg, rgba(5, 16, 24, .91), rgba(5, 16, 24, .91)), url('../images/footer-bg2.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.footer-row-container {
  margin: 5px 44px 0px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #838383;
}

.footer-column {
  margin-top: 25px;
  padding: 0px 45px 20px;
  border-style: none;
  border-right-width: 1px;
  border-right-color: hsla(207, 7%, 76%, .43);
  border-radius: 0px;
  background-color: transparent;
}

.footer-column.last {
  margin-top: 0px;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  border-right-style: none;
}

.footer-column-title {
  border-style: none none dashed;
  border-bottom-width: 1px;
  border-bottom-color: #e4b962;
  font-family: 'PT Sans', sans-serif;
  color: #e4b962;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 1px;
}

.bullet-footer {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-right: 10px;
  float: left;
  background-color: #e4b962;
}

.footer-nav {
  width: 100%;
  margin-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  float: left;
  border-bottom: 1px solid hsla(207, 7%, 76%, .24);
  font-family: 'PT Sans', sans-serif;
  color: #bec3c7;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-nav:hover {
  border-bottom-style: none;
  background-color: rgba(0, 152, 255, .22);
  color: #e4b962;
}

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

.footer-link:hover {
  color: #e4b962;
}

.grey-text {
  color: #b9b9b9;
}

.hero-links {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  margin-right: 127px;
  margin-left: 0px;
  box-shadow: 1px -8px 14px -4px rgba(0, 0, 0, .65);
}

.hero-link-column {
  height: 57px;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 2px dotted hsla(207, 7%, 76%, .18);
  border-right: 2px dotted hsla(207, 7%, 76%, .18);
  background-color: rgba(0, 0, 0, .97);
  text-align: center;
}

.hero-link-column:hover {
  background-color: rgba(16, 61, 90, .94);
}

.hero-link-text-link {
  display: inline-block;
  padding: 18px 45px;
  font-family: 'PT Sans', sans-serif;
  color: hsla(0, 0%, 100%, .78);
  font-size: 20px;
  line-height: 23px;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-bottom-wrapper {
  display: block;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 38px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-family: 'PT Sans', sans-serif;
  color: #bec3c7;
  text-align: center;
}

.cc-logos {
  display: inline-block;
  margin: 49px 30px 22px;
  float: none;
  clear: none;
}

.shinglemaster-logo {
  display: inline-block;
  float: none;
  clear: none;
  text-align: center;
}

.colorview-logo {
  display: inline-block;
  margin-top: 27px;
  float: none;
  clear: none;
}

.footer-columns {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: 0px;
}

.left-footer-column {
  text-align: right;
}

.right-footer-column {
  position: static;
  left: 0px;
  bottom: 0px;
  text-align: center;
}

.copyright {
  margin-top: 5px;
  padding-bottom: 5px;
}

.trademark {
  font-style: italic;
  text-transform: lowercase;
}

.intro-wrapper {
  padding: 0px;
  border-top: 25px solid rgba(0, 0, 0, .92);
  border-bottom: 30px solid rgba(0, 0, 0, .92);
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .62), hsla(0, 0%, 100%, .62)), url('../images/bigstock-Construction-1620959.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .62), hsla(0, 0%, 100%, .62)), url('../images/bigstock-Construction-1620959.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  font-family: 'PT Sans', sans-serif;
}

.intro-text {
  display: block;
  max-width: 1000px;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 15px;
  font-family: 'PT Sans', sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

.intro-text.articles {
  display: block;
  margin: 0px 15px 37px;
  text-align: center;
}

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

.headline-intro {
  display: block;
  max-width: 1000px;
  margin: 0px auto;
  padding-top: 21px;
  padding-bottom: 33px;
  color: hsla(0, 0%, 100%, .86);
  font-size: 48px;
  line-height: 54px;
  text-align: center;
}

.headline-intro.med {
  padding-right: 30px;
  padding-left: 30px;
  font-family: 'PT Sans', sans-serif;
  color: #103d5a;
  font-weight: 700;
}

.headline-intro.med.article {
  padding-top: 27px;
  padding-bottom: 5px;
}

.shinglemaster-logo2 {
  margin-left: 70px;
  padding-left: 0px;
  float: none;
  text-align: center;
}

.container-lg {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.intro-row {
  display: block;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.rt-column {
  position: static;
}

.lt-column {
  position: static;
  left: 0px;
  top: 0px;
}

.footer-social-bottom-wrapper {
  margin-bottom: 32px;
}

.row-banners {
  display: block;
  max-width: 1000px;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
}

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

.banner-brochure {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.banner-brochure:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.border-arrow-down {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.arrow {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  border-style: none;
  background-color: #103d5a;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
}

.video-img-text {
  display: inline-block;
  padding: 22px;
  background-color: rgba(0, 0, 0, .54);
  font-family: 'PT Sans', sans-serif;
  color: #e4b962;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
}

.video-img-text:hover {
  color: #e2a62b;
}

.link-color {
  color: #ecf0f1;
}

.video-text-wrapper {
  text-decoration: none;
}

.video-text-wrapper:hover {
  background-color: rgba(0, 0, 0, .94);
}

.sub-text {
  display: block;
  max-width: 900px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 56px 23px;
  color: #fff;
}

.heading-wrapper {
  display: block;
  max-width: 900px;
  margin-right: auto;
  margin-bottom: 11px;
  margin-left: auto;
}

.heading-wrapper.questions {
  font-family: 'PT Sans', sans-serif;
  color: #c9b58c;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
}

.video-splash {
  display: block;
  margin-right: auto;
  margin-bottom: 83px;
  margin-left: auto;
  border: 16px solid #103d5a;
  box-shadow: 16px 16px 10px 0 rgba(0, 0, 0, .32);
  text-align: center;
}

.vid-splash-wrapper {
  margin-top: 56px;
  text-align: center;
}

.button-videos {
  display: block;
  max-width: 600px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 23px;
  padding-bottom: 23px;
  border-radius: 8px;
  background-color: #103d5a;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}

.button-videos:hover {
  background-color: #0b293d;
  color: #e4b962;
}

.header {
  height: 700px;
  margin-top: 0px;
  border-bottom: 20px solid rgba(0, 0, 0, .5);
  background-color: transparent;
  background-image: url('../images/testimonial-bg.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.header.about {
  height: 100px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .74)), url('../images/Dave-Estimate.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .74), rgba(0, 0, 0, .74)), url('../images/Dave-Estimate.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
}

.header.photo {
  height: 500px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/photo2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/photo2.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
}

.header.faq {
  height: auto;
  border-style: none;
  background-image: none;
}

.header.specials {
  margin-bottom: 0px;
  background-image: url('../images/bg-specials.jpg'), url('../images/example-bg.png');
  background-position: 0px 0px, 0px 0px;
  background-size: cover, 125px;
}

.header.green {
  background-image: url('../images/bg-green.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.header.contact {
  height: auto;
  border-bottom-color: rgba(0, 0, 0, .82);
  background-image: none;
}

.header.estimate {
  height: auto;
  border-bottom-style: none;
  background-image: none;
}

.header.service {
  border-bottom-style: none;
  background-image: none;
}

.header.billpay {
  height: auto;
  border-bottom-color: rgba(0, 0, 0, .84);
  background-image: none;
}

.sub-footer-link {
  color: rgba(134, 106, 50, .74);
  text-decoration: none;
}

.sub-footer-link:hover {
  color: rgba(134, 106, 50, .96);
  text-decoration: underline;
}

.tabs-wrapper {
  margin: 75px;
}

.page-title-wrapper {
  margin: 0px;
  padding: 20px 40px;
  border-bottom: 2px solid hsla(0, 0%, 100%, .27);
  background-color: rgba(16, 61, 90, .88);
  box-shadow: 0 9px 8px -5px rgba(0, 0, 0, .12);
}

.page-title-wrapper.testy {
  background-color: rgba(16, 61, 90, .69);
}

.page-title {
  padding-right: 20px;
  padding-left: 20px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.tab-pane {
  height: auto;
  margin: 13px 13px 70px;
  padding: 20px 25px 42px;
  border-style: none;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, .04);
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, .79);
  font-family: 'PT Sans', sans-serif;
}

.tab {
  margin: 3px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #032236;
  background-color: rgba(16, 61, 90, .91);
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.tab:hover {
  border-color: #7a6e54;
  background-color: rgba(134, 106, 50, .74);
}

.tab.w--current {
  border-left: 0px none #000;
  background-color: rgba(134, 106, 50, .98);
  font-family: 'PT Sans', sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.sub-heading {
  display: block;
  margin-top: 45px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  border-bottom: 1px dashed #cca350;
  font-family: 'PT Sans', sans-serif;
  color: #cca350;
  font-weight: 400;
}

.sub-heading.medium {
  margin-top: 0px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 0px;
  border-bottom-color: #644300;
  color: #103d5a;
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  text-transform: capitalize;
}

.sub-heading.dark {
  margin-top: 5px;
  padding-bottom: 9px;
  padding-left: 0px;
  border-bottom-color: #103d5a;
  color: #103d5a;
  font-size: 20px;
  font-weight: 700;
}

.column-wrapper {
  margin: 45px;
}

.main-text {
  padding: 25px;
  font-family: 'PT Sans', sans-serif;
  color: #b4b4b4;
  font-size: 18px;
  line-height: 23px;
}

.main-text.links {
  color: #fff;
}

.main-text.tabs {
  margin-top: 25px;
  margin-bottom: 12px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
  color: #000;
}

.main-text.tabs.small {
  font-size: 18px;
}

.main-text.black {
  padding-right: 15px;
  padding-left: 15px;
  color: #000;
  font-size: 19px;
}

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

.main-text.careers {
  margin-bottom: 5px;
  padding-bottom: 5px;
  color: rgba(0, 0, 0, .84);
}

.about-video {
  margin-top: 60px;
  margin-bottom: 100px;
  padding: 25px;
  border: 10px solid #000;
}

.image-main {
  display: block;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 26px;
  padding-bottom: 25px;
  padding-left: 25px;
  float: none;
}

.image-main.left {
  float: left;
}

.image-main.right {
  padding-right: 0px;
  padding-left: 25px;
  float: right;
}

.text-link {
  color: #8a5c00;
  font-weight: 400;
  text-decoration: underline;
  text-transform: capitalize;
}

.text-link:hover {
  color: #3b99d9;
  text-decoration: none;
}

.text-link.main {
  background-color: transparent;
  color: #103d5a;
  text-transform: uppercase;
}

.text-link.main:hover {
  color: #49647b;
}

.tab-container {
  display: block;
  margin-top: 55px;
}

.tab-link-wrapper {
  border: 2px none #fff;
  background-color: transparent;
  text-align: center;
}

.seal {
  position: fixed;
  top: 15px;
  right: -20px;
  margin-right: 16px;
}

.left-column {
  padding-right: 0px;
  padding-left: 30px;
}

.video-tabs {
  margin-top: 8px;
  border: 15px solid #0f0f0f;
  background-color: transparent;
}

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

.image-shingle.lower {
  margin-bottom: 45px;
}

.rich-text {
  padding-right: 25px;
  padding-left: 25px;
  color: hsla(0, 0%, 100%, .68);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}

.rich-text.bottom {
  margin-bottom: 42px;
}

.img-center {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.img-wrapper.middle {
  margin-bottom: 44px;
  text-align: center;
}

.img-wrapper.article1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.video-wrapper {
  margin-top: 33px;
}

.video-wrapper.article {
  margin-right: 0px;
  margin-bottom: 43px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.inline-subhead {
  font-size: 22px;
  line-height: 24px;
}

.pic-column {
  text-align: right;
}

.pic-column.right {
  text-align: left;
}

.db-img-wrapper {
  padding-top: 31px;
  padding-bottom: 31px;
}

.container-basic {
  margin-top: 55px;
  padding: 0px 36px 36px;
  background-color: transparent;
}

.slider {
  display: inline-block;
  width: 100%;
  height: 600px;
  margin-right: auto;
  margin-left: auto;
}

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

.slide1 {
  background-image: url('../images/photo1.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

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

.testy-play-wrapper {
  margin-top: 203px;
  text-align: center;
}

.testy-play-wrapper.bottom-testy {
  margin-top: 24px;
}

.play-button {
  opacity: 0.5;
}

.play-button:hover {
  opacity: 1;
}

.nav-testimonialswrapper {
  height: 75px;
  border-bottom: 3px solid #e0e0e0;
  background-color: #f1f1f1;
  text-align: center;
}

.button-review {
  margin: 18px 20px 18px 30px;
  float: right;
  background-color: #175075;
  font-family: 'PT Sans', sans-serif;
}

.button-review:hover {
  background-color: #103d5a;
}

.merchant-logo {
  margin-top: 14px;
  margin-right: 30px;
  margin-left: 30px;
  float: right;
}

.testy-link {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 3px dotted #dadada;
}

.body-wrapper {
  background-color: transparent;
}

.testy-video-wrapper {
  height: 500px;
  border-top: 17px solid #103d5a;
  background-color: #d8d8d8;
  background-image: url('../images/testy-bg2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.testyvid-text-wrapper {
  display: inline-block;
  max-width: 600px;
  margin-top: 57px;
  font-family: 'PT Sans', sans-serif;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
}

.header-about {
  height: 750px;
  border-bottom: 15px solid rgba(134, 106, 50, .74);
  background-color: #f7f7f7;
  background-image: url('../images/about-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-play-wrapper {
  margin-top: 0px;
  padding-top: 105px;
  text-align: center;
}

.about-play-wrapper.special {
  padding-top: 181px;
}

.intro-header-wrapper {
  margin-bottom: 50px;
  border-bottom: 10px solid rgba(0, 0, 0, .57);
  background-color: rgba(71, 56, 24, .87);
}

.faq-wrapper {
  margin-top: 0px;
  padding-top: 4px;
  background-color: hsla(0, 0%, 100%, .76);
}

.row-links {
  padding-top: 0px;
  padding-bottom: 25px;
}

.wrapper {
  padding: 50px 15px;
  text-align: center;
}

.estimate-row-wrapper {
  padding: 50px;
}

.left-column-estimate {
  padding: 23px;
}

.right-column-estimate {
  padding: 20px;
  border-left: 3px dotted hsla(207, 7%, 76%, .37);
  background-color: transparent;
  text-align: center;
}

.testy-image {
  padding-top: 20px;
  padding-bottom: 20px;
}

.html-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  border: 3px dashed #103d5a;
  text-align: center;
}

.ss-master {
  margin-bottom: 58px;
}

.career-section {
  margin-top: 50px;
}

.career-wrapper {
  margin-top: 22px;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: hsla(0, 0%, 100%, .77);
}

.career-form {
  padding: 5px 50px 50px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
}

.heading-career {
  margin-top: 40px;
  margin-bottom: 40px;
  border-bottom: 2px solid #000;
  font-size: 30px;
}

.form-question-wrapper {
  margin-top: 7px;
  margin-bottom: 7px;
  border-bottom: 2px dotted #8b8b8b;
}

.article-wrapper {
  padding: 10px 75px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.article-columns {
  display: block;
  max-width: auto;
  padding: 40px;
  text-align: center;
}

.articles-wrapper {
  display: block;
  text-align: center;
}

.article-title-box {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
  -webkit-column-rule: 1px solid rgba(0, 0, 0, .28);
  -moz-column-rule: 1px solid rgba(0, 0, 0, .28);
  column-rule: 1px solid rgba(0, 0, 0, .28);
}

.article-title-box.lg {
  font-size: 18px;
}

.xlg {
  border-bottom: 4px solid #000;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.article-link {
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-style: none none none solid;
  border-width: 2px 2px 2px 10px;
  border-color: rgba(0, 0, 0, .73);
  background-color: #175075;
  opacity: 0.88;
  color: #fff;
  line-height: 21px;
  text-decoration: none;
}

.article-link:hover {
  background-color: #103d5a;
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  color: #fff;
}

.article-link-block {
  display: block;
  margin: 37px;
  text-align: center;
}

.article-text {
  margin-right: 30px;
  margin-left: 30px;
  padding-bottom: 63px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  text-align: center;
}

.article-footer {
  margin-right: 30px;
  margin-left: 30px;
  padding: 23px 0px 0px;
  border-top: 2px dotted #2a2a2a;
}

html.w-mod-js *[data-ix="fade-in-bottom-page-loads"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="fade-in-left-scroll-in"] {
  opacity: 0;
  -webkit-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px);
}

html.w-mod-js *[data-ix="fade-in-right-scroll-in"] {
  opacity: 0;
  -webkit-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate(50px, 0px);
}

html.w-mod-js *[data-ix="fade-in-top-scroll-in"] {
  opacity: 0;
  -webkit-transform: translate(0px, -50px);
  -ms-transform: translate(0px, -50px);
  transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="fade-in-bottom-scroll-in"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="bounce-in-scroll-in"] {
  opacity: 0;
  -webkit-transform: scale(0.6000000000000002, 0.6000000000000002);
  -ms-transform: scale(0.6000000000000002, 0.6000000000000002);
  transform: scale(0.6000000000000002, 0.6000000000000002);
}

html.w-mod-js *[data-ix="scale-on-scroll"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}

@media (max-width: 991px) {
  body {
    margin-left: 0px;
    padding-left: 0px;
  }
  .hamburger-button {
    position: relative;
    top: 0px;
    background-color: #000;
    color: #fff;
  }
  .hamburger-button.w--open {
    background-color: #133d58;
  }
  .brand-text {
    display: none;
  }
  .hero-heading {
    position: static;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 60px;
    line-height: 64px;
  }
  .hero-subheading {
    position: static;
    margin-bottom: 0px;
  }
  .section-heading.centered.overlay {
    margin-top: 99px;
  }
  .form-wrapper.squeezed {
    padding-right: 8%;
    padding-left: 8%;
  }
  .hero-title-wrapper {
    top: 40%;
    margin-top: 0px;
  }
  .left-navigation {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: auto;
    overflow: visible;
    width: 100%;
    height: 62px;
    float: none;
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: #7c7c7c;
    background-color: rgba(0, 0, 0, .82);
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    text-align: left;
  }
  .left-navigation.mobile-top {
    height: 100px;
    border-style: none none solid;
    background-color: #000;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    box-shadow: none;
  }
  .nav-link {
    padding-left: 13px;
    text-align: left;
  }
  .nav-link:hover {
    background-color: transparent;
    color: #e4b962;
  }
  .nav-link.w--current {
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 13px;
    border-bottom: 1px solid rgba(237, 239, 242, .11);
    background-color: rgba(134, 106, 50, .74);
  }
  .nav-link.multi {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 42px;
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: #161616;
  }
  .nav-link.multi.mobile {
    margin-left: 36px;
    padding-left: 18px;
  }
  .nav-link.dropmenu {
    margin-left: -7px;
  }
  .nav-menu {
    z-index: 4000;
    margin-top: -6px;
    margin-right: 150px;
    background-color: rgba(0, 0, 0, .96);
    color: #2e80b6;
  }
  .logo-link {
    margin-top: 14px;
    margin-bottom: 0px;
    margin-left: 10px;
    float: left;
  }
  .social-footer {
    position: absolute;
    display: inline-block;
  }
  .grid-fours.mobilegrid {
    padding-right: 7px;
    padding-left: 7px;
  }
  .banner {
    height: 600px;
  }
  .content.about-us {
    padding-bottom: 15px;
  }
  .bg-video {
    height: 100%;
  }
  .logo-img {
    position: relative;
    display: none;
    margin-top: 14px;
    margin-right: auto;
    margin-left: 34px;
    float: none;
  }
  .nav-seperator {
    display: none;
  }
  .dave-isolated {
    display: none;
  }
  .logo-text {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 23px;
    float: left;
    clear: left;
  }

  .button-estimate {
    display: none;
    margin-top: 28px;
    margin-right: 125px;
    margin-left: 125px;
    float: right;
    font-size: 16px;
    text-align: center;
  }
  .button-estimate.mobile {
    display: block;
    max-width: 300px;
    margin: 11px 11px 9px 357px;
    padding: 10px 4px;
    float: none;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, .24);
    background-color: transparent;
    color: #edeff2;
  }
  .button-estimate.mobile:hover {
    background-color: #103d5a;
    color: #fff;
  }
  .button-estimate.bigfooter {
    display: inline-block;
    margin-right: 0px;
    margin-left: 0px;
    float: none;
  }
  .button-estimate.lg {
    display: block;
    margin-right: 70px;
    margin-left: 70px;
    float: none;
  }
  .button-estimate.gallery {
    float: none;
  }
  .slogan {
    position: static;
    margin-top: 6px;
    margin-bottom: 26px;
    font-size: 28px;
    line-height: 32px;
  }
  .logo-main {
    position: static;
    display: block;
    margin: 109px auto -3px;
    padding-right: 130px;
    padding-left: 130px;
  }
  .bbb-seal {
    display: none;
  }
  .colorview {
    display: none;
  }
  .arrow-linkblock {
    display: none;
    margin-top: 16px;
  }
  .mouse {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .form-image {
    padding-right: 21px;
    padding-left: 21px;
  }
  .headings {
    padding-right: 40px;
    padding-left: 40px;
  }
  .dropdown-box.w--open {
    background-color: #6d5931;
  }
  .sublink {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 11px;
    padding-bottom: 11px;
    border-style: dotted;
    border-width: 2px;
    border-color: rgba(0, 0, 0, .18);
    background-color: #645028;
  }
  .sublink:hover {
    background-color: #524120;
  }
  .button-pop-video {
    display: none;
  }
  .footer-column.last {
    text-align: center;
  }
  .hero-links {
    z-index: 0;
  }
  .hero-link-column {
    z-index: 2000;
  }
  .intro-wrapper {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/bigstock-Construction-1620959.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/bigstock-Construction-1620959.jpg');
    background-position: 0px 0px, 50% 0px;
  }
  .intro-text {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .headline-intro {
    font-size: 36px;
    line-height: 42px;
  }
  .shinglemaster-logo2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 0px;
  }
  .rt-column {
    padding-left: 29px;
  }
  .page-title-wrapper {
    margin-top: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-title {
    font-size: 28px;
    line-height: 32px;
  }
  .tab-pane {
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  .sub-heading {
    margin-top: 10px;
  }
  .main-text.black {
    padding-top: 0px;
  }
  .about-video {
    margin-top: 20px;
    margin-bottom: 33px;
  }
  .mobile-header-wrapper {
    height: 207px;
    margin-top: 60px;
    background-color: #000;
    background-image: -webkit-linear-gradient(270deg, rgba(16, 61, 90, .92), rgba(16, 61, 90, .92)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
    background-image: linear-gradient(180deg, rgba(16, 61, 90, .92), rgba(16, 61, 90, .92)), url('../images/bigstock-Close-up-of-roll-asphalt-roofi-91009847.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
  }
  .mobile-logo {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 25px;
  }
  .logo-mobile {
    margin-top: 10px;
    margin-left: 18px;
    float: left;
  }
  .nav-testimonialswrapper {
    height: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .header-about {
    height: 600px;
  }
  .about-play-wrapper {
    padding-top: 69px;
  }
  .estimate-row-wrapper {
    padding: 10px;
  }
  .article-wrapper {
    padding-right: 29px;
    padding-left: 29px;
  }
  .article-title-box {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 767px) {
  h3 {
    margin-top: 10px;
  }
  .section {
    padding-right: 10px;
    padding-left: 10px;
  }
  .section.videos {
    padding-top: 19px;
    padding-bottom: 39px;
  }
  .call-to-action-heading {
    margin-bottom: 13px;
    text-align: center;
  }
  .align-right {
    text-align: center;
  }
  .hero-heading {
    position: static;
    font-size: 48px;
    line-height: 50px;
  }
  .hero-subheading {
    position: static;
    margin-top: 9px;
    font-size: 36px;
    line-height: 40px;
  }
  .section-heading.centered {
    padding-top: 50px;
    font-size: 30px;
    line-height: 34px;
  }
  .section-heading.centered.overlay {
    font-size: 30px;
    line-height: 34px;
  }
  .section-title-group.youtube-button {
    margin-bottom: 19px;
    padding-bottom: 71px;
  }
  .hero-title-wrapper {
    top: 35%;
  }
  .grid-fours {
    width: 33.333%;
  }
  .grid-fours.mobilegrid {
    width: 50%;
    padding-right: 4px;
    padding-left: 4px;
  }
  .banner {
    height: 500px;
  }
  .column-0-padding {
    margin-bottom: 15px;
    text-align: center;
  }
  .column-remove-padding {
    padding-right: 0px;
    padding-left: 0px;
  }
  .content.testimonial {
    padding-bottom: 0px;
  }
  .button-estimate.mobile {
    max-width: 300px;
    margin-left: 187px;
  }
  .button-estimate.gallery.youtube {
    display: block;
    float: none;
    font-size: 20px;
    line-height: 22px;
  }
  .slogan {
    position: static;
    margin-bottom: 26px;
    font-size: 24px;
    line-height: 28px;
  }
  .logo-main {
    position: static;
    display: block;
    margin-top: 103px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 65px;
    padding-left: 65px;
  }
  .bbb-link-block {
    display: none;
  }
  .headings {
    font-size: 38px;
    line-height: 42px;
  }
  .hero-links {
    display: none;
  }
  .cc-logos {
    margin-top: 14px;
    margin-right: 50px;
    margin-left: 50px;
    padding-right: 0px;
    padding-left: 0px;
    clear: left;
  }
  .shinglemaster-logo {
    margin-right: 45px;
    margin-left: 45px;
  }
  .colorview-logo {
    margin-top: 11px;
    margin-right: 35px;
    margin-left: 35px;
  }
  .intro-wrapper {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/bigstock-Construction-1620959.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/bigstock-Construction-1620959.jpg');
    background-position: 0px 0px, 50% 100%;
  }
  .shinglemaster-logo2 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .header {
    height: 400px;
  }
  .header.photo {
    height: 400px;
  }
  .page-title-wrapper {
    margin-top: 99px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .tab-pane {
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .sub-heading {
    margin-bottom: 26px;
    text-align: center;
  }
  .main-text.black {
    padding-top: 1px;
  }
  .image-main {
    display: block;
    margin: 0px auto;
    padding: 0px;
    float: none;
  }
  .image-main.right {
    float: none;
  }
  .pic-column.left {
    text-align: center;
  }
  .pic-column.right {
    text-align: center;
  }
  .testy-play-wrapper {
    margin-top: 53px;
  }
  .testy-play-wrapper.bottom-testy {
    margin-top: 50px;
  }
  .button-review {
    float: none;
  }
  .merchant-logo {
    margin-top: -5px;
    float: none;
  }
  .testy-video-wrapper {
    height: 400px;
  }
  .testyvid-text-wrapper {
    margin-top: 17px;
    font-size: 26px;
    line-height: 28px;
  }
  .header-about {
    height: 400px;
  }
  .about-play-wrapper {
    padding-top: 50px;
  }
  .about-play-wrapper.special {
    padding-top: 54px;
  }
  .left-column-estimate {
    padding-top: 0px;
  }
  .article-title-box {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

@media (max-width: 479px) {
  h3 {
    line-height: 22px;
  }
  .section.videos {
    padding-bottom: 9px;
  }
  .section.testimonial {
    padding-bottom: 0px;
  }
  .hero-heading {
    margin-bottom: 14px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 32px;
    line-height: 36px;
  }
  .hero-subheading {
    margin-top: 23px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 22px;
    line-height: 32px;
  }
  .section-heading.centered {
    margin-bottom: 14px;
    padding-top: 9px;
    font-size: 18px;
    line-height: 20px;
  }
  .section-heading.centered.overlay {
    font-size: 20px;
    line-height: 24px;
  }
  .section-title-group.youtube-button {
    padding-bottom: 16px;
  }
  .form-wrapper.squeezed {
    padding-right: 2%;
    padding-left: 2%;
  }
  .hero-title-wrapper {
    top: 28%;
  }
  .left-navigation.mobile-top {
    background-color: #000;
  }
  .nav-menu {
    margin-right: 0px;
  }
  .grid-fours.mobilegrid {
    width: 100%;
  }
  .banner {
    height: 450px;
  }
  .content.testimonial {
    padding-bottom: 0px;
  }
  .logo-img {
    margin-top: -35px;
    margin-right: 0px;
    margin-left: 15px;
  }
  .button-estimate.mobile {
    display: block;
    margin-right: 89px;
    clear: none;
    font-size: 13px;
  }
  .button-estimate.lg {
    margin: 15px 20px 10px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 20px;
    line-height: 22px;
  }
  .button-estimate.lg.tabs {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 18px;
    line-height: 21px;
  }
  .button-estimate.gallery {
    margin-bottom: 31px;
    padding-bottom: 11px;
    font-size: 20px;
    line-height: 24px;
  }
  .slogan {
    margin-top: 25px;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .logo-main {
    display: block;
    margin-top: 110px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
  .bbb-seal {
    display: none;
  }
  .free-estimate-wrapper {
    padding-bottom: 20px;
  }
  .form-image {
    padding-bottom: 16px;
  }
  .headings {
    margin-bottom: -221px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 36px;
    line-height: 38px;
  }
  .footer-column {
    padding-right: 10px;
    padding-left: 10px;
  }
  .bullet-footer {
    display: none;
  }
  .cc-logos {
    display: block;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .colorview-logo {
    margin-top: 6px;
  }
  .intro-wrapper {
    padding: 29px 13px 31px;
  }
  .intro-text {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 11px;
    padding-left: 11px;
    font-size: 18px;
    line-height: 21px;
    text-align: left;
  }
  .headline-intro {
    margin-top: 7px;
    font-size: 24px;
    line-height: 28px;
  }
  .headline-intro.med.article {
    padding-right: 10px;
    padding-left: 10px;
  }
  .rt-column {
    padding-right: 15px;
    padding-left: 15px;
  }
  .video-img-text {
    padding: 5px;
    font-size: 14px;
    line-height: 18px;
  }
  .sub-text {
    padding: 36px 16px 39px;
  }
  .video-splash {
    margin-bottom: 15px;
  }
  .header {
    height: 300px;
  }
  .header.photo {
    height: 300px;
  }
  .header.specials {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .page-title-wrapper {
    padding: 12px 6px 3px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .page-title {
    font-size: 26px;
    line-height: 28px;
  }
  .tab {
    margin-right: 25px;
    margin-left: 25px;
  }
  .sub-heading {
    margin-top: 18px;
    font-size: 26px;
    line-height: 28px;
  }
  .sub-heading.medium {
    margin-bottom: 6px;
    font-size: 22px;
    line-height: 24px;
  }
  .main-text.tabs {
    padding-right: 12px;
    padding-left: 12px;
  }
  .main-text.black {
    padding-right: 5px;
    padding-left: 5px;
  }
  .about-video {
    border-width: 3px;
    border-color: rgba(0, 0, 0, .77);
  }
  .mobile-header-wrapper {
    height: 185px;
  }
  .testy-play-wrapper {
    display: block;
    max-width: 150px;
    margin-top: 31px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 17px;
  }
  .testy-play-wrapper.bottom-testy {
    margin-top: -28px;
  }
  .play-button {
    margin-bottom: 0px;
    padding: 0px;
  }
  .nav-testimonialswrapper {
    height: 125px;
    padding-top: 17px;
  }
  .button-review {
    margin-top: -2px;
    margin-bottom: -2px;
    float: none;
  }
  .merchant-logo {
    float: none;
  }
  .testy-video-wrapper {
    height: 300px;
  }
  .header-about {
    height: 350px;
  }
  .about-play-wrapper.special {
    display: block;
    max-width: 150px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 23px;
  }
  .left-column-estimate {
    padding-top: 0px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .article-wrapper {
    padding-right: 8px;
    padding-left: 8px;
  }
  .article-text {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 640px){

 #estBtn.button-estimate.w-button.w--current {display: block;float: none;font-size: 14px;margin: 0;padding: 7px 6px;}
}
@media only screen and (min-width: 641px) and (max-width: 767px){ #estBtn.button-estimate.w-button.w--current {display: block;float: none;font-size: 14px;margin: 0;padding: 7px 6px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
 #estBtn.button-estimate.w-button.w--current {display: block;float: none;font-size: 16px;margin: 0;padding: 11px 30px;}
}