:root{--blue:#315d7a;--light-grey:#f5f5f5;--btn-blue:#264961;--btn-lightblue:#1f94d3;--btn-green:#7fa940}p.disclaim{color:#fff;font-size:14px;margin:auto;max-width:100ch;padding-bottom:36px}@media (max-width:768px){.resCont{margin-top:-75px}.area-angle .angleImgs{margin-top:55px}.area-map .locationInfo{width:100%!important}.area-map svg{margin-top:30vh}button#sEnq{font-size:12px}}.angleSVGs{align-items:flex-end;display:flex;justify-content:center;min-height:160px}.area-compass .gMapPC .copy{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px 40px}.area-compass .gMapPC{box-shadow:5px 4px 4px rgba(49,93,122,.35)}.hs_solar_calculator_results_enquiry{display:none}button#sEmail,button#sEnq{background-color:#e9872c;display:inline-block;left:50%;margin:45px auto 0;text-align:center}input[type=range]{border:none}body{color:var(--blue);font-family:Lato,sans-serif;line-height:1.4;margin:0 auto}@media (max-width:1000px){body{margin:10px 20px}}h1{text-align:center}.calc-section h2{font-size:32px}.calc-section h3{font-size:26px}.calc-section{margin:80px auto;max-width:1200px;text-align:center;width:100%}.bg-blue{background:linear-gradient(180deg,#fff,rgba(158,203,231,.56) 86.53%,#fff);margin-top:-100px}.bg-end{background:linear-gradient(90deg,#315d7a,#2184b8)}h2#resTitle{font-size:30px;margin:45px 0 30px;text-align:center}.col-2-up{display:grid;grid-template-columns:1fr;grid-gap:12px}.col-2-up .textContent{max-width:60ch}@media (min-width:768px){.col-2-up{align-items:flex-end;grid-template-columns:2fr 1fr}}.col-2-up-even{display:grid;grid-template-columns:1fr;grid-gap:12px}.col-2-up-even .textContent{max-width:60ch}@media (min-width:768px){.col-2-up-even{align-items:flex-end;grid-template-columns:1fr 1fr}}.col-3-up{display:grid;grid-template-columns:1fr;grid-gap:12px}@media (min-width:768px){.col-3-up{grid-template-columns:repeat(6,1fr)}}.col-4-up{display:grid;grid-template-columns:1fr;grid-gap:12px}@media (min-width:768px){.col-4-up{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.col-4-up{grid-template-columns:repeat(4,1fr)}}.area-roof .roofImgGrid{position:relative}.area-roof .roofImgGrid svg{width:100%!important}.area-roof .area-roof-range{margin-top:20px;text-align:center}.area-roof .area-roof-range .area-labels{display:flex;justify-content:space-between;margin:20px 10px 0}.area-roof .area-roof-range .area-labels .area-lbl{font-weight:700}.area-roof .area-roof-range input{width:100%}.area-roof .area-roof-range input#roof-value{background-color:var(--light-grey);border:1px solid #315d7a;border-radius:10px;color:var(--blue);font-size:20px;height:41px;margin:20px auto;max-width:200px;padding:5px 10px;text-align:center}.area-compass .gMapPC{background-color:var(--light-grey);border-radius:13px;height:400px;order:2;position:relative;width:100%}@media (max-width:768px){.area-compass .gMapPC{height:auto;order:1}}.area-compass .gMapPC .copy{padding:20px}.area-compass .gMap{background-color:var(--blue);background-image:url(https://24902330.fs1.hubspotusercontent-eu1.net/hubfs/24902330/myriad-sheds-googlemap.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:13px 0 0 13px;height:450px;order:1;width:100%}.area-compass .overlay{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%;z-index:1}@media (max-width:768px){.area-compass .gMap{border-radius:13px;order:2}}.area-compass .gmap-section{margin-bottom:20px;grid-gap:0!important;align-items:center}@media (max-width:768px){.area-compass .gmap-section{grid-gap:20px!important}}.area-compass .btns{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.area-compass .btns{justify-content:center}}.area-compass .btns button{background:#264961;border:none;border-radius:10px;box-shadow:0 4px 4px rgba(49,93,122,.35);color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:52px;width:108px}.area-compass .btns button#btn-W{background-color:var(--btn-blue)}.area-compass .btns button#btn-SW{background-color:var(--btn-lightblue)}.area-compass .btns button#btn-S{background-color:var(--btn-green)}.area-compass .btns button#btn-SE{background-color:var(--btn-lightblue)}.area-compass .btns button#btn-E{background-color:var(--btn-blue)}.area-price{margin-top:70px;text-align:center}.area-price .textContent p{margin-left:auto;margin-right:auto;max-width:85ch}.area-price .area-price-range{margin-top:30px;text-align:center}.area-price .area-price-range .price-labels{display:flex;justify-content:space-between;margin:20px auto 40px;max-width:700px}.area-price .area-price-range .price-labels .price-lbl{font-weight:700}.area-price .area-price-range input{display:block;margin-left:auto;margin-right:auto;margin-top:35px;max-width:700px;width:100%}.area-price .area-price-range input#price-value{background-color:var(--light-grey);border:1px solid #315d7a;border-radius:10px;color:var(--blue);font-size:20px;height:41px;margin:20px auto;max-width:200px;padding:5px 10px;text-align:center}.area-material{margin-top:90px;text-align:center}.area-material .material-intro{margin-bottom:40px}.area-material .material-intro.outro{margin:40px auto 0;max-width:40ch;text-align:center}.area-material .material-intro.outro a{background:#ea882b;border-radius:8px;color:#fff;display:inline-block;margin-top:10px!important;padding:9px 19px;text-decoration:none}.area-material .ctaCard{background-color:#fff;border:5px solid transparent;border-radius:17px 17px 0 0;cursor:pointer;filter:drop-shadow(1px 4px 6px rgba(49,93,122,.35));grid-column:span 2}.area-material .ctaCard.ctaSel{border:5px solid #7fa940}.area-material .ctaCard span{display:block;padding:14px 0;text-align:center}.area-material .ctaCard img{background-size:cover;border-radius:10px 16px 0 0;width:100%}.area-angle{min-height:300px;padding-top:150px}.area-angle .col-2-up-even{align-items:center;column-gap:50px;min-height:330px}.area-angle .angleImgs{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:325px;position:relative}.area-angle .angleImgs input#angle-value{font-size:20px;padding:3px;position:absolute;right:70px;text-align:center;top:-37px;width:50px;z-index:1111}.area-angle .angleImgs .angle-labels{display:flex;justify-content:space-between;margin:-15px auto 40px;width:100%}.area-angle .angleImgs .angle-labels .price-lbl{font-weight:700}.area-angle #area-roof-angle{margin:30px 0;width:100%}.area-map{position:relative}.area-map .intMap{position:relative;z-index:1}.area-map g{transition:all .2s ease-in}.area-map g#\#midlands-pin,.area-map g#\#north-england-pin,.area-map g#\#north-scotland-pin,.area-map g#\#south-england-pin,.area-map g#\#south-scotland-pin{display:none}.area-map .locationInfo{background:#f5f5f5;border-radius:20px;box-shadow:5px 4px 4px rgba(49,93,122,.35);padding:20px;position:absolute;right:0;top:0;width:247px;z-index:0}.area-map svg{transition:all .2s ease-in;width:100%;z-index:1}.area-map svg g circle:nth-of-type(2){cursor:pointer}.area-map .animate{animation-duration:2s;animation-fill-mode:forwards;animation-name:move-box}@keyframes move-box{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.area-results .resBox{padding:30px 0 50px}.area-results .resBox .boxLabs{color:#fff;font-size:23px;font-weight:700;text-align:center}.area-results .resBox .boxRes{border:1px solid #fff;border-radius:12px;color:#fff;font-size:21px;margin:15px auto 0;max-width:235px;min-width:190px;padding:10px;text-align:center}.angleImgs input[type=range],.area-price-range input[type=range],.area-roof-range input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.angleImgs input[type=range]:focus,.area-price-range input[type=range]:focus,.area-roof-range input[type=range]:focus{outline:none}.angleImgs input[type=range]::-webkit-slider-runnable-track,.area-price-range input[type=range]::-webkit-slider-runnable-track,.area-roof-range input[type=range]::-webkit-slider-runnable-track{background-color:var(--blue);border-radius:.5rem;height:16px}.angleImgs input[type=range]::-webkit-slider-thumb,.area-price-range input[type=range]::-webkit-slider-thumb,.area-roof-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(319.09deg,#c6eaf6 15.89%,#1aa4ec 82.22%);border:4px solid #b6b6b6;border-radius:50%;height:36px;margin-top:-12px;width:36px}.angleImgs input[type=range]::-moz-range-track,.area-price-range input[type=range]::-moz-range-track,.area-roof-range input[type=range]::-moz-range-track{background-color:var(--blue);border-radius:.5rem;height:16px}.angleImgs input[type=range]::-moz-range-thumb,.area-price-range input[type=range]::-moz-range-thumb,.area-roof-range input[type=range]::-moz-range-thumb{background:linear-gradient(319.09deg,#c6eaf6 15.89%,#1aa4ec 82.22%);border:4px solid #b6b6b6;border-radius:50%;height:36px;width:36px}what3words-map{position:relative;visibility:hidden}#search-container{margin:10px 10px 10px auto;position:unset!important;width:35%}.ctaCard:last-child:nth-child(3n - 1){grid-column-end:-2}.ctaCard:nth-last-child(2):nth-child(3n+1){grid-column-end:4}.blur{color:transparent!important;cursor:default;text-shadow:0 0 8px hsla(0,0%,100%,.5);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}