

<!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" >
        <link rel="canonical" href="https://www.humberviewgroup.com/en/ev-savings-calculator">
        
        
        <title>Calculate Your EV Savings | The Humberview Group</title>
<meta name="description" content="Calculate fuel savings, government EV rebates, and potential cost benefits with The Humberview Group’s tool. Browse our wide selection of electric vehicles now.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Calculate Your EV Savings | The Humberview Group"/>
<meta property="og:description" content="Calculate fuel savings, government EV rebates, and potential cost benefits with The Humberview Group’s tool. Browse our wide selection of electric vehicles now."/>
<meta property="og:site_name" content="Humberview Group"/>

<meta property="og:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-h1-image-aug-20241724956455154.jpg"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Calculate Your EV Savings | The Humberview Group">
<meta name="twitter:description" content="Calculate fuel savings, government EV rebates, and potential cost benefits with The Humberview Group’s tool. Browse our wide selection of electric vehicles now.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-h1-image-aug-20241724956455154.jpg">


<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=051852075" 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?ltnjiy">
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/humberview-2023/style.css?9a0usp">


<link href="/css/theme/humberview-2023/website/humberview/humberview.css?v=051852075" 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=033038911" 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:'static_page' ,profitCenter:'generic' ,department:'other' ,pageName:'Other'
        }];
</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=051852075" type="text/css" rel="stylesheet"/>


<link href="/css/access-360/access-360.css?v=051852075" 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, <br/>  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/ev-savings-calculator" 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 active" data-theme-style="mobileMenu_submenuItem_fontColor_active">
        <a href="/en/ev-savings-calculator"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Calculate Your EV Savings</span>
        </a>
    </li>
<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, <br/>  each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure><div class="header-logo__text">
                        Serving you better, <br/>  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>


<div class="l-fullWidth   mobileHeaderAlpha__tradeBanner"
              
              
              >
    

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

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <a href="/en/news/view/the-humberview-group-named-one-of-canadas-best-managed-companies/128766"
               class="a-link -tradebanner headerTradeBanner__link"
                
                
                title="Proud to be recognized as one of Canada's Best Managed Companies 2024"
                
                
               data-theme-style="link"
            >
                    Proud to be recognized as one of Canada's Best Managed Companies 2024
                
            </a>
</div>
</div>
</div>


<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, <br/>  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/ev-savings-calculator"
           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/ev-savings-calculator" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Calculate Your EV Savings</span>
            </a>
    </li>
<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>


<div class="l-fullWidth   headerAlpha__tradeBanner"
              
              
              >
    

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

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <a href="/en/news/view/the-humberview-group-named-one-of-canadas-best-managed-companies/128766"
               class="a-link -tradebanner headerTradeBanner__link"
                
                
                title="Proud to be recognized as one of Canada's Best Managed Companies 2024"
                
                
               data-theme-style="link"
            >
                    Proud to be recognized as one of Canada's Best Managed Companies 2024
                
            </a>
</div>
</div>
</div></header>
</div>

                            <div id="mainContent"
                             role="main"
                             class="page page-ev.savings.calculator staticPageCharlie p-evSavingsCalculator"
                             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-container   staticPageCharlie__navigation"
              
              
              >
    

<div class="l-row  c-breadcrumbsContainer"
              
              
              >
    

<nav class="m-breadcrumbs -primary text-sm    text-onBackgroundPrimary" aria-label="Breadcrumb"  data-breadcrumb>
    <ol class="m-breadcrumbs__list flex items-center gap-1 pb-2 whitespace-nowrap overflow-auto" data-breadcrumb-list>
        
    
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    
                
                    Home
                
            
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>


    </ol>
</nav>


</div>
</div>


<div class="l-fullWidth   staticPageCharlie__header "
              data-cz-group="page.ev.savings.calculator.header"
              
              
              data-theme-style="staticPageCharlie_banner_bgColor staticPageCharlie_banner_titleColor"
              >
    

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

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

    <h1 class="a-typography heading1 staticPageCharlie__headerTitle"  role="heading" aria-level="1">
    Calculate Your Electric Vehicle Savings
    
    </h1>


    <div class="a-typography body1 staticPageCharlie__headerText wysiwyg"  role="" >
    <p>Discover the cost-saving benefits of driving an electric vehicle or plug-in hybrid with The Humberview Group. From lower fuel and maintenance costs to the ease of overnight home charging, EV ownership is a brighter, greener choice. Find out how much you can save while driving sustainably.</p>
    
    </div>


