<!DOCTYPE html>
<html lang="en-CA">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Masonry Services in Vancouver | A1A Roofing & Masonry</title>
    <meta name="description" content="A1A Roofing & Masonry provides masonry services in Vancouver including custom brick and stone work, tuckpointing, stone veneer, cladding, fireplaces, BBQs, outdoor kitchens, waterproofing, sealing and historic restoration.">
    <link rel="canonical" href="https://a1aroofingandmasonry.com/masonry-contractor.html">

    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
    <link rel="manifest" href="assets/images/favicons/site.webmanifest">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css">
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css">
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css">
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css">
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/vendors/roofsie-icons/style.css">
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css">
    <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css">
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css">
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css">
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css">

    <link rel="stylesheet" href="assets/css/roofsie.css">
    <link rel="stylesheet" href="assets/css/roofsie-responsive.css">

    <style>
        :root {
            --a1a-gold: #f2b705;
            --a1a-gold-dark: #d89e00;
            --a1a-dark: #101722;
            --a1a-navy: #071827;
            --a1a-soft: #f6f7f9;
            --a1a-text: #5b6470;
            --a1a-border: #e7e9ee;
        }

        .preloader {
            display: none !important;
        }

        body {
            font-family: "Manrope", sans-serif;
            background: #fff;
        }

        .main-header__logo img,
        .logo-box img {
            object-fit: contain;
            max-width: 100%;
            height: auto;
        }

        .page-header {
            position: relative;
            min-height: 430px;
            display: flex;
            align-items: center;
            background: transparent !important;
        }

        .page-header-bg {
            opacity: 1 !important;
            background-size: cover !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
        }

        .page-header-bg:before,
        .page-header-bg::before,
        .page-header::before,
        .page-header::after {
            display: none !important;
            content: none !important;
            opacity: 0 !important;
            background: transparent !important;
        }

        .page-header .container {
            position: relative;
            z-index: 2;
        }

        .page-header__inner {
            max-width: 850px;
            background: rgba(7, 24, 39, .62);
            backdrop-filter: blur(4px);
            border-left: 7px solid var(--a1a-gold);
            padding: 34px 38px;
            border-radius: 18px;
            box-shadow: 0 24px 60px rgba(0,0,0,.28);
        }

        .page-header__inner h2 {
            color: #ffffff !important;
            font-size: 54px;
            line-height: 1.02;
            font-weight: 900;
            text-shadow: 0 3px 14px rgba(0, 0, 0, .65);
            margin-top: 10px;
        }

        .thm-breadcrumb li,
        .thm-breadcrumb li a,
        .thm-breadcrumb li span {
            color: #ffffff !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, .65);
            font-weight: 800;
        }

        .a1a-hero-mini-cta {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 24px;
        }

        .a1a-hero-mini-cta a {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 13px 22px;
            border-radius: 999px;
            font-weight: 900;
            text-decoration: none;
        }

        .a1a-hero-call {
            background: var(--a1a-gold);
            color: #111;
        }

        .a1a-hero-quote {
            background: rgba(255,255,255,.16);
            color: #fff;
            border: 1px solid rgba(255,255,255,.25);
        }

        .service-details {
            padding-top: 105px;
        }

        .service-details__category-list li a {
            font-weight: 900;
        }

        .service-details__left {
            position: sticky;
            top: 110px;
        }

        .a1a-sidebar-note {
            background: #fff;
            border-radius: 18px;
            border: 1px solid var(--a1a-border);
            box-shadow: 0 14px 38px rgba(0,0,0,.07);
            padding: 26px;
            margin-top: 28px;
        }

        .a1a-sidebar-note h3 {
            font-size: 22px;
            font-weight: 900;
            color: var(--a1a-dark);
            margin-bottom: 12px;
        }

        .a1a-sidebar-note p {
            color: var(--a1a-text);
            line-height: 1.7;
            margin-bottom: 0;
        }

        .service-details__img {
            position: relative;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(0, 0, 0, .16);
            margin-bottom: 38px;
        }

        .service-details__img img {
            width: 100%;
            height: auto;
            min-height: 420px;
            object-fit: cover;
            display: block;
        }

        .service-details__img:after {
            content: "Brick • Stone • Restoration • Waterproofing";
            position: absolute;
            left: 24px;
            bottom: 24px;
            background: rgba(7,24,39,.82);
            color: #fff;
            padding: 13px 20px;
            border-radius: 999px;
            font-weight: 900;
            letter-spacing: .2px;
            border: 1px solid rgba(255,255,255,.18);
        }

        .a1a-intro-panel {
            background:
                radial-gradient(circle at top right, rgba(242,183,5,.18), transparent 35%),
                #ffffff;
            border: 1px solid var(--a1a-border);
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 18px 50px rgba(0, 0, 0, .07);
            margin-bottom: 42px;
        }

        .a1a-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            background: #fff7dc;
            color: #6e4d00;
            border: 1px solid rgba(242,183,5,.4);
            border-radius: 999px;
            padding: 9px 15px;
            font-size: 13px;
            font-weight: 900;
            margin-bottom: 18px;
        }

        .a1a-intro-panel h1 {
            font-size: 42px;
            line-height: 1.1;
            font-weight: 900;
            color: var(--a1a-dark);
            margin-bottom: 18px;
        }

        .a1a-intro-panel p {
            font-size: 17px;
            line-height: 1.85;
            color: var(--a1a-text);
            margin-bottom: 15px;
        }

        .a1a-masonry-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 26px;
        }

        .a1a-masonry-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #f7f7f7;
            border: 1px solid #ececec;
            border-radius: 999px;
            padding: 10px 15px;
            font-size: 14px;
            font-weight: 900;
            color: #1f2937;
        }

        .a1a-masonry-badge i {
            color: var(--a1a-gold);
        }

        .a1a-stats-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            margin: 0 0 42px;
        }

        .a1a-stat-box {
            background: var(--a1a-dark);
            border-radius: 18px;
            padding: 26px;
            color: #fff;
            position: relative;
            overflow: hidden;
        }

        .a1a-stat-box:after {
            content: "";
            position: absolute;
            right: -40px;
            bottom: -40px;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: rgba(242,183,5,.14);
        }

        .a1a-stat-box strong {
            display: block;
            font-size: 34px;
            line-height: 1;
            color: var(--a1a-gold);
            font-weight: 900;
            margin-bottom: 8px;
        }

        .a1a-stat-box span {
            display: block;
            color: rgba(255,255,255,.8);
            font-weight: 800;
        }

        .masonry-service-section {
            margin-bottom: 44px;
        }

        .section-title-clean {
            margin-bottom: 26px;
        }

        .section-title-clean span {
            color: var(--a1a-gold-dark);
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .8px;
            font-size: 13px;
        }

        .section-title-clean h2 {
            font-size: 36px;
            line-height: 1.15;
            font-weight: 900;
            color: var(--a1a-dark);
            margin: 8px 0 10px;
        }

        .section-title-clean p {
            color: var(--a1a-text);
            line-height: 1.75;
            max-width: 780px;
            margin: 0;
        }

        .masonry-service-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px;
        }

        .masonry-service-card {
            background: #ffffff;
            border: 1px solid var(--a1a-border);
            border-radius: 22px;
            padding: 30px 25px;
            box-shadow: 0 16px 42px rgba(0, 0, 0, .075);
            min-height: 310px;
            position: relative;
            overflow: hidden;
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
        }

        .masonry-service-card:before {
            content: "";
            position: absolute;
            inset: 0 0 auto 0;
            height: 6px;
            background: linear-gradient(90deg, var(--a1a-gold), #ffe38a);
        }

        .masonry-service-card:after {
            content: "";
            position: absolute;
            right: -70px;
            bottom: -70px;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: rgba(242,183,5,.08);
            transition: .25s ease;
        }

        .masonry-service-card:hover {
            transform: translateY(-6px);
            border-color: rgba(242, 183, 5, .75);
            box-shadow: 0 24px 58px rgba(0, 0, 0, .12);
        }

        .masonry-service-card:hover:after {
            transform: scale(1.25);
        }

        .masonry-service-card .icon {
            width: 58px;
            height: 58px;
            border-radius: 18px;
            background: var(--a1a-gold);
            color: #111;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
            font-size: 22px;
            box-shadow: 0 10px 24px rgba(242, 183, 5, .38);
            position: relative;
            z-index: 2;
        }

        .masonry-service-card h3 {
            font-size: 21px;
            line-height: 1.25;
            font-weight: 900;
            color: var(--a1a-dark);
            margin-bottom: 11px;
            position: relative;
            z-index: 2;
        }

        .masonry-service-card p {
            margin: 0;
            color: var(--a1a-text);
            line-height: 1.75;
            font-size: 15px;
            position: relative;
            z-index: 2;
        }

        .a1a-feature-band {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 26px;
            margin: 46px 0;
        }

        .a1a-feature-dark {
            background: linear-gradient(135deg, #101722, #071827);
            color: #fff;
            border-radius: 24px;
            padding: 38px;
            position: relative;
            overflow: hidden;
        }

        .a1a-feature-dark:after {
            content: "";
            position: absolute;
            right: -80px;
            top: -80px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: rgba(242,183,5,.14);
        }

        .a1a-feature-dark h2 {
            color: #fff;
            font-size: 31px;
            font-weight: 900;
            line-height: 1.18;
            margin-bottom: 15px;
            position: relative;
            z-index: 2;
        }

        .a1a-feature-dark p {
            color: rgba(255,255,255,.78);
            line-height: 1.75;
            margin-bottom: 0;
            position: relative;
            z-index: 2;
        }

        .a1a-feature-list {
            background: #f8fafc;
            border: 1px solid #e8eef4;
            border-radius: 24px;
            padding: 34px;
        }

        .a1a-feature-list h2 {
            font-size: 28px;
            font-weight: 900;
            color: var(--a1a-dark);
            margin-bottom: 18px;
        }

        .masonry-checklist {
            margin: 0;
            padding: 0;
            list-style: none;
            columns: 2;
            column-gap: 24px;
        }

        .masonry-checklist li {
            position: relative;
            break-inside: avoid;
            padding-left: 34px;
            margin-bottom: 13px;
            font-weight: 900;
            color: #1f2937;
            line-height: 1.45;
        }

        .masonry-checklist li:before {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            top: 0;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--a1a-gold);
            color: #111;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }

        .a1a-process {
            margin: 44px 0;
        }

        .a1a-process-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
        }

        .a1a-process-card {
            border: 1px solid var(--a1a-border);
            border-radius: 20px;
            padding: 26px;
            background: #fff;
            box-shadow: 0 14px 36px rgba(0,0,0,.055);
        }

        .a1a-process-card strong {
            width: 44px;
            height: 44px;
            background: var(--a1a-gold);
            color: #111;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            margin-bottom: 16px;
        }

        .a1a-process-card h3 {
            font-size: 19px;
            font-weight: 900;
            color: var(--a1a-dark);
            margin-bottom: 8px;
        }

        .a1a-process-card p {
            color: var(--a1a-text);
            line-height: 1.65;
            margin: 0;
            font-size: 15px;
        }

        .a1a-trust-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            margin: 42px 0;
        }

        .a1a-trust-card {
            background: var(--a1a-dark);
            color: #fff;
            border-radius: 20px;
            padding: 27px;
            min-height: 170px;
        }

        .a1a-trust-card i {
            color: var(--a1a-gold);
            font-size: 27px;
            margin-bottom: 14px;
        }

        .a1a-trust-card h3 {
            color: #fff;
            font-size: 20px;
            font-weight: 900;
            margin-bottom: 8px;
        }

        .a1a-trust-card p {
            color: rgba(255, 255, 255, .78);
            line-height: 1.65;
            margin: 0;
            font-size: 15px;
        }

        .masonry-cta-box {
            background:
                linear-gradient(135deg, rgba(16,23,34,.96), rgba(7,24,39,.96)),
                url(assets/images/backgrounds/main-slider-driveway-1.jpg);
            background-size: cover;
            background-position: center;
            padding: 44px;
            border-radius: 26px;
            margin-top: 42px;
            margin-bottom: 10px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(0,0,0,.17);
        }

        .masonry-cta-box h2 {
            color: #fff;
            font-size: 34px;
            font-weight: 900;
            margin-bottom: 12px;
            position: relative;
            z-index: 2;
        }

        .masonry-cta-box p {
            color: rgba(255, 255, 255, .82);
            margin-bottom: 26px;
            line-height: 1.75;
            max-width: 720px;
            position: relative;
            z-index: 2;
        }

        .masonry-cta-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            position: relative;
            z-index: 2;
        }

        .masonry-cta-box .thm-btn {
            background: var(--a1a-gold);
            color: #111;
        }

        .masonry-cta-box .a1a-secondary-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            padding: 15px 28px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .12);
            color: #fff;
            font-weight: 900;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, .2);
        }

        .service-details__need-help-icon a {
            color: inherit;
            text-decoration: none;
        }

        .call-buton {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 9999;
        }

        .cc-calto-action-ripple {
            width: 62px;
            height: 62px;
            border-radius: 50%;
            background: var(--a1a-gold);
            color: #111;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
            font-size: 24px;
            text-decoration: none;
        }

        .cc-calto-action-ripple:hover {
            color: #111;
            text-decoration: none;
        }

        @media (max-width: 1199px) {
            .masonry-service-grid,
            .a1a-process-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .a1a-trust-strip,
            .a1a-stats-strip,
            .a1a-feature-band {
                grid-template-columns: 1fr;
            }

            .service-details__left {
                position: static;
            }
        }

        @media (max-width: 991px) {
            .service-details__left {
                margin-bottom: 40px;
            }

            .page-header__inner h2 {
                font-size: 42px;
            }
        }

        @media (max-width: 767px) {
            .main-header__logo img {
                max-width: 150px;
                height: auto;
            }

            .page-header {
                min-height: 380px;
            }

            .page-header__inner {
                padding: 26px 22px;
            }

            .page-header__inner h2 {
                font-size: 34px;
            }

            .service-details {
                padding-top: 70px;
            }

            .service-details__img img {
                min-height: 250px;
            }

            .service-details__img:after {
                left: 14px;
                right: 14px;
                bottom: 14px;
                font-size: 13px;
                text-align: center;
            }

            .a1a-intro-panel,
            .a1a-feature-dark,
            .a1a-feature-list,
            .masonry-cta-box {
                padding: 26px 22px;
            }

            .a1a-intro-panel h1,
            .section-title-clean h2,
            .masonry-cta-box h2 {
                font-size: 28px;
            }

            .masonry-service-grid,
            .a1a-process-grid {
                grid-template-columns: 1fr;
            }

            .masonry-checklist {
                columns: 1;
            }

            .masonry-cta-actions,
            .a1a-hero-mini-cta {
                flex-direction: column;
            }

            .masonry-cta-actions a,
            .a1a-hero-mini-cta a {
                width: 100%;
                justify-content: center;
                text-align: center;
            }

            .call-buton {
                right: 16px;
                bottom: 16px;
            }
        }
    </style>

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "HomeAndConstructionBusiness",
        "name": "A1A Roofing & Masonry",
        "url": "https://a1aroofingandmasonry.com/",
        "telephone": "+1-604-600-6960",
        "email": "a1aroofingandmasonry@gmail.com",
        "areaServed": {
            "@type": "City",
            "name": "Vancouver"
        },
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Vancouver",
            "addressRegion": "BC",
            "addressCountry": "CA"
        },
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Masonry Services",
            "itemListElement": [
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Custom Brick and Stone Work"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Tuckpointing and Restoration"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Stone Veneer and Cladding"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Fireplaces, BBQs and Outdoor Kitchens"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Waterproofing and Sealing"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Historic Restoration"
                    }
                }
            ]
        }
    }
    </script>
