:root{--red:#CC0000;--red-dark:#A30000;--red-light:#E63333;--red-glow:rgba(204,0,0,0.15);--red-subtle:rgba(204,0,0,0.06);--dark:#0F0F14;--dark2:#16161D;--dark3:#1C1C26;--dark-border:rgba(255,255,255,0.08);--white:#FFF;--g100:#F7F7F8;--g200:#E8E8EC;--g300:#D1D1D8;--g400:#9898A6;--g500:#6B6B7B;--g600:#4A4A5A;--fh:'Outfit',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;--r:16px;--rs:10px;--rf:9999px;--tr:0.3s cubic-bezier(0.4,0,0.2,1)} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased} body{font-family:var(--fb);color:var(--dark);line-height:1.7;overflow-x:hidden;background:var(--white)} img{max-width:100%;height:auto;display:block} a{text-decoration:none;color:inherit;transition:var(--tr)} h1,h2,h3,h4,h5{font-family:var(--fh);font-weight:700;line-height:1.15;letter-spacing:-0.025em} h1{font-size:clamp(2.5rem,5.5vw,4rem)} h2{font-size:clamp(1.8rem,3.5vw,2.8rem)} h3{font-size:clamp(1.2rem,2vw,1.5rem)} .container{max-width:1200px;margin:0 auto;padding:0 24px} .nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,15,20,0.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,0.06);transition:var(--tr)} .nav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,0.3)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px;max-width:1200px;margin:0 auto;padding:0 24px} .nav-logo{display:flex;align-items:center;gap:10px} .nav-logo span{font-family:var(--fh);font-weight:900;font-size:1.4rem;color:var(--red);letter-spacing:0.05em;text-transform:uppercase} .nav-links{display:flex;align-items:center;gap:4px;list-style:none} .nav-links a{font-size:0.92rem;font-weight:500;color:rgba(255,255,255,0.7);padding:8px 16px;border-radius:var(--rs);transition:var(--tr)} .nav-links a:hover,.nav-links a.active{color:var(--red);background:var(--red-subtle)} .nav-cta{background:var(--red)!important;color:white!important;font-weight:600!important;padding:10px 24px!important;border-radius:var(--rf)!important} .nav-cta:hover{background:var(--red-dark)!important;transform:translateY(-1px);box-shadow:0 4px 20px var(--red-glow)} .nav-phone{background:transparent!important;color:var(--red)!important;border:2px solid var(--red)!important;font-weight:600!important;padding:8px 20px!important;border-radius:var(--rf)!important} .nav-phone:hover{background:var(--red)!important;color:white!important} .nav-toggle{display:none} .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1001;background:none;border:none} .burger span{display:block;width:24px;height:2px;background:white;border-radius:2px;transition:var(--tr)} @media(max-width:768px){ .burger{display:flex} .nav-links{position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;flex-direction:column;align-items:flex-start;padding:100px 32px 32px;background:var(--dark);box-shadow:-8px 0 40px rgba(0,0,0,0.4);transition:right var(--tr);gap:0} .nav-links a{font-size:1.1rem;padding:14px 0;width:100%;border-bottom:1px solid rgba(255,255,255,0.08);border-radius:0;color:rgba(255,255,255,0.8)} .nav-cta{margin-top:16px;text-align:center;border-bottom:none!important} .nav-toggle:checked~.nav-links{right:0} .nav-toggle:checked~.burger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)} .nav-toggle:checked~.burger span:nth-child(2){opacity:0} .nav-toggle:checked~.burger span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)} } .hero{min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0F0F14 0%,#1a0a0a 50%,#0F0F14 100%);color:white} .hero::before{content:'';position:absolute;top:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(204,0,0,0.18) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite alternate} .hero::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(204,0,0,0.1) 0%,transparent 70%);animation:pulse 10s ease-in-out infinite alternate-reverse} @keyframes pulse{0%{transform:scale(1);opacity:0.5}100%{transform:scale(1.15);opacity:1}} .hero-content{position:relative;z-index:1;max-width:800px} .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(204,0,0,0.15);border:1px solid rgba(204,0,0,0.3);color:var(--red-light);font-size:0.85rem;font-weight:600;padding:8px 20px;border-radius:var(--rf);margin-bottom:24px} .hero h1{color:white;margin-bottom:20px} .hero h1 .accent{color:var(--red-light)} .hero p{font-size:clamp(1rem,2vw,1.2rem);color:rgba(255,255,255,0.7);max-width:600px;margin:0 auto 36px;line-height:1.7} .hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} .hero-page{min-height:50vh;padding:140px 24px 60px;background:linear-gradient(160deg,#0F0F14 0%,#1a0a0a 100%);text-align:center;color:white} .hero-page h1{margin-bottom:12px} .hero-page p{color:rgba(255,255,255,0.65);max-width:600px;margin:0 auto;font-size:1.15rem} .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-weight:600;font-size:0.95rem;padding:14px 32px;border-radius:var(--rf);border:2px solid transparent;cursor:pointer;transition:var(--tr);white-space:nowrap} .btn:hover{transform:translateY(-2px)} .btn-red{background:var(--red);color:white;border-color:var(--red)} .btn-red:hover{background:var(--red-dark);box-shadow:0 8px 32px var(--red-glow)} .btn-outline{background:transparent;color:white;border-color:rgba(255,255,255,0.25)} .btn-outline:hover{border-color:var(--red);color:var(--red)} .btn-white{background:white;color:var(--dark);border-color:white} .btn-white:hover{background:var(--g100);box-shadow:0 8px 32px rgba(0,0,0,0.15)} .section{padding:100px 0;position:relative} .section-sm{padding:60px 0} .section-dark{background:var(--dark);color:white} .section-dark h2,.section-dark h3{color:white} .section-dark p{color:rgba(255,255,255,0.7)} .section-gray{background:var(--g100)} .section-red{background:linear-gradient(135deg,rgba(204,0,0,0.03) 0%,rgba(204,0,0,0.08) 100%)} .section-header{text-align:center;max-width:650px;margin:0 auto 56px} .section-header .label{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--red);margin-bottom:12px} .section-header h2{margin-bottom:16px} .section-header p{color:var(--g500);font-size:1.08rem;line-height:1.7} .grid{display:grid;gap:28px} .grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))} .grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))} .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} @media(max-width:768px){.split{grid-template-columns:1fr;gap:40px}} .card{background:white;border:1px solid var(--g200);border-radius:var(--r);padding:36px;transition:var(--tr);position:relative;overflow:hidden} .card:hover{transform:translateY(-6px);box-shadow:0 12px 48px rgba(0,0,0,0.1);border-color:rgba(204,0,0,0.2)} .card-icon{width:60px;height:60px;border-radius:14px;background:var(--red-subtle);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--red);margin-bottom:20px;transition:var(--tr)} .card:hover .card-icon{background:var(--red);color:white} .card h3{margin-bottom:10px} .card p{color:var(--g500);font-size:0.95rem;line-height:1.65} .card-link{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:600;font-size:0.9rem;margin-top:16px;transition:var(--tr)} .card-link:hover{gap:10px} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:40px;text-align:center} .stat-num{font-family:var(--fh);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;color:var(--red);letter-spacing:-0.03em;line-height:1;margin-bottom:6px} .stat-label{font-size:0.9rem;color:var(--g500);font-weight:500} .section-dark .stat-label{color:rgba(255,255,255,0.6)} .accred-bar{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;padding:20px 0} .accred-bar .accred-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:0.8rem;font-weight:600;color:var(--g500);text-transform:uppercase;letter-spacing:0.05em} .accred-bar .accred-icon{width:56px;height:56px;border-radius:50%;background:var(--red-subtle);display:flex;align-items:center;justify-content:center;color:var(--red);transition:var(--tr)} .accred-bar .accred-item:hover .accred-icon{background:var(--red);color:white} .testimonial{background:white;border:1px solid var(--g200);border-radius:var(--r);padding:36px;position:relative} .testimonial .stars{color:#FBBF24;font-size:1.1rem;margin-bottom:16px;letter-spacing:2px} .testimonial blockquote{font-size:1rem;line-height:1.75;color:var(--g600);margin-bottom:20px;font-style:normal} .testimonial-author{display:flex;align-items:center;gap:12px} .testimonial-author strong{font-size:0.95rem;display:block} .testimonial-author span{font-size:0.82rem;color:var(--g400)} .cta{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);border-radius:var(--r);padding:72px 48px;text-align:center;position:relative;overflow:hidden} .cta::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:rgba(255,255,255,0.08);border-radius:50%} .cta h2,.cta p{color:white;position:relative;z-index:1} .cta p{opacity:0.9;max-width:500px;margin:12px auto 32px;font-size:1.1rem} .cta .btn{position:relative;z-index:1} .footer{background:var(--dark);color:rgba(255,255,255,0.7);padding:80px 0 32px} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px} @media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}} @media(max-width:480px){.footer-grid{grid-template-columns:1fr}} .footer h4{color:white;font-family:var(--fh);font-size:1rem;font-weight:700;margin-bottom:16px} .footer p{font-size:0.9rem;line-height:1.7} .footer ul{list-style:none} .footer ul li{margin-bottom:10px} .footer ul a{font-size:0.9rem;color:rgba(255,255,255,0.6)} .footer ul a:hover{color:var(--red)} .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:0.85rem} .footer-social{display:flex;gap:10px} .footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:0.85rem;transition:var(--tr)} .footer-social a:hover{background:var(--red);color:white;transform:translateY(-2px)} .form-group{margin-bottom:20px} .form-label{display:block;font-weight:600;font-size:0.9rem;margin-bottom:6px;color:var(--dark)} .form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;font-family:var(--fb);font-size:0.95rem;border:1.5px solid var(--g200);border-radius:var(--rs);background:white;color:var(--dark);transition:var(--tr)} .form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)} .form-textarea{min-height:140px;resize:vertical} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:640px){.form-row{grid-template-columns:1fr}} details{border-bottom:1px solid var(--g200)} details summary{width:100%;text-align:left;background:none;border:none;font-family:var(--fb);font-weight:600;font-size:1.05rem;color:var(--dark);padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none} details summary::-webkit-details-marker{display:none} details summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--red);transition:var(--tr)} details[open] summary::after{transform:rotate(45deg)} details summary:hover{color:var(--red)} details .faq-a-content{padding:0 0 20px;color:var(--g500);line-height:1.7} .reveal{opacity:1;transform:none} .rd1{}.rd2{}.rd3{} .text-center{text-align:center} .mt-4{margin-top:32px} .img-rounded{border-radius:var(--r);overflow:hidden} .img-shadow{box-shadow:0 12px 48px rgba(0,0,0,0.1)} .feature-row{display:flex;align-items:center;gap:16px;margin-bottom:24px} .feature-row .dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex-shrink:0} .feature-row p{margin:0;font-size:1rem;font-weight:500} .process-step{display:flex;gap:24px;align-items:flex-start;margin-bottom:40px} .process-num{width:52px;height:52px;border-radius:50%;flex-shrink:0;background:var(--red-subtle);color:var(--red);font-family:var(--fh);font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center} .process-step h3{margin-bottom:6px} .process-step p{color:var(--g500);font-size:0.95rem} .timeline{position:relative;padding-left:40px} .timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--g200)} .timeline-item{position:relative;margin-bottom:40px} .timeline-item::before{content:'';position:absolute;left:-33px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--red);border:3px solid white;box-shadow:0 0 0 2px var(--red)} .timeline-item h3{margin-bottom:4px} .timeline-item .year{font-size:0.85rem;color:var(--red);font-weight:700;margin-bottom:4px} .timeline-item p{color:var(--g500);font-size:0.95rem}
Home Locations Norwich
NHSS Sector 16 | Established 1993

Surfacing Services in Norwich

Professional road surfacing, car park construction, sports pitches and specialist asphalt services in Norwich, Norfolk. NHSS Sector 16 certified. Vögele paver fleet.

Norwich

Our Services in Norwich

Road Surfacing

Professional road surfacing and resurfacing for motorways, A-roads, local authority roads and estate roads. Machine-laid asphalt with Vögele track pavers.

Road Surfacing in Norwich

Civil Engineering

Drainage, kerbing, excavation and earthworks. Full groundworks and enabling works to Section 38/278 adoption standards in Norwich and across the UK.

Civil Engineering

Paco Patching

Permanent asphalt patching for potholes, highway defects and utility reinstatements. Fast, long-lasting repairs in all weather conditions.

Paco Patching

Nearby Locations

Get a Free Quote in Norwich

Professional surfacing services across Norwich and Norfolk. Contact us today.

Get a Free Quote