<div class="l-row -defaultPaddingBottom staticPageCharlie__headerActions"
              
              
              >
    <div class="dropdown-info cell" data-dropdown-info data-theme-style="staticPageCharlie_dropdownInfo_bgColor staticPageCharlie_dropdownInfoContent_fontColor" >
    <div class="dropdown-info__button" data-dropdown-info-button tabindex="0" data-navigation-enter-press>
        

    <svg class="a-icon a-icon-clock-outline dropdown-info__button-picto"
         role="none"
         data-theme-style="staticPageCharlie_dropdownInfoButton_pictoColor"
    >
        <title>clock-outline</title>
        <use xlink:href="#icon-clock-outline"></use>
    </svg>


<span class="dropdown-info__button-content" data-theme-style="staticPageCharlie_dropdownInfoButton_textColor">


</span>
        <span class="dropdown-info__button-arrow">
                

    <svg class="a-icon a-icon-arrowhead-down dropdown-info__button-arrow-picto"
         role="none"
         data-theme-style="staticPageCharlie_dropdownInfoButton_arrowColor"
    
        data-dropdown-info-arrow=""
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</span>
        </div>

    
<section class="grid-x grid-padding-x  dropdown-info__content"
         data-theme-style=""
         
         
         data-dropdown-info-content=" ">
    <div class="dropdown-info__content-wrapper cell " data-theme-style="staticPageCharlie_dropdownInfoContent_bgColor staticPageCharlie_dropdownInfoContent_fontColor">
            <div class="dep-hours cell">
            
                
                    <div class="dep-hours-infos " data-theme-style="depHoursInfos_bgColor">
    

<div class="dep-hours-infos-opening" data-theme-style="depHoursInfos_bgColor">
    <table class="dep-hours-infos-opening__wrapper">
        <thead class="show-for-sr">
            <tr>
                <td>Days</td>
                <td>Hours</td>
            </tr>
        </thead>
        <tbody>
            
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Monday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">12:00AM&nbsp;to&nbsp;12:00AM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Tuesday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">12:00AM&nbsp;to&nbsp;12:00AM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Wednesday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">12:00AM&nbsp;to&nbsp;12:00AM</td>
                        </tr>
                    
                
                        <tr class="dep-hours-infos-opening__row-wrapper" data-theme-style="depHoursInfos_fontColor">
                            <td class="dep-hours-infos-opening__day">
                                Thursday
                                
                            </td>
                            <td class="dep-hours-infos-opening__hours text-right">12:00AM&nbsp;to&nbsp;12:00AM</td>
                        </tr>
                    
                
        </tbody>
    </table>
</div>


        <div class="dep-hours-infos-extra">
    <p class="divider " data-theme-style="businessHoursCard_borderColor"></p>
<div class="dep-hours-infos-extra__department-phone">
            

    <svg class="a-icon a-icon-phone dep-hours-infos-extra__department-phone-icon"
         role="none"
         data-theme-style="depHoursInfos_phoneIconColor"
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="dep-hours-infos-extra__department-phone-text" data-theme-style="depHoursInfos_phoneTextColor">
                Call us : </span>
            

            <a href="tel:(333) 333-3333"
               class="a-link -secondary dep-hours-infos__department-phone-number shiftdigital-event"
                
                
                data-shiftdigital-url="tel:(333) 333-3333"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
               data-theme-style="link"
            >
                    (333) 333-3333
                
            </a>
        
        
</div>
    </div>

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


                    <a class="a-button -primary staticPageCharlie__sectionHeaderButton"
                       href="#EV Sales Buddy"
                       role="button"
                       context-id="staticPageCharlie__sectionHeaderButton"
                       
                       
                       data-theme-style="button"
                    >
                        Discover Your EV Savings

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

                    <div class="staticPageCharlie__headerImage">
                        

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Calculate Your Electric Vehicle Savings" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-h1-image-aug-20241724956455154.jpg" >
        
    
</div>

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


<div class="l-container -defaultMarginBottom  staticPageCharlie__carfax"
              
              
              >
    <div class="inventory-listing__carfax">
                            </div>
                    
</div>


<div class="l-fullWidth -defaultMarginBottom  staticPageCharlie__section02"
              data-cz-group="page.ev.savings.calculator.section.02"
              
              
              >
    

