

<!doctype html>
<html  lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" >
        
        
        <title>The Humberview Group | One of the Largest Dealer Groups in Canada</title>
<meta name="description" content="The Humberview Group offers more than 5,000 new and pre-owned vehicles at our 20 stores, representing 18 incredible automotive brands across Ontario.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="The Humberview Group | One of the Largest Dealer Groups in Canada"/>
<meta property="og:description" content="The Humberview Group offers more than 5,000 new and pre-owned vehicles at our 20 stores, representing 18 incredible automotive brands across Ontario."/>
<meta property="og:site_name" content="Humberview Group"/>
<meta property="og:url" content="/en"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-humberview-group1680633418446.png"/>
<meta property="og:locale" content="en_CA"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The Humberview Group | One of the Largest Dealer Groups in Canada">
<meta name="twitter:description" content="The Humberview Group offers more than 5,000 new and pre-owned vehicles at our 20 stores, representing 18 incredible automotive brands across Ontario.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-humberview-group1680633418446.png">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
<link type="text/css" rel="stylesheet" href="/css/phoenix-jsp/phoenix-jsp.min.css">


<link href="/css/theme/humberview-2023/main.css?v=034716037" type="text/css" rel="stylesheet"/>
<style>
        :root {
            
                --onPrimary: #ffffff;
            
                --secondary5: #f0efef;
            
                --secondary4: #4e4e4e;
            
                --secondary7: #f2f2f2;
            
                --secondary6: #f4f4f4;
            
                --primary1: #005a9c;
            
                --secondary9: #1967d2;
            
                --backgroundPrimary: #005a9c;
            
                --semantic3-focus: #31c0ff;
            
                --secondary8: #1a1a1a;
            
                --transparent: transparent;
            
                --secondary1: #999999;
            
                --primary2: #003d6a;
            
                --secondary3: #5f5f5f;
            
                --semantic2-completed: #008000;
            
                --secondary2: #b8b8b8;
            
                --onBackgroundPrimary: #ffffff;
            
                --secondary11: #3c4043;
            
                --semantic1-error: #f31d1d;
            
                --neutral2: #000000;
            
                --secondary10: #f8f9fb;
            
                --primary: #005a9c;
            
                --neutral1: #ffffff;
            
        }
    </style>
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/humberview-2023/style-svg.css?h4fsk0">
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/humberview-2023/style-svg.css?h4fsk0">


<link href="/css/theme/humberview-2023/website/humberview/humberview.css?v=034716037" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">
        

        <link rel="icon" href="https://img.sm360.ca/images/web/humberviewgroup-941/3994/logo-favicon1680633646422.png">
        
        
        <!--[if lt IE 9]>
        <script src="//cdn.sm360.ca/varia/js/src/min/html5.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if (typeof console === "undefined") {
                var console = {
                    log: function(value) {
                        return;
                    }
                };
            }
        </script>

        <link rel="dns-prefetch" href="//cdn.sm360.ca">
        <link rel="preconnect" href="//cdn.sm360.ca">

        
            <link rel="dns-prefetch" href="https://img0.sm360.ca">
            <link rel="preconnect" href="https://img0.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img1.sm360.ca">
            <link rel="preconnect" href="https://img1.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img2.sm360.ca">
            <link rel="preconnect" href="https://img2.sm360.ca">
        

        <script >
        (function (h, o, u, n, d) {
            h = h[d] = h[d] || {
                q: [], onReady: function (c) {
                    h.q.push(c)
                }
            }
            d = o.createElement(u);
            d.async = 1;
            d.src = n
            n = o.getElementsByTagName(u)[0];
            n.parentNode.insertBefore(d, n)
        })(window, document, 'script', 'https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js', 'DD_RUM')
        window.DD_RUM.onReady(function () {
            window.DD_RUM.init({
                clientToken: 'pub4101b9c78b0d0fd28dab3c5ba9cf3111',
                applicationId: '06b6f7ff-3d95-4319-a646-f04cd0b30247',
                site: 'datadoghq.com',
                service: 'humberview-2023',
                env: 'prod',
                version: 'Banshee 2.42.0',
                sessionSampleRate: 30,
                sessionReplaySampleRate: 0,
                trackUserInteractions: true,
                trackResources: true,
                trackLongTasks: true,
                defaultPrivacyLevel: 'mask-user-input',
            });
        })
    </script>


            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

            
                        <script defer src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" integrity="sha256-HmfY28yh9v2U4HfIXC+0D6HCdWyZI42qjaiCFEJgpo0=" crossorigin="anonymous"></script>
                    
                
            <script defer src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
        
    
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.cookie.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.sm360.cookieArray.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/compareTool.js"></script>


    <script defer type="text/javascript" src="/js/access-360/access-360.min.js"></script>


        <script type="text/javascript" src="/js/phoenix/phoenix.min.js?v=060216049" defer="defer"/></script><!-- Google Tag Manager -->
        

<!-- Google Tag Manager -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-TQNVJ8');</script>

<!-- End Google Tag Manager --><!-- End Google Tag Manager -->
        <!-- Trade Pending Script -->
        

                <!-- Datalayer-->
                

<script>
    function clickToCall(){
        var dataLayer = window.dataLayer = window.dataLayer || [];

        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Humberview Group",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirections(){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Humberview Group",
            
        });
    }
</script>

<script>
    function formSubmitted(formName){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "formSubmitted",
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Humberview Group",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Humberview Group",
            "language": "en",
            "device": "desktop",
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];


        // Data Layer builder for gaTriggerEvent
        dataLayerGaTrigger = [{
            pageType:'home' ,profitCenter:'generic' ,department:'Home' ,pageName:'Home'
        }];
</script>
    
    
<script type="text/javascript">
    function setCookie(cname, cvalue, exdays) {
        var expires = "";
        if(exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            expires = "; expires=" + d.toUTCString();
        }
        document.cookie = cname + "=" + cvalue + expires + "; path=/;";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function initVdpVisitedEvent() {
        var vdpVisited_cookie = getCookie('vdpVisited');
        var lastVdpVisited_cookie = getCookie('lastVisitedVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookie('vdpVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayer) !== 'undefined') {
                        dataLayer.push({
                            'event': 'gaTriggerEvent',
                            'gaEventCategory': 'vdp',
                            'gaEventAction': 'vdpHit',
                            'gaEventLabel': eventLabel
                        });
                    } else if (typeof (ga) !== 'undefined') {
                        //Sending event to analytics
                        ga('send', 'event', 'vdp', 'vdpHit', eventLabel);
                    }
                }
            }
        } else {
            setCookie('vdpVisited', 1);
        }
        setCookie('lastVisitedVdp', currentUrl);
    }

</script>


                <!-- Datalayer-->
                

<!-- Google Tag Manager -->
    
        
            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WJ25XPGS');</script>
        
    
<!-- End Google Tag Manager -->

                
                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-WWDVWRW');</script>
                <!-- End Google Tag Manager -->
            
                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-WV4D6PFM');</script>
                <!-- End Google Tag Manager -->
            
        
        <script>
    /**
     * Add a hidden input if reCaptcha is enabled
     * @form : form element
     */
    async function handleRecaptcha(form) {
        if(typeof hasRecaptchaEnabled !== "undefined") {
            try{
                const token = await getRecaptchaToken()
                addHiddenInput(token, form);
            }
            catch(e) {
                console.error('An error Recaptcha occurred');
            }
        }
    }

    window.handleRecaptcha = handleRecaptcha;
</script>

