/* 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}@media (min-width:768px) and (max-width:1024px){.responsiveTablet #dm .dmInner .hide-for-medium,[data-hidden-on-tablet]{display:none!important}} :root { --color_1: rgba(255,255,255,1); --color_10: rgba(247, 237, 224, 1); --color_2: rgba(34,56,85,1); --color_3: rgba(255,151,6,0.91); --color_4: rgba(255,170,6,0.13); --color_5: rgba(222, 80, 85, 1); --color_6: rgba(88, 114, 145, 1); --color_7: rgba(245,245,245,1); --color_8: rgba(50, 196, 112, 1); --color_9: rgba(252, 206, 42, 1); } img[width][height] { height: auto; } body[data-page-alias="diy-solar"] #dm [data-show-on-page-only="diy-solar"] { display: block !important; } *#dm *.dmBody a.span.textonly { color:var(--color_1) !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 nav.u_1144820115 { color:black !important; } *#dm *.dmBody *.u_1310197267 { width:100% !important; } *#dm *.dmBody *.u_1873282319 { width:100% !important; } *#dm *.dmBody *.u_undefined { display:none !important; } *#dm *.dmBody *.u_1693566151 { width:100% !important; } *#dm *.dmBody *.u_1852983207 { width:100% !important; } *#dm *.dmBody div.u_1183489625 *.color-overlay { background-color:rgba(0,0,0,0) !important; } *#dm *.dmBody div.u_1432736356 { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; background-color:rgba(0,0,0,0) !important; border-style:solid !important; border-width:0 !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-button { background-color:rgba(0,0,0,0) !important; border-style:solid !important; border-width:0 !important; border-color:var(--color_1) !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-button span.text { color:var(--color_2) !important; font-weight:normal !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-title { color:rgba(0,190,242,1) !important; font-weight:normal !important; font-family:Montserrat !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-text { color:rgba(93,92,96,1) !important; font-family:Montserrat !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-button:hover span.text { color:rgba(0,190,242,1) !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-button.hover span.text { color:rgba(0,190,242,1) !important; } *#dm *.dmBody *.u_1183489625 *.slides *.slide-button span.text { width:auto !important; } *#dm *.dmBody *.u_1690847508 { display:none !important; } *#dm *.dmBody *.u_1900002703 { display:none !important; } *#dm *.dmBody *.u_1748070507 { display:none !important; } *#dm *.dmBody *.u_1590083703 { display:none !important; } *#dm *.dmBody *.u_1222621009 { display:none !important; } *#dm *.dmBody *.u_1050252792 { display:none !important; } *#dm *.dmBody *.u_1183489625 *.flex-direction-nav a { color:rgba(0,0,0,1) !important; width:25px !important; overflow:visible !important; height:25px !important; } *#dm *.dmBody *.u_1183489625 *.flex-direction-nav a:before { font-size:25px !important; } *#dm *.dmBody div.u_1183489625 { border-color:var(--color_7) !important; border-width:0 !important; border-style:solid !important; } *#dm *.dmBody div.u_1340981587 { background-color:var(--color_1) !important; } *#dm *.dmBody div.u_1872234466 { background-color:var(--color_1) !important; } *#dm *.dmBody div.u_1037659223 { background-color:var(--color_1) !important; } *#dm *.dmBody *.u_1303428005 { width:100% !important; } *#dm *.dmBody div.u_1303428005 img[dm_changed] { border-style:solid !important; border-width:1px !important; border-color:rgba(0,0,0,1) !important; } *#dm *.dmBody div.u_1303428005 img { border-style:solid !important; border-width:1px !important; border-color:rgba(0,0,0,1) !important; } *#dm *.dmBody div.u_1614427111 { background-color:rgba(90,127,163,1) !important; } *#dm *.dmBody div.u_1700760102 { background-color:var(--color_1) !important; background-repeat:no-repeat !important; background-image:none !important; background-size:cover !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; border-style:solid !important; border-width:1px !important; border-color:var(--color_7) !important; } *#dm *.dmBody div.u_1053869273 { background-color:rgba(255,255,255,0.81) !important; } *#dm *.dmBody div.u_1619128767 { background-color:rgba(255,255,255,0.81) !important; } *#dm *.dmBody div.u_1109986380 { border-style:solid !important; border-width:0px !important; background-color:rgba(34,56,85,0.42) !important; } *#dm *.dmBody div.u_1099615212 { background-color:rgba(255,255,255,1) !important; border-style:solid !important; border-width:0px !important; border-color:var(--color_3) !important; } *#dm *.dmBody div.u_1843361531 { border-style:solid !important; border-width:3px !important; border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-color:var(--color_3) !important; } *#dm *.dmBody div.u_1561133577 { border-style:solid !important; border-width:3px !important; border-color:var(--color_3) !important; border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !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_1288708240 { background-color:rgba(0,0,0,0) !important; background-repeat:no-repeat !important; background-image:none !important; border-color:var(--color_7) !important; border-width:1px !important; border-style:solid !important; } *#dm *.dmBody div.u_1243667655 { background-color:rgba(0,0,0,0) !important; background-repeat:no-repeat !important; background-image:none !important; border-color:var(--color_7) !important; border-width:0px !important; border-style:solid !important; } *#dm *.dmBody div.u_1268656432 { background-color:var(--color_1) !important; -webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 11px 0px !important; 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; } *#dm *.d-page-1716942098 DIV.dmInner { background-repeat:no-repeat !important; background-size:cover !important; background-attachment:fixed !important; background-position:50% 50% !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% 50% !important; } *#dm *.dmBody div.u_1852983207 { float:none !important; top:0 !important; left:0 !important; width:calc(100% - 0px) !important; position:relative !important; padding-top:0 !important; padding-left:0 !important; padding-bottom:0 !important; margin-right:auto !important; margin-left:auto !important; max-width:100% !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:0 !important; min-width:25px !important; text-align:start !important; } *#dm *.dmBody div.u_1312975283 { display:block !important; float:none !important; top:0 !important; left:0 !important; width:100% !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:0 !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-button span.text { font-size:16px !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-text { font-size:16px !important; } *#dm *.dmBody div.u_1183489625 *.slides *.slide-title { font-size:60px !important; } *#dm *.dmBody div.u_1432736356 { padding-right:0 !important; padding-left:0 !important; padding-top:0 !important; margin-left:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; } *#dm *.dmBody div.u_1183489625 { float:none !important; top:0 !important; left:0 !important; width:calc(100% - 0px) !important; position:relative !important; height:284px !important; padding-top:0 !important; padding-left:0 !important; padding-bottom:0 !important; margin-right:0 !important; max-width:100% !important; margin-top:5px !important; margin-bottom:5px !important; padding-right:0 !important; min-width:25px !important; text-align:center !important; display:block !important; important:true !important; margin-left:0 !important; } *#dm *.dmBody div.u_1561133577 { margin-left:0 !important; padding-top:0 !important; padding-left:25.515625px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:0 !important; } *#dm *.dmBody div.u_1564020547 { float:none !important; top:0 !important; left:0 !important; width:1174.484375px !important; position:relative !important; height:auto !important; padding-top:2px !important; padding-left:0 !important; padding-bottom:2px !important; margin-right:auto !important; margin-left:auto !important; max-width:100% !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:0 !important; min-width:0 !important; } *#dm *.dmBody div.u_1700760102 { padding-right:40px !important; padding-left:40px !important; margin-bottom:0 !important; padding-bottom:26px !important; padding-top:4px !important; float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; margin-right:0 !important; margin-left:0 !important; max-width:100% !important; margin-top:0 !important; min-width:0 !important; text-align:center !important; background-repeat:repeat !important; background-size:auto !important; } *#dm *.dmBody div.u_1037659223 { float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; padding-top:28px !important; padding-left:40px !important; padding-bottom:18px !important; margin-right:0 !important; margin-left:0 !important; max-width:100% !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:40px !important; min-width:0 !important; text-align:start !important; } *#dm *.dmBody div.u_1243667655 { margin-left:0 !important; padding-top:0 !important; padding-left:40px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:40px !important; margin-right:0 !important; float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; max-width:100% !important; min-width:0 !important; text-align:center !important; background-attachment:fixed !important; background-size:cover !important; } *#dm *.dmBody div.u_1620106714 { margin-left:0 !important; padding-top:10px !important; padding-left:40px !important; padding-bottom:10px !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:40px !important; } *#dm *.dmBody div.u_1722174031 { 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:22px !important; margin-right:0 !important; margin-left:0 !important; max-width:100% !important; margin-top:8px !important; margin-bottom:8px !important; padding-right:0 !important; min-width:25px !important; } *#dm *.dmBody div.u_1843361531 { margin-left:0 !important; padding-top:0 !important; padding-left:26px !important; padding-bottom:6px !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:0 !important; } *#dm *.dmBody div.u_1288708240 { margin-left:0 !important; padding-top:0 !important; padding-left:40px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:40px !important; margin-right:0 !important; float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; max-width:100% !important; min-width:0 !important; text-align:center !important; background-attachment:fixed !important; background-size:cover !important; } *#dm *.dmBody div.u_1972238140 { margin-left:0 !important; padding-top:10px !important; padding-left:40px !important; padding-bottom:10px !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:40px !important; } *#dm *.dmBody div.u_1268656432 { float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; padding-top:24.5px !important; padding-left:40px !important; padding-bottom:24.5px !important; margin-right:0px !important; margin-left:0px !important; max-width:100% !important; margin-top:0px !important; margin-bottom:0px !important; padding-right:40px !important; min-width:0 !important; text-align:start !important; } *#dm *.dmBody div.u_1077150255 { margin-left:0px !important; padding-top:0px !important; padding-left:270px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:0px !important; } *#dm *.dmBody div.u_1340981587 { float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; padding-top:117.5px !important; padding-left:40px !important; padding-bottom:117.5px !important; margin-right:0px !important; margin-left:0px !important; max-width:100% !important; margin-top:0px !important; margin-bottom:0px !important; padding-right:40px !important; min-width:0 !important; text-align:start !important; } *#dm *.dmBody div.u_1872234466 { float:none !important; top:0 !important; left:0 !important; width:auto !important; position:relative !important; height:auto !important; padding-top:49.5px !important; padding-left:40px !important; padding-bottom:65.5px !important; margin-right:0px !important; margin-left:0px !important; max-width:100% !important; margin-top:0px !important; margin-bottom:0px !important; padding-right:40px !important; min-width:0 !important; text-align:start !important; } *#dm *.dmBody a.u_1167602256 { width:300px !important; height:50px !important; float:none !important; top:0px !important; left:0 !important; position:relative !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:auto !important; margin-left:auto !important; max-width:100% !important; margin-top:10px !important; margin-bottom:10px !important; padding-right:0px !important; min-width:0 !important; text-align:center !important; display:block !important; min-height:auto !important; } *#dm *.dmBody a.u_1630904770 { width:318px !important; height:50px !important; float:none !important; top:0px !important; left:0 !important; position:relative !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:auto !important; margin-left:auto !important; max-width:100% !important; margin-top:10px !important; margin-bottom:10px !important; padding-right:0px !important; min-width:0 !important; text-align:center !important; display:block !important; min-height:auto !important; } *#dm *.dmBody div.u_1550730349 { float:none !important; top:0px !important; left:0px !important; width:454.484px !important; position:relative !important; height:auto !important; padding-top:2px !important; padding-left:0px !important; padding-bottom:2px !important; min-height:auto !important; margin-right:0 !important; margin-left:0 !important; max-width:100% !important; margin-top:0 !important; margin-bottom:0 !important; padding-right:0px !important; min-width:0 !important; } *#dm *.dmBody div.u_1109986380 { margin-left:0px !important; padding-top:8px !important; padding-left:8px !important; padding-bottom:8px !important; margin-top:8px !important; margin-bottom:8px !important; margin-right:0px !important; padding-right:8px !important; float:none !important; top:0px !important; left:0px !important; width:calc(100% - 0px) !important; position:relative !important; height:auto !important; min-height:auto !important; max-width:551.469px !important; min-width:25px !important; } *#dm *.dmBody div.u_1303428005 { float:none !important; top:0px !important; left:0 !important; width:calc(100% - 0px) !important; position:relative !important; height:auto !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:auto !important; margin-left:auto !important; max-width:380.469px !important; margin-top:58.0937px !important; margin-bottom:0px !important; padding-right:0px !important; min-width:25px !important; text-align:start !important; min-height:auto !important; } *#dm *.dmBody div.u_1619128767 { float:none !important; top:0 !important; left:0 !important; width:calc(100% - 0px) !important; position:relative !important; height:auto !important; padding-top:10px !important; padding-left:10px !important; padding-bottom:10px !important; margin-right:0px !important; margin-left:0px !important; max-width:1156.484375px !important; margin-top:8px !important; margin-bottom:8px !important; padding-right:10px !important; min-width:25px !important; } *#dm *.dmBody div.u_1053869273 { float:none !important; top:0px !important; left:0px !important; width:calc(100% - 0px) !important; position:relative !important; height:auto !important; padding-top:10px !important; padding-left:10px !important; padding-bottom:10px !important; margin-right:0px !important; margin-left:0px !important; max-width:716.484375px !important; margin-top:8px !important; margin-bottom:8px !important; padding-right:10px !important; min-width:25px !important; } *#dm *.dmBody div.u_1614427111 { margin-left:0px !important; padding-top:25px !important; padding-left:40px !important; padding-bottom:25px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:40px !important; width:auto !important; } *#dm *.dmBody a.u_1174065687 { height:49px !important; width:calc(100% - 61px) !important; float:none !important; top:0px !important; left:0 !important; position:relative !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:auto !important; margin-left:auto !important; max-width:445px !important; margin-top:34px !important; margin-bottom:10px !important; padding-right:0px !important; min-width:25px !important; text-align:center !important; min-height:auto !important; } *#dm *.dmBody a.u_1287490626 { float:none !important; top:0px !important; left:0 !important; width:calc(100% - 56px) !important; position:relative !important; height:50px !important; padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:auto !important; margin-left:auto !important; max-width:452px !important; margin-top:33px !important; margin-bottom:10px !important; padding-right:0px !important; min-width:25px !important; text-align:center !important; min-height:auto !important; } .font-size-36, .size-36, .size-36 > font { font-size: 36px !important; }.font-size-30, .size-30, .size-30 > font { font-size: 30px !important; }.font-size-18, .size-18, .size-18 > font { font-size: 18px !important; }.font-size-24, .size-24, .size-24 > font { font-size: 24px !important; }.font-size-12, .size-12, .size-12 > font { font-size: 12px !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: "Lobster Two Fallback"; src: local('Arial'); ascent-override: 123.9905%; descent-override: 30.9976%; size-adjust: 80.6513%; line-gap-override: 0%; }@font-face { font-family: "Creepster Fallback"; src: local('Arial'); ascent-override: 104.0992%; descent-override: 23.8338%; size-adjust: 91.3717%; line-gap-override: 0%; }@font-face { font-family: "Inter Fallback"; src: local('Arial'); ascent-override: 90.199%; descent-override: 22.4836%; size-adjust: 107.4014%; line-gap-override: 0%; }@font-face { font-family: "Fjalla One Fallback"; src: local('Arial'); ascent-override: 114.9994%; descent-override: 28.2767%; size-adjust: 87.7212%; line-gap-override: 0%; }@font-face { font-family: "Amiko Fallback"; src: local('Arial'); ascent-override: 82.254%; descent-override: 35.9861%; size-adjust: 112.8212%; line-gap-override: 0%; }@font-face { font-family: "Epilogue Fallback"; src: local('Arial'); ascent-override: 70.2338%; descent-override: 20.8923%; size-adjust: 112.4814%; line-gap-override: 0%; }@font-face { font-family: "Creepster Fallback"; src: local('Arial'); ascent-override: 104.0992%; descent-override: 23.8338%; size-adjust: 91.3717%; line-gap-override: 0%; }@font-face { font-family: "Lobster Fallback"; src: local('Arial'); ascent-override: 114.651%; descent-override: 28.6627%; size-adjust: 87.2212%; 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: "Poppins Fallback"; src: local('Arial'); ascent-override: 92.326%; descent-override: 30.7753%; line-gap-override: 8.793%; size-adjust: 113.7274%; }@font-face { font-family: "Arvo Fallback"; src: local('Arial'); ascent-override: 87.6577%; descent-override: 22.538%; line-gap-override: 2.4498%; size-adjust: 109.6239%; }@font-face { font-family: "Red Hat Display Fallback"; src: local('Arial'); ascent-override: 103.0623%; descent-override: 30.8782%; size-adjust: 98.7752%; line-gap-override: 0%; }@font-face { font-family: "Oswald Fallback"; src: local('Arial'); ascent-override: 145.0682%; descent-override: 35.1423%; size-adjust: 82.2372%; line-gap-override: 0%; }@font-face { font-family: "Open Sans Fallback"; src: local('Arial'); ascent-override: 101.1768%; descent-override: 27.7323%; size-adjust: 105.6416%; line-gap-override: 0%; }@font-face { font-family: "Eater Fallback"; src: local('Arial'); ascent-override: 100.9625%; descent-override: 32.0168%; size-adjust: 140.1549%; line-gap-override: 0%; }@font-face { font-family: "Abril Fatface Fallback"; src: local('Arial'); ascent-override: 102.6391%; descent-override: 28.2306%; size-adjust: 103.0796%; line-gap-override: 0%; }