<div class="o-carousel -primary "
     data-theme-style="carousel"
     x-init
     x-carousel
     
>
    <div class="o-carousel__main splide "
         data-carousel
         data-splide="{
                    &#034;type&#034;: &#034;slide&#034;
                }"
    >
        <div class="o-carousel__mainTrack splide__track mb-6">
            <ul class="o-carousel__mainList splide__list h-auto">
                

<li class="o-carouselSlide splide__slide flex justify-center max-w-full cursor-pointer gen-text-center" data-carousel-slide  >
    

            <picture class="a-image w-full ">
                
                
                    <source media="(min-width:1024px)" srcset="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-banner-aug-2024_banner-1-desktop-vlp1729884689854.jpg">
                
                
                <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="slider-image-1" class="a-image__img lazyload staticPageCharlie__section02Image" x-data x-lazy-image loading="lazy" height="500" width="1920" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-banner-aug-2024_banner-1-mobile-vlp1729884693932.jpg" >
            </picture>
        
        
</li>
            </ul>
        </div>

        <div class="o-carousel__mainArrows splide__arrows hidden md:block ">
            

<button class="o-carousel__arrow splide__arrow splide__arrow--prev -left transform -translate-y-1/2 z-10 opacity-70 border-0 top-1/2 items-center p-0 w-8 h-8 justify-center rounded-full flex absolute bg-primary text-onPrimary pointer -left-9 "
        data-tagging-precision="carouselLeft"
        
            data-tagging-event="carousel"
        
>
    

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


</button>


<button class="o-carousel__arrow splide__arrow splide__arrow--next -right transform -translate-y-1/2 z-10 opacity-70 border-0 top-1/2 items-center p-0 w-8 h-8 justify-center rounded-full flex absolute bg-primary text-onPrimary pointer -right-9 "
        data-tagging-precision="carouselRight"
        
            data-tagging-event="carousel"
        
>
    

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


</button>


        </div>
    </div>

    
</div>


</div>


<div class="l-container -defaultMarginBottom  staticPageCharlie__section01 wysiwyg"
              data-cz-group="page.ev.savings.calculator.section.01"
              
              
              >
    

<div class="l-row -defaultPaddingBottom staticPageCharlie__section01Content"
              
              
              >
    

    <h2 class="a-typography heading2 staticPageCharlie__section01Title"  role="heading" aria-level="2">
    Find your dream electric car at Humberview Group
    
    </h2>


    <div class="a-typography body1 staticPageCharlie__section01Text"  role="" >
    <p>Browse Humberview Group's EV and PHEV inventory, and discover the potential savings available based on your location and driving habits</p>
    
    </div>


</div>
</div>


<div class="l-container -defaultMarginBottom  staticPageCharlie__section03"
              data-cz-group="page.ev.savings.calculator.section.03"
              
              id="EV Sales Buddy"
              
              >
    <iframe allowfullscreen
                                        loading="lazy"
                                        class="staticPageCharlie__section03Iframe"
                                        height="960"
                                        src="https://ev-sales-buddies.vercel.app/fe405378-abc3-4a36-9e26-5111c5fe4b30"
                                        title="EV Sales Buddy"
                                        aria-label="EV Sales Buddy"
                                        width="100%"></iframe>
                            
</div>


<div class="l-container -defaultMarginBottom  staticPageCharlie__section05 wysiwyg"
              data-cz-group="page.ev.savings.calculator.section.05"
              
              
              >
    

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

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Level 1" class="a-image__img lazyload staticPageCharlie__section05__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-110-120v-aug-20241724784569518.jpg" >
        
    
<div class="staticPageCharlie__section05__instanceContent">
                            

    <p class="a-typography heading3 staticPageCharlie__section05__instanceTitle"  role="heading" aria-level="3">
    Level 1
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section05__instanceText wysiwyg"  role="" >
    <h4>Easy &amp; Simple</h4>
<p>Level 1 charging is easy and the most straightforward charging option. This charger comes with your vehicle. Simply plug your EV or PHEV into a standard wall outlet to begin charging.</p>
<p>For many drivers, an overnight charge with a Level 1 charger provides sufficient range for daily commutes. If you typically drive less than 80 kilometers per day, Level 1 home EV charging might be the ideal solution for you!</p>
    
    </div>

</div>
                    