<script src="https://www.google.com/recaptcha/enterprise.js?render=6LftBnApAAAAAM3FW-XGI9_E8sCnQ0qOIm0xnyWS"></script>

    <script type="text/javascript">
        window.hasRecaptchaEnabled = true
        /**
         * Add Hidden Input tag.
         * @param { String } token - Recaptcha token
         * @param { HTMLCollection } form - Form.
         */
        function addHiddenInput(token, form){
            const hiddenRecaptchaInput = form[0].querySelector('[data-recaptcha-response]');
            if(!hiddenRecaptchaInput) {
                var hiddenInput = document.createElement('input');
                hiddenInput.type = 'hidden';
                hiddenInput.name = 'recaptchaResponse';
                hiddenInput.dataset.recaptchaResponse = '';
                hiddenInput.value = token;
                form[0].appendChild(hiddenInput);
            } else {
                hiddenRecaptchaInput.value = token;
            }
        }

        /**
         * Call grecaptcha.enterprise.execute to get the token.
         */
        function getRecaptchaToken() {
            return new Promise((resolve, reject) => {
                grecaptcha.enterprise.ready(() => {
                    grecaptcha.enterprise
                        .execute('6LftBnApAAAAAM3FW-XGI9_E8sCnQ0qOIm0xnyWS', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "www.humberviewgroup.com"
    }
</script>


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "1650 The Queensway",
        "addressLocality": "Ontario",
        "addressRegion": "ON",
        "postalCode": "M8Z 1X1",
        "addressCountry": "CA"
    },
    "brand": "toyota, 
    
        ram, 
    
        mercedes-benz, 
    
        hyundai, 
    
        honda, 
    
        ford, 
    
        jeep, 
    
        chrysler, 
    
        dodge, 
    
        chevrolet, 
    
        buick, 
    
        cadillac, 
    
        gmc, 
    
        lincoln, 
    
        volkswagen, 
    
        audi",
    "description": "Humberview Group, Toyota, RAM, Mercedes-Benz, Hyundai, Honda, Ford, Jeep, Chrysler, Dodge, Chevrolet, Buick, Cadillac, GMC, Lincoln, Volkswagen and Audi dealership in Ontario",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "43.616861",
        "longitude": "-79.549756"
    },
    "image": "https://img.sm360.ca/images/web/humberviewgroup-941/humberview_group1688656118918.png",
    "knowsLanguage": "en-CA",
    "logo": "https://img.sm360.ca/images/web/humberviewgroup-941/humberview_group1688656118918.png",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "n/a"
    },
    "name": "Humberview Group",
    "openingHours": "n/a",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/thehumberviewgroup",
        "",
        "https://www.youtube.com/channel/UCjCTTiyAyb5JmKK2UgxO4FQ",
        "",
        "https://www.instagram.com/thehumberviewgroup/"
    ],
    "telephone": "n/a",
    "url": "www.humberviewgroup.com"
}
</script>
    

        <link rel="stylesheet" href="//cdn.sm360.ca/varia/css/src/min/reset.css"/>
    

<link href="/theme/css/theme?v=034716037" type="text/css" rel="stylesheet"/>


<link href="/css/access-360/access-360.css?v=034716037" type="text/css" rel="stylesheet"/>

    
<noscript id="deferred-styles">

    
</noscript>


<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement);
        addStylesNode.parentElement.removeChild(addStylesNode);

    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

    </head>
    <body  itemscope="" itemtype="http://schema.org/WebPage">

    
<!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WJ25XPGS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->

            
        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWDVWRW"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    
        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WV4D6PFM"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    

<!-- Google Tag Manager (noscript) -->

<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-TQNVJ8

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) --><!-- Widget Auto dealer schema -->
        

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Humberview Group",
  "url": "www.humberviewgroup.com",
  "logo": "https://img.sm360.ca/images/manufacturer/toyota/toyota-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/toyota/toyota-color-128-notag.png",
  "description": "Humberview Group, Toyota, RAM, Mercedes-Benz, Hyundai, Honda, Ford, Jeep, Chrysler, Dodge, Chevrolet, Buick, Cadillac, GMC, Lincoln, Volkswagen and Audi dealership in Ontario",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "1650 The Queensway",
     "addressLocality": "Ontario",
     "addressRegion": "Ontario",
     "postalCode": "M8Z 1X1",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "43.616861",
     "longitude": "-79.549756"
  },
   "openingHours": "",
   "telephone": ""
}
</script><!-- Widget Facebook Connect -->
        <div class="off-canvas-wrapper body1">
            <div class="off-canvas-wrapper-inner " data-off-canvas-wrapper >
                <div class="off-canvas position-right is-closed" id="offCanvas" data-off-canvas data-transition="overlap">
                    

<div class="mobile-menu" data-theme-style="mobileMenu_fontColor mobileMenu" x-data="">
    <div class="mobile-menu__top">
        

<a class="mobile-menu__top-logo" href="/en" title="Humberview Group">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobile-menu__top-logo-image" src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-humberview-group1680633418446.png" height="" width="" alt="Serving you better, each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    <button class="mobile-menu__top-close close-button" aria-label="Close menu" data-close type="button" data-theme-style="mobileMenu_closeButton_fontColor">
            <span aria-hidden="true">x</span>
        </button>
    </div>

    <ul class="mobile-menu-links accordion"
        itemscope="itemscope"
        itemtype="https://schema.org/SiteNavigationElement"
        data-accordion
        data-allow-all-closed="true">

        <li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/humberview-group-dealers" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Our Dealerships</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/humberview-group-dealers"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Our Dealerships</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            New Vehicles</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/new-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                New Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/choose-your-make"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Model Lineup</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/used-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Pre-Owned Vehicles</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/used-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Pre-Owned Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/certified-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Certified Pre-Owned Vehicles</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/demo-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Used Company Demonstrator</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/hybrid-electric-new-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Electric Vehicles</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hybrid-electric-new-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                New Hybrid & Electric Vehicles</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hybrid-electric-used-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Pre-Owned Hybrid & Electric Vehicles</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/guide" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Car Buying Guide</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/guide"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Car Buying Guide</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/guide/buying-a-car"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Buying a Vehicle in Ontario</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/guide/car-financing-in-ontario"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Financing a Car in Ontario</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/guide/car-insurance-in-ontario"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Auto Insurance in Ontario</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/guide/driving-in-ontario"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Driving in Ontario</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/news/list/favorites"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Car Blog</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/about-us" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            About Us</span>

                    
    <svg class="a-icon a-icon-dropdown mobile-menu-item__icon"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/about-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                About Us</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/news/list/news"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                News</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/community"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Community Support</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/our-team"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Executive Team</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/why-buy-from-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <div>
                    <a href="/en/careers" target="_self" class="mobile-menu-item__anchor  accordion-title "  itemprop="url">
                        <span itemprop="name">
                                     Careers</span>
                            </a>
                </div>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    </ul>


</li>
</ul>

    </div>

    
</div>

                <div class="off-canvas-content" data-off-canvas-content>
                    <!-- Content Off-Canvas -->
                    <div class="site-container"
                         x-data="{ prevPageYOffset: window.pageYOffset }"
                         @scroll.window="currentPageYOffset = window.pageYOffset; (currentPageYOffset > $refs.header.offsetHeight) ? $el.classList.add('pageIsScrolling') : $el.classList.remove('pageIsScrolling'), (currentPageYOffset > $refs.header.offsetHeight && prevPageYOffset < currentPageYOffset) ? $el.classList.add('pageIsScrollingDown') : $el.classList.remove('pageIsScrollingDown'), prevPageYOffset = currentPageYOffset"

                    >

                        
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#mainContent"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Main Content

                        
                    </a>
                
                
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#footer"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Footer

                        
                    </a>
                
                
<div class="header gen-fixed gen-top-0 gen-w-full gen-z-[100] lg:gen-relative " x-ref="header">
                            <!-- Widget Login Bar Showroom -->
<header class="mobileHeaderAlpha grid-container gen-w-full"
        data-theme-style="mobileHeader_bgColor mobileHeader_fontColor"
        data-mobile-header
        role="banner"
>
    <div class="grid-x grid-padding-x">
        <div class="mobileHeaderAlpha__content cell">
            

<a class="mobileHeaderAlpha__logo" href="/en" title="Humberview Group">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobileHeaderAlpha__logo-image" src="https://img.sm360.ca/ir/h90/images/web/humberviewgroup-941/3994/hg-humberview-group1680633418446.png" height="" width="" alt="Serving you better, each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure><div class="header-logo__text">
                        Serving you better, each and every day.</div>
            </a>
    <div class="mobileHeaderAlpha__coordinates" data-coordinates>
                </div>

            <a href="javascript:void(0)" class="mobile-header-menu-icon mobileHeaderAlpha__item" data-toggle="offCanvas" data-mobile-menuburger role="button" aria-label="Close Menu">
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
</a></div>
    </div>
</header>


<header class="header-portal" itemscope itemtype="https://schema.org/WPHeader" data-theme-style="desktopHeader_bgColor desktopHeader_fontColor" data-header role="banner" x-data="">
    <div class="header-portal__top" data-theme-style="desktopHeader_bgColor desktopHeaderTop_fontColor" x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0">
        <div class="header-portal__infos">
            <div class="container">
                

<a class="header-portal__logo-link" href="/en" title="Humberview Group">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img header-portal__logo-image" src="https://img.sm360.ca/ir/h114/images/web/humberviewgroup-941/3994/hg-humberview-group1680633418446.png" height="" width="" alt="Humberview Group Logo" data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure><div class="header-portal__logo-text">
        Serving you better, each and every day.</div>
</a></div>
        </div>
    </div>

    
<div class="desktop-menu__links gen-w-full gen-z-[100] gen-shadow-lg"
     id="nav"
     data-theme-style="desktopMenu_bgColor desktopMenu_borderColor"
     x-ref="nav"
     data-sr360-header
>
    
        
<div class="l-container   "
              
              
              >
    
            
<div class="l-row -defaultPaddingBottom desktop-menu__homeButton gen-relative"
              
              
              >
    
                
