@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Barlow:wght@400;500;600&display=swap'); #wpadminbar{display:none !important;}#blog-main-wrapper{padding:10vh 0 5vh 0;}.featured-image img.the-image{max-height:35vh;}article.post h1.post-title{font-size:2.5em !important;}html{}body{font-family:'Barlow',sans-serif;background:#FFFFFF;}h1,h1 a,.like-h1{color:#0A0810;font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:clamp(2.6rem,4.4vw,4.9rem);line-height:1.02;letter-spacing:-0.04em;margin:30px 0 20px 0;}h2,.like-h2{color:#0A0810;font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:clamp(2.2rem,3.6vw,3.9rem);line-height:1.05;letter-spacing:-0.035em;margin:30px 0 20px 0;}h3,.like-h3{color:#0A0810;font-family:'Hanken Grotesk',sans-serif;font-size:clamp(1.35rem,1.6vw,1.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;margin:30px 0 20px 0;}h4,.like-h4{font-family:'Hanken Grotesk',sans-serif;color:#000000;font-size:1.3em;font-weight:normal;line-height:1.2;text-transform:uppercase;margin:30px 0 20px 0;}p{font-family:'Barlow',sans-serif;color:#55515E;font-size:1.15em;line-height:1.65;margin:25px 0;}ul{list-style-type:none;font-family:'Barlow',sans-serif;color:#55515E;font-size:1.1em;line-height:1.5;}ol{font-family:'Barlow',sans-serif;color:#23212A;font-size:1.1em;line-height:1.5;}ul.default,.landing-page-wrapper ul{margin-left:0;line-height:1.75;}ul.default li::before,.landing-page-wrapper ul li::before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#8016B0;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}ul.special{margin-left:0;line-height:1.75;}ul.special li::before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#C9A6E8;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}ul.padded li:not(:last-child),ol.padded li:not(:last-child){padding:0 0 2.5vh 0;}hr{border:none;clear:both;height:0;margin:0 auto;}hr.h-line{height:6px;background:linear-gradient(90deg,#8016B0 16%,#8016B0 16%,#8016B0 50%,#8016B0 50%,#8016B0 75%,#C9A6E8 75%);margin-bottom:10vh;}hr.h-line.scroll-trigger:after{content:" \f0ad ";position:absolute;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;width:50px;height:50px;border:5px solid #8016B0;border-radius:75px;background:#FFFFFF;font-family:FontAwesome;font-size:1.5em;color:#8016B0;transform:translate(0,-22.5px) rotate(-45deg);transition:.3s all ease;opacity:0;}hr.h-line.scroll-trigger.complete:after{transform:translate(15.75vw,-22.5px) rotate(-45deg);opacity:1;}main a{color:inherit;border-bottom:1px solid #C9A6E8;transition:0.3s all ease;}main a:hover:not(.btn){color:inherit;border-bottom:1px solid #8016B0;}  .header-home{position:relative;}.header-inner .floating-header{position:relative;}.header-inner .floating-header:after{display:none;}.header-wrapper.header-inner{}.header-wrapper.header-inner:after{content:"";display:block;height:1px;background:linear-gradient(90deg,#8016B0 0,#8016B0 75%,#8016B0 75%);}.header-row{position:relative;z-index:20;background:#000000;border-bottom:1px solid #FFFFFF1A;}.logo-wrapper{display:flex;padding:0 0 0 0;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:flex-start;}.logo-wrapper img#desktop{display:block;max-height:100px;width:auto;}.logo-wrapper img#mobile{display:none;}.company-details{align-content:center;width:auto;max-width:90%;padding:0;}.company-details p.title,.company-details p.title a{font-family:'Hanken Grotesk',sans-serif;font-size:1.75em;font-weight:bold;text-transform:uppercase;line-height:1;margin:0;color:#000000;}.company-details p{font-family:'Barlow',sans-serif;margin:3px 0 0 0;font-size:1em;line-height:1;color:#23212A;text-transform:capitalize;}.top-bar{background:none;height:auto;}.top-bar-section ul li{background:none;}.top-bar-section .dropdown li{width:50%;display:inline-block;position:relative;padding-bottom:0;}.top-bar-section li:not(.has-form) a:not(.button){background:none;color:#FFFFFF;font-family:'Hanken Grotesk',sans-serif;font-size:0.82em;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:4.5rem;position:relative;padding:0 1vw;}.top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form,.dropdown li) a:not(.button,.dropdown li a),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:transparent;color:#FFFFFF;line-height:4.5rem;}.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button)::before{content:"";position:absolute;left:1vw;right:1vw;bottom:1.2rem;height:2px;background:#E9D5FA;transform:scaleX(0);transform-origin:left center;transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.top-bar-section li.active:not(.has-form,.dropdown li) a:not(.button,.dropdown li a):before,.top-bar-section ul li:hover:not(.has-form,.has-dropdown li) > a:before{transform:scaleX(1);}.top-bar-section .has-dropdown>a{padding-right:calc(1vw + 12px) !important;}.top-bar-section .has-dropdown>a:after{position:absolute;content:" \f0d7";color:#E9D5FA;top:calc(50% - 2px);right:calc(1vw - 9px);font-family:FontAwesome;font-size:12px;text-align:center;line-height:0;margin:0 0 0 0;border:none;width:12px;height:0;}.header-navbar{padding:0;}.header-btn{position:relative;display:inline-block;font-family:'Hanken Grotesk',sans-serif;font-size:0.9em;font-weight:700;color:#FFFFFF;white-space:nowrap;background:transparent;padding:8px 18px;margin:0 0 0 15px;border-radius:2px;border:1px solid #FFFFFF80;line-height:1.5;overflow:hidden;isolation:isolate;}.header-btn::before{content:"";position:absolute;inset:0;background:#FFFFFF;transform:scaleX(0);transform-origin:left center;transition:transform 300ms cubic-bezier(.2,.7,.2,1);z-index:-1;}.header-btn:hover{color:#8016B0;}.header-btn:hover::before{transform:scaleX(1);}.header-btn span{display:inline-block;margin:0 8px 0 0;line-height:1;}.header-btn span .fa{display:inline-block;font-size:0.95em;color:#E9D5FA;transition:transform .25s linear;transform:rotate(-15deg);}.header-btn:hover span .fa{color:#8016B0;}.header-btn:hover span > .fa{animation:pulsate .5s linear alternate infinite;}@keyframes pulsate{0%{transform:rotate(-15deg);} 100%{transform:rotate(15deg);}} @media only screen and (min-width:1025px){.header-details{display:flex;justify-content:flex-start;padding:3vh 0;min-width:40%;margin-right:10px;}.navigation-wrapper{display:flex;flex-wrap:wrap;justify-content:right;align-content:center;background:transparent;padding:0;z-index:1;}.header-clicktocall{margin-left:auto;}.top-bar-section .dropdown{background:#000000;text-align:left;left:50%;border-radius:2px;border:1px solid #FFFFFF1A;padding:1.5em;min-width:565px;box-shadow:0px 24px 60px 0px rgba(0,0,0,0.45);-webkit-transform:translateX(-50%) translateY(-1vh);-moz-transform:translateX(-50%) translateY(-1vh);-ms-transform:translateX(-50%) translateY(-1vh);-o-transform:translateX(-50%) translateY(-1vh);transform:translateX(-50%) translateY(-1vh);}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;color:#FFFFFF;font-family:'Barlow',sans-serif;font-size:1em;font-weight:500;line-height:2.2em;position:relative;text-transform:unset;padding:0 1em 0 2em;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:none;color:#E9D5FA;font-size:1em;font-weight:500;line-height:2.2em;border:0;padding:0 1em 0 2em;}.top-bar-section .dropdown li:not(.has-form)>a:not(.button)::before{content:"";}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button)::before{content:"";position:absolute;bottom:calc(50% - 0.375em);left:0;width:1.75em;height:0.75em;background:#E9D5FA;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}.hero-row{align-items:stretch;}.hero-media{height:min(46vw,78vh);}.hero-copy{position:absolute;right:5vw;bottom:-7vh;z-index:3;padding:5vh 3.5vw;}.intro-band{padding-top:16vh;}.intro-statement{padding-left:8vw;padding-right:8vw;}.intro-panorama{margin-top:11vh;margin-bottom:-18vh;z-index:2;}.quality-dark{padding:32vh 0 8rem;}.quality-dark .quality-left .photo-frame{margin-bottom:-22rem;}.quality-dark .quality-left{padding-right:4vw;}.quality-dark .quality-right{padding:4vh 2vw 0 5vw;}.quality-light{padding:0 0 16vh;}.quality-light .quality-left{padding:17rem 5vw 0 2vw;}.quality-light .quality-right{position:sticky;top:13rem;align-self:flex-start;padding-left:4vw;}.quality-light .quality-right .photo-frame{margin-top:-7rem;}.why-band{padding:15vh 0 17vh;}.why-band .stamp-parent{grid-template-columns:repeat(6,1fr);}.why-band .stamp{grid-column:span 2;}.why-band .stamp:nth-child(3n+1):nth-last-child(2),.why-band .stamp:nth-child(3n+2):last-child{grid-column:span 3;}.why-band .stamp:nth-child(3n+1):last-child{grid-column:1 / -1;}.replacement-band{padding:16vh 0 0;}.replacement-row{align-items:center;}.replacement-media{position:relative;z-index:2;margin-right:-8vw;padding-left:calc(max(5vw,(100vw - 1630px) / 2) + 0.9375rem);}.replacement-panel{flex:1 1 auto;padding:14vh 8vw 14vh 14vw;border-radius:8px 0 0 8px;}.strip-band{padding:6vh 0 0;}.photo-strip{grid-template-columns:repeat(3,36vw);padding-left:calc(max(5vw,(100vw - 1630px) / 2) + 0.9375rem);padding-right:0;transition:transform 1.1s cubic-bezier(.65,0,.25,1);}.strip-band:hover .photo-strip{transform:translateX(calc(-10.8vw - 2 * max(5vw,(100vw - 1630px) / 2) - 1.875rem));}.apart-band{padding:14vh 0 14vh;}.apart-row{align-items:flex-start;}.apart-copy{padding-right:5vw;}.apart-copy .photo-frame{aspect-ratio:16 / 9;margin-right:-14vw;}.guarantee-card{margin:15vh 0 0 0;}.cta-panel{margin-left:12vw;padding:13vh 6vw;}.cta-row{display:flex;align-items:center;}.cta-copy{padding-right:4vw;}.reveal.scroll-trigger{opacity:0;}.reveal.scroll-trigger.complete{opacity:1;animation:reveal-up 900ms cubic-bezier(.2,.7,.2,1) backwards;}.stamp.reveal.scroll-trigger.complete:nth-child(3n+2){animation-delay:120ms;}.stamp.reveal.scroll-trigger.complete:nth-child(3n+3){animation-delay:240ms;}.about-intro{padding:14vh 0 6rem;}.about-intro-copy{padding-right:5vw;}.about-intro-media{align-self:flex-end;}.about-intro-media .photo-frame{margin-bottom:-18rem;}.about-topics{padding:13vh 0 24vh;}.topic-lead{padding-right:4vw;}.topic-pair{margin-top:11vh;}.topic-pair .topic:first-child{padding-right:3vw;}.topic-pair .topic:last-child{padding-left:3vw;}.types-row{align-items:stretch;}.types-media .photo-frame{aspect-ratio:auto;height:calc(100% + 12vh);margin-top:-12vh;}.types-copy{align-self:center;padding:16vh 8vw 16vh 6vw;}.about-why{padding:16vh 0 14vh;}.about-why-row{align-items:flex-start;}.about-why-head{padding-right:4vw;}.about-why-body{padding-left:4vw;}.horizontal-padding-large{padding-left:9vw;padding-right:9vw;}.left-padding-large{padding-left:9vw;}.right-padding-large{padding-right:9vw;}.horizontal-padding-medium{padding-left:7vw;padding-right:7vw;}.left-padding-medium{padding-left:7vw;}.right-padding-medium{padding-right:7vw;}.horizontal-padding-small{padding-left:5vw;padding-right:5vw;}.left-padding-small{padding-left:5vw;}.right-padding-small{padding-right:5vw;}.horizontal-padding-xs{padding-left:3vw;padding-right:3vw;}.left-padding-xs{padding-left:3vw;}.right-padding-xs{padding-right:3vw;}} .scroll-arrow{display:inline-block;width:2px;height:64px;position:absolute;bottom:6vh;left:5vw;cursor:pointer;overflow:hidden;z-index:1;}.scroll-arrow::after{content:" ";position:absolute;inset:0;background:#FFFFFF40;transition:opacity .3s ease;z-index:-1;}.scroll-arrow:hover:after{opacity:0.6;}.scroll-arrow span{position:absolute;top:0;left:0;width:2px;height:18px;background:#E9D5FA;animation:scroll 2.4s cubic-bezier(.6,0,.4,1) infinite;} @keyframes scroll{0%{transform:translateY(-18px);} 100%{transform:translateY(64px);}}.hero-wrapper{position:relative;background:#8016B0;}.hero-wrapper .hero-content{display:flex;background:#1C1824;justify-content:center;flex-direction:column;padding:4vh .9375rem;}.slider-content{position:absolute;top:50%;left:calc(max(5vw,(100vw - 1630px) / 2) + 0.9375rem);transform:translateY(-50%);z-index:1;}.slider-content p{color:#FFFFFF;font-family:'Hanken Grotesk',sans-serif;font-size:clamp(3.5rem,7.2vw,8.75rem);font-weight:800;line-height:0.88;letter-spacing:-0.035em;margin:0 0 5vh 0;text-transform:uppercase;animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) .2s both;}.slider-content p span{display:block;font-size:1em;font-weight:300;letter-spacing:-0.02em;}.slider-content .append-ctas{animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) .55s both;}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px);} 100%{opacity:1;transform:translateY(0);}}.slider-btn{position:relative;display:inline-block;font-family:'Hanken Grotesk',sans-serif;font-size:1em;font-weight:600;line-height:1.5em;color:#8016B0;text-align:left;vertical-align:middle;border:1px solid #FFFFFF;border-radius:0;background:#FFFFFF;padding:17px 52px 17px 26px;margin:0 12px 0 0;overflow:hidden;isolation:isolate;}.slider-btn:hover{color:#FFFFFF;}.slider-btn:before{content:"";position:absolute;inset:0;background:#0A0810;transform:scaleX(0);transform-origin:left center;transition:transform 320ms cubic-bezier(.2,.7,.2,1);z-index:-1;}.slider-btn:hover:before{transform:scaleX(1);}.slider-btn:after{content:"";position:absolute;top:calc(50% - 5px);right:24px;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:linear-gradient(to top right,transparent calc(50% - 0.8px),currentColor calc(50% - 0.8px),currentColor calc(50% + 0.8px),transparent calc(50% + 0.8px));transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.slider-btn:hover:after{transform:translate(3px,-3px);}.slider-btn.alt{color:#FFFFFF;background:transparent;border-color:#FFFFFF80;}.slider-btn.alt:before{background:#FFFFFF;}.slider-btn.alt:hover{color:#0A0810;}.slider-caption{text-align:center;}.slider-caption p.caption{color:#FFFFFF;font-family:'Barlow',sans-serif;text-transform:uppercase;font-size:3.15vw;line-height:1.1;margin:0;}.slider-caption p.caption span{font-family:'Barlow',sans-serif;display:block;}.hero-buttons{padding:3vh 0 0 2vw;}.tagline{position:absolute;right:0;bottom:0;padding:3vh 1vw;display:flex;align-items:flex-end;justify-content:flex-end;height:5vh;max-height:5vh;}.tagline p{color:#FFFFFF;font-family:'Hanken Grotesk',sans-serif;text-transform:initial;font-size:1em;line-height:1.6;margin:0;}.tagline img{padding-left:0.5vw;}  .underheading{margin-top:0;line-height:;font-size:1.5em;}.prefix-check{font-family:'Barlow',sans-serif;}.prefix-check:before{content:"\f00c";font-family:FontAwesome;color:#8016B0;margin:0 10px 0 0;}.suffix-house:after{content:"\e3b1";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}.suffix-broom:after{content:"\f51a";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}.suffix-wrench:after{content:"\f0ad";font-family:"Font Awesome 6 Pro";color:#000000;margin:0 0 0 10px;}#slider-ctas{display:none;}.slider-content #slider-ctas{display:block;}.hide{display:none !important;}.row.full.home-padding-1{padding-left:8vw;padding-right:8vw;}.uppercase{text-transform:uppercase;}.bold{font-weight:bold;}.flexed{display:flex;}.inner-content-columns{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:25px;}.inner-content-columns.two-cols{grid-template-columns:1fr 1fr;}.inner-list-columns{display:grid;grid-template-columns:1fr 1fr 1fr;}.inner-list-columns.auto{grid-template-columns:auto auto auto;}.inner-list-columns.two-cols{grid-template-columns:1fr 1fr;}.inner-list-columns.two-cols.auto{grid-template-columns:auto auto;}.faq-box .inner-list-columns{display:grid;grid-template-columns:1fr 1fr;}.smaller-heading{display:block;font-size:1.5rem;text-transform:capitalize;color:#1C1824;}.offset-down{-webkit-transform:translateY(5vh);-moz-transform:translateY(5vh);-ms-transform:translateY(5vh);-o-transform:translateY(5vh);transform:translateY(5vh);}.spacer{margin:5vh 0 !important;}.badge-parent{position:relative;padding:10vh 0;text-align:center;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/badges-bg.jpg);}.badge-parent img{margin:0 1.5vw;max-width:20vw;}.centerxy{display:flex;align-content:center;justify-content:center;}.centery{margin-top:auto;margin-bottom:auto;}.row{margin:0 auto;max-width:1630px;width:100%;}.row.full{max-width:100%;}.row.small{max-width:50vw;}.row.medium{max-width:65vw;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.lightgrey-bg{background:#F6F1FB;}.grey-bg{background:#2B2733;}.grey-bg h1,.grey-bg h2,.grey-bg h3,.grey-bg h4,.grey-bg p,.grey-bg ul{color:#000000;}.grey-bg ul li::before{color:#8016B0;}.grey-bg .textbox-left{padding-top:10vh;padding-bottom:10vh;}.darkgrey-bg{background:#1C1824;}.weave-row{background:#2B2733;}.weave-texture{aspect-ratio:883 / 778;max-width:45vw;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img4.png) #FFFFFF;border-right:10px solid #2B2733;}.weave-texture:after{content:"";position:absolute;top:8%;right:4%;height:84%;width:60%;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img3.jpg);}.inner-page .weave-texture:after{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/about-img2.jpg);}.weave-text{padding:5vh 10vw 5vh 5vw;align-self:center;}.weave-text h2,.weave-text h3,.weave-text p,.weave-text ul{color:#FFFFFF;}.weave-text ul.default li:before{background:#FFFFFF;}.white-text,.white-text h2,.white-text h3,.white-text p{color:#FFFFFF;}.bg-box{height:100%;}.textbox-left{padding:0 5vw 0 0;}.textbox-right{padding:0 0 0 5vw;}.grey-bg .textbox-right{padding:10vh 7vw;}.textbox-lightgrey{padding:8vh 6.5vw;background:#F6F1FB;}.textbox-grey{padding:8vh 6.5vw;background:#2B2733;}.textbox-black{padding:8vh 6.5vw;background:#23212A;}.textbox-black h2,.textbox-black h3,.textbox-black h4,.textbox-black p,.textbox-black ul{color:#FFFFFF;}.textbox-outline{padding:8vh 6.5vw;border:1px solid #2B2733;}.textbox-full{padding:0;}.textbox-full.svc{padding:10vh 0;margin:0 auto;}.textbox-plain{padding:0;}.stamp-heading h2{margin-bottom:6vh;font-size:clamp(2.2rem,3.4vw,3.6rem);text-transform:capitalize;}.stamp-parent{width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5em;}.stamp{position:relative;text-align:left;padding:2.4em 2.2em 2.6em;background:#FFFFFF;border:1px solid #E6DDF0;border-radius:4px;transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.stamp::after{content:"";position:absolute;inset:-1px;border:1px solid #8016B0;border-radius:4px;box-shadow:0px 24px 48px -12px rgba(45,22,102,0.24),0px 6px 14px 0px rgba(10,8,16,0.06);opacity:0;transition:opacity 300ms ease;pointer-events:none;}.stamp:hover{transform:translateY(-6px);}.stamp:hover::after{opacity:1;}.stamp-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:2px;background:#0A0810;transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.stamp-icon::before{content:"";position:absolute;inset:0;border-radius:2px;background:#8016B0;opacity:0;transition:opacity 300ms ease;}.stamp:hover .stamp-icon{transform:translate(4px,-2px);}.stamp:hover .stamp-icon::before{opacity:1;}.stamp h3{margin:1.4em 0 0.6em;color:#0A0810;}.stamp p{margin:0;color:#23212A;}.stamp img{position:relative;margin:0;max-height:30px;width:auto;filter:invert(1);}.home-bg1{background:50% 0% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img1.jpg);}.home-bg2{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img2.jpg);}.home-bg3{background:bottom right / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img3.jpg);}.about-bg1{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/about-img1.jpg);}.about-bg2{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/about-img2.jpg);}.contact-bg{background:38% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roofing-guarantee.jpg);}  .commercial-roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-hero-crew-and-truck.jpg);}.emergency-roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/emergency-roof-repair.jpg);}.hail-and-storm-damage-roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/hail-and-storm-damage-roof-repair.jpg);}.residential-roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-finished-roof.jpg);}.roof-inspection{background:30% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roofing-consultation.jpg);}.roof-leak-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roof-leak-repair.jpg);}.roof-maintenance{background:42% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-hero-crew-on-roof.jpg);}.roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-gaf-crew-install.jpg);}.roof-restoration{background:35% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roof-types-shingles.jpg);}.roof-waterproofing{background:70% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-gaf-underlayment.jpg);}.roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roofer.jpg);}.roofing-company{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roofing-company.jpg);}.roofing-services{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-harness-crew.jpg);}.soffit-installation{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/soffit-installation.jpg);}.corrugated-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/corrugated-roofing.jpg);}.epdm-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/epdm-roofing.jpg);}.flat-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/flat-roofing.jpg);}.gable-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/gable-roofing.jpg);}.green-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/green-roofing.jpg);}.hip-roof{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/hip-roof.jpg);}.metal-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/metal-roofing.jpg);}.modified-bitumen-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/modified-bitumen-roofing.jpg);}.rubber-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/rubber-roofing.jpg);}.shingle-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/shingle-roofing.jpg);}.slate-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/slate-roofing.jpg);}.tar-and-gravel-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/tar-and-gravel-roofing.jpg);}.tile-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/tile-roofing.jpg);}.tpo-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-about-team.jpg);}.chimney-inspection{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-inspection.jpg);}.chimney-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-repair.jpg);}.chimney-sweeping{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-sweeping.jpg);}.gutter-cleaning{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/gutter-cleaning.jpg);}.gutter-installation{background:78% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-crew-on-roof.jpg);}.siding{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding.jpg);}.siding-installation{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding-installation.jpg);}.siding-repair{background:50% 0% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roof-replacement.jpg);}.siding-replacement{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding-replacement.jpg);}  .located-in{position:relative;display:flex;align-items:center;padding:0 0 0 1.6em;z-index:0;}.located-in:before{content:" \f015 ";font-family:FontAwesome;font-size:1em;color:#E9D5FA;position:absolute;top:calc(50% - 0.6em);left:0;}.located-in p{color:#FFFFFF;font-size:.9em;line-height:1.3;margin:0;}.intro{padding:10vh 15vw;background:#2B2733;}.intro .grid{display:grid;grid-template-columns:0.75fr 4.5fr 15px 2fr;grid-gap:0;column-gap:.9375rem;}.intro .grid div:nth-of-type(1){align-self:center;}.intro .grid div:nth-of-type(2){}.intro .grid div:nth-of-type(3){align-self:center;justify-self:center;}.intro .grid div:nth-of-type(4){align-self:center;justify-self:flex-end;}.intro h1{color:#1C1824;font-size:1.5em;margin:0;}.intro h2{font-size:3em;text-transform:uppercase;}.intro .curly-brace{display:inline-block;position:relative;height:100%;width:10px;border:5px solid #8016B0;border-left:transparent;border-radius:0 10px 10px 0;}.intro .curly-brace::before{content:"";position:absolute;top:calc(50% - 6px);right:-11px;width:15px;height:15px;border:5px solid #8016B0;border-left:transparent;border-bottom:transparent;background:#2B2733;transform:rotate(45deg);}.intro-text{padding:8vh 15vw 10vh 15vw;background-position:105% 50%;background-repeat:no-repeat;}.intro-text.inner{padding:3vh 1vw 3vh 5vw;}.intro-about{padding:10vh 0 10vh 15vw;}.intro-about-text{padding:0 6vw 0 0;}.svc-page .intro-about::after{display:none;}.intro-inner{padding:4vh 5vw;background:#F6F1FB50;}.intro-inner h1,.intro-inner h2,.intro-inner h3,.intro-inner p{color:#000000;line-height:1.5;max-width:75%;margin:0 auto;}.exit-text{display:flex;padding:0;}.exit-text.abt{padding:10vh 0 0 0;}.exit-text.svc{background:#1C1824;}.exit-text-picture{width:38vw;padding:0;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/home-img4.jpg);}.exit-text-picture.abt{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/about-img3.jpg);}.exit-text-content{width:62vw;background:#F6F1FB;padding:9vh 12vw 9vh 6vw;}.exit-text-content h2,.exit-text-content h3,.exit-text-content p{}.exit-text-content h2{font-size:2em;font-weight:bold;line-height:1.5;}.svc .exit-text-content{max-width:unset;background:none;padding:10vh 15vw 10vh 5vw;}.svc-page .intro-text{padding:2vh 4vw;background:none;}.faq-text.inner{padding:0;}.faq-box{}.faq-question{font-size:1.6em;text-transform:math-auto;margin:0;}.faq-answer{}.faq-answer:before{content:"\f27b";color:#8016B0;font-family:FontAwesome;margin:0 10px 0 0;}.faq-answer span{font-weight:bold;} .btn,.btn:focus{position:relative;display:inline-block !important;font-family:'Hanken Grotesk',sans-serif;font-size:1em;font-weight:600;line-height:1.5em;color:#FFFFFF;text-align:left;vertical-align:middle;border:1px solid #8016B0;border-radius:0;background:#8016B0;padding:17px 52px 17px 26px;margin:0 5px;overflow:hidden;isolation:isolate;}.btn:hover{color:#FFFFFF;}.btn:before{content:"";position:absolute;inset:0;background:#0A0810;transform:scaleX(0);transform-origin:left center;transition:transform 320ms cubic-bezier(.2,.7,.2,1);z-index:-1;}.btn:hover:before{transform:scaleX(1);}.btn:after{content:"";position:absolute;top:calc(50% - 5px);right:24px;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:linear-gradient(to top right,transparent calc(50% - 0.8px),currentColor calc(50% - 0.8px),currentColor calc(50% + 0.8px),transparent calc(50% + 0.8px));transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.btn:hover:after{transform:translate(3px,-3px);}.btn.alt{color:#0A0810;background:transparent;border-color:#0A0810;}.btn.alt:before{background:#0A0810;}.btn.alt:hover{color:#FFFFFF;}.btn.special{background:#8016B0;padding-right:2.5em;}.btn.special:hover{background:#8016B0;}.btn.xx-long{padding-right:10%;}.footer-cta .btn{min-width:275px;}.svc-box-parent,.faq-box-parent{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(3vmin,5vmin,7vmin);}.svc-box-parent:before,.svc-box-parent:after,.faq-box-parent:before,.faq-box-parent:after{content:none;}.svc-box{position:relative;display:flex;flex-direction:column;padding:clamp(4vmin,6vmin,8vmin);}.svc-box:nth-child(4n+2),.svc-box:nth-child(4n+3){background-color:#F6F1FB50;}.svc-box:before{content:" ";background:#8016B0;position:absolute;top:0px;left:0px;width:100%;height:100%;clip-path:polygon(100% 0,0.5% 0.8%,0 100%,0 0);}.svc-box:after{content:" ";background:#8016B0;position:absolute;bottom:0px;right:0px;width:100%;height:100%;clip-path:polygon(100% 0,100% 100%,0 100%,99.5% 99.2%);}.svc-box h2{font-size:1.5em;position:relative;margin:0;}.svc-box h2:before{content:"";display:inline-block;width:1.5em;height:0.75em;line-height:1em;background:#8016B0;vertical-align:middle;margin:0 10px 5px 0;clip-path:polygon(70% 40%,70% 25%,90% 100%,95% 100%,70% 15%,45% 100%,0 100%,30% 0,65% 0,35% 100%,40% 100%,70% 0,100% 100%,85% 100%);}.svc-box p{margin:25px 0 !important;}.svc-box .btn{margin:auto 0 0 auto;max-width:250px;}.medium-heading,.svc-body h2{font-size:24px;}.text-col{padding-left:3.4vw;padding-right:3.4vw;}.bg-text-box{background:rgb(203 203 203 / 95%);width:calc(50% + 17.5px);margin-left:-35px;padding:8.5vh 7.5vw 8.5vh 10.9vw;}.cta-separator{display:flex;margin:0 0 -28px 0;justify-content:space-around;align-items:center;flex-wrap:wrap;overflow:hidden;}.cta-separator img{content:url("https://3destablishedroofing.ca/wp-content/themes/rfr6/images/roof-icon.png");filter:brightness(0) saturate(100%) invert(14%) sepia(72%) saturate(4223%) hue-rotate(276deg) brightness(93%) contrast(103%);}.cta-separator span{background:#C9A6E8;height:20px;width:calc(50% - 59.5px);filter:brightness(0.75);transform:translateY(5px);}.cta-separator span:nth-of-type(1)::after{content:" ";position:absolute;top:0;right:-7px;height:20px;width:20px;background:#C9A6E8;transform:skew(-33deg,0deg);}.cta-separator span:nth-of-type(2)::before{content:" ";position:absolute;top:0;left:-15px;height:20px;width:20px;background:#C9A6E8;transform:skew(-33deg,0deg);}.cta-wrapper{position:relative;background:radial-gradient(60rem 30rem at 100% 0%,#FFFFFF1F 0%,transparent 70%),#8016B0;text-align:center;padding:0 15vw;overflow:hidden;isolation:isolate;}.cta-wrapper::before{content:"";position:absolute;top:-28rem;left:-28rem;width:56rem;height:56rem;border-radius:50%;background:radial-gradient(circle,#FFFFFF59 0%,#E9D5FA40 30%,#E9D5FA14 52%,transparent 70%);transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);opacity:0;transition:opacity 500ms ease,transform 260ms cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:-1;}.cta-wrapper.is-lit::before{opacity:1;}.cta-wrapper .row{position:relative;z-index:1;}.cta-wrapper h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.08;color:#FFFFFF;}.cta-wrapper p{color:#FFFFFF;}.cta-buttons{margin-top:5vh;}.cta-wrapper .btn.alt{color:#FFFFFF;background:transparent;border-color:#FFFFFF80;}.cta-wrapper .btn.alt:before{background:#FFFFFF;}.cta-wrapper .btn.alt:hover{color:#0A0810;}.cta-wrapper .btn.alt:hover:after{border-color:#0A0810;}.gallery-wrapper{padding-top:10px;}.gallery-wrapper h2{display:none;}.gallery-image img{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.1);-webkit-transition:all 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms ease-out;}.gallery-image:hover img{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.footer-wrapper{width:100%;background:#000000;border-top:1px solid #FFFFFF1A;}.footer-parent{padding:10vh 15vw;background:#000000;}.footer-box-holder{padding:0;}.footer-box .content-holder{justify-self:start;text-align:left;}.footer-box{display:grid;grid-template-columns:1.2fr max-content 1fr 1fr 1fr;grid-gap:0;column-gap:3vw;padding:0;}.footer-box .footer-brand a{display:inline-block;border:0;}.footer-brand img{display:block;max-height:84px;width:auto;}.footer-address .content-holder:nth-of-type(2) p{position:relative;padding-left:1.8em;white-space:nowrap;}.footer-address .content-holder:nth-of-type(2) p::before{position:absolute;left:0;top:0;font-family:FontAwesome;color:#E9D5FA;content:"\f041";}.footer-address .content-holder:nth-of-type(2) p:nth-of-type(2)::before{content:"\f095";}.footer-address .content-holder:nth-of-type(2) p:nth-of-type(3)::before{content:"\f0e0";}.footer-box h2{font-family:'Hanken Grotesk',sans-serif;font-size:1.05em;font-weight:700;letter-spacing:0;color:#FFFFFF;margin:0 0 2.5vh 0;}.footer-box p{color:#FFFFFF;font-family:'Barlow',sans-serif;font-size:1em;line-height:1.7;margin:0;}.footer-address{}.footer-address p{}.footer-address p a{color:#FFFFFF;border-bottom:1px solid #E9D5FA;transition:color 250ms ease;}.footer-address p a:hover{color:#E9D5FA;}.footer-hours p{}.footer-payment{}svg.payment-icon{margin:0 0.5vw 1vh 0;float:none;max-width:45px;filter:grayscale(1) invert(1);}svg.payment-icon.transparent{margin:0 2vw 3vh 0;height:35px;max-width:70px;}.footer-social{}.footer-social .fa{color:#FFFFFF;font-size:1.6em;text-align:center;transition:transform 300ms cubic-bezier(.2,.7,.2,1),opacity 300ms ease;}.footer-social .fa:hover{color:#E9D5FA;transform:translateY(-3px);}.footer-social a:not(:last-of-type){margin-right:1vw;}.footer-social p{}.footer-social img{max-width:150px;}.footer-social span{display:inline-block;}.footer-cta-holder{display:flex;flex-direction:column;padding:0;}.footer-cta{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:100%;padding:0;}.footer-cta p{color:#FFFFFF;font-family:'Hanken Grotesk',sans-serif;font-size:5em;font-weight:400;line-height:1.1;margin-top:0;margin-bottom:5vh;}.footer-cta p span{color:#000000;display:block;font-size:2em;text-transform:uppercase;margin-top:1vh;}.footer-btn{color:#23212A;background:#FFFFFF;font-size:1.2em;min-width:60%;padding:15px 20px;margin:15px 0 0 0;}.footer-btn:hover{color:#FFFFFF;background:#23212A;}.footer-logo{text-align:center;}.footer-logo img{max-width:150px;filter:brightness(2);}.disclaimer-holder{background:#8016B0;padding:2.4vh 12vw;}.disclaimer{text-align:center;}.disclaimer p{color:#FFFFFF;font-size:12px;}.disclaimer p a{color:#FFFFFF;}.contact-form-holder{padding:0 7vw 0 0;}.contact-body{padding-left:3.4vw;padding-right:9vw;padding-bottom:8vh;}.contact-body h1{font-size:30px;margin-bottom:10px;}form,.contactForm{margin:0;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#23212A;font-family:'Barlow',sans-serif;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}.contactForm textarea{width:100%;}input.fancyInput[type="text"]{font-family:'Barlow',sans-serif;padding:12px 25px;font-size:.875rem;line-height:1.4;height:auto;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#1C1824;box-shadow:inset 0px 0px 0px 1px #1C1824;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#1C1824;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Hanken Grotesk',sans-serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;border-radius:0;margin-bottom:7px;background:#FFFFFF;color:#1C1824;box-shadow:inset 0px 0px 0px 1px #1C1824;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:14px;line-height:1.4;height:auto;border:none;border-radius:0;background:#FFFFFF;color:#1C1824;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #1C1824;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;vertical-align:middle;}.contactForm .captchaWrapper input{background:#FFFFFF;border:none;border-bottom:1px #1C1824 dotted;box-shadow:none;display:inline-block;width:40%;font-size:.875rem;padding:0;margin:0 0 0 15px;color:#1C1824;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#1C1824;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{margin-top:5px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}.mobile-sticky-cta{display:none;}  .svg-button{display:inline-block;width:10vw;opacity:0;transition:all .3s ease;transform:rotate(10deg);}.svg-button.done{opacity:1;}@keyframes show-button{0{opacity:0;} 100%{opacity:1;}}.svg-button .encircled{fill:none;stroke:#FFFFFF;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:all .3s ease-in;}.svg-button.done .encircled{animation:draw-circle 750ms ease 1s forwards;}@keyframes draw-circle{0{stroke-dashoffset:1000;} 100%{stroke-dashoffset:0;}}.svg-button .circle-text{font-family:'Barlow',sans-serif;font-size:1.5em;fill:#FFFFFF;text-transform:uppercase;transform:rotate(-10deg) translate(-13px,20px);}.svg-button:hover .encircled{stroke:#1C1824;stroke-width:6px;}  .landing-page-wrapper a:not(.cta-btn,.lp-btn){color:#8016B0;text-decoration:underline;}.landing-page-wrapper .cta-btn{position:relative;display:inline-block;font-family:'Barlow',sans-serif;font-size:1em;color:#FFFFFF;text-transform:uppercase;text-align:center;vertical-align:middle;border:none;border-radius:0;background:#8016B0;padding:20px 30px;margin:10px 0;min-width:185px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.landing-page-wrapper .cta-btn:hover{color:#FFFFFF;background:#1C1824;}.landing-page-button-wrapper{margin:0;}.landing-page-button-wrapper a{background:#8016B0;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding:10px 15px;}.landing-page-button-wrapper a:hover{color:#FFFFFF;background:#1C1824;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn{margin-top:15px;margin-bottom:15px;}.page-wrapper.single-wrapper.landing-page-wrapper.row .btn::after{padding:8px 0;}.landing-page-wrapper ul{list-style:none;}.landing-page-wrapper ul:not(.default,.circle){list-style:disc;}.page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{padding:5vh 5vw;}  .slide-out-wrapper{position:fixed;top:20vh;right:-1px;background:#FFFFFFEB;padding:6.5vh 4vw;z-index:9999;border-left:3px solid #23212A; -moz-transform:translateX(100%) translateY(0);-webkit-transform:translateX(100%) translateY(0);-o-transform:translateX(100%) translateY(0);-ms-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}.slide-out-wrapper:before{content:" ";display:block;position:absolute;top:-3px;left:-3px;z-index:99;width:0;height:0;border-left:25vw #23212A solid;border-right:0px transparent solid;border-top:3px transparent solid;border-bottom:0px transparent solid;}.slide-out-wrapper:after{content:" ";display:block;position:absolute;bottom:-3px;left:-3px;z-index:99;width:0;height:0;border-left:25vw #23212A solid;border-right:0px transparent solid;border-top:0px transparent solid;border-bottom:3px transparent solid;}.slide-out-wrapper.active{-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}.slide-out-content span.form-title{text-transform:uppercase;font-family:'Hanken Grotesk',sans-serif;color:#8016B0;font-weight:bold;letter-spacing:0;margin:0 0 3vh 0;font-size:1.8em;display:block;}.slide-out-form form{margin:0;}.slide-out-wrapper span.form-toggle{position:absolute;left:-23px;top:calc(50% - 30px);color:#FFFFFF;width:60px;height:60px;line-height:100%;text-align:center;background:#8016B0;border-radius:25px 0 0 25px;border:3px solid #23212A;border-right:none;-moz-transform:translateX(-37px) translateY(0);-webkit-transform:translateX(-37px) translateY(0);-o-transform:translateX(-37px) translateY(0);-ms-transform:translateX(-37px) translateY(0);transform:translateX(-37px) translateY(0);cursor:pointer;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.slide-out-wrapper span.form-toggle:hover{background:#0A0810;}span.toggle-holder{position:relative;left:2px;top:calc(50% - 8px);}.slide-out-wrapper.active span.toggle-holder{left:-2px;}i.toggle-left{display:inline-block;width:10px;height:10px;vertical-align:middle;border:5px solid transparent;border-top:5px solid #FFFFFF;border-left:5px solid #FFFFFF;-moz-transform:rotate(-45deg) translateY(-13%);-webkit-transform:rotate(-45deg) translateY(-13%);-o-transform:rotate(-45deg) translateY(-13%);-ms-transform:rotate(-45deg) translateY(-13%);transform:rotate(-45deg) translateY(-13%);-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;font-size:1em;}i.toggle-right{display:inline-block;width:10px;height:10px;vertical-align:middle;border:5px solid transparent;border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;-moz-transform:rotate(45deg) translateY(-13%);-webkit-transform:rotate(45deg) translateY(-13%);-o-transform:rotate(45deg) translateY(-13%);-ms-transform:rotate(45deg) translateY(-13%);transform:rotate(45deg) translateY(-13%);-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;font-size:1em;}.slide-out-wrapper span.form-toggle:hover i{}input.slideOutInput[type="text"]{font-size:13px;font-family:'Barlow',sans-serif;font-weight:normal;line-height:1.4;height:auto;border:1px solid #a4a4a5;padding:10px 10px;margin-bottom:5px;background:#FFFFFF;color:#23212A;box-shadow:none;}.slide-out-form input[type="text"]::placeholder,.slide-out-form .contactForm textarea::placeholder{color:#23212A;}.slide-out-form .contactForm textarea{width:100%;line-height:1.4;border:1px solid #a4a4a5;background:#FFFFFF;color:#23212A;font-family:'Barlow',sans-serif;font-weight:normal;padding:10px 25px;font-size:13px;height:90px;margin-bottom:5px;box-shadow:none;}.slide-out-form label{color:#23212A;font-weight:normal;margin-bottom:3px;}.slide-out-form .contactForm .captchaWrapper{font-size:13px;line-height:1.4;height:auto;border:1px solid #a4a4a5;box-shadow:none !important;background:#FFFFFF;color:#23212A;font-weight:normal;margin:0 0 3px;min-height:0;padding:0px 25px 0px 0px;overflow:hidden;}.slide-out-form .contactForm .captchaWrapper input{font-family:'Barlow',sans-serif;border:none;box-shadow:none;display:inline-block;width:auto;font-size:14px;padding:0 15px;margin:0 0 0 30px;color:#23212A;background:#FFFFFF;}.slide-out-form .contactForm .captchaWrapper img#captchaImage{-webkit-filter:none;filter:none;}.slide-out-form .contactForm .captchaRefresh{vertical-align:middle;max-width:30px;margin-left:3px;}.slide-out-form .contactForm .submitWrapper{text-align:center;margin-top:10px;}.submitWrapper button{cursor:pointer;margin:10px 0 0 0;}.submitWrapper button:hover{}   .strip-margin{margin:0;}.top-space{margin-top:6vh;}.left-buffer{padding-left:7.5vw;}.right-buffer{padding-right:7.5vw;}.small-buffer{padding-left:35px;padding-right:35px;}.strip-padding{padding-left:0 !important;padding-right:0 !important;}.vertical-padding-xs{padding-top:2.5vh;padding-bottom:2.5vh;}.top-padding-xs{padding-top:2.5vh;}.bottom-padding-xs{padding-bottom:2.5vh;}.vertical-padding-small{padding-top:5vh;padding-bottom:5vh;}.top-padding-small{padding-top:5vh;}.bottom-padding-small{padding-bottom:5vh;}.vertical-padding-medium{padding-top:8vh;padding-bottom:8vh;}.top-padding-medium{padding-top:8vh;}.bottom-padding-medium{padding-bottom:8vh;}.vertical-padding-large{padding-top:10vh;padding-bottom:10vh;}.top-padding-large{padding-top:10vh;}.bottom-padding-large{padding-bottom:10vh;}.vertical-padding-x-large{padding-top:20vh;padding-bottom:20vh;}.top-padding-x-large{padding-top:20vh;}.bottom-padding-x-large{padding-bottom:20vh;}  main div p:last-of-type{margin-bottom:0;} main div p:not(:last-child){margin-bottom:25px;} main div h1:first-of-type,main div h2:first-of-type,main div h3:first-of-type,main div h4:first-of-type{margin-top:0;}   .header-strip{background:#8016B0;border-bottom:1px solid #FFFFFF14;}.header-strip-inner{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 5vw;}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 5vw;}.logo-wrapper a{display:inline-block;line-height:0;}.cta-panel::after,.about-intro::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0,transparent calc(7vw - 1px),#FFFFFF14 calc(7vw - 1px),#FFFFFF14 7vw);pointer-events:none;}.hero-row{position:relative;z-index:1;}.hero-media{position:relative;z-index:2;overflow:hidden;}.slick-header-slider,.slick-header-slider .slick-list,.slick-header-slider .slick-track,.slick-header-slider .slick-slide{height:100%;}.slick-header-slider .slick-slide img,.hero-media > img{display:block;width:100%;height:100%;object-fit:cover;}.hero-copy{background:#8016B0;display:flex;flex-direction:column;justify-content:center;}.hero-title{position:relative;z-index:3;color:#FFFFFF;font-family:'Hanken Grotesk',sans-serif;font-size:clamp(2.8rem,5vw,6rem);font-weight:600;line-height:0.92;letter-spacing:-0.05em;margin:0 0 4vh 0;animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) .2s both;}.hero-title span{display:block;color:#E9D5FA;}.hero-ctas{animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) .55s both;}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px);} 100%{opacity:1;transform:translateY(0);}}@keyframes statement-fill{0%{background-position:0 100%;} 100%{background-position:0 0;}}.photo-frame{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:#F6F1FB;}.photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.7,.2,1);}.photo-frame:hover img{transform:scale(1.04);}.intro-band{background:#FFFFFF;}.intro-statement h1{margin-bottom:5vh;}.intro-statement .statement{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(1.5rem,2.3vw,2.5rem);font-weight:500;line-height:1.3;letter-spacing:-0.02em;color:#0A0810;margin-bottom:4vh;}.intro-statement .statement + p{max-width:44em;margin-left:auto;margin-right:auto;}.intro-statement .btn{margin-top:4vh;}.intro-panorama{position:relative;}.intro-panorama .photo-frame{aspect-ratio:1560 / 650;}.badge-seal{position:absolute;top:-72px;right:4vw;width:150px;z-index:3;}.badge-seal img{display:block;width:100%;height:auto;filter:drop-shadow(0px 18px 28px rgba(10,8,16,0.28));}.quality-dark{background:#8016B0;}.quality-light{background:#FFFFFF;}.quality-row h2{font-size:clamp(1.9rem,2.6vw,2.9rem);margin-top:0;}.quality-dark h2,.quality-dark p{color:#FFFFFF;}.quality-light .quality-left h3{margin:4vh 0 1.5vh;padding-top:3vh;border-top:1px solid #0A08101F;}.quality-row .photo-frame{z-index:2;aspect-ratio:1 / 1;}.why-band{background:#F6F1FB;}.why-band .stamp-heading h2{max-width:19em;color:#0A0810;margin-bottom:7vh;}.why-band .stamp-parent{gap:0;border-top:1px solid #0A08101F;border-left:1px solid #0A08101F;}.why-band .stamp{background:#FFFFFF;border:0;border-right:1px solid #0A08101F;border-bottom:1px solid #0A08101F;border-radius:0;padding:3.4em 2.8em 3.6em;isolation:isolate;}.why-band .stamp::after{inset:0;border:0;border-radius:0;box-shadow:none;background:#8016B014;opacity:0;z-index:-1;}.why-band .stamp:hover{transform:none;}.why-band .stamp:hover::after{opacity:1;}.why-band .stamp-icon{width:auto;height:auto;background:transparent;justify-content:flex-start;}.why-band .stamp-icon::before{display:none;}.why-band .stamp:hover .stamp-icon{transform:translateY(-4px);}.why-band .stamp img{max-height:34px;filter:brightness(0) saturate(100%) invert(14%) sepia(72%) saturate(4223%) hue-rotate(276deg) brightness(93%) contrast(103%);}.why-band .stamp h3{color:#0A0810;margin:2.2em 0 0.7em;}.why-band .stamp p{color:#55515E;}.replacement-band{background:#FFFFFF;}.replacement-media .photo-frame{aspect-ratio:4 / 5;}.replacement-panel{background:#8016B0;}.replacement-panel h2,.replacement-panel p,.replacement-panel ul{color:#FFFFFF;}.replacement-panel h2{margin-top:0;}.replacement-panel h3{color:#E9D5FA;margin:0 0 2vh;}.replacement-panel a{display:inline-block;margin-top:3vh;transition:transform 300ms cubic-bezier(.2,.7,.2,1);}.replacement-panel a:hover{transform:translateY(-4px);}.replacement-panel a img{display:block;width:240px;max-width:100%;height:auto;}.replacement-panel ul.default li::before{background:#E9D5FA;}.strip-band{background:#FFFFFF;overflow:hidden;}.photo-strip{display:grid;gap:1.4vw;}.photo-strip .photo-frame{border-radius:6px;}.apart-band{background:#F6F1FB;}.apart-copy h2{font-size:clamp(1.9rem,2.6vw,2.9rem);margin-top:0;}.apart-copy p{font-size:clamp(1.25rem,1.55vw,1.6rem);line-height:1.55;color:#0A0810;}.apart-copy .photo-frame{margin-top:6vh;}.apart-list{margin:4vh 0;column-gap:3vw;}.apart-list li{padding:0.9em 0;border-bottom:1px solid #0A08101F;font-family:'Hanken Grotesk',sans-serif;font-size:1.1em;font-weight:500;color:#0A0810;}.apart-list li:nth-child(-n+2){border-top:1px solid #0A08101F;}.guarantee-card{position:relative;z-index:2;background:#FFFFFF;padding:2.8em 3em 3em;box-shadow:0px 30px 60px -24px rgba(10,8,16,0.28),0px 4px 12px 0px rgba(10,8,16,0.05);}.guarantee-card h2{font-size:clamp(1.9rem,2.6vw,2.9rem);margin-top:0;}.guarantee-card p{font-size:clamp(1.25rem,1.55vw,1.6rem);line-height:1.55;}.cta-band{background:linear-gradient(180deg,#F6F1FB 0%,#F6F1FB 50%,#000000 50%,#000000 100%);}.cta-panel{position:relative;background:#8016B0;overflow:hidden;isolation:isolate;}.cta-panel::after{z-index:-1;}.cta-panel::before{content:"";position:absolute;top:-26rem;left:-26rem;width:52rem;height:52rem;border-radius:50%;background:radial-gradient(circle,#FFFFFF59 0%,#E9D5FA40 30%,#E9D5FA14 52%,transparent 70%);transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);opacity:0;transition:opacity 500ms ease,transform 260ms cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:-1;}.cta-panel.is-lit::before{opacity:1;}.cta-panel .row{position:relative;z-index:1;}.cta-copy h2{color:#FFFFFF;margin:0;}.cta-side p{color:#FFFFFF;margin-top:0;}.cta-panel .btn,.cta-wrapper .btn{color:#8016B0;background:#FFFFFF;border-color:#FFFFFF;}.cta-panel .btn:before,.cta-wrapper .btn:before{background:#0A0810;}.cta-panel .btn:hover,.cta-wrapper .btn:hover{color:#FFFFFF;}.cta-panel .btn.alt{color:#FFFFFF;background:transparent;}.cta-panel .btn.alt:before{background:#FFFFFF;}.cta-panel .btn.alt:hover{color:#8016B0;}.about-intro{position:relative;background:#8016B0;}.about-intro-row{position:relative;z-index:1;}.about-intro h1{color:#FFFFFF;font-size:clamp(2.6rem,4.6vw,5.4rem);line-height:0.98;letter-spacing:-0.05em;margin:0 0 3vh;}.about-intro .like-h4{color:#E9D5FA;font-size:clamp(1.15rem,1.3vw,1.4rem);font-weight:500;letter-spacing:-0.01em;text-transform:none;margin:0 0 4vh;}.about-intro p{color:#FFFFFF;}.about-intro-copy p:first-of-type{font-size:1.25em;color:#E9D5FA;}.about-intro .btn{margin-top:3vh;}.about-intro .btn.alt{color:#FFFFFF;border-color:#FFFFFF80;}.about-intro .btn.alt:before{background:#FFFFFF;}.about-intro .btn.alt:hover{color:#0A0810;}.about-intro-media{position:relative;z-index:2;}.about-intro-media .photo-frame{aspect-ratio:1 / 1;}.about-topics{background:#FFFFFF;}.topic-lead h2{font-size:clamp(1.9rem,2.6vw,2.9rem);margin-top:0;}.topic-lead p:first-of-type{font-size:1.3em;color:#0A0810;}.topic h2,.about-why h2{margin-top:0;padding-top:4vh;border-top:1px solid #0A08101F;}.topic-names{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:600;line-height:1.15;letter-spacing:-0.03em;color:#8016B0;}.gaf-values{display:grid;grid-template-columns:repeat(3,1fr);margin:4vh 0 5vh;border-top:1px solid #0A08101F;border-bottom:1px solid #0A08101F;}.topic-lead .gaf-values p{margin:0;padding:1.1em 1em 1.1em 0;font-family:'Hanken Grotesk',sans-serif;font-size:1.15em;font-weight:600;line-height:1.3;letter-spacing:-0.015em;color:#0A0810;}.topic-lead .gaf-values p + p{padding-left:1.2em;border-left:1px solid #0A08101F;}.types-copy h3.like-h4,.about-why h3.like-h4{font-family:'Hanken Grotesk',sans-serif;font-size:clamp(1.2rem,1.4vw,1.5rem);font-weight:600;line-height:1.25;letter-spacing:-0.02em;text-transform:none;margin:4vh 0 1.5vh;padding-top:3vh;}.types-copy h3.like-h4{color:#FFFFFF;border-top:1px solid #FFFFFF3D;}.about-why h3.like-h4{color:#0A0810;border-top:1px solid #0A08101F;}.about-why-body h3.like-h4:first-child{margin-top:0;padding-top:4vh;}.types-band{background:#8016B0;}.types-media{position:relative;z-index:2;}.types-copy h2{color:#FFFFFF;margin-top:0;}.types-copy p{color:#FFFFFF;}.types-copy h2.like-h3{font-size:clamp(1.9rem,2.6vw,2.9rem);}ul.types-list{display:grid;grid-template-columns:1fr 1fr;column-gap:2.5vw;margin:4vh 0;}ul.types-list li{display:flex;align-items:center;padding:1em 0;border-top:1px solid #FFFFFF3D;font-family:'Hanken Grotesk',sans-serif;font-size:1.35em;font-weight:500;letter-spacing:-0.015em;color:#FFFFFF;}ul.types-list li:nth-last-child(-n+2){border-bottom:1px solid #FFFFFF3D;}ul.types-list li::before{flex:none;margin:0 0.75em 0 0;background:#E9D5FA;}.about-why{background:#F6F1FB;}.about-why h2{font-size:clamp(1.9rem,2.6vw,2.9rem);}ul.why-list{display:block;margin:0;}ul.why-list li{display:flex;align-items:center;padding:1.25em 0;border-bottom:1px solid #0A08101F;font-family:'Hanken Grotesk',sans-serif;font-size:1.15em;font-weight:500;line-height:1.45;color:#0A0810;}ul.why-list li:first-child{border-top:1px solid #0A08101F;}ul.why-list li::before{flex:none;margin:0 1.1em 0 0;}.cta-wrapper p{max-width:44em;margin-left:auto;margin-right:auto;}@supports (animation-timeline:view()){.intro-statement .statement{color:transparent;background:linear-gradient(180deg,#0A0810 0%,#0A0810 45%,#0A081033 55%,#0A081033 100%);background-size:100% 220%;background-position:0 100%;-webkit-background-clip:text;background-clip:text;animation:statement-fill linear both;animation-timeline:view();animation-range:entry 35% cover 55%;}.intro-statement .statement a{color:transparent;}}  @media only screen and (min-width:1025px) and (max-width:1680px){.cta-buttons .btn{min-width:175px;}.cta-buttons .btn:after{right:10%;}.home-animation{top:2vh;}.company-details p.title,.company-details p.title a{font-size:1.3em;}} @media only screen and (min-width:1025px) and (max-width:1440px){.row.small{max-width:50vw;}.row.medium{max-width:65vw;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button)::before{left:-2.5%;}.located-in p{letter-spacing:0;font-size:.85em;}.home-animation{top:3.2vh;}.logo-wrapper img#desktop{max-height:88px;}.svc-box:before{width:100%;height:85%;}.svc-box:after{width:100%;height:65%;}.top-bar-section li:not(.has-form) a:not(.button){font-size:14px;}.top-bar-section li:not(.has-form) a:not(.button):hover{}.top-bar-section ul li:hover:not(.has-form)>a{}.cta-btn{font-size:1.5em;}.bg-text-box{padding-left:7.4vw;}.company-details p{font-size:0.8em;}.badge-parent{margin-bottom:10vh;}.badge-holder{padding:10vh 0;}.badge-holder img{width:75%;}.intro{padding:10vh 10vw;}.textbox-full.svc{padding:10vh 0;}.top-padding-large{padding-top:10vh;}.vertical-padding-large{padding-top:10vh;padding-bottom:10vh;}.bottom-padding-large{padding-bottom:10vh;}.stamp-parent{gap:1.2em;}} @media only screen and (min-width:1025px) and (max-width:1366px){.top-bar-section li:not(.has-form) a:not(.button){}.top-bar-section li:not(.has-form) a:not(.button):hover{}.top-bar-section ul li:hover:not(.has-form)>a{}.logo-wrapper img#desktop{max-height:80px;}.intro-text{background-position:110% 50%;}p,ul.default,ul.special{font-size:1em;}.exit-text-content h2{font-size:1.8em;}.cta-row h2{font-size:2.6em;}.footer-cta p{font-size:4em;}} @media only screen and (min-width:1025px) and (max-width:1280px){.footer-parent{padding:9vh 10vw;}.intro-text{background-position:120% 50%;}.header-btn{font-size:0.9em;justify-content:center;white-space:nowrap;}.header-btn span .fa{width:30px;height:30px;}.logo-wrapper{}.company-details p.title,.company-details p.title a{}.company-details p{font-size:0.7em;}.header-row{padding:0 2vw;}.header-details{}.home-bg1-text p{font-size:1em;}.located-in p{line-height:1.25;}.cta-btn{min-width:16vw;}.tagline p{font-size:0.6em;}.home-animation{top:4vh;}.separator{margin:10vh 0 0 0;}.cta-buttons .btn{min-width:150px;}.slider-content p{margin:0 0 2vh 0;}.header-bar,.header-strip-inner{padding-left:3vw;padding-right:3vw;}.logo-wrapper img#desktop{max-height:72px;}.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button),.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button):hover{font-size:13px;padding:0 0.8vw;}} @media only screen and (min-width:1025px) and (max-width:1180px){.header-bar{padding-left:2.5vw;padding-right:2.5vw;}.logo-wrapper img#desktop{max-height:60px;}.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button),.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button):hover{font-size:12.5px;letter-spacing:0.02em;padding:0 0.6vw;}.top-bar-section .has-dropdown>a{padding-right:calc(0.6vw + 12px) !important;}.top-bar-section li:not(.has-form,.dropdown li) > a:not(.button)::before{left:0.6vw;right:0.6vw;}.intro-band{padding-top:10vh;}.intro-panorama{margin-top:7vh;margin-bottom:-11vh;}.quality-dark{padding:21vh 0 6rem;}.quality-dark .quality-left .photo-frame{aspect-ratio:3 / 4;margin-bottom:-16rem;}.quality-dark .quality-right{padding-top:0;}.quality-light{padding-bottom:10vh;}.quality-light .quality-left{padding-top:14rem;}.quality-light .quality-right .photo-frame{margin-top:-4rem;}.why-band{padding:10vh 0 11vh;}.why-band .stamp{padding:2.6em 2.2em 2.8em;}.replacement-band{padding-top:10vh;}.replacement-media{width:40%;}.replacement-panel{padding:9vh 6vw 9vh 11vw;}.strip-band{padding-top:4vh;}.apart-band{padding:9vh 0;}.guarantee-card{margin-top:5vh;}.cta-panel{padding:8vh 5vw;}.footer-parent{padding:8vh 6vw;}.footer-box{grid-template-columns:max-content max-content 1fr 1fr;row-gap:5vh;}.footer-brand{grid-column:1 / -1;}} @media only screen and (max-width:1024px){.cta-separator{display:none;}.cta-wrapper h2{font-size:1.75em;}.inner-content-columns,.inner-content-columns.two-cols{grid-template-columns:1fr;}.row.small{max-width:100vw;}.row.medium{max-width:100vw;}.textbox-full.svc{padding:6vh 5vw;text-align:center;}.disclaimer-holder{padding:6vh 0 0 0;}.footer-cta{display:none;}.textbox-left{padding:0;}.textbox-right{padding-top:0;padding-bottom:6vh;}.textbox-lightgrey{padding:6vh 5vw;}.textbox-grey{padding:6vh 5vw;}.textbox-outline{border:none;padding:6vh 5vw 2vh;}.textbox-full{text-align:center;padding:5vh 12vw;}.faq-page .textbox-full{text-align:center;padding:0 12vw;}.badge-holder img{margin:2vh 2vw;max-width:35vw;}.grey-bg .textbox-left{padding-top:5vh;padding-bottom:5vh;}.stamp-parent{margin:0 auto;grid-template-columns:1fr 1fr;width:100%;}.stamp{background:#FFFFFF;}.to-top{text-align:center;padding:2vh 0 10vh 0;}.to-top a{position:relative;display:inline-block;width:50px;height:50px;border-radius:50px;background:#23212A;box-sizing:unset;}.to-top a span{position:absolute;top:0;left:calc(50% - 7.25px);width:15px;height:15px;border-top:5px solid #FFFFFF;border-left:5px solid #FFFFFF;transform:rotate(45deg) translate(3px,3px);animation:scroll-two 1.5s linear alternate infinite;}@keyframes scroll-two{0%{top:20%;} 100%{top:calc(80% - 20px);}}.mobile-strip-padding-top{padding-top:initial;}.mobile-strip-padding-right{padding-right:0 !important;}.mobile-strip-padding-bottom{padding-bottom:0 !important;}.mobile-strip-padding-left{padding-left:0 !important;}ul.default,ol.default{margin-left:0;display:inline-block;}ul.special{margin-left:0;display:inline-block;}ul.default li,ul.special li,ol.default li{text-align:left;}ul.default.columns,ul.special.columns,ul.default.columns.end,ul.special.columns.end{padding:0;float:none;display:inline-block;max-width:45%;margin:0;}ul.default li::before,ul.special li::before{margin:0 10px 0 0;}.svc-page .intro-text{padding:2vh 5vw;background:none;}.svc-box-parent,.faq-box-parent{grid-template-columns:1fr;}.svc-box,.faq-box{max-width:90%;margin:0 auto;text-align:center;}.svc-box .btn{margin:auto auto 0 auto;max-width:180px;}.svc-box:nth-child(2n){background:#F6F1FB;}.svc-box:nth-child(2n+1){background:none;}.push-1{left:initial;}.pull-1{right:initial;}.mobile-sticky-cta .btn{min-width:30vw;margin:0 5px;padding:14px 20px;text-align:center;background:#0A0810;color:#FFFFFF;border:1px solid #FFFFFF80;}.mobile-sticky-cta .btn.alt{background:#8016B0;border-color:#8016B0;}.mobile-sticky-cta .btn:after{display:none;}.row.full.home-padding-1{padding:0;}.row.full{padding-left:0;padding-right:0;}.row.mobile-full{max-width:100vw;}.home-bg1{min-height:65vh;order:2;}.home-bg2,home-bg3{display:none;}.about-bg1{min-height:50vh;order:2;background-position:50% 25%;}  .commercial-roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-hero-crew-and-truck.jpg);min-height:50vh;margin:0;order:2;}.emergency-roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/emergency-roof-repair.jpg);min-height:50vh;margin:0;order:2;}.hail-and-storm-damage-roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/hail-and-storm-damage-roof-repair.jpg);min-height:50vh;margin:0;order:2;}.residential-roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-finished-roof.jpg);min-height:50vh;margin:0;order:2;}.roof-inspection{background:30% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roofing-consultation.jpg);min-height:50vh;margin:0;order:2;}.roof-leak-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roof-leak-repair.jpg);min-height:50vh;margin:0;order:2;}.roof-maintenance{background:42% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-hero-crew-on-roof.jpg);min-height:50vh;margin:0;order:2;}.roof-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-gaf-crew-install.jpg);min-height:50vh;margin:0;order:2;}.roof-restoration{background:35% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roof-types-shingles.jpg);min-height:50vh;margin:0;order:2;}.roof-waterproofing{background:70% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-gaf-underlayment.jpg);min-height:50vh;margin:0;order:2;}.roofer{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roofer.jpg);min-height:50vh;margin:0;order:2;}.roofing-company{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/roofing-company.jpg);min-height:50vh;margin:0;order:2;}.roofing-services{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-harness-crew.jpg);min-height:50vh;margin:0;order:2;}.soffit-installation{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/soffit-installation.jpg);min-height:50vh;margin:0;order:2;}.corrugated-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/corrugated-roofing.jpg);min-height:50vh;margin:0;order:2;}.epdm-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/epdm-roofing.jpg);min-height:50vh;margin:0;order:2;}.flat-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/flat-roofing.jpg);min-height:50vh;margin:0;order:2;}.gable-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/gable-roofing.jpg);min-height:50vh;margin:0;order:2;}.green-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/green-roofing.jpg);min-height:50vh;margin:0;order:2;}.hip-roof{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/hip-roof.jpg);min-height:50vh;margin:0;order:2;}.metal-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/metal-roofing.jpg);min-height:50vh;margin:0;order:2;}.modified-bitumen-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/modified-bitumen-roofing.jpg);min-height:50vh;margin:0;order:2;}.rubber-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/rubber-roofing.jpg);min-height:50vh;margin:0;order:2;}.shingle-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/shingle-roofing.jpg);min-height:50vh;margin:0;order:2;}.slate-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/slate-roofing.jpg);min-height:50vh;margin:0;order:2;}.tar-and-gravel-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/tar-and-gravel-roofing.jpg);min-height:50vh;margin:0;order:2;}.tile-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/tile-roofing.jpg);min-height:50vh;margin:0;order:2;}.tpo-roofing{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-about-team.jpg);min-height:50vh;margin:0;order:2;}.chimney-inspection{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-inspection.jpg);min-height:50vh;margin:0;order:2;}.chimney-repair{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-repair.jpg);min-height:50vh;margin:0;order:2;}.chimney-sweeping{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/chimney-sweeping.jpg);min-height:50vh;margin:0;order:2;}.gutter-cleaning{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/gutter-cleaning.jpg);min-height:50vh;margin:0;order:2;}.gutter-installation{background:78% 50% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-crew-on-roof.jpg);min-height:50vh;margin:0;order:2;}.siding{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding.jpg);min-height:50vh;margin:0;order:2;}.siding-installation{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding-installation.jpg);min-height:50vh;margin:0;order:2;}.siding-repair{background:50% 0% / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-roof-replacement.jpg);min-height:50vh;margin:0;order:2;}.siding-replacement{background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/service-images/siding-replacement.jpg);min-height:50vh;margin:0;order:2;}  .svc .exit-text-content{max-width:unset;background:none;padding:5vh 10vw;}main .columns{padding-left:5vw;padding-right:5vw;text-align:center;}.header-wrapper{position:relative;}.header-wrapper::after{content:" ";display:block;width:100%;height:35vh;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/mobile-images/m-home1.jpg);}.header-home::after{display:none;}.header-wrapper.header-inner{border:none;height:auto;}.header-wrapper.header-inner::after{content:" ";display:block;width:100%;height:25vh;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/uploads/sites/139/2026/10/3d-team-panorama.jpg);}.floating-header{position:relative;}.floating-header:after{height:25vh;}.header-row{display:block;padding:0;min-height:auto;background:#000000;border:none;}.header-bar{padding:14px 5vw;}.logo-wrapper{display:block;width:100%;max-width:unset;text-align:center;margin-bottom:0;padding:0;}.logo-wrapper img#mobile{display:block;max-width:none;max-height:64px;width:auto;margin:0;}.logo-wrapper img#desktop{display:none;}.company-details{display:block;width:100%;max-width:unset;padding:0 10px;text-align:center;}.company-details p.title,.company-details p.title a{margin-bottom:10px;line-height:40px;}.company-details p{font-size:22px;}.hero-buttons{padding:0;text-align:center;}.hero-buttons .cta-btn{padding:1.5vh 1.5vw;}.tagline{display:none;}.badge-parent{background:#8016B0;}.badge-holder{padding:6vh 0;}.badge-holder:before{top:-3vh;left:calc(50% - 5vw);width:10vw;height:8vh;}.badge-holder:after{top:unset;bottom:-3vh;left:calc(50% - 5vw);width:10vw;height:8vh;}.mobile-navigation{display:block;right:5vw;position:absolute;text-transform:uppercase;top:34px;vertical-align:middle;width:auto;height:24px;z-index:999;cursor:pointer;}i.toggle-bars{display:inline-block;position:relative;color:#FFFFFF;width:37px;height:7px;}i.toggle-bars::before{content:" ";width:50px;height:8px;border-top:2px solid #FFFFFF;position:absolute;bottom:6px;right:0;}i.toggle-bars::after{content:" ";width:25px;height:2px;background:#E9D5FA;position:absolute;top:0;right:0;}i.toggle-bars.close{width:45px;height:45px;background:none;border-radius:35px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}i.toggle-bars.close::after{background:#FFFFFF;top:calc(50% - 1px);left:calc(50% - 13px);width:26px;}i.toggle-bars.close::before{background:#FFFFFF;width:2px;height:26px;left:calc(50% - 1px);top:calc(50% - 13px);border:none;}.fullwidth-navigation{background:#000000;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;height:auto;background:none;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:25%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:transparent;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:25%;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button){color:#FFFFFF;line-height:50px;text-align:center;padding:0 !important;font-size:20px !important;}.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#FFFFFF;background:none;padding:0;line-height:50px !important;font-size:20px !important;}.top-bar-section .dropdown li{width:100%;}.top-bar-section li.active{background:none;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:#FFFFFF;font-weight:normal;line-height:50px;font-size:20px !important;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:none;color:#FFFFFF;line-height:50px;border-bottom:4px solid #E9D5FA;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;border-radius:0;padding-bottom:40px;padding-top:15%;background:#000000;}.top-bar-section li:not(.has-form) a:not(.button)::before,.top-bar-section li:not(.has-form) .dropdown a:not(.button)::before,.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{display:none;}.top-bar-section ul li{text-align:center;}.top-bar-section li:not(.has-form) a:not(.button){display:inline-block;width:auto;border-bottom:4px solid transparent;}.top-bar-section .has-dropdown>a:after{right:-20%;margin:0;border:none;top:26px;font-size:0.8em;color:#E9D5FA;transform:rotate(270deg);}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:4vh;padding-bottom:4vh;}.top-padding-small{padding-top:4vh;}.bottom-padding-small{padding-bottom:4vh;}.vertical-padding-medium{padding-top:5vh;padding-bottom:5vh;}.top-padding-medium{padding-top:5vh;}.bottom-padding-medium{padding-bottom:5vh;}.vertical-padding-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-large{padding-top:6vh;}.bottom-padding-large{padding-bottom:6vh;}.vertical-padding-x-large{padding-top:7vh;padding-bottom:7vh;}.top-padding-x-large{padding-top:7vh;}.bottom-padding-x-large{padding-bottom:7vh;}.strip-padding-mobile{padding-left:0 !important;padding-right:0 !important;}.m-vpad-none{padding-top:0;padding-bottom:0;}.mobile-bg-remove{background:none;}.mobile-hide{display:none;}.intro{padding:6vh 10vw;}.intro .grid{grid-template-columns:1fr;text-align:center;}.intro .curly-brace{display:none;}.intro-text{padding:5vh 0 0 0;transform:none;background:none;}.intro-text::after{display:block;background-position:100% 50%;background-repeat:no-repeat;height:45vh;background-size:contain;}.intro-text h2,.intro-text h3,.intro-text p{padding:0 5vw 0 5vw;}.intro-text p:last-of-type{padding-bottom:8vh;}.intro-text.inner{padding:0 5vw;}.intro-text .cta-btn-wrapper{display:none;}.intro-bg-wrapper{height:400px !important;}.intro-bg{max-width:none;}.intro-bg::before,.intro-bg::after{display:none;}.intro-about{padding:5vh 0 0 0;transform:none;background:none;}.intro-about::after{display:block;background-position:50% 50%;background-repeat:no-repeat;height:45vh;background-size:cover;}.intro-about p:last-of-type{padding-bottom:8vh;}.intro-inner{padding:5vh 5vw;}.exit-text{padding:0;background:none;}.exit-text-picture{display:none;}.exit-text-content{float:unset;width:100vw;padding:5vh 10vw;text-align:center;}.exit-text.abt{background:none;padding:0;}.bg-row{padding-top:0;}.bg-text-box{background:#1C1824;width:100%;margin-left:0;padding:5vh 10vw;text-align:center;}.cta-wrapper{margin-top:0;padding:5vh 5vw;}.cta-text-holder{padding:6vh 5vw;}.cta-btn{min-width:25vw;margin:0 1.5vw 2vh 0;}.cta-row{padding:0;}.cta-row p.bold{margin-bottom:0;}.cta-text{padding-top:2vh;padding-bottom:2vh;}.cta-text h2{font-size:48px;}.cta-bg-holder{height:auto !important;}ul.icon-list li{padding:0;}ul.icon-list li::before{display:none;}.footer-wrapper{padding:0;margin:0;}.footer-parent{padding:6vh 5vw;}.footer-row{padding-bottom:0;text-align:center;}.footer-row .columns{margin-bottom:25px;}.footer-box-holder{padding:0;}.footer-box{display:grid;grid-template-columns:1fr;grid-gap:4vh;column-gap:0;}.footer-box .content-holder:nth-of-type(-n+4) h2{margin-top:0;}  .footer-address,.footer-social{text-align:center;border:none;}.footer-address{padding:0;}.footer-payment{padding:0;text-align:center;}.footer-payment:before{display:none;}.footer-payment span{display:inline-block;}svg.payment-icon.transparent{margin:0 1.5vw 2vh;height:35px;max-width:70px;}.footer-social{padding-top:0;padding-bottom:0;}.footer-social a:not(:last-of-type){margin-right:2vw;}.footer-logo{text-align:center;}.disclaimer{text-align:center;}.flexed{display:flex;flex-direction:column;}.reset-offset{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}.reset-spacer{margin:0;}.mobile-sticky-cta{display:block;position:fixed;bottom:30px;left:0;width:100%;text-align:center;z-index:99;}.mobile-sticky-cta a.slider-btn{font-size:1em;padding:10px 20px;min-width:165px;}.mobile-sticky-cta a.slider-btn:after{content:none;}.mobile-sticky-cta img{background:#FFFFFF;padding:0 10px;filter:invert(1);max-height:60px;}.badge-parent img{max-width:45vw;}.mobile-strip-padding-top{padding-top:0;}.mobile-strip-padding-bottom{padding-bottom:0;}.inner-page.svc article > div:first-of-type{padding-bottom:0;}.hero-media{height:58vw;}.hero-copy{padding:5vh 5vw 6vh;}.hero-title{font-size:clamp(3rem,13vw,5.4rem);margin:0;}.intro-band{padding-top:8vh;}.intro-panorama{margin-top:6vh;}.intro-panorama .photo-frame{aspect-ratio:3 / 2;}.badge-seal{position:static;width:56vw;max-width:240px;margin:5vh auto 6vh;}.quality-dark{padding:8vh 0 6vh;}.quality-light{padding:6vh 0;}.quality-row .quality-right{margin-top:4vh;}.why-band{padding:8vh 0;}.why-band .stamp-heading h2{margin-bottom:4vh;}.why-band .stamp-parent{grid-template-columns:1fr 1fr;}.why-band .stamp{text-align:left;padding:2.4em 2em;}.why-band .stamp:nth-child(odd):last-child{grid-column:1 / -1;}.replacement-band{padding:8vh 0 0;}main .replacement-panel{margin-top:5vh;padding-top:7vh;padding-bottom:7vh;}.strip-band{padding:4vh 0 0;}main .photo-strip{grid-template-columns:repeat(3,74vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-left:5vw;padding-right:5vw;}.photo-strip .photo-frame{scroll-snap-align:start;}.apart-band{padding:8vh 0 12vh;}.apart-list li:nth-child(2){border-top:0;}.apart-copy p,.guarantee-card p{font-size:1.2em;}main .guarantee-panel{margin-top:0;}.guarantee-card{margin:-3rem 4vw 0;padding:2em 1.6em;}.cta-panel{padding:8vh 0;}.cta-side{margin-top:3vh;}.about-intro{padding:8vh 0 0;}.about-intro-media{margin-top:5vh;}.about-intro-media .photo-frame{margin-bottom:-14vw;}.about-topics{padding:calc(14vw + 6vh) 0 6vh;}.topic-pair{margin-top:2vh;}.topic h2,.about-why h2{padding-top:3vh;}.topic + .topic,.about-why-body{margin-top:3vh;}.types-media .photo-frame{aspect-ratio:4 / 3;}.types-copy{padding-top:7vh;padding-bottom:8vh;}ul.types-list{display:grid;}ul.why-list{display:block;}.about-why{padding:8vh 0;}.about-why-head{position:static;}.footer-box .content-holder{justify-self:center;text-align:center;}.footer-brand img{margin:0 auto;}.footer-address .content-holder:nth-of-type(2) p{padding-left:0;}.footer-address .content-holder:nth-of-type(2) p::before{position:static;margin-right:0.6em;}#ae_launcher{bottom:80px !important;left:10px !important;right:initial !important;}  .page-wrapper.single-wrapper.landing-page-wrapper.row,.row.service-areas-wrapper{text-align:center;}} @media only screen and (max-width:768px){.intro-inner h1,.intro-inner h2,.intro-inner h3,.intro-inner p{line-height:1.25;}.landing-page-button-wrapper a{min-width:70vw;}.cta-row h2{max-width:initial;}.stamp-parent,.why-band .stamp-parent{grid-template-columns:1fr;}.stamp-heading h2{font-size:2em;}.stamp{padding:2em 1.8em 2.2em;}.stamp img{margin-bottom:0;max-height:30px;}i.toggle-bars::before{width:35px;bottom:5px;}i.toggle-bars::after{width:20px;}h1,h2,.cta-row h2,.exit-text-content h2,.exit-text-content h3,.svc-box h2{font-size:2em;}.svc-box h2{font-size:1.75em;}.mobile-navigation{right:5vw;top:31px;vertical-align:middle;}.textbox-right{padding:0 12vw 5vh 5vw;}.badge-holder img{max-width:50vw;}ul.default.columns,ul.special.columns,ul.default.columns.end,ul.special.columns.end{max-width:80%;}.mobile-sticky-cta .btn{min-width:45vw;font-size:0.8em;padding:15px 0;margin:0;}ul.default,ul.special{padding:0 5vw;margin:0;}ul.types-list{padding:0;margin:3vh 0;}ul.types-list li{font-size:1.1em;}ul.why-list{padding:0;}ul.types-list{grid-template-columns:1fr;}ul.types-list li:nth-last-child(2){border-bottom:0;}.gaf-values{grid-template-columns:1fr;}.topic-lead .gaf-values p + p{padding-left:0;border-left:0;border-top:1px solid #0A08101F;}.svc-box:before{clip-path:polygon(100% 0,0.8% 0.5%,0 100%,0 0);}.svc-box:after{clip-path:polygon(100% 0,100% 100%,0 100%,99.2% 99.5%);}.logo-wrapper img#mobile{max-height:108px;}i.toggle-bars.close{width:40px;height:40px;}i.toggle-bars.close::before{height:20px;top:calc(50% - 10px);}i.toggle-bars.close::after{width:20px;left:calc(50% - 10px);}.footer-address p{font-size:1em;line-height:2em;}.footer-hours p{font-size:24px;}} @media only screen and (max-width:500px){.header-wrapper{}.header-wrapper::after{height:20vh;background:center / cover no-repeat url(https://3destablishedroofing.ca/wp-content/themes/rfr6/images/mobile-images/m-home1-p.jpg);}.header-row{min-height:auto;padding-bottom:0;}.company-details p.title,.company-details p.title a{font-size:25px;line-height:35px;}.company-details p{font-size:1em;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:0;}.home-bg1-text,.home-bg3-text{padding:3vh 5vw 4vh 5vw;}.home-bg1-text p,.home-bg3-text p{font-size:0.9em;}.btn{min-width:225px;}h1,h1 a,.like-h1{font-size:2em;}h1,h2,.intro h1,.intro h2,.cta-text h2,.cta-row h2,.exit-text-content h2,.exit-text-content h3,.svc-box h2,.like-h1,.like-h2{font-size:2em;margin:15px 0;line-height:normal;}.svc-box h2{font-size:1.75em;margin:0;}h3{font-size:1.5em;margin:15px 0;}p{font-size:1em;line-height:1.5;}ul{font-size:1em;line-height:1.5 !important;}.smaller-heading{font-size:1.8em;}.vertical-padding-medium,.vertical-padding-small{padding-top:5vh;padding-bottom:5vh;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:40%;}.contactForm .captchaWrapper input{margin-top:15px;}.cta-buttons .cta-btn{margin:0 auto 10px !important;display:block;max-width:200px;}.badge-holder .columns{padding-left:10vw;padding-right:10vw;}.cta-wrapper{margin-top:0;}.footer-social a:not(:last-of-type){margin-right:10vw;}main .columns{padding-left:5vw;padding-right:5vw;}.badge-parent img{max-width:55vw;}.stamp{padding:1.5em 1.5em;}} @media only screen and (max-width:355px){main .columns,.bg-text-box{padding-left:5vw;padding-right:5vw;}} @media (prefers-reduced-motion:reduce){.reveal.scroll-trigger,.reveal.scroll-trigger.complete{opacity:1;animation:none;}.hero-title,.hero-ctas,.scroll-arrow span{animation:none;}.intro-statement .statement{animation:none;background:none;color:#0A0810;}.intro-statement .statement a{color:inherit;}.stamp,.stamp:hover,.photo-frame:hover img{transform:none;}.photo-strip{transition:none;}}