</div>


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

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Level 2" class="a-image__img lazyload staticPageCharlie__section05__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-220-240v-aug-20241724784583957.jpg" >
        
    
<div class="staticPageCharlie__section05__instanceContent">
                            

    <p class="a-typography heading3 staticPageCharlie__section05__instanceTitle"  role="heading" aria-level="3">
    Level 2
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section05__instanceText wysiwyg"  role="" >
    <br>
<h4>Faster at-home charging</h4>
<p>Upgrade to a Level 2 charger for faster home charging. Compatible with most electric vehicles, Level 2 charging stations require installation and can fully charge an EV in 4-8 hours, with even shorter times for PHEVs.</p>
<p>Control and monitor your charging from a mobile device, and use smart charging features to schedule charging times and optimise energy use, helping you save on electricity costs.</p>
    
    </div>

</div>
                    
</div>


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

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Level 3" class="a-image__img lazyload staticPageCharlie__section05__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-dc-fast-chargers-aug-20241724785675376.jpg" >
        
    
<div class="staticPageCharlie__section05__instanceContent">
                            

    <p class="a-typography heading3 staticPageCharlie__section05__instanceTitle"  role="heading" aria-level="3">
    Level 3
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section05__instanceText wysiwyg"  role="" >
    <br>
<h4>Boosts EV range in minutes!</h4>
<p>Direct-current fast chargers (DCFC), also known as public Level 3 chargers, provide a substantial range boost in a short amount of time. Some EVs and PHEVs can charge from 10% to 80% in less than 20 minutes.</p>
<p>DCFC is perfect for quick top-ups during long trips, at rest stops, and in urban areas requiring fast turnaround times. These chargers typically deliver power ranging from 50 kW to over 350 kW, ensuring rapid charging for your electric vehicle.</p>
    
    </div>

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


<div class="l-container   staticPageCharlie__section06 wysiwyg"
              data-cz-group="page.ev.savings.calculator.section.06"
              
              
              >
    

    <h2 class="a-typography heading2 staticPageCharlie__section06Title"  role="heading" aria-level="2">
    What are the various EV charging options? <br>
    
    </h2>


<div class="o-carousel -primary "
     data-theme-style="carousel"
     x-init
     x-carousel
     
>
    <div class="o-carousel__main splide "
         data-carousel
         data-splide="{
                    &#034;type&#034;: &#034;slide&#034;,
                    &#034;gap&#034;: &#034;20px&#034;,
                    &#034;padding&#034;: &#034;10px&#034;,
                    &#034;breakpoints&#034;: {
                        &#034;640&#034;: {
                            &#034;perPage&#034;: &#034;2&#034;
                        },
                        &#034;768&#034;: {
                            &#034;perPage&#034;: &#034;3&#034;
                        },
                        &#034;1200&#034;: {
                            &#034;perPage&#034;: &#034;4&#034;
                        }
                    }
                }"
    >
        <div class="o-carousel__mainTrack splide__track mb-6">
            <ul class="o-carousel__mainList splide__list h-auto">
                

<li class="o-carouselSlide splide__slide flex justify-center max-w-full cursor-pointer " data-carousel-slide  >
    <div class="staticPageCharlie__section06__instance">
                                    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Portable Home EV Charging" class="a-image__img lazyload staticPageCharlie__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_portable-ev-charging1725033627686.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section06__instanceTitle"  role="heading" aria-level="3">
    Portable Home EV Charging
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section06__instanceText wysiwyg"  role="" >
    <p>This portable EV charger, usually included with the car, connects to a standard 120v outlet. It typically adds 10 kilometers of range per hour, making it perfect for overnight charging to meet the average daily driving distance in Canada.</p>
    
    </div>

</div>
                            
</li>


<li class="o-carouselSlide splide__slide flex justify-center max-w-full cursor-pointer " data-carousel-slide  >
    <div class="staticPageCharlie__section06__instance">
                                    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Home EV Charging" class="a-image__img lazyload staticPageCharlie__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_home-ev-charging1725033620557.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section06__instanceTitle"  role="heading" aria-level="3">
    Home EV Charging
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section06__instanceText wysiwyg"  role="" >
    <p>This portable EV charger, often included with most electric vehicles, connects to a standard 120v household outlet. Offering around 10 kilometres of range per hour, it's a reliable choice for overnight charging, ideal for covering the average daily driving distance in Canada. Perfect for EV owners needing a convenient charging solution at home.</p>
    
    </div>