<div class="homeButton"
     title="Go to the Homepage"
     >
    <a href="/en" aria-label="home-button" role="button">
        

    <svg class="a-icon a-icon-home "
         role="none"
         
    >
        <title>home</title>
        <use xlink:href="#icon-home"></use>
    </svg>


    </a>
</div>
            
</div>
        
</div>
    

<div class="l-container   "
              
              
              >
    
        <nav class="desktop-menu__container">
            <ul class="grid-x grid-padding-x desktop-menu__navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
                
                    
                    <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/humberview-group-dealers"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Our Dealerships</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/humberview-group-dealers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Our Dealerships</span>
            </a>
    </li>
</ul></li>

                
                        <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-inventory"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             New Vehicles</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/new-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                New Inventory</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/choose-your-make" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Model Lineup</span>
            </a>
    </li>
</ul></li>

                    
                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/used-inventory"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Pre-Owned Vehicles</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/used-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Pre-Owned Inventory</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/certified-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Certified Pre-Owned Vehicles</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/demo-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Used Company Demonstrator</span>
            </a>
    </li>
</ul></li>


                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/hybrid-electric-new-inventory"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Electric Vehicles</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hybrid-electric-new-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                New Hybrid & Electric Vehicles</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hybrid-electric-used-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Pre-Owned Hybrid & Electric Vehicles</span>
            </a>
    </li>
</ul></li>


                    <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/guide"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Car Buying Guide</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/guide" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Car Buying Guide</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/guide/buying-a-car" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Buying a Vehicle in Ontario</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/guide/car-financing-in-ontario" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Financing a Car in Ontario</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/guide/car-insurance-in-ontario" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Auto Insurance in Ontario</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/guide/driving-in-ontario" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Driving in Ontario</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/news/list/favorites" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Car Blog</span>
            </a>
    </li>
</ul></li>

                
                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/about-us"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             About Us</span>
                </a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/about-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                About Us</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/news/list/news" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                News</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/community" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Community Support</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/our-team" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Executive Team</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/why-buy-from-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
            </a>
    </li>
</ul></li>


                    <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/careers"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Careers</span>
                </a>
            </li>

                
            </ul>
        </nav>
    
</div>
</div>
</header>
</div>

                            <div id="mainContent"
                             role="main"
                             class="page page-index homePagePortal"
                             data-theme-style="bodyPrimary_fontColor"
                             
                             x-init="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                             @resize.window="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >

                            
<div class="l-fullWidth   gen-h-[500px]"
              
              x-data
        x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148236//hg-main-slider-mobile-redesign-final-feb-20241709229708918.jpg&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148236//hg-main-slider-mobile-redesign-final-feb-20241709229708918.jpg&#034;,
    &#034;lg&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148236//hg-main-slider-v2desktop-redesign-final-feb-20241709913693565.jpg&#034;
    }"
              
              data-theme-style="promoBanner_content_titleColor"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom "
              
              
              class=""
              
              >
    
            <div class="gen-col-span-12 gen-pt-14 lg:gen-pt-24 xl:gen-pl-24 2xl:gen-pl-32">
                

    <p class="a-typography heading2 gen-hidden"  role="heading" aria-level="2">
    5000 Vehicles. 20 Stores. 18 Brands. 1 Site.
    
    </p>


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

</div>


<div class="l-fullWidth   gen-mb-0"
              
              
              data-theme-style="inventorySearchComplete_bgColor"
              >
    

<div class="l-container -defaultMarginBottom  gen-text-center gen-py-14"
              
              
              >
    

            <picture class="a-image w-full ">
                
                
                    <source media="(min-width:768px)" srcset="https://img.sm360.ca/images/web/humberviewgroup-941/3994/shop-simple-desktop1679927736747.png">
                
                
                <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1000 200'%2F%3E" alt="Browse Our Inventory" class="a-image__img lazyload inventorySearch__logo" x-data x-lazy-image loading="lazy" height="200" width="1000" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/mobile-shop-simple1679927749610.png" data-cz-group="pageHomeInventorySearchLogo">
            </picture>
        
        
<template id="dropdownOptionTemplate">
    <li class="dropdown__option" data-theme-style="dropdownOption_button_bgColor dropdownOption_button_borderColor dropdownOption_button_fontColor">
    <span class="dropdown__option-text" data-value="">
        </span>
</li></template>


<section class="grid-x grid-padding-x  inventory-search inventory-search-complete align-center  "
         data-theme-style=""
         
         
         data-showroom-enabled="false"
    
        dataThemeStyle="inventorySearchComplete_fontColor"
    
        data-module-version="complete"
    
        data-module=""
    
        data-module-type="inventory-search">
    <div class="inventory-search-complete__title-wrapper text-align-center cell">
            

    <h1 class="a-typography heading2 inventory-search-complete__title -withBorder" data-theme-style="titleUnderline" role="heading" aria-level="2">
    Browse Our Inventory
    
    </h1>

</div>
    <div class="inventory-search-complete__hubs cell grid-x grid-margin-x small-12 large-10" data-hubs>
        

<div class="inventory-search-complete__hub-item cell small-12 medium-6 tablet-4 large-3" data-inventory-search-complete-hub-item>
                            

<input type="radio" name="hubFilter" id="All Vehicles" value="All Vehicles" data-listing-url="/en/all-inventory"
        
    
            data-api-url="/en/api/searchtool/filters/all-inventory"
        
    
            data-use-showroom="false" checked tabindex="-1"/>
<label class="radio-button__label " for="All Vehicles" data-theme-style="" tabindex="0" data-navigation-enter-press>
    <span class="radio-button__label-radio" data-theme-style=""></span>
    <span class="radio-button__label-text">
        All Vehicles
    </span>
</label>
</div>
                    <div class="inventory-search-complete__hub-item cell small-12 medium-6 tablet-4 large-3" data-inventory-search-complete-hub-item>
                            

<input type="radio" name="hubFilter" id="New Vehicles in Inventory" value="New Vehicles in Inventory" data-listing-url="/en/new-inventory"
        
    
            data-api-url="/en/api/searchtool/filters/new-inventory"
        
    
            data-use-showroom="false"  tabindex="-1"/>
<label class="radio-button__label " for="New Vehicles in Inventory" data-theme-style="" tabindex="0" data-navigation-enter-press>
    <span class="radio-button__label-radio" data-theme-style=""></span>
    <span class="radio-button__label-text">
        New Vehicles in Inventory
    </span>
</label>
</div>
                    <div class="inventory-search-complete__hub-item cell small-12 medium-6 tablet-4 large-3" data-inventory-search-complete-hub-item>
                            

<input type="radio" name="hubFilter" id="Pre-Owned Vehicles" value="Pre-Owned Vehicles" data-listing-url="/en/used-inventory"
        
    
            data-api-url="/en/api/searchtool/filters/used-inventory"
        
    
            data-use-showroom="false"  tabindex="-1"/>
<label class="radio-button__label " for="Pre-Owned Vehicles" data-theme-style="" tabindex="0" data-navigation-enter-press>
    <span class="radio-button__label-radio" data-theme-style=""></span>
    <span class="radio-button__label-text">
        Pre-Owned Vehicles
    </span>
</label>
</div>
                    </div>

    <div class="inventory-search-complete__filters loading grid-x grid-margin-x small-12 large-11" data-filters>

        <div class="dropdown inventory-search-complete__filter-item cell medium-6 tablet-4 xlarge-auto" data-component data-component-type="dropdown" data-component-scope="inventory-search" data-dropdown-type="makeId" dealer-makes="Toyota,RAM,Mercedes-Benz,Hyundai,Honda,Ford,Jeep,Chrysler,Dodge,Chevrolet,Buick,Cadillac,GMC,Lincoln,Volkswagen,Audi">
        

    <p class="a-typography  gen-mb-1 gen-text-left dropdown__placeholder"  role="" >
    Make
    
    </p>

<div class="dropdown__label" role="" data-dropdown-label data-theme-style="formInput_dropdown_borderColor formInput_dropdown_fontColor formInput_dropdown_bgColor" tabindex="0" data-navigation-enter-press>
        

<span class="placeholder dropdown__label-placeholder" data-placeholder>
    Make
</span><span class="dropdown__label-text" data-dropdown-label-text></span>
        

    <svg class="a-icon a-icon-dropdown dropdown__label-icon"
         role="none"
         data-theme-style="formInput_dropdownButton_fontColor"
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</div>

    <ul class="dropdown__options" data-option-list data-theme-style="dropdownOption_panel_borderColor">
        </ul>
</div><div class="dropdown inventory-search-complete__filter-item cell medium-6 tablet-4 xlarge-auto" data-component data-component-type="dropdown" data-component-scope="inventory-search" data-dropdown-type="modelId" >
        

    <p class="a-typography  gen-mb-1 gen-text-left dropdown__placeholder"  role="" >
    Model
    
    </p>

