/* This file is auto-generated from a `scss` file with the same name */

.videobgwrapper{overflow:hidden;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;pointer-events:none;border-radius:inherit}.videobgframe{position:absolute;width:101%;height:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);object-fit:fill}#dm video.videobgframe{margin:0}@media (max-width:767px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:80vh}}@media (min-width:1025px){.dmRoot .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}@media (min-width:768px) and (max-width:1024px){.responsiveTablet .dmPhotoGallery.newPhotoGallery:not(.photo-gallery-done){min-height:45vh}}#dm [data-show-on-page-only]{display:none!important}#dmRoot div.stickyHeaderFix div.site_content{margin-top:0!important}#dmRoot div.stickyHeaderFix div.hamburger-header-container{position:relative}
    



    :root {
  --color_1: rgba(33,63,103,1);
  --color_2: rgba(170,43,45,1);
  --color_3: rgba(255,255,255,1);
  --color_4: rgba(0,0,0,1);
  --color_5: rgba(34,34,34,1);
  --color_6: rgba(242,242,242,1);
  --color_7: rgba(246,246,246,1);
  --color_8: rgba(0,0,0,0);
}

img[width][height] {
  height: auto;
}

  body[data-page-alias="metal-roofing"] #dm [data-show-on-page-only="metal-roofing"] {
    display: block !important;
  }




    


    




    *#dm *.dmBody a.span.textonly
{
	color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_HOWITWORKS:before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_HOWITWORKS.before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.u_HOWITWORKS:before
{
	background-color:rgba(51,51,51,1) !important;
	opacity:0.7 !important;
}
*#dm *.dmBody div.u_HOWITWORKS.before
{
	background-color:rgba(51,51,51,1) !important;
	opacity:0.7 !important;
}
*#dm *.dmBody div.u_FEATURES
{
	background-color:rgba(255,255,255,1) !important;
}
*#dm *.dmBody div.u_TESTIMONIALS
{
	background-color:rgba(244,244,244,1) !important;
}
*#dm *.dmBody div.u_PLANS
{
	background-color:rgba(255,255,255,1) !important;
}
*#dm *.dmBody div.u_ContactUs
{
	background-color:rgba(255,255,255,1) !important;
}
*#dm *.dmBody *.u_pa_8552430:before
{
	opacity:0.5 !important;
	background-color:rgb(0,0,0) !important;
}
*#dm *.dmBody *.u_pa_8552430.before
{
	opacity:0.5 !important;
	background-color:rgb(0,0,0) !important;
}
*#dm *.dmBody div.u_pa_8552430:before
{
	background-color:rgba(0,0,0,0) !important;
	opacity:0.6 !important;
}
*#dm *.dmBody div.u_pa_8552430.before
{
	background-color:rgba(0,0,0,0) !important;
	opacity:0.6 !important;
}
*#dm *.dmBody div.dmform-error
{
	font-style:normal !important;
}
*#dm *.dmBody div.dmforminput textarea
{
	font-style:italic !important;
}
*#dm *.dmBody div.dmforminput *.fileUploadLink
{
	font-style:italic !important;
}
*#dm *.dmBody div.checkboxwrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.radiowrapper span
{
	font-style:italic !important;
}
*#dm *.dmBody div.u_pa_8552430
{
	background-color:rgba(0,0,0,0) !important;
	background-image:url(/Resources/images/blank_1-f42f8010-2880w.jpg) !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
*#dm *.dmBody div.u_HOWITWORKS
{
	background-repeat:no-repeat !important;
	background-image:none !important;
	background-size:cover !important;
	background-color:rgba(26,27,31,1) !important;
}
*#dm *.dmBody *.u_1193378832:before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_1193378832.before
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody *.u_1193378832>.bgExtraLayerOverlay
{
	opacity:0.5 !important;
	background-color:rgb(255,255,255) !important;
}
*#dm *.dmBody div.u_1193378832:before
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1193378832.before
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1193378832>.bgExtraLayerOverlay
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1193378832
{
	background-repeat:no-repeat !important;
	background-image:url(/Resources/images/Design-roof-services-1-2880w.jpg) !important;
	background-size:cover !important;
}
*#dm *.dmBody div.u_1724786301 hr
{
	border-top-width:5px !important;
	border-top-style:solid !important;
	color:rgba(34,62,103,1) !important;
}
*#dm *.dmBody nav.u_1205057765
{
	color:white !important;
}
*#dm *.dmBody div.u_1736091636
{
	background-color:rgba(34,62,103,1) !important;
}
*#dm *.dmBody div.u_1135186513
{
	background-color:rgba(255,255,255,1) !important;
	box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
	-moz-box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
	-webkit-box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
}
*#dm *.dmBody div.u_Restorations
{
	background-color:rgba(255,255,255,1) !important;
	box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
	-moz-box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
	-webkit-box-shadow:rgba(0,0,0,0.25) 0 3px 11px 0 !important;
}
*#dm *.dmBody div.u_1557129360
{
	background-repeat:no-repeat !important;
	background-image:url(/Resources/images/Design-roof-services-5-2880w.jpg) !important;
	background-size:cover !important;
}
*#dm *.dmBody div.u_1906060977
{
	background-color:rgba(34,34,34,0.7) !important;
}
*#dm *.dmBody *.u_1557129360:before
{
	opacity:0.5 !important;
	background-color:rgb(0,0,0) !important;
}
*#dm *.dmBody *.u_1557129360.before
{
	opacity:0.5 !important;
	background-color:rgb(0,0,0) !important;
}
*#dm *.dmBody *.u_1557129360>.bgExtraLayerOverlay
{
	opacity:0.5 !important;
	background-color:rgb(0,0,0) !important;
}
*#dm *.dmBody div.u_1557129360:before
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1557129360.before
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1557129360>.bgExtraLayerOverlay
{
	background-color:rgba(0,0,0,1) !important;
	opacity:0.5 !important;
}
*#dm *.dmBody div.u_1219790156
{
	background-color:rgba(34,62,103,0.5) !important;
}
*#dm *.dmBody div.u_1540229007
{
	background-color:rgba(34,62,103,1) !important;
}
*#dm *.dmBody *.u_1655758280
{
	background-position:50% 50% !important;
}



    *#dm *.dmBody div.u_PLANS{
padding-top:80px !important}
*#dm *.dmBody div.u_TESTIMONIALS{
float:none !important;
top:0 !important;
left:0 !important;
width:100% !important;
position:relative !important;
height:auto !important;
margin-right:auto !important;
margin-left:auto !important;
max-width:none !important;
margin-top:0 !important;
min-width:0 !important;
text-align:center !important;
padding-right:20px !important;
padding-left:20px !important;
margin-bottom:0 !important;
padding-bottom:100px !important;
padding-top:100px !important}
*#dm *.dmBody div.u_HOWITWORKS{
padding-top:130px !important;
padding-bottom:130px !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-position:50% 50% !important}
*#dm *.d-page-1716942098 DIV.dmInner{
background-repeat:no-repeat !important;
background-image:none !important;
background-size:cover !important;
background-attachment:fixed !important;
background-position:50% 0 !important}
*#dm *.d-page-1716942098 DIV#dmSlideRightNavRight{
background-repeat:no-repeat !important;
background-image:none !important;
background-size:cover !important;
background-attachment:fixed !important;
background-position:50% 0 !important}
*#dm *.dmBody div.u_pa_8552430{
padding-top:250px !important;
padding-bottom:0 !important;
padding-left:0 !important;
float:none !important;
margin-right:0 !important;
margin-left:0 !important;
top:0 !important;
max-width:none !important;
left:0 !important;
width:auto !important;
margin-top:0 !important;
position:relative !important;
margin-bottom:0 !important;
padding-right:0 !important;
min-width:0 !important;
text-align:center !important;
height:auto !important;
background-repeat:no-repeat !important;
background-size:cover !important;
background-attachment:initial !important;
background-position:50% 50% !important}
*#dm *.dmBody div.u_ContactUs{
padding-left:40px !important;
float:none !important;
margin-right:0 !important;
margin-left:0 !important;
top:0 !important;
max-width:none !important;
left:0 !important;
width:auto !important;
margin-top:0 !important;
position:relative !important;
margin-bottom:0 !important;
padding-right:40px !important;
min-width:0 !important;
text-align:center !important;
height:auto !important;
padding-top:0 !important;
padding-bottom:70px !important}
*#dm *.dmBody div.u_FEATURES{
float:none !important;
top:0 !important;
left:0 !important;
width:auto !important;
position:relative !important;
height:auto !important;
padding-left:40px !important;
margin-right:0 !important;
margin-left:0 !important;
max-width:none !important;
margin-top:0 !important;
margin-bottom:0 !important;
padding-right:40px !important;
min-width:0 !important;
text-align:center !important;
padding-top:70px !important;
padding-bottom:30px !important}
*#dm *.dmBody div.u_1649046429{
height:200px !important}
*#dm *.dmBody div.u_1724786301{
width:114px !important}
*#dm *.dmBody div.u_1874365965{
padding-top:70px !important;
padding-left:40px !important;
padding-bottom:70px !important;
padding-right:40px !important;
width:auto !important}
*#dm *.dmBody div.u_1111230946{
float:none !important;
top:0 !important;
left:0 !important;
width:calc(100% - 0px) !important;
position:relative !important;
height:auto !important;
padding-top:2px !important;
padding-left:0 !important;
padding-bottom:2px !important;
max-width:100% !important;
padding-right:0 !important;
min-width:25px !important}
*#dm *.dmBody div.u_1736091636{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
margin-left:0 !important;
margin-top:30px !important;
margin-bottom:0 !important;
margin-right:0 !important;
width:auto !important}
*#dm *.dmBody div.u_1193378832{
background-position:50% 50% !important;
background-attachment:fixed !important;
margin-left:0 !important;
padding-top:0 !important;
padding-left:40px !important;
padding-bottom:0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
margin-right:0 !important;
padding-right:40px !important;
width:auto !important}
*#dm *.dmBody *.u_1860933980 .photoGalleryThumbs{
padding:2.5px !important}
*#dm *.dmBody *.u_1860933980 .layout-container{
padding:2.5px !important}
*#dm *.dmBody *.u_1860933980 .photoGalleryViewAll{
padding:0 5px !important}
*#dm *.dmBody div.u_1135186513{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
margin-left:0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
margin-right:0 !important;
width:auto !important}
*#dm *.dmBody div.u_Restorations{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
margin-left:0 !important;
margin-top:0 !important;
margin-bottom:0 !important;
margin-right:0 !important;
width:auto !important}
*#dm *.dmBody div.u_1557129360{
background-position:50% 50% !important}
*#dm *.dmBody div.u_1906060977{
margin-left:0 !important;
padding-top:25px !important;
padding-left:25px !important;
padding-bottom:25px !important;
margin-top:0 !important;
margin-bottom:0 !important;
margin-right:0 !important;
padding-right:25px !important}
*#dm *.dmBody div.u_1600549571{
padding-top:0 !important;
padding-bottom:0 !important;
padding-right:0 !important;
padding-left:0 !important}
*#dm *.dmBody div.u_1219790156{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
margin-left:0 !important;
margin-top:50px !important;
margin-bottom:0 !important;
margin-right:0 !important;
width:auto !important}
*#dm *.dmBody *.u_1565935505 .photoGalleryThumbs{
padding:2.5px !important}
*#dm *.dmBody *.u_1565935505 .layout-container{
padding:2.5px !important}
*#dm *.dmBody *.u_1565935505 .photoGalleryViewAll{
padding:0 5px !important}
*#dm *.dmBody div.u_1565935505{
margin-left:0 !important;
padding-top:0 !important;
padding-left:0 !important;
padding-bottom:0 !important;
margin-top:10px !important;
margin-bottom:0 !important;
margin-right:0 !important;
padding-right:0 !important}
*#dm *.dmBody div.u_1348345926{
width:1200px !important;
height:500px !important;
max-height:100% !important;
max-width:100% !important}
*#dm *.dmBody div.u_1348345926{
width:1200px !important;
height:500px !important;
max-height:100% !important;
max-width:100% !important}
*#dm *.dmBody div.u_1835003814{
float:none !important;
top:0 !important;
left:0 !important;
width:calc(100% - 0px) !important;
position:relative !important;
height:auto !important;
padding-top:2px !important;
padding-left:0 !important;
padding-bottom:2px !important;
max-width:100% !important;
padding-right:0 !important;
min-width:25px !important}
*#dm *.dmBody div.u_1540229007{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
width:auto !important}
*#dm *.dmBody *.u_1293289448 .photoGalleryThumbs{
padding:2.5px !important}
*#dm *.dmBody *.u_1293289448 .layout-container{
padding:2.5px !important}
*#dm *.dmBody *.u_1293289448 .photoGalleryViewAll{
padding:0 5px !important}
*#dm *.dmBody div.u_1835003814{
float:none !important;
top:0 !important;
left:0 !important;
width:calc(100% - 0px) !important;
position:relative !important;
height:auto !important;
padding-top:2px !important;
padding-left:0 !important;
padding-bottom:2px !important;
max-width:100% !important;
padding-right:0 !important;
min-width:25px !important}
*#dm *.dmBody div.u_1540229007{
padding-top:20px !important;
padding-bottom:20px !important;
padding-right:20px !important;
padding-left:20px !important;
width:auto !important}
*#dm *.dmBody *.u_1293289448 .photoGalleryThumbs{
padding:2.5px !important}
*#dm *.dmBody *.u_1293289448 .layout-container{
padding:2.5px !important}
*#dm *.dmBody *.u_1293289448 .photoGalleryViewAll{
padding:0 5px !important}


    .font-size-25, .size-25, .size-25 > font { font-size: 25px !important; }




  .dmDesktopBody:not(.editGrid) [data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) [data-anim-extended] {
    visibility: hidden;
  }

  .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-desktop]:not([data-anim-desktop='none']), .dmDesktopBody:not(.editGrid) .dmNewParagraph[data-anim-extended] {
    visibility: hidden !important;
  }


  #dmRoot:not(.editGrid) .flex-element [data-anim-extended] {
    visibility: hidden;
  }



    @font-face {
  font-family: "Roboto Fallback";
  src: local('Arial');
  ascent-override: 92.6709%;
  descent-override: 24.3871%;
  size-adjust: 100.1106%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Montserrat Fallback";
  src: local('Arial');
  ascent-override: 84.9466%;
  descent-override: 22.0264%;
  size-adjust: 113.954%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Verdana Fallback";
  src: local('Arial');
  ascent-override: 87.306%;
  descent-override: 18.2329%;
  size-adjust: 115.1549%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "Tahoma Fallback";
  src: local('Arial');
  ascent-override: 99.1712%;
  descent-override: 20.4731%;
  size-adjust: 100.885%;
  line-gap-override: 0%;
 }@font-face {
  font-family: "PT Sans Fallback";
  src: local('Arial');
  ascent-override: 104.2579%;
  descent-override: 28.2664%;
  size-adjust: 97.6425%;
  line-gap-override: 0%;
 }


    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/** Scrolling Shadow **/
div.dmHeader.p_hfcontainer.u_hcontainer.scroll-responder_set#hcontainer {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px !important;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 11px 0px !important;
}