</div>
                            
</li>


<li class="o-carouselSlide splide__slide flex justify-center max-w-full cursor-pointer " data-carousel-slide  >
    <div class="staticPageCharlie__section06__instance">
                                    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Commercial EV Charging" class="a-image__img lazyload staticPageCharlie__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-commercial-ev-charging-aug-20241724954126778.jpg" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section06__instanceTitle"  role="heading" aria-level="3">
    Commercial EV Charging
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section06__instanceText wysiwyg"  role="" >
    <p>Commercial EV charging stations are typically found in places like shopping malls, parking garages, and workplaces. These stations range from Level 2 chargers to high-powered DC fast chargers, providing drivers with convenient and faster charging options. Ideal for busy locations, these stations ensure electric vehicle drivers can charge while they shop, work, or enjoy leisure activities.</p>
    
    </div>

</div>
                            
</li>


<li class="o-carouselSlide splide__slide flex justify-center max-w-full cursor-pointer " data-carousel-slide  >
    <div class="staticPageCharlie__section06__instance">
                                    

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Public EV Fast Charging" class="a-image__img lazyload staticPageCharlie__section06__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_public-ev-fast-charging1725033634496.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section06__instanceTitle"  role="heading" aria-level="3">
    Public EV Fast Charging
    
    </p>


    <div class="a-typography body1 staticPageCharlie__section06__instanceText wysiwyg"  role="" >
    <p>Public fast-charging stations are designed for when you need to top up your electric vehicle quickly. With fast-charging capabilities, these stations can add up to 150 kilometers of range in as little as 30 minutes, making them perfect for long road trips or quick charges on the go. Many fast chargers are located at convenient spots across Canada for easy access.</p>
    
    </div>

</div>
                            
</li>
            </ul>
        </div>

        <div class="o-carousel__mainArrows splide__arrows hidden md:block ">
            

<button class="o-carousel__arrow splide__arrow splide__arrow--prev -left transform -translate-y-1/2 z-10 opacity-70 border-0 top-1/2 items-center p-0 w-8 h-8 justify-center rounded-full flex absolute bg-primary text-onPrimary pointer -left-9 "
        data-tagging-precision="carouselLeft"
        
            data-tagging-event="carousel"
        
>
    

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


</button>


<button class="o-carousel__arrow splide__arrow splide__arrow--next -right transform -translate-y-1/2 z-10 opacity-70 border-0 top-1/2 items-center p-0 w-8 h-8 justify-center rounded-full flex absolute bg-primary text-onPrimary pointer -right-9 "
        data-tagging-precision="carouselRight"
        
            data-tagging-event="carousel"
        
>
    

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


</button>


        </div>
    </div>

    
</div>


</div>


<div class="l-container -defaultMarginBottom  staticPageCharlie__section07 wysiwyg"
              data-cz-group="page.ev.savings.calculator.section.07"
              
              
              >
    

    <h2 class="a-typography heading2 staticPageCharlie__section07Title"  role="heading" aria-level="2">
    Frequently Asked Questions
    
    </h2>


<div class="m-accordion w-full "  data-theme-style="accordion">
    

<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-1"
       aria-controls="accordionContent-1"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        What types of electric vehicles are available at Humberview Group?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-1"
         id="accordionContent-1"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>At The Humberview Group, we offer a wide range of electric vehicles (EVs) from top brands such as Audi, Cadillac, Chevrolet, Chrysler, Ford, GMC, Jeep, Hyundai, Mercedes-Benz, and Volkswagen. Popular models include the Cadillac Lyriq, Mercedes-Benz EQB, and Audi Q4 e-tron. With over 300 new and certified pre-owned EVs across 20 dealerships in Ontario, you're sure to find the perfect electric or plug-in hybrid vehicle for your needs.</p>
    
    </div>


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


<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-2"
       aria-controls="accordionContent-2"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Do you offer financing options for EV purchases?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-2"
         id="accordionContent-2"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>Yes! The Humberview Group provides flexible financing and leasing options for electric vehicles. Our expert finance team will work with you to secure the best rates and terms tailored to your budget.</p>
    
    </div>


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


<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-3"
       aria-controls="accordionContent-3"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Can I schedule a test drive for an electric vehicle?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-3"
         id="accordionContent-3"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>Absolutely! You can easily schedule a test drive online or visit one of our dealerships to experience the advanced features and performance of our electric and plug-in hybrid vehicles.</p>
    
    </div>


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