<div class="dropdown__label" role="" data-dropdown-label data-theme-style="formInput_dropdown_borderColor formInput_dropdown_fontColor formInput_dropdown_bgColor" tabindex="0" data-navigation-enter-press>
        

<span class="placeholder dropdown__label-placeholder" data-placeholder>
    Model
</span><span class="dropdown__label-text" data-dropdown-label-text></span>
        

    <svg class="a-icon a-icon-dropdown dropdown__label-icon"
         role="none"
         data-theme-style="formInput_dropdownButton_fontColor"
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</div>

    <ul class="dropdown__options" data-option-list data-theme-style="dropdownOption_panel_borderColor">
        </ul>
</div><div class="dropdown inventory-search-complete__filter-item cell medium-6 tablet-4 xlarge-auto" data-component data-component-type="dropdown" data-component-scope="inventory-search" data-dropdown-type="frameStyleId" >
        

    <p class="a-typography  gen-mb-1 gen-text-left dropdown__placeholder"  role="" >
    Bodystyle
    
    </p>

<div class="dropdown__label" role="" data-dropdown-label data-theme-style="formInput_dropdown_borderColor formInput_dropdown_fontColor formInput_dropdown_bgColor" tabindex="0" data-navigation-enter-press>
        

<span class="placeholder dropdown__label-placeholder" data-placeholder>
    Bodystyle
</span><span class="dropdown__label-text" data-dropdown-label-text></span>
        

    <svg class="a-icon a-icon-dropdown dropdown__label-icon"
         role="none"
         data-theme-style="formInput_dropdownButton_fontColor"
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</div>

    <ul class="dropdown__options" data-option-list data-theme-style="dropdownOption_panel_borderColor">
        </ul>
</div><div class="dropdown inventory-search-complete__filter-item cell medium-6 tablet-4 xlarge-auto" data-component data-component-type="dropdown" data-component-scope="inventory-search" data-dropdown-type="priceRange" >
        

    <p class="a-typography  gen-mb-1 gen-text-left dropdown__placeholder"  role="" >
    Price
    
    </p>

<div class="dropdown__label" role="" data-dropdown-label data-theme-style="formInput_dropdown_borderColor formInput_dropdown_fontColor formInput_dropdown_bgColor" tabindex="0" data-navigation-enter-press>
        

<span class="placeholder dropdown__label-placeholder" data-placeholder>
    Price
</span><span class="dropdown__label-text" data-dropdown-label-text></span>
        

    <svg class="a-icon a-icon-dropdown dropdown__label-icon"
         role="none"
         data-theme-style="formInput_dropdownButton_fontColor"
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</div>

    <ul class="dropdown__options" data-option-list data-theme-style="dropdownOption_panel_borderColor">
        </ul>
</div>


                    <a class="a-button -primary inventory-search-complete__filter-item gen-mt-2.5 sm:gen-mt-0 cell medium-6 tablet-4 xlarge-auto"
                       href="#"
                       role="button"
                       context-id="inventorySearchComplete_button"
                       
                       
                       tabindex="-1"
    
        data-submit-btn=""
                       data-theme-style="button"
                    >
                        Explore Your Options

                        
                    </a>
                
                
</div>

</section>


            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1920 500'%2F%3E" alt="Browse Our Inventory Background Image" class="a-image__img lazyload inventorySearch__bgImage" x-data x-lazy-image loading="lazy" height="500" width="1920" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/humberview-carbanner1682005376248.png" data-cz-group="pageHomeInventorySearchBgImage">
        
    
</div>
</div>


<div class="l-fullWidth   xl:gen-bg-cover"
              data-cz-group="pageHomeInventorySearchCtasBg"
              x-data
        x-interchange="{
            &#034;default&#034;: &#034;&#034;,
            &#034;xl&#034;: &#034;https://img.sm360.ca/images/web/humberviewgroup-941/3994/search-cta-bg1680031362808.png&#034;
            }"
              
              data-theme-style="inventorySearchComplete_bgColor"
              >
    

<div class="l-container -defaultMarginBottom  homePagePortal__searchActions-wrapper"
              
              
              >
    

<div class="l-grid -defaultPaddingBottom "
              
              
              >
    

<div class="homePagePortal__searchActions__item"
                                     data-cz-group="pageHomeInventorySearchCtas"
                                     x-data
                                     x-interchange="{
                                    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/humberviewgroup-941/3994/vehicles-under-20k1730745476736.png&#034;,
                                    &#034;xl&#034;: &#034;&#034;
                                    }">

                                    
                    <a class="m-buttonWithIcon -septenary homePagePortal__searchActions__button"
                       href="/en/less-than-20000-inventory"
                       role="button"
                       context-id="inventorySearchComplete_actions_button"
                        
                        
                       data-theme-style="button"
                    >
                        

                        Vehicles Under $20,000

                        
    <svg class="a-icon a-icon-portal-arrow-right m-buttonWithIcon__icon"
         role="none"
         
    >
        <title>portal-arrow-right</title>
        <use xlink:href="#icon-portal-arrow-right"></use>
    </svg>


                    </a>
                
                
</div>
                            

<div class="homePagePortal__searchActions__item"
                                     data-cz-group="pageHomeInventorySearchCtas"
                                     x-data
                                     x-interchange="{
                                    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/humberviewgroup-941/3994/electric-vehicles1730743318968.png&#034;,
                                    &#034;xl&#034;: &#034;&#034;
                                    }">

                                    
                    <a class="m-buttonWithIcon -septenary homePagePortal__searchActions__button"
                       href="/en/hybrid-electric-inventory"
                       role="button"
                       context-id="inventorySearchComplete_actions_button"
                        
                        
                       data-theme-style="button"
                    >
                        

                        Electric Vehicles

                        
    <svg class="a-icon a-icon-portal-arrow-right m-buttonWithIcon__icon"
         role="none"
         
    >
        <title>portal-arrow-right</title>
        <use xlink:href="#icon-portal-arrow-right"></use>
    </svg>


                    </a>
                
                
</div>
                            

<div class="homePagePortal__searchActions__item"
                                     data-cz-group="pageHomeInventorySearchCtas"
                                     x-data
                                     x-interchange="{
                                    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/humberviewgroup-941/3994/used-demo-vehicles1730743337130.png&#034;,
                                    &#034;xl&#034;: &#034;&#034;
                                    }">

                                    
                    <a class="m-buttonWithIcon -septenary homePagePortal__searchActions__button"
                       href="/en/demo-inventory"
                       role="button"
                       context-id="inventorySearchComplete_actions_button"
                        
                        
                       data-theme-style="button"
                    >
                        

                        Used Demo Vehicles

                        
    <svg class="a-icon a-icon-portal-arrow-right m-buttonWithIcon__icon"
         role="none"
         
    >
        <title>portal-arrow-right</title>
        <use xlink:href="#icon-portal-arrow-right"></use>
    </svg>


                    </a>
                
                
</div>
                            

<div class="homePagePortal__searchActions__item"
                                     data-cz-group="pageHomeInventorySearchCtas"
                                     x-data
                                     x-interchange="{
                                    &#034;default&#034;: &#034;https://img.sm360.ca/images/web/humberviewgroup-941/3994/new-vehicle-catalog1730743349615.png&#034;,
                                    &#034;xl&#034;: &#034;&#034;
                                    }">

                                    
                    <a class="m-buttonWithIcon -septenary homePagePortal__searchActions__button"
                       href="/en/new-catalog"
                       role="button"
                       context-id="inventorySearchComplete_actions_button"
                        
                        
                       data-theme-style="button"
                    >
                        

                        New Vehicle Catalog

                        
    <svg class="a-icon a-icon-portal-arrow-right m-buttonWithIcon__icon"
         role="none"
         
    >
        <title>portal-arrow-right</title>
        <use xlink:href="#icon-portal-arrow-right"></use>
    </svg>


                    </a>
                
                
</div>
                            
</div>
</div>
</div>


<div class="l-fullWidth   gen-h-[300px] lg:gen-h-[500px] gen-hidden md:gen-block"
              
              x-data
        x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148279//hg-sm360-congratulations-mobile-slider-aug-20221680628642972.jpg&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148279//hg-sm360-congratulations-tab-slider-aug-20221680628636344.jpg&#034;,
    &#034;lg&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148279//hg-sliders-redesign-final-draft-jan-2024_image-1-desktop1709913581523.jpg&#034;
    }"
              
              data-theme-style="homePagePortal_buyingACar"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid -defaultPaddingBottom "
              
              
              class=""
              
              >
    
            <div class="gen-pt-10 gen-col-span-12 lg:gen-col-span-8 lg:gen-pt-[120px] xl:gen-w-[600px]">
                

    <p class="a-typography heading2 gen-pb-4 xl:gen-pb-7 homePagePortal_buyingACar_title"  role="heading" aria-level="2">
    Congratulations, you’re not just buying an automobile anymore.
    
    </p>


    <div class="a-typography body1 md:gen-w-1/2 lg:gen-w-11/12 xl:gen-w-full homePagePortal_buyingACar_description"  role="" >
    <p>The factories build the cars, that&rsquo;s not what we do. Our job is to wrap those vehicles in an ownership experience that is positively world-class, second to none.</p>
    
    </div>


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