</head>

<body class="custom-cursor">

    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>

    <div class="preloader">
        <div class="preloader__image"></div>
    </div>

    <div class="page-wrapper">

        <header class="main-header clearfix">
            <div class="main-header__logo">
                <a href="index.html">
                    <img src="assets/images/resources/logo-dark.png" width="220" height="149" alt="A1A Roofing & Masonry logo">
                </a>
            </div>

            <div class="main-header__top">
                <div class="main-header__top-inner">
                    <div class="main-header__top-address">
                        <ul class="list-unstyled main-header__top-address-list">
                            <li>
                                <i class="icon">
                                    <span class="fa fa-clock"></span>
                                </i>
                                <div class="text">
                                    <p>08:30 - 18:00</p>
                                </div>
                            </li>
                            <li>
                                <i class="icon">
                                    <span class="fa fa-envelope"></span>
                                </i>
                                <div class="text">
                                    <p><a href="mailto:a1aroofingandmasonry@gmail.com">a1aroofingandmasonry@gmail.com</a></p>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="main-header__top-right">
                        <div class="main-header__top-menu-box">
                            <ul class="list-unstyled main-header__top-menu">
                                <li><a href="faq.html">Our FAQs</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>

                        <div class="main-header__top-social-box">
                            <div class="main-header__top-social">
                                <a href="#"><i class="fab fa-facebook-square"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <nav class="main-menu clearfix">
                <div class="main-menu__wrapper clearfix">
                    <div class="main-menu__wrapper-inner clearfix">
                        <div class="main-menu__left">
                            <div class="main-menu__main-menu-box">
                                <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>

                                <ul class="main-menu__list">
                                    <li><a href="index.html">Home</a></li>

                                    <li class="dropdown current">
                                        <a href="#">Services</a>
                                        <ul class="border-top-2px">
                                            <li><a href="roof-repair-contractor.html">Roofing Services</a></li>
                                            <li><a href="masonry-paving-contractor.html">Masonry Services</a></li>
                                            <li><a href="chimney-repair-contractor.html">Chimney Repairs</a></li>
                                            <li><a href="contact.html">Free Estimate</a></li>
                                        </ul>
                                    </li>

                                    <li class="dropdown">
                                        <a href="#">Company</a>
                                        <ul class="border-top-2px">
                                            <li><a href="about.php">About Us</a></li>
                                            <li><a href="faq.html">FAQs</a></li>
                                            <li><a href="gallery.html">Gallery</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="main-menu__right">
                            <div class="main-menu__call">
                                <div class="main-menu__call-icon">
                                    <i class="fas fa-phone"></i>
                                </div>
                                <div class="main-menu__call-content">
                                    <p>Call for a free estimate</p>
                                    <a href="tel:604-600-6960">604-600-6960</a>
                                </div>
                            </div>

                            <div class="main-menu__search-box">
                                <a href="#" class="main-menu__search search-toggler icon-magnifying-glass"></a>
                            </div>

                            <div class="main-menu__btn-box">
                                <a href="contact.html" class="thm-btn main-menu__btn">
                                    <i class="fa fa-arrow-right"></i> Free estimate
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>

        <div class="stricky-header stricked-menu main-menu">
            <div class="sticky-header__content"></div>
        </div>

        <section class="page-header">
            <div class="page-header-bg" style="background-image: url(assets/images/backgrounds/main-slider-driveway-1.jpg);"></div>
            <div class="container">
                <div class="page-header__inner">
                    <ul class="thm-breadcrumb list-unstyled">
                        <li><a href="index.html">Home</a></li>
                        <li><span>/</span></li>
                        <li>Services</li>
                        <li><span>/</span></li>
                        <li>Masonry Services</li>
                    </ul>
                    <h2>Premium Masonry Services in Vancouver</h2>

                    <div class="a1a-hero-mini-cta">
                        <a href="tel:604-600-6960" class="a1a-hero-call">
                            <i class="fa fa-phone"></i> Call 604-600-6960
                        </a>
                        <a href="contact.html" class="a1a-hero-quote">
                            <i class="fa fa-envelope"></i> Request Free Estimate
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <section class="service-details">
            <div class="container">
                <div class="row">

                    <div class="col-xl-4 col-lg-5">
                        <div class="service-details__left">

                            <div class="service-details__category">
                                <ul class="service-details__category-list list-unstyled">
                                    <li><a href="roof-repair-contractor.html">Roofing Services <span class="fa fa-angle-right"></span></a></li>
                                    <li class="active"><a href="masonry-paving-contractor.html">Masonry Services <span class="fa fa-angle-right"></span></a></li>
                                    <li><a href="chimney-repair-contractor.html">Chimney Repairs <span class="fa fa-angle-right"></span></a></li>
                                </ul>
                            </div>

                            <div class="service-details__need-help">
                                <div class="service-details__need-help-bg" style="background-image: url(assets/images/backgrounds/service-details-need-help-bg.jpg);"></div>
                                <div class="service-details__need-help-icon">
                                    <a href="tel:604-600-6960"><span class="icon-phone-call"></span></a>
                                </div>
                                <h2 class="service-details__need-help-title">Call today <br> to request <br> a free quote</h2>
                                <div class="service-details__need-help-contact">
                                    <p>08:30 - 18:00</p>
                                    <a href="tel:604-600-6960">604-600-6960</a> / <a href="tel:000-000-0000">000-000-0000</a>
                                </div>
                            </div>

                            <div class="service-details__download">
                                <a href="contact.html" class="thm-btn service-details__btn">
                                    <i class="fa fa-arrow-right"></i> Get a free quote
                                </a>
                            </div>

                            <div class="a1a-sidebar-note">
                                <h3>Specialist Masonry Repairs</h3>
                                <p>
                                    From damaged mortar joints and loose brickwork to full stone restoration and protective sealing, we help preserve, protect and improve your property.
                                </p>
                            </div>

                        </div>
                    </div>

                    <div class="col-xl-8 col-lg-7">
                        <div class="service-details__right">

                            <div class="service-details__img">
                                <img src="assets/images/services/masonry-services-vancouver.png" width="770" height="430" alt="A1A Roofing and Masonry masonry services in Vancouver">
                                <div class="service-details__icon">
                                    <span class="icon-tick-1"></span>
                                </div>
                            </div>

                            <div class="a1a-intro-panel">
                                <div class="a1a-eyebrow">
                                    <i class="fa fa-star"></i> Brickwork, stonework, restoration and waterproof protection
                                </div>

                                <h1>Beautiful, Durable Masonry Work Built to Protect Your Property</h1>

                                <p>
                                    <strong>A1A Roofing &amp; Masonry</strong> provides professional masonry services across Vancouver, including custom brick and stone work, tuckpointing, restoration, stone veneer, cladding, fireplaces, BBQs, outdoor kitchens, waterproofing, sealing and historic restoration.
                                </p>

                                <p>
                                    Good masonry does more than look impressive. It protects your property from water penetration, frost damage, cracking, loose joints and long-term structural wear. Whether your home needs a careful repair or a full exterior upgrade, our team delivers practical workmanship with a premium finish.
                                </p>

                                <div class="a1a-masonry-badges">
                                    <span class="a1a-masonry-badge"><i class="fa fa-check-circle"></i> Free Estimates</span>
                                    <span class="a1a-masonry-badge"><i class="fa fa-check-circle"></i> Brick &amp; Stone Work</span>
                                    <span class="a1a-masonry-badge"><i class="fa fa-check-circle"></i> Tuckpointing</span>
                                    <span class="a1a-masonry-badge"><i class="fa fa-check-circle"></i> Waterproof Sealing</span>
                                    <span class="a1a-masonry-badge"><i class="fa fa-check-circle"></i> Historic Restoration</span>
                                </div>
                            </div>

                            <div class="a1a-stats-strip">
                                <div class="a1a-stat-box">
                                    <strong>6</strong>
                                    <span>Core masonry services covered</span>
                                </div>
                                <div class="a1a-stat-box">
                                    <strong>100%</strong>
                                    <span>Free estimate approach</span>
                                </div>
                                <div class="a1a-stat-box">
                                    <strong>BC</strong>
                                    <span>Vancouver property focus</span>
                                </div>
                            </div>

                            <div class="masonry-service-section">
                                <div class="section-title-clean">
                                    <span>Our Masonry Services</span>
                                    <h2>Specialist Brick, Stone, Restoration and Sealing Services</h2>
                                    <p>
                                        The services below match the masonry list in your graphic, presented as a high-converting premium service section for A1A Roofing &amp; Masonry.
                                    </p>
                                </div>

                                <div class="masonry-service-grid">

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-cubes"></i></div>
                                        <h3>Custom Brick &amp; Stone Work</h3>
                                        <p>
                                            Bespoke brick and stone masonry for walls, entrances, garden features, steps, exterior details and property improvements. Built for strength, character and long-term kerb appeal.
                                        </p>
                                    </div>

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-tools"></i></div>
                                        <h3>Tuckpointing &amp; Restoration</h3>
                                        <p>
                                            Damaged or failing mortar can allow water into the structure. We restore brickwork with clean, accurate tuckpointing that improves both appearance and protection.
                                        </p>
                                    </div>

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-layer-group"></i></div>
                                        <h3>Stone Veneer &amp; Cladding</h3>
                                        <p>
                                            Add a premium finish to exterior walls, entrances and feature areas with stone veneer and cladding installations designed to transform the look of your property.
                                        </p>
                                    </div>

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-fire"></i></div>
                                        <h3>Fireplaces, BBQs &amp; Outdoor Kitchens</h3>
                                        <p>
                                            We create and repair masonry fireplaces, BBQ areas and outdoor kitchen features, giving your outdoor space a strong, attractive and practical focal point.
                                        </p>
                                    </div>

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-tint"></i></div>
                                        <h3>Waterproofing &amp; Sealing</h3>
                                        <p>
                                            Protective sealing helps reduce water penetration, staining and weather damage on brick, stone, mortar and exterior masonry surfaces.
                                        </p>
                                    </div>

                                    <div class="masonry-service-card">
                                        <div class="icon"><i class="fa fa-landmark"></i></div>
                                        <h3>Historic Restoration</h3>
                                        <p>
                                            Careful restoration for older brick and stone features, preserving the original character while improving strength, safety and weather resistance.
                                        </p>
                                    </div>

                                </div>
                            </div>

                            <div class="a1a-feature-band">
                                <div class="a1a-feature-dark">
                                    <h2>Why Proper Masonry Repair Matters</h2>
                                    <p>
                                        Cracked mortar, open joints, loose brickwork, damaged stone and damp patches should not be ignored. Small masonry defects can quickly become larger water ingress and structural problems, especially in wet coastal weather.
                                    </p>
                                </div>

                                <div class="a1a-feature-list">
                                    <h2>Masonry Work We Can Help With</h2>
                                    <ul class="masonry-checklist">
                                        <li>Custom brick work</li>
                                        <li>Custom stone work</li>
                                        <li>Tuckpointing</li>
                                        <li>Brick restoration</li>
                                        <li>Stone veneer</li>
                                        <li>Exterior cladding</li>
                                        <li>Fireplaces</li>
                                        <li>BBQs</li>
                                        <li>Outdoor kitchens</li>
                                        <li>Waterproofing</li>
                                        <li>Protective sealing</li>
                                        <li>Historic restoration</li>
                                    </ul>
                                </div>
                            </div>

                            <div class="a1a-process">
                                <div class="section-title-clean">
                                    <span>How We Work</span>
                                    <h2>A Clear, Practical Masonry Process</h2>
                                    <p>
                                        We keep the process simple, honest and focused on the correct long-term repair or installation solution.
                                    </p>
                                </div>

                                <div class="a1a-process-grid">
                                    <div class="a1a-process-card">
                                        <strong>1</strong>
                                        <h3>Inspect</h3>
                                        <p>We look at the brick, stone, mortar, water exposure and visible damage.</p>
                                    </div>

                                    <div class="a1a-process-card">
                                        <strong>2</strong>
                                        <h3>Advise</h3>
                                        <p>We explain what is failing, what can be repaired and what should be replaced.</p>
                                    </div>

                                    <div class="a1a-process-card">
                                        <strong>3</strong>
                                        <h3>Repair</h3>
                                        <p>We carry out the masonry work carefully using practical, durable methods.</p>
                                    </div>

                                    <div class="a1a-process-card">
                                        <strong>4</strong>
                                        <h3>Protect</h3>
                                        <p>Where suitable, we recommend sealing or waterproofing to help prevent future damage.</p>
                                    </div>
                                </div>
                            </div>

                            <div class="service-details__points-box">
                                <ul class="list-unstyled service-details__points">
                                    <li>
                                        <div class="service-details__points-icon">
                                            <span class="icon-confirmation"></span>
                                        </div>
                                        <div class="service-details__points-content">
                                            <p>Masonry protects <br> your property from <br> weather and water damage.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="service-details__points-icon">
                                            <span class="icon-confirmation"></span>
                                        </div>
                                        <div class="service-details__points-content">
                                            <p>Contact us today <br> for a free quote <br> and honest advice.</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <p class="service-details__text-4">
                                A1A Roofing &amp; Masonry provides practical masonry repairs, restoration and installation work for homes and properties across Vancouver. From decorative stone veneer to structural brick restoration, we focus on clean workmanship, strong finishes and long-term protection.
                            </p>

                            <div class="a1a-trust-strip">
                                <div class="a1a-trust-card">
                                    <i class="fa fa-hard-hat"></i>
                                    <h3>Skilled Masonry Work</h3>
                                    <p>Brick, stone, tuckpointing, cladding and restoration completed with care and attention to detail.</p>
                                </div>

                                <div class="a1a-trust-card">
                                    <i class="fa fa-cloud-rain"></i>
                                    <h3>Built for Wet Weather</h3>
                                    <p>Our waterproofing, sealing and repair work helps protect masonry from Vancouver’s coastal conditions.</p>
                                </div>

                                <div class="a1a-trust-card">
                                    <i class="fa fa-comments"></i>
                                    <h3>Clear Communication</h3>
                                    <p>We explain the issue, the options and the recommended solution before work starts.</p>
                                </div>
                            </div>

                            <div class="service-details__benefits">
                                <div class="row">
                                    <div class="col-xl-6">
                                        <div class="service-details__benefits-single">
                                            <div class="service-details__benefits-img">
                                                <img src="assets/images/home-showcase/services-driveway-repairs-banner-2.png" alt="Masonry repair work in Vancouver">
                                            </div>
                                            <div class="service-details__benefits-content">
                                                <h3 class="service-details__benefits-title">Get a Free Masonry Quote</h3>
                                                <p class="service-details__benefits-text">
                                                    Contact A1A Roofing &amp; Masonry today for a free, no-obligation masonry estimate. We can inspect the work required and recommend the best option.
                                                </p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-6">
                                        <div class="service-details__benefits-single">
                                            <div class="service-details__benefits-img">
                                                <img src="assets/images/home-showcase/services-dry-verge-mini-2.png" alt="Brick and stone masonry services">
                                            </div>
                                            <div class="service-details__benefits-content">
                                                <ul class="list-unstyled service-details__benefits-points">
                                                    <li>
                                                        <div class="icon"><i class="fa fa-arrow-right"></i></div>
                                                        <div class="text"><p>Custom brick and stone work</p></div>
                                                    </li>
                                                    <li>
                                                        <div class="icon"><i class="fa fa-arrow-right"></i></div>
                                                        <div class="text"><p>Tuckpointing and restoration</p></div>
                                                    </li>
                                                    <li>
                                                        <div class="icon"><i class="fa fa-arrow-right"></i></div>
                                                        <div class="text"><p>Waterproofing and sealing</p></div>
                                                    </li>
                                                    <li>
                                                        <div class="icon"><i class="fa fa-arrow-right"></i></div>
                                                        <div class="text"><p>Historic restoration work</p></div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="masonry-cta-box">
                                <h2>Need Masonry Services in Vancouver?</h2>
                                <p>
                                    From custom brick and stone work to tuckpointing, stone veneer, cladding, fireplaces, BBQs, outdoor kitchens, waterproofing, sealing and historic restoration, A1A Roofing &amp; Masonry can help.
                                </p>

                                <div class="masonry-cta-actions">
                                    <a href="tel:604-600-6960" class="thm-btn">
                                        <i class="fa fa-phone"></i> Call 604-600-6960
                                    </a>
                                    <a href="contact.html" class="a1a-secondary-btn">
                                        <i class="fa fa-envelope"></i> Request a Quote
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>

        <footer class="site-footer">
            <div class="site-footer-img-1">
                <img src="assets/images/resources/site-footer-img-1.png" alt="">
            </div>

            <div class="site-footer-shape-1">
                <img src="assets/images/shapes/site-footer-shape-1.png" alt="">
            </div>

            <div class="container">
                <div class="site-footer__top">
                    <div class="row">

                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                            <div class="footer-widget__column footer-widget__about">
                                <div class="footer-widget__about-text-box">
                                    <p class="footer-widget__about-text">
                                        A1A Roofing &amp; Masonry is a trusted Vancouver contractor providing roofing, masonry and chimney repair services.
                                    </p>
                                </div>

                                <div class="site-footer__social">
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-facebook"></i></a>
                                    <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                            <div class="footer-widget__column footer-widget__explore clearfix">
                                <h3 class="footer-widget__title">Explore</h3>
                                <ul class="footer-widget__explore-list list-unstyled clearfix">
                                    <li><a href="about.php">About</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="gallery.html">Recent Works</a></li>
                                    <li><a href="faq.html">FAQs</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                            <div class="footer-widget__column footer-widget__newsletter clearfix">
                                <h3 class="footer-widget__title">Services</h3>
                                <ul class="footer-widget__explore-list list-unstyled clearfix">
                                    <li><a href="roof-repair-contractor.html">Roofing Services</a></li>
                                    <li><a href="masonry-paving-contractor.html">Masonry Services</a></li>
                                    <li><a href="chimney-repair-contractor.html">Chimney Repairs</a></li>
                                    <li><a href="contact.html">Free Estimate</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                            <div class="footer-widget__column footer-widget__contact">
                                <h3 class="footer-widget__title">Contact</h3>
                                <p class="footer-widget__contact-text">a1aroofingandmasonry@gmail.com</p>

                                <ul class="list-unstyled footer-widget__contact-list">
                                    <li>
                                        <div class="icon">
                                            <i class="fa fa-envelope"></i>
                                        </div>
                                        <div class="text">
                                            <p><a href="mailto:a1aroofingandmasonry@gmail.com">Click here to email</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <i class="fas fa-phone-alt"></i>
                                        </div>
                                        <div class="text">
                                            <p><a href="tel:604-600-6960">604-600-6960</a> / <a href="tel:000-000-0000">000-000-0000</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="site-footer__bottom">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="site-footer__bottom-inner">
                                <p class="site-footer__bottom-text">
                                    <strong>A1A Roofing &amp; Masonry &mdash; &copy; <span id="footer-year"></span> Wired Business</strong>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </footer>

    </div>

    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>

        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler">
                <i class="fa fa-times"></i>
            </span>

            <div class="logo-box">
                <a href="index.html" aria-label="A1A Roofing & Masonry logo">
                    <img src="assets/images/resources/logo-3.png" width="143" alt="A1A Roofing & Masonry logo">
                </a>
            </div>

            <div class="mobile-nav__container"></div>

            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:a1aroofingandmasonry@gmail.com">Click here to email</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:604-600-6960">604-600-6960</a> / <a href="tel:000-000-0000">000-000-0000</a>
                </li>
            </ul>

            <div class="mobile-nav__top">
                <div class="mobile-nav__social">
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-facebook-square"></a>
                    <a href="#" class="fab fa-pinterest-p"></a>
                    <a href="#" class="fab fa-instagram"></a>
                </div>
            </div>
        </div>
    </div>

    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>

        <div class="search-popup__content">
            <form action="#" method="get">
                <label for="search" class="sr-only">Search here</label>
                <input type="text" id="search" placeholder="Search Here...">
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-magnifying-glass"></i>
                </button>
            </form>
        </div>
    </div>

    <section class="call-buton">
        <a class="cc-calto-action-ripple" href="tel:604-600-6960" aria-label="Call A1A Roofing and Masonry">
            <i class="fa fa-phone"></i>
            <span class="num"></span>
        </a>
    </section>

    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>
    <script src="assets/vendors/circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/circleType/jquery.lettering.min.js"></script>

    <script src="assets/js/roofsie.js"></script>

    <script>
        var footerYear = document.getElementById('footer-year');
        if (footerYear) {
            footerYear.textContent = new Date().getFullYear();
        }
    </script>

</body>
</html>