<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-4"
       aria-controls="accordionContent-4"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        What charging options are available for EVs?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-4"
         id="accordionContent-4"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>We offer guidance on EV charging solutions, including home charging stations (Level 1 and Level 2) and public DC fast charging options. These charging solutions cater to various driving habits, ensuring you have the power you need wherever you are.</p>
    
    </div>


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


<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-5"
       aria-controls="accordionContent-5"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Are there government incentives for buying an EV?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-5"
         id="accordionContent-5"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>Yes! Government rebates and provincial incentives are available when purchasing electric vehicles, which can significantly reduce your costs. In addition to incentives, EV owners enjoy ongoing fuel savings throughout their ownership.</p>
    
    </div>


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


<div class="m-accordionItem -primary first:border-t border-b border-solid border-onSurfacePrimary bg-surfacePrimary text-onSurfacePrimary " x-data="{isOpen : false}">
    <button class="m-accordionItem__title relative w-full p-5 flex items-center justify-between leading-5 group "
       id="accordionTitle-6"
       aria-controls="accordionContent-6"
       @click="isOpen = !isOpen"
       :aria-expanded="isOpen"
       
       
    >
        
        Do you offer certified pre-owned electric vehicles?
        

    <svg class="a-icon a-icon-accordion-close m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="isOpen"
    >
        <title>accordion-close</title>
        <use xlink:href="#icon-accordion-close"></use>
    </svg>


    <svg class="a-icon a-icon-accordion-open m-accordionItem__picto shrink-0 h-3 w-3 "
         role="none"
         x-show="!isOpen"
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


    </button>
    <div class="max-h-0 overflow-hidden transition-all duration-300"
         role="region"
         aria-labelledby="accordionTitle-6"
         id="accordionContent-6"
         x-ref="thisTabContent"
         :style="isOpen ? 'max-height: ' + $refs.thisTabContent.scrollHeight + 'px;' : ''"
    >
        <div class="m-accordionItem__content p-5 text-left wysiwyg ">
            

    <div class="a-typography  "  role="" >
    <p>Yes, The Humberview Group offers certified pre-owned electric vehicles that have undergone comprehensive inspections. These vehicles come with added warranties and benefits, providing peace of mind with your purchase.</p>
    
    </div>


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


</div>


<div class="l-container -defaultMarginBottom  staticPageCharlie__section08 wysiwyg"
              data-cz-group="page.ev.savings.calculator.section.08"
              
              
              >
    

    <div class="a-typography body1 staticPageCharlie__section08Text"  role="" >
    <br>
<br>
    
    </div>


<div class="l-row -defaultPaddingBottom staticPageCharlie__section08Ctas"
              
              
              >
    

</div>
</div>


<div class="l-container   staticPageCharlie__section09 wysiwyg gen-justify-between"
              data-cz-group="page.ev.savings.calculator.section.09"
              
              
              >
    <div class="staticPageCharlie__section09__instance">
                        

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="New Hybrid & EV Inventory" class="a-image__img lazyload staticPageCharlie__section09__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_new-ev-inventory1724960463817.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section09__instanceTitle" data-section09-title="" role="heading" aria-level="3">
    New Hybrid & EV Inventory
    
    </p>


            <a href="/en/hybrid-electric-new-inventory"
               class="a-link -primary staticPageCharlie__section09__instanceLink"
                
                
                data-section09-link=""
               data-theme-style="link"
            >
                    Shop the Future
                
            </a>
        
        
</div>
                <div class="staticPageCharlie__section09__instance">
                        

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Used Hybrid & EV Inventory" class="a-image__img lazyload staticPageCharlie__section09__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_used-ev-inventory1724960474412.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section09__instanceTitle" data-section09-title="" role="heading" aria-level="3">
    Used Hybrid & EV Inventory
    
    </p>


            <a href="/en/hybrid-electric-used-inventory"
               class="a-link -primary staticPageCharlie__section09__instanceLink"
                
                
                data-section09-link=""
               data-theme-style="link"
            >
                    Shop Smart
                
            </a>
        
        