</div>


<div class="l-container   gen-pb-[50px] gen-hidden xl:gen-block xl:gen-pt-20"
              
              
              >
    

    <p class="a-typography heading2 our-brands-alpha__title cell text-align-center" data-theme-style="ourBrandsAlpha_titleColor" role="heading" aria-level="2">
    Shop by Manufacturer
    
    </p>


<div class="chooseYourMake__containerSelector" data-czone="config.makes.logos">
    <a href="/en/all-inventory/toyota" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_toyota-greyscale1690818654367.png" alt="toyota" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_toyota-coloured1690818659376.png" alt="toyota" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/ram" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_ram-greyscale1690818669611.png" alt="ram" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_ram-coloured1690818674278.png" alt="ram" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/mercedes-benz" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_mercedes-benz-greyscale1690818683387.png" alt="mercedes-benz" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_mercedes-benz-coloured1690818688050.png" alt="mercedes-benz" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/hyundai" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_hyundai-greyscale1690818698264.png" alt="hyundai" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_hyundai-coloured1690818702471.png" alt="hyundai" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/honda" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_honda-greyscale1690818707550.png" alt="honda" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_honda-coloured1690818711106.png" alt="honda" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/ford" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_ford-greyscale1690818722533.png" alt="ford" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_ford-coloured1690818726652.png" alt="ford" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/jeep" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_jeep-greyscale1690818734998.png" alt="jeep" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_jeep-coloured1690818739222.png" alt="jeep" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/chrysler" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_chrysler-greyscale1690818754198.png" alt="chrysler" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_chrysler-coloured1690818758671.png" alt="chrysler" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/dodge" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_dodge-greyscale1690818765996.png" alt="dodge" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_dodge-coloured1690818770701.png" alt="dodge" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/chevrolet" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_chevrolet-greyscale1690818777840.png" alt="chevrolet" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_chevrolet-coloured1690818781535.png" alt="chevrolet" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/cadillac" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_cadillac-greyscale1690818890675.png" alt="cadillac" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_cadillac-coloured1690818894519.png" alt="cadillac" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/gmc" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_gmc-greyscale1690818904025.png" alt="gmc" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_gmc-coloured1690818908531.png" alt="gmc" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/lincoln" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_lincoln-greyscale1690818918873.png" alt="lincoln" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_lincoln-coloured1690818922554.png" alt="lincoln" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/volkswagen" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_vw-greyscale1690818931871.png" alt="volkswagen" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_vw-coloured1690818935718.png" alt="volkswagen" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/audi" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_audi-greyscale1690818942770.png" alt="audi" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_audi-coloured1690818947328.png" alt="audi" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/buick" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_buick-greyscale1690819053120.png" alt="buick" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_buick-coloured1690819057292.png" alt="buick" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/hino" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_hino-greyscale1694532824616.png" alt="hino" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_hino-coloured1694532829543.png" alt="hino" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    <a href="/en/all-inventory/isuzu" class="chooseYourMake__makeSelector">
            

            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_isuzu-greyscale1694614517853.png" alt="isuzu" class="a-image__img chooseYourMake__makeSelectorImage " height="150" width="150" >
        
    
            <img src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360--manufacturer-logos_isuzu-coloured1694614523856.png" alt="isuzu" class="a-image__img chooseYourMake__makeSelectorImageHover " height="150" width="150" >
        
    
</a>
    </div>
</div>


<div class="l-fullWidth   gen-hidden xl:gen-block xl:gen-h-[500px]"
              
              x-data
        x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/promo/&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148294//hg-sm360-our-story-section-tab-slider-aug-20221680629224213.jpg&#034;,
    &#034;lg&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148294//hg-portal-image-3a-desktop-1001709913861948.jpg&#034;
    }"
              
              data-theme-style="homePagePortal_ourStory"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid  "
              
              
              class=""
              
              >
    
            <div class="gen-col-span-4 gen-pt-32 xl:gen-w-[600px]">
                

    <p class="a-typography heading2 gen-pb-7 homePagePortal_ourStory_title"  role="heading" aria-level="2">
    Our story begins and ends with you.
    
    </p>


    <div class="a-typography body1 gen-w-3/5 md:gen-w-1/2 lg:gen-w-11/12 xl:gen-w-full homePagePortal_ourStory_description"  role="" >
    <p>The Humberview Group is one of the largest dealer groups in Canada for a reason, and that reason is you, our loyal customers. Thank you for all you have done, and continue to do.</p>
    
    </div>


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

</div>


<div class="l-fullWidth   gen-py-20 gen-mb-0"
              data-cz-group="page.home.highlights.instances"
              
              
              data-theme-style="highlight_bgColor"
              >
    

<div class="l-container -defaultMarginBottom  "
              
              
              >
    

<div class="l-grid  gen-pb-8"
              
              
              >
    <div class="gen-text-center gen-col-span-12 md:gen-hidden gen-mb-4">
                                

    <h2 class="a-typography heading1 "  role="heading" aria-level="1">
    Congratulations, you're not just buying an automobile anymore.
    
    </h2>

</div>
                        <div class="homePagePortal__highlights gen-col-span-12 gen-text-center gen-px-6 sm:gen-col-span-6 sm:last:gen-col-span-6 sm:last:gen-col-start-4 lg:gen-col-span-4 lg:last:gen-col-span-4 lg:last:gen-col-start-0 lg:gen-px-0"
                                 data-theme-style="highlight_fontColor">
                                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 50 50'%2F%3E" alt="No Hidden Fees" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="50" width="50" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/page-home-highlights-instances-11680191754999.svg" data-highlight-picto="">
        
    
    <p class="a-typography subheading1 gen-mt-10 gen-mb-6"  role="heading" aria-level="1">
    No Hidden Fees
    
    </p>


    <div class="a-typography body2 homePagePortal__highlights__text" data-highlight-text="" role="" >
    <p>The price you see on our used inventory is the price you pay, simply add HST and licensing. We don’t hide any extra costs from you!</p>
    
    </div>

</div>
                        <div class="homePagePortal__highlights gen-col-span-12 gen-text-center gen-px-6 sm:gen-col-span-6 sm:last:gen-col-span-6 sm:last:gen-col-start-4 lg:gen-col-span-4 lg:last:gen-col-span-4 lg:last:gen-col-start-0 lg:gen-px-0"
                                 data-theme-style="highlight_fontColor">
                                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 50 50'%2F%3E" alt="Job Loss Protection" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="50" width="50" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/page-home-highlights-instances-21680191766194.svg" data-highlight-picto="">
        
    
    <p class="a-typography subheading1 gen-mt-10 gen-mb-6"  role="heading" aria-level="1">
    Job Loss Protection
    
    </p>


    <div class="a-typography body2 homePagePortal__highlights__text" data-highlight-text="" role="" >
    <p>If you suffer a job loss, physical disability, chronic illness, or other sudden financial problem, you can return your vehicle with no penalties.</p>
    
    </div>

</div>
                        <div class="homePagePortal__highlights gen-col-span-12 gen-text-center gen-px-6 sm:gen-col-span-6 sm:last:gen-col-span-6 sm:last:gen-col-start-4 lg:gen-col-span-4 lg:last:gen-col-span-4 lg:last:gen-col-start-0 lg:gen-px-0"
                                 data-theme-style="highlight_fontColor">
                                

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 50 50'%2F%3E" alt="Financing Options" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="50" width="50" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/page-home-highlights-instances-31680191775302.svg" data-highlight-picto="">
        
    
    <p class="a-typography subheading1 gen-mt-10 gen-mb-6"  role="heading" aria-level="1">
    Financing Options
    
    </p>


    <div class="a-typography body2 homePagePortal__highlights__text" data-highlight-text="" role="" >
    <p>We don’t sell one-size-fits-all cars, and our leasing &amp; financing deals aren’t like that, either. Get a plan that’s tailored for you!</p>
    
    </div>

</div>
                        
</div><div class="gen-text-center">
                        

                    <a class="a-button -tertiary gen-w-full sm:gen-w-auto"
                       href="/en/why-buy-from-us"
                       role="button"
                       context-id="highlight_button"
                       
                       
                       data-theme-style="button"
                    >
                        See More

                        
                    </a>
                
                
</div>
                
