#sp-toggle-q9tslz .twentytwenty-handle {display:flex;align-items:center;justify-content:center;border-width:3px;margin-left: calc(-50px/2 - 3px ) ;margin-top: calc(-50px/2 - 3px ) ;width:50px;height:50px;border-radius:50%}      #sp-toggle-q9tslz .twentytwenty-horizontal .twentytwenty-handle::before {margin-left: calc(-3px/2) ;margin-bottom: calc( ( 50px + ( 3px * 2 ) ) / 2 ) ;width:3px}      #sp-toggle-q9tslz .twentytwenty-horizontal .twentytwenty-handle::after {margin-left: calc(-3px/2) ;margin-top: calc( ( 50px + ( 3px * 2 ) ) / 2 ) ;width:3px}      #sp-toggle-q9tslz .twentytwenty-vertical .twentytwenty-handle::before {margin-left: calc( ( 50px + ( 3px * 2 ) ) / 2 ) ;margin-top: calc(-3px/2) ;height:3px}      #sp-toggle-q9tslz .twentytwenty-vertical .twentytwenty-handle::after {margin-right: calc( ( 50px + ( 3px * 2 ) ) / 2 ) ;margin-top: calc(-3px/2) ;height:3px}      #sp-toggle-q9tslz .twentytwenty-handle .twentytwenty-left-arrow {position:relative;border-width:10px;margin-right:calc(10px/2) }      #sp-toggle-q9tslz .twentytwenty-handle .twentytwenty-right-arrow {position:relative;border-width:10px;margin-left:calc(10px/2) }      #sp-toggle-q9tslz .twentytwenty-handle .twentytwenty-down-arrow {position:relative;border-width:10px}      #sp-toggle-q9tslz .twentytwenty-handle .twentytwenty-up-arrow {position:relative;margin-bottom:10px;border-width:10px}      #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-before-label , #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-after-label {display:flex;align-items:center;justify-content:center}      #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-before-label::before {content:'Before'}      #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-after-label::before {content:'After'}   #sp-lt7ar3v1w5h8{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('https://reroofcanterbury.co.nz/wp-content/uploads/2025/05/20240820_170113-1-scaled.webp'); background-color: rgb(0, 0, 0); width: 100%; max-width: 100%; background-position: -424px -378px;}#sp-ic2584vsspjm{width: calc(100% + 0px);}#sp-ad9mxky676li{height: 60px;}#sp-91v1ob7vp4{text-decoration: none;}#sp-haxmrunyg18e{color: rgb(255, 255, 255); text-align: left; margin: 0px;}#sp-uxn3wzobik8{height: 60px;}#sp-a5x88bfvn81o{width: 100%; max-width: 100%;}#sp-bjggn7vyufu{margin-top: 80px; margin-bottom: 50px;}#sp-pktrq2hr21m{width: calc(90% + 0px);}#sp-ftko8hvkwy{text-decoration: none;}#sp-ly8z3w{text-align: center; margin: 0px;}#sp-prlqbbg1217c{font-size: 20px; margin: 0px; text-align: center;}#sp-n56hdxgxzpeb{width: calc(33.3333% + 0px);}#sp-qotskhpdmjsk{text-align: center; justify-content: center; font-size: 48px; margin: 0px;}#sp-p3fpd0uky1{font-size: 48px; color: rgb(250, 168, 25);}#sp-z8xfe3tbyc{text-decoration: none;}#sp-b0nwah6jsz1fh{text-align: center; margin: 0px;}#sp-jomyb2rlx3i{margin: 0px; text-align: left;}#sp-xslu1n689s4i{width: calc(33.3333% + 0px);}#sp-z9zd1ziq6468{text-align: center; justify-content: center; font-size: 48px; margin: 0px;}#sp-7x5xk2z0sv{font-size: 48px; color: rgb(250, 168, 25);}#sp-d6aay5m02y{text-decoration: none;}#sp-cx6dseqsheh{text-align: center; margin: 0px;}#sp-l862hdkbjbmp{margin: 0px; text-align: left;}#sp-ih6k5du1tojd{width: calc(33.3333% + 0px);}#sp-oetj9lp3lra5{text-align: center; justify-content: center; font-size: 48px; margin: 0px;}#sp-kdpnb7dz1a{font-size: 48px; color: rgb(250, 168, 25);}#sp-emurueu4va{text-decoration: none;}#sp-k498a0550qi2{text-align: center; margin: 0px;}#sp-so8d967hnjn{margin: 0px; text-align: left;}#sp-kr0wny{width: calc(100% + 0px);}#sp-toggle-q9tslz{margin: 0px; text-align: left;}#sp-e5n6edjr76{width: 100%; height: 100%;}@media only screen and (max-width: 480px) { #sp-ad9mxky676li {height:40px !important;} .sp-headline-block-haxmrunyg18e,   #sp-haxmrunyg18e,   #haxmrunyg18e {text-align:center !important;} #sp-uxn3wzobik8 {height:40px !important;} #sp-bjggn7vyufu {margin:80px 0px 40px 0px  !important;} .sp-headline-block-ly8z3w,   #sp-ly8z3w,   #ly8z3w {text-align:center !important;} .sp-text-wrapper-prlqbbg1217c,   #sp-prlqbbg1217c,   #prlqbbg1217c {text-align:center !important;} #sp-qotskhpdmjsk {text-align:center !important;} .sp-headline-block-b0nwah6jsz1fh,   #sp-b0nwah6jsz1fh,   #b0nwah6jsz1fh {text-align:center !important;} .sp-text-wrapper-jomyb2rlx3i,   #sp-jomyb2rlx3i,   #jomyb2rlx3i {text-align:left !important;} #sp-z9zd1ziq6468 {text-align:center !important;} .sp-headline-block-cx6dseqsheh,   #sp-cx6dseqsheh,   #cx6dseqsheh {text-align:center !important;} .sp-text-wrapper-l862hdkbjbmp,   #sp-l862hdkbjbmp,   #l862hdkbjbmp {text-align:left !important;} #sp-oetj9lp3lra5 {text-align:center !important;} .sp-headline-block-k498a0550qi2,   #sp-k498a0550qi2,   #k498a0550qi2 {text-align:center !important;} .sp-text-wrapper-so8d967hnjn,   #sp-so8d967hnjn,   #so8d967hnjn {text-align:left !important;} #sp-toggle-q9tslz {text-align:left !important;} #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-before-label ,   #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-after-label  {align-items:flex-start !important;justify-content:flex-start !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { #sp-ad9mxky676li {height:10px !important;} .sp-headline-block-haxmrunyg18e,   #sp-haxmrunyg18e,   #haxmrunyg18e {text-align:center !important;} #sp-uxn3wzobik8 {height:10px !important;} .sp-headline-block-ly8z3w,   #sp-ly8z3w,   #ly8z3w {text-align:center !important;} .sp-text-wrapper-prlqbbg1217c,   #sp-prlqbbg1217c,   #prlqbbg1217c {text-align:center !important;} #sp-qotskhpdmjsk {text-align:center !important;} .sp-headline-block-b0nwah6jsz1fh,   #sp-b0nwah6jsz1fh,   #b0nwah6jsz1fh {text-align:center !important;} .sp-text-wrapper-jomyb2rlx3i,   #sp-jomyb2rlx3i,   #jomyb2rlx3i {text-align:left !important;} #sp-z9zd1ziq6468 {text-align:center !important;} .sp-headline-block-cx6dseqsheh,   #sp-cx6dseqsheh,   #cx6dseqsheh {text-align:center !important;} .sp-text-wrapper-l862hdkbjbmp,   #sp-l862hdkbjbmp,   #l862hdkbjbmp {text-align:left !important;} #sp-oetj9lp3lra5 {text-align:center !important;} .sp-headline-block-k498a0550qi2,   #sp-k498a0550qi2,   #k498a0550qi2 {text-align:center !important;} .sp-text-wrapper-so8d967hnjn,   #sp-so8d967hnjn,   #so8d967hnjn {text-align:left !important;} #sp-toggle-q9tslz {text-align:left !important;} #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-before-label ,   #sp-toggle-q9tslz .twentytwenty-overlay .twentytwenty-after-label  {align-items:flex-start !important;justify-content:flex-start !important;}}