</div>
                <div class="staticPageCharlie__section09__instance">
                        

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 768 500'%2F%3E" alt="Find the Perfect Match" class="a-image__img lazyload staticPageCharlie__section09__instanceImage" x-data x-lazy-image loading="lazy" height="500" width="768" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/hg-ev-lectrium-page-imageries-aug-2024_perfect-match1725033653503.png" >
        
    
    <p class="a-typography heading3 staticPageCharlie__section09__instanceTitle" data-section09-title="" role="heading" aria-level="3">
    Find the Perfect Match
    
    </p>


            <a href="/en/all-inventory"
               class="a-link -primary staticPageCharlie__section09__instanceLink"
                
                
                data-section09-link=""
               data-theme-style="link"
            >
                    Explore All Inventory
                
            </a>
        
        
</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>

    <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; 2024
            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>
    $(document).ready(function () {
        let radioButton = $('input[type=radio][data-multi-form]')

        if(radioButton) {
            radioButton.change(function () {

                let url = $(this).attr("data-url"),
                    customFieldId = $(this).attr('data-custom-field-id'),
                    formId = $(this).attr("data-form-id"),
                    pageLocation = $(this).attr("data-page-location"),
                    submitButtonBeforeSubscribe = $(this).attr("data-submit-button-before-subscribe"),
                    submitContext = $(this).attr("data-submit-context"),
                    showPolicyPrivacy = $(this).attr("data-show-policy-privacy"),
                    desiredMake = $(this).attr("data-desired-make"),
                    desiredModel = $(this).attr("data-desired-model"),
                    desiredYear = $(this).attr("data-desired-year"),
                    desiredTrim = $(this).attr("data-desired-trim"),
                    desired = $(this).attr("data-desired"),
                    dataStockNumber = $(this).attr("data-stock-number"),
                    carId = $(this).attr("data-car-id"),
                    taggingFormPage = $(this).attr("data-tagging-form-page"),
                    taggingFormPrecision = $(this).attr("data-tagging-form-precision"),
                    trimId = $(this).attr("data-trim-id");

                $.ajax({
                    method: "GET",
                    url: url + formId,
                    data: {
                        view: "form-alpha",
                        dataActiveMake: "",
                        vehicleInventoryId: "",
                        formId: formId,
                        customFieldId: customFieldId,
                        showOptionalFields: false,
                        dataSubmitButtonBeforeSubscribe: submitButtonBeforeSubscribe,
                        dataShowPolicyPrivacy: showPolicyPrivacy,
                        dataPageLocation: pageLocation,
                        dataSubmitContext: submitContext,
                        dataDesiredMake: desiredMake,
                        dataDesiredModel: desiredModel,
                        dataDesiredYear: desiredYear,
                        dataDesiredTrim: desiredTrim,
                        desired: desired,
                        dataStockNumber: dataStockNumber,
                        dataCarId: carId,
                        dataTaggingFormPage: taggingFormPage,
                        dataTaggingFormPrecision: taggingFormPrecision,
                        dataTrimId: trimId
                    }
                }).done(function (data) {
                    $('[data-form-result]').html(data);

                    let formId = $('[data-form-result] input[name=formTypeId]').val();

                    new Foundation.Abide($('[data-form-result] [data-shift-digital-form-id="' + formId + '"]'));

                    let currentForm = document.querySelector('[data-form-result] [data-shift-digital-form-id="' + formId + '"]');
                    let dataNavigationEnterPressItems = document.querySelectorAll('[data-navigation-enter-press]');

                    initForm(currentForm);
                     formPlaceholder();
                    // formPlaceholderDropdown();
                    validatePhoneNumber();
                    toggleClickOnEnterPress(dataNavigationEnterPressItems);
                });
            });
        }

        $('[data-form-optional-fields]').click(function (e) {
            e.preventDefault();

            var showMessage = $(this).attr("data-form-optional-fields-show");
            var hideMessage = $(this).attr("data-form-optional-fields-hide");

            if ($(this).is('[data-form-optional-fields-activated]')) {
                $(".form-container__fieldset-optional").slideUp();
                $(this).removeAttr("data-form-optional-fields-activated");
                $(this).text(showMessage);
            } else {
                $(this).attr("data-form-optional-fields-activated", true);
                $(".form-container__fieldset-optional").slideDown();
                $(this).text(hideMessage);
            }
        });
    });
</script>


<script defer src="/js/theme/humberview-2023/main.min.js?v=051852075"></script>
<script defer src="https://cdn.icomoon.io/78355/humberview-2023/svgxuse.js?ltnjiy"></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=051852075").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');
                        }
                    }
                }
            }

        }

        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; } </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>