</div>
</div>


<div class="l-fullWidth   gen-h-[500px] gen-mb-0"
              
              x-data
        x-interchange="{
    &#034;default&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148296//hg-sliders-redesign-final-draft-jan-2024_hug-mobile-slider-3-1709218319219.jpg&#034;,
    &#034;md&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148296//hg-sliders-hug-tablet-slider-oct-20241730304039757.jpg&#034;,
    &#034;lg&#034;: &#034;https://img.sm360.ca/images/promo/humberviewgroup-941/148296//hg-sliders-redesign-final-draft-jan-2024_hug-desktop-slider-1-1709219908455.jpg&#034;
    }"
              
              data-theme-style="homePagePortal_ourStory"
              >
    
    
<div class="l-container -defaultMarginBottom  "
              
              
              >
    
        
<div class="l-grid  "
              
              
              class="gen-pb-7"
              
              >
    
            <div class="gen-col-span-12 gen-pt-10 gen-text-center lg:gen-col-span-5 lg:gen-col-start-8 lg:gen-text-left lg:gen-pt-32">
                

    <h2 class="a-typography heading1 gen-pb-3 xl:gen-pb-5 homePagePortal_joinTheHug_title"  role="heading" aria-level="1">
    Join the HUG.
    
    </h2>


    <div class="a-typography body1 gen-pb-3 xl:gen-pb-7 homePagePortal_joinTheHug_description"  role="" >
    <p>Refer a new customer and start earning valuable points and rewards today</p>
    
    </div>


                    <a class="a-button -senary gen-w-full sm:gen-w-auto"
                       href="https://hug.ca/app/main/home"
                       role="button"
                       context-id="homePagePortal_joinTheHug_button"
                       
                       target="_blank"
                       
                       
                       data-theme-style="button"
                    >
                        Learn More

                        
    <svg class="a-icon a-icon-link-external a-button__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


                    </a>
                
                
            </div>
        
</div>
    
</div>

</div>

</div>
                            

<footer id="footer" itemscope itemtype="https://schema.org/WPFooter" data-theme-style="footer">
    <div class="container footerAlpha__container">
        <div class="footerAlpha__links">
            
                
            <a href="/en"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Home
                
            </a>
        
        
            <a href="/en/choose-your-make"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    New Vehicles
                
            </a>
        
        
            <a href="/en/used-inventory"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Used vehicles
                
            </a>
        
        
            <a href="/en/careers"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Career Opportunities
                
            </a>
        
        
            <a href="/en/about-us"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    About Us
                
            </a>
        
        
            <a href="/en/our-team"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Executive Team
                
            </a>
        
        
            <a href="/en/humberview-group-dealers"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Locations
                
            </a>
        
        
            <a href="/en/guide"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Car Buying Guide
                
            </a>
        
        
            <a href="/en/accessibility"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    Accessibility
                
            </a>
        
        
            <a href="/en/news"
               class="a-link -footer gen-w-max"
                
                
               data-theme-style="link"
            >
                    News and Events
                
            </a>
        
        
        </div>

        <div class="footerAlpha__social">
            <div class="social-network footerAlpha__social-icons">
        <div class="social-network__iconWrapper ">
            <a class=""
                   href="https://www.facebook.com/thehumberviewgroup"
                   title="Facebook | Humberview Group"
                   target="_blank"
                   aria-label="Facebook - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="facebook"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-facebook social-media "
         role="none"
         data-theme-style="footer_socialBlock_iconColor"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.youtube.com/channel/UCjCTTiyAyb5JmKK2UgxO4FQ"
                   title="Youtube | Humberview Group"
                   target="_blank"
                   aria-label="Youtube - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="youtube"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-youtube social-media "
         role="none"
         data-theme-style="footer_socialBlock_iconColor"
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/thehumberviewgroup/"
                   title="Instagram | Humberview Group"
                   target="_blank"
                   aria-label="Instagram - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="instagram"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-instagram social-media "
         role="none"
         data-theme-style="footer_socialBlock_iconColor"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
            <a class="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://www.linkedin.com/company/the-humberview-group"
       target="_blank"
       title="LinkedIn | Humberview Group"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="footer"
    >
        

    <svg class="a-icon a-icon-linkedin-base social-media "
         role="none"
         data-theme-style="footer_socialBlock_iconColor"
    >
        <title>linkedin-base</title>
        <use xlink:href="#icon-linkedin-base"></use>
    </svg>


</a>
</div>
    </div>


                <div class="footerAlpha__social-image-wrapper">
                    <img src="https://img.sm360.ca/ir/w175h135/images/web/humberviewgroup-941/3994/bm_logo_2023-white-en-rgb-1-1715807019945.png" alt="Best Managed Companies" class="footerAlpha__social-image footerAlpha__best_managed_companies_logo"  />
                </div>
            
        </div>

        
            <div class="footerAlpha__extra-logo">
                <img src="https://img.sm360.ca/ir/w175h135/images/web/humberviewgroup-941/3994/60th-anniversary-footer-logo1745524548893.png" alt="60th Anniversary logo" class="footerAlpha__extra-logo"  />
            </div>
        
    </div>

    <div class="container">
        

<div class="" data-theme-style="footerBottom_bgColor">
    

    <span class="a-typography fineprint footer-coryright-label" data-theme-style=""
    
        itemprop="copyrightHolder" role="" >
    &copy; 2025
            Humberview Group
    
    </span>


            <a href="/en/sitemap"
               class="a-link -footerfineprint "
                
                
                title="Sitemap"
                
                
               data-theme-style="link"
            >
                    Sitemap
                
            </a>
        
        
            <a href="/en/terms-of-use"
               class="a-link -footerfineprint "
                
                
                title="Terms of Use"
                
                
               data-theme-style="link"
            >
                    Terms of Use
                
            </a>
        
        
            <a href="/en/legal-and-policy"
               class="a-link -footerfineprint "
                
                
                title="Legal & Policy"
                
                
               data-theme-style="link"
            >
                    Legal & Policy
                
            </a>
        
        
</div>
    </div>
</footer></div>
                </div>
            </div>
        </div>

        <div class="generic__reveal reveal nopadding" id="genericModal" data-reveal>
            <div class="generic__reveal-body reveal-body"></div>
            <button class="close-button" data-close aria-label="Close Modal" role="button" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>

        <div id="fb-root"></div><script type="text/javascript">

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id; js.defer = true;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<!--[if lt IE 8]>
        <div class="chromeframe" style="height:80px;">
            <div style="margin: 0; background: #ccc; color: #000; padding: 1.2em 0; position:fixed; bottom:0; width:100%; z-index:1000;">
                <div style="display:block; margin:0.5em auto; width:940px;">
                    You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
            </div>
        </div>
        <![endif]-->
    

<script src="/js/phoenix-jsp/phoenix-jsp.min.js" defer></script>
<!-- Widget Login (Loading Scripts) -->


<script defer src="/js/theme/humberview-2023/main.min.js?v=034716037"></script>
<script defer src="https://cdn.icomoon.io/78355/humberview-2023/svgxuse.js?h4fsk0"></script>
        <script defer src="https://cdn.icomoon.io/78355/humberview-2023/svgxuse.js?h4fsk0"></script>

        <script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://unpkg.com/swiper@11.0.6/swiper-bundle.min.js"></script>

        <script type="text/javascript">
</script>


        <script src="/js/urlTracker.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                var contextPath = '';
                urlTracker.addUrl(contextPath);
            });

        </script>

        
                    <script>
    function generateUrlWithTr(){
        var url = window.location.href;
        var query = window.location.search.substring(1);
        if(query){
            url = url.concat('&tr=14')
        }
        else{
            url =  url.concat('?tr=14')
        }
        return url;
    }
    function removeAccents(vehicleName){
        var accents = ['à','â','ä','è','ê','é','ë','ï','î','ô','ö','ù','û','ü','ÿ','ç','À','Â','Ä','Ç','É','È','Ê','Ë','Î','Ï','Ô','Ö','Ù','Û','Ü','Ÿ'];
        var letterWitoutAccents = ['a','a','a','e','e','e','e','i','i','o','o','u','u','u','y','c','A','A','A','C','E','E','E','E','I','I','O','O','U','U','U','Y'];
        for(var i = 0;i != accents.length;i++){
            vehicleName = vehicleName.replace(accents[i], letterWitoutAccents[i]);
        }
        return vehicleName;
    }
    function tagUserView(language, image, vehicleName, ttl) {
        if (!ttl) ttl = 2591999;
        if(vehicleName){
            vehicleName = removeAccents(vehicleName);
        }

        iframeSrcBuilder(language, image, vehicleName, ttl);

    }
    function iframeSrcBuilder(language, image, vehicleName, ttl) {
        var iFrameSRC = "//script.sm360.ca/dynamic-ads/adunit/tag_user_view.html?"
        var iFrameID = "adgear-car-tag";
        var $iframe = document.getElementById(iFrameID);
        if (typeof image != "undefined" && image != null) {
            iFrameSRC = iFrameSRC + "&i=" + encodeURIComponent(String(image));
        }
        if (typeof vehicleName != "undefined" && vehicleName != null) {
            iFrameSRC = iFrameSRC + "&v=" + encodeURIComponent(String(vehicleName));
        }
        if (typeof language != "undefined" && language != null) {
            iFrameSRC = iFrameSRC + "&l=" + encodeURIComponent(String(language));
        }
        iFrameSRC = iFrameSRC +
                "&ttl=" + encodeURIComponent(String(ttl)) +
                "&AG_R=" + String(Math.random());

        $iframe = iframeGenerator($iframe, iFrameID, iFrameSRC);
    }
    function iframeGenerator($iframe, iFrameID, iFrameSRC) {
        if (!$iframe) {
            $iframe = document.createElement('iframe');
            $iframe.id = iFrameID;
            $iframe.style.visibility = "hidden";
            $iframe.style.display = "none";
            $iframe.style.width = "1px";
            $iframe.style.height = "1px";
            $iframe.setAttribute("width", "1");
            $iframe.setAttribute("height", "1");
            $iframe.setAttribute("frameborder", "0");
            $iframe.setAttribute("marginwidth", "0");
            $iframe.setAttribute("marginheight", "0");
            $iframe.setAttribute("scrolling", "no");
            $iframe.setAttribute("src", iFrameSRC);
            document.body.appendChild($iframe);
        } else {
            $iframe.setAttribute("src", iFrameSRC);
        }
        return $iframe
    }
    $(document).ready(function () {
        if (typeof dataLayer !== 'undefined' && typeof dataLayer[0].make !== 'undefined') {
            var language = document.getElementsByTagName('html')[0].getAttribute('lang'),
                    vehicleName = "",
                    image;
            if (language == null || language == "") {
                language = "fr";
            }

            if (language == 'fr') {
                vehicleName = dataLayer[0].make + " " + dataLayer[0].model + " " + dataLayer[0].year;
            } else {
                vehicleName = dataLayer[0].year + " " + dataLayer[0].make + " " + dataLayer[0].model;
            }

            
                    tagUserView(language, null, vehicleName);
                
        }
    });
</script>
                
                
                <div id="cherry-popper"></div>

    <script type="text/javascript">
        $(window).load(function(){
            $.getScript( "//cherry.sm360.ca/js/1.0.0/cherry-popper.min.js?v=034716037").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 3994,
                    vehicleInventoryId: window.dataLayer && window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    vehicleCatalogTrimId: window.dataLayer && window.dataLayer[0].condition && !window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    organizationUnitId: 8659,
                    currentPage: document.location.href,
                    locale: "en"
                });

                $('#cherry-popper').popper("init");
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("Cherries not loaded, problem loading js");
            });
        });
        function closePopup() {
            $('#cherry-popper').popper("closeCurrentPopup");
        }
    </script>

            
        <script type="text/javascript">
    $(document).ready(function(){

        function insertDataAttribut() {
            var value, i, j;
            if (document.forms.length) {
                var forms = document.forms;
                for (i = 0; i < forms.length; i++) {
                    value = forms[i];
                    if (value.getAttribute('data-gtmsm360') == null) {
                        value.setAttribute('data-gtmsm360', 'conv__form');
                    }
                }
            }

            if (document.links.length) {
                var links = document.links;
                for (i = 0; i < links.length; i++) {
                    var testClass = links[i].className;

                    if (testClass.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (testClass.indexOf('header') >= 0 && testClass.indexOf('logo') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-logo');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('button') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('btn') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if (testClass.indexOf("header") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                    else if (testClass.indexOf('footer') >= 0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-phone');
                    }
                    else if (testClass.indexOf('footer') >= 0 && testClass.indexOf('address') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-address');
                    }
                    else if (testClass.indexOf("footer") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__footer-link');
                    }
                    else if (testClass.indexOf('social') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__social-media');
                    }
                    else if (testClass.indexOf('pagination') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__pagination');
                    }
                    else if (testClass.indexOf('language') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__language');
                    }
                    else if (links[i].parentElement.className.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (links[i].parentElement.className.indexOf('filter-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('search-tool') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('inventory-search') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (links[i].parentElement.className.indexOf('seo-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__contact-cta');
                    }
                    else if(links[i].hasAttribute('data-carfax-version')) {
                        links[i].setAttribute('data-gtmsm360', 'ux__body-carfax');
                    }
                    else {
                        links[i].setAttribute('data-gtmsm360', 'ux__cta');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the calculator widget input fields and all form input fields
             */
            if(document.getElementsByTagName('input').length){
                var inputs = document.getElementsByTagName('input');
                for (j = 0; j < inputs.length; j++) {
                    if(inputs[j].hasAttribute("data-calculator")){
                        inputs[j].setAttribute('data-gtmsm360', 'ux__estimate_your_payment');
                    } else if(inputs[j].getAttribute('type') !== 'hidden' && inputs[j].getAttribute('type') !== 'checkbox' && inputs[j].getAttribute('type') !== 'radio') {
                        inputs[j].setAttribute('data-gtmsm360', 'ux__form_input');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button, all form radio buttons,
             * all radio and checkbox buttons in inventory filters and all form checkbox buttons
             */
            if ($('label').length>0) {
                $('label').each(function(){
                    if($(this).hasClass('radio-button__label')){
                        if($(this).prop('for').search('filter-hub') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__new_used_button');
                        } else {
                            $(this).attr('data-gtmsm360', 'ux__radio-btn');
                        }
                    } else if($(this)[0].hasAttribute('class')){
                        if($(this).attr('class').search('filters-radio-button-label') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                        }
                    } else if($(this).hasClass('filters-dropdown__checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                    } else if($(this).hasClass('checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__checkbox-btn');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button
             */
            if ($('.home-filter__radio-button').length>0) {
                $('.home-filter__radio-button label').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool tabs
             */
            if ($('.page-index [data-filters]').length>0) {
                $('.page-index [data-filters]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool dropdown
             */
            if ($('.home-filter [data-widget-dropdown-button]').length>0) {
                $('.home-filter [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }
            if ($('.page-index [data-options] [data-widget-dropdown-button]').length>0) {
                $('.page-index [data-options] [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog listing bodystyle filter
             */
            if ($('[data-bodystyle-trigger]').length>0) {
                $('[data-bodystyle-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__first_level_filters');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider arrows
             */

            if ($('.promo-header-slide').length>0) {
                $('.promo-header-slide .link__slider-arrows-text').each(function(){
                    $(this).parent().attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }
            if ($('[class^="promo-header-"] .slick-arrow').length>0) {
                $('[class^="promo-header-"] .slick-arrow').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                    $(this).find('i').attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            var arrows = $('[data-promo-banner-prev], [data-promo-banner-next]');
            if (arrows.length>0) {
                arrows.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider slide
             */

            if ($('[class^="promo-header-"] .slick-slide').length>0) {
                $('[class^="promo-header-"] .slick-slide').each(function(){
                    $(this).find('a').attr('data-gtmsm360', 'ux__home-caroussel');
                    $(this).find('img').attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            var promoCarrossel = $('[data-promo-banner-image], [data-promo-banner-link]');
            if (promoCarrossel.length>0) {
                promoCarrossel.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the home catalog slider arrows for bxslider and slick slider
             * and the vehicle preview links
             */
            if ($('.catalog-section').length>0) {
                $('.catalog-section .controls-btn').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                    $(this).parent().attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .bxslider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-index] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-vehicle] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog vdp slider arrows
             */
            if ($('.catalog-details__views-wrapper .link__slider-arrows-text').length>0) {
                $('.catalog-details__views-wrapper .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).parent().attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).parent().attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).parent().addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).parent().addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }
            if ($('.catalog-details__content-images__control').length>0) {
                $('.catalog-details__content-images__control .link__slider').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('i').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('span').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--next');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on all add to compare checkbox buttons
             */
            if($('[data-comparetool-trigger]').length>0){
                $('[data-comparetool-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('span').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('i').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('>label').attr('data-gtmsm360', 'ux__add_to_compare_option');
                });
            }

            /**
             * Add data-gtmsm360 on all form submit buttons
             */
            if($('div.submit').length>0){
                $('div.submit').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            if($('button[type=submit]').length>0){
                $('button[type=submit]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            /**
             * Add data-gtmsm360 on the inventory odometer and price filter sliders
             */
            if($('[data-slider-handle]').length>0){
                $('[data-slider-handle]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('.inventory-listing__filters .page-sidebar__left').length>0){
                $('.inventory-listing__filters .page-sidebar__left a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('[data-collapsing-filters]').length>0){
                $('[data-collapsing-filters] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }

            /**
             * Add a class to the inventory image gallery links that have no class
             */
            if($('[data-gallery-image]').length > 0){
                $('[data-gallery-image] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }

            if($('.inventory-details__header-image').length>0){
                $('.inventory-details__header-image a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('.inventory-details__header-content').length>0){
                $('.inventory-details__header-content a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('[data-carousel-slide]').length > 0){
                $('[data-carousel-slide]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }
            if($('.o-carouselThumbnail').length>0){
                $('.o-carouselThumbnail').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }

            /**
             * Add a class to the catalog image gallery links that have no class
             */
            if($('.catalog-details__gallery-section').length>0){
                $('.catalog-details__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details-premium__gallery-section').length>0){
                $('.catalog-details-premium__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details__content-images__slider').length>0){
                $('.catalog-details__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }
            if($('.catalog-details-premium__content-images__slider').length>0){
                $('.catalog-details-premium__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }

            /**
             * Add a class to the promo preview image links that have no class
             */
            if($('.promotion-preview').length>0){
                $('.promotion-preview').each(function(){
                    if(!$(this).find('a').hasClass('promotion-preview__anchor')){
                        $(this).find('a').addClass('promotion-preview__anchor');
                    }
                });
            }

            const allTaggingScope = document.querySelectorAll('[data-tagging-scope]');
            if(allTaggingScope.length > 0){
                let taggingEvent = '';
                let taggingScope = '';
                let taggingPrecision = '';

                for(const scope of allTaggingScope) {
                    taggingEvent = scope.dataset.taggingEvent;
                    taggingScope = scope.dataset.taggingScope;
                    taggingPrecision = scope.dataset.taggingPrecision;
                    if(taggingScope === 'best-sellers') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-right');
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-cta');
                        }
                    }
                    else if(taggingScope === 'body') {
                        if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-service');
                        }
                    }
                    else if(taggingScope === 'catalog-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                        else if(taggingPrecision === 'specification') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-specs-accordion');
                        }
                        else if(taggingPrecision === 'trimChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-trim');
                        }
                    }
                    else if(taggingScope === 'catalog-detail-images-interior' || taggingScope === 'catalog-detail-images-exterior') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-arrow-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', "ux__body-vehicle-images-arrow-right");
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carrousel-cta');
                        }
                    }
                    else if(taggingScope === 'catalogDetails') {
                        if(taggingPrecision === 'colorChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vdp-colors');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'compare') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'dropdown') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-select-option');
                    }
                    else if(taggingScope === 'footer') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-address');
                        }
                        else if(taggingPrecision === 'linkContact') {
                            scope.setAttribute('data-gtmsm360', 'ux__footer-link-contact');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__footer-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-address');
                        }
                        else if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-cta-service');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__header-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header-menu') {
                        if(taggingPrecision === 'firstLevel') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-main-menu');
                        }
                    }
                    else if(taggingScope === 'header-submenu') {
                        if(taggingPrecision === 'vehicle') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-submenu-vehicle');
                        }
                    }
                    else if(taggingScope === 'home-promo') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-right');
                        }
                    }
                    else if(taggingScope === 'inventory-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                    }
                    else if(taggingScope === 'inventoryDetails') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'inventoryListing') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'newsletter') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'page-contact') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'pagination') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-pagination');
                    }
                    else if(taggingScope === 'promoCard') {
                        if(taggingPrecision === 'promoCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-images-promo');
                        }
                        else if(taggingPrecision === 'promoCardLink') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-promo');
                        }
                    }
                    else if(taggingScope === 'similar-vehicles') {
                        if(taggingPrecision === 'vehicleCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardCta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardTitle') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                    }
                    else if(taggingScope === 'sticky') {
                        scope.setAttribute('data-gtmsm360', 'eng__sticky-social-media');
                    }
                    else if(taggingScope === 'vehicle-card') {
                        if(taggingPrecision === 'compare') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-listing-compare');
                        }
                    }
                    else if(taggingScope === 'evCta') {
                        scope.setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                }
            }

        }

        insertDataAttribut();
        initFidelitixTracking();
    });

</script>

        
         <script type="text/javascript">

    /**
     * This function send data (leadId) of submitted form to Fidelitix
     */
    function sendFormSubmitData(leadId) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "leadFormSubmited",
                "eventCategory": "lead",
                "eventAction": "lead-form-submit",
                "eventValue": leadId
            });
        }
    }

    /**
     * This function send data of click on phone CTA to Fidelitix
     */

    function clickToCallFidelitix(phoneData, phoneNumber) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "clickToCall",
                "eventCategory": phoneData,
                "eventAction": "click",
                "eventValue": phoneNumber
            });
        }
    }

    /**
     * This function add Click Event Listener to selected element
     */
    function addClicktoCall (selector, attributeName) {
         var selectorPhoneNumber = selector.href;
         var selectorPhoneData = selector.getAttribute(attributeName);
        selector.addEventListener("click", function (e) {
            clickToCallFidelitix(selectorPhoneData,selectorPhoneNumber);
        }, false);

    }

    /**
     * This function initialise phone numbers tracking
     */
    function initFidelitixTracking () {
        var i;
        var phoneNumbers = document.querySelectorAll('a[href*="tel:"]', '[data-gtmsm360]');
        if (phoneNumbers.length) {
            for (i = 0; i < phoneNumbers.length; i++) {
                addClicktoCall(phoneNumbers[i], 'data-gtmsm360')
            }
        }
    }
</script>


        <style>
      :root {
         --triggerRightPosition: 20px;
               --triggerLeftPosition: auto;--triggerTopPosition: 50%;
               --triggerBottomPosition: auto;
               --triggerTranslateY: -50%;
               --triggerMarginTop: 20px;--triggerMobileRightPosition: 20px;
               --triggerMobileLeftPosition: auto;--triggerMobileTopPosition: auto;
               --triggerMobileBottomPosition: 200px;
               --triggerMobileTranslateY: 0;
      }
   </style>

   <a class="access360-trigger access360-trigger--desktop"
            href="javascript:void(0);"
            data-acsb-custom-trigger="true"
            data-interface-color="#585a5c"
            data-interface-position="right"
            role="complementary"
         >
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="//cdn.sm360.ca/varia/img/access-360/logo-vertical-en.svg" height="110" width="85" alt="Logo Access 360" />
        </figure></a>
      

<style> body { font-family: Arial, sans-serif; } .accordion { max-width: 100%; margin: auto; padding: 0px; } .accordion-item { border-bottom: 1px solid #ccc; } .accordion-item input { display: none; position: absolute; } .accordion-item label { display: flex; justify-content: space-between; align-items: center; padding: 10px 8px; cursor: pointer; transition: background-color 0.3s; font-weight: bold; font-size: 1.2em; font-family: Helvetica-Bold; border-top: 0.5px black solid; } .accordion-item label::after { content: '+'; font-size: 1.2em; font-weight: bold; } .accordion-item input:checked + label::after { content: '-'; } .accordion-item label:hover { background-color: #ddd; } .accordion-item input:checked + label { } .accordion-item:has(input:checked) .content{ max-height: 800px; padding: 0 20px 20px 20px; } .content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 5px; } .content ul { list-style: none; padding: 0; margin-left: 20px; } .content ul li { padding: 0; } .il-seo-content p{ line-height:1.2; margin-bottom:0pt; margin-top:0pt; } .il-seo-content h2{ font-family:Arial,sans-serif; font-size:30pt; font-style:normal; font-variant:normal; text-decoration:none; vertical-align:baseline; white-space:pre-wrap; } .il-seo-content h3{ font-family:Arial,sans-serif; font-size:26pt; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; vertical-align:baseline; white-space:pre-wrap; } .cardEmployeePortal__name{ margin-bottom: 12px; } </style><div id="dealeraibot-root" data-dealer-id="HUMBERVIEW"></div> <script id="dealeraibot-script" type="text/javascript" src="https://webchat.dealerai.com/js/iframe-loader.js"></script>

        
<script>
    function colorChooserRedirect(colorCode) {
        const currentUrl = window.location;
        const currentUrlParams = new URLSearchParams(window.location.search);
        currentUrlParams.set('extColorCode', colorCode);
        window.location = currentUrl.origin + currentUrl.pathname + '?' + currentUrlParams.toString();
    }

    document.addEventListener("DOMContentLoaded", () => {
        const chooserItem = document.querySelectorAll('[data-color-chooser-redirect="true"] [data-color-chooser-item]');
        chooserItem.forEach(item => {
            item.addEventListener('click', e => {
                e.preventDefault();
                colorChooserRedirect(item.dataset.colorChooserCode);
            })
        });
    });

</script>
    </body>
    
</html>