

<!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.tritruckcentre.com/en/humberview-group-dealers">
        
        
        <title>Our Locations | Tri Truck Centre in Barrie</title>
<meta name="description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Our Locations | Tri Truck Centre in Barrie"/>
<meta property="og:description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today."/>
<meta property="og:site_name" content="Tri Truck Centre"/>
<meta property="og:url" content="/en/our-dealerships"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4032/ttc-website-header-logo-new-1-1705440813863.jpg"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Our Locations | Tri Truck Centre in Barrie">
<meta name="twitter:description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4032/ttc-website-header-logo-new-1-1705440813863.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=091902704" type="text/css" rel="stylesheet"/>
<style>
        :root {
            
                --secondary5: #F0EFEF;
            
                --secondary4: #4E4E4E;
            
                --secondary7: #F2F2F2;
            
                --secondary6: #F4F4F4;
            
                --primary1: #034C9C;
            
                --secondary9: #1967D2;
            
                --semantic3-focus: #31C0FF;
            
                --secondary8: #1A1A1A;
            
                --transparent: transparent;
            
                --secondary1: #999999;
            
                --primary2: #003D6A;
            
                --secondary3: #5F5F5F;
            
                --secondary2: #B8B8B8;
            
                --neutral4: #F8F9FB;
            
                --neutral3: #CCCCCC;
            
                --semantic1-error: #F31D1D;
            
                --neutral2: #000000;
            
                --secondary10: #3C4043;
            
                --neutral1: #FFFFFF;
            
        }
    </style>
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/tritruckcentre/style-svg.css?ltnjiy">
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/tritruckcentre/style.css?9a0usp">


<link href="/css/theme/humberview-2023/non-compliance/non-compliance.css?v=091902704" type="text/css" rel="stylesheet"/>


<link href="/css/theme/humberview-2023/website/tritruckcentre/tritruckcentre.css?v=091902704" 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/4032/ttc-tritruckcentre-favicon1695843076692.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-logo-appletouch-tri-truck-centre1687954558598.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=073751499" 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-5FZ9F8');</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": "Tri Truck Centre",
            
        });
    }
</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": "Tri Truck Centre",
            
        });
    }
</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": "Tri Truck Centre",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Tri Truck Centre",
            "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-5GQTFRNG');</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 -->
            
        
        <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=6LeaSmMpAAAAAOuHfDIVekzww7GqtWwGJSl2nOCA"></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('6LeaSmMpAAAAAOuHfDIVekzww7GqtWwGJSl2nOCA', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


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


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "91 Hart Dr",
        "addressLocality": "Barrie",
        "addressRegion": "ON",
        "postalCode": "L4N 5M3",
        "addressCountry": "CA"
    },
    "brand": "",
    "description": "Tri Truck Centre,  dealership in Barrie",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "44.376993",
        "longitude": "-79.71264"
    },
    "image": "https://img.sm360.ca/images/web/humberviewgroup-941/tritruck_centre1688656518302.png",
    "knowsLanguage": "en-CA",
    "logo": "https://img.sm360.ca/images/web/humberviewgroup-941/tritruck_centre1688656518302.png",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "n/a"
    },
    "name": "Tri Truck Centre",
    "openingHours": "n/a",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/TriTruckCentre/",
        "",
        "https://www.youtube.com/channel/UC1aW1R6NvFFcXc0Y3PXU3UQ",
        "",
        "https://www.instagram.com/humberviewcommercialtrucks/"
    ],
    "telephone": "1-705-315-0448",
    "url": "www.tritruckcentre.com"
}
</script>
    

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

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


<link href="/css/access-360/access-360.css?v=091902704" 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-5GQTFRNG" 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) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FZ9F8"
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": "Tri Truck Centre",
  "url": "www.tritruckcentre.com",
  "logo": "https://img.sm360.ca/images/manufacturer/default/default-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/default/default-color-128-notag.png",
  "description": "Tri Truck Centre,  dealership in Barrie",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "91 Hart Dr",
     "addressLocality": "Barrie",
     "addressRegion": "Ontario",
     "postalCode": "L4N 5M3",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "44.376993",
     "longitude": "-79.71264"
  },
   "openingHours": "",
   "telephone": "1-705-315-0448"
}
</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="Tri Truck Centre">
            

<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/4032/ttc-website-header-logo-new-1-1705440813863.jpg" 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/new-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

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

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/dump-trucks-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Dump Trucks</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/straight-trucks-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Straight Trucks</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hook-lift-trucks-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Hook Lift Trucks</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/refrigerated-trucks-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Refrigerated Trucks</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hino-scr"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Hino Trucks and the Environment</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/landscape-ontario-specials"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Landscape Ontario Membership Incentives</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/why-hino"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Why Buy Hino</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 Trucks</span>

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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 Trucks</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 Trucks</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/special-offers" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Special Offers</span>

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/special-offers"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                All</span>
        </a>
    </li>


<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers/department/service-parts/2"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Service & Parts</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/services" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Services & Parts</span>

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/services"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Book Your Appointment</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/order-parts"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Order Hino Parts</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" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Hino Total Support</span>

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/l-series-truck"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                L Series Truck</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hino-truck-warranty"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Hino Truck Warranty</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hino-watch"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                HINOWATCH</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hino-premium-protection-program"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Hino Premium Protection Plan</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hino-xl-series"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Hino XL Truck</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/financing" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Financing</span>

                    
    <svg class="a-icon a-icon-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/financing"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Financing</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/warranty"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Cummins Engine Warranty</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item active"
        data-accordion-item
        data-menu-item
        x-data="{ active: true, 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-accordion-open mobile-menu-item__icon"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></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/contact-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Contact Us</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">
                Meet Our Team</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/news"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Blog</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>
<li class="mobile-menu-submenu-item active" data-theme-style="mobileMenu_submenuItem_fontColor_active">
        <a href="/en/humberview-group-dealers"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Humberview Group Dealers</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item mobile-menu-compare accordion-item" data-accordion-item>
    <a class="mobile-menu-item__anchor mobile-menu-compare__anchor" href="#" title="Compare" data-theme-style="mobileMenu_bgColor mobileMenu_borderColor">
        <span class="mobile-menu-compare__label">
            Compare</span>
        <span class="mobile-menu-compare__value" data-theme-style="mobileMenu_compareCount_bgColor mobileMenu_compareCount_fontColor" data-comparetool-count='all'>
                            0</span>
        </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 widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/new-catalog/compare/'
       data-comparetool-link-type='catalog'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='catalog'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Vehicle(s)</span>
    </a>
</li><li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/used-inventory/compare/'
       data-comparetool-link-type='used'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='used'>
            0</span>
        <span class="widget-comparebox__element-text">
            Used Vehicle(s)</span>
    </a>
</li><li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/new-inventory/compare/'
       data-comparetool-link-type='new-inventory'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='new-inventory'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Inventory Vehicle(s)</span>
    </a>
</li></ul>
</li>
</ul>

    <div class="mobile-menu__bottom">
            <div class="mobile-menu__cta-sms">
                    

                    <a class="a-button -primary mobile-menu__cta-sms-anchor"
                       href="/en/services"
                       role="button"
                       context-id="mobileMenu_button"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
</div>
                <br>
            <div class="mobile-menu__dealer">
                

<address class="addressBravo mobile-menu__address" data-component data-component-type="address">
    
        
    <p class="a-typography subheading1 addressBravo__dealerName"  role="heading" aria-level="1">
    Tri Truck Centre
    
    </p>


            <a href="http://maps.google.com/?q=Tri+Truck+Centre+91+Hart+Dr+L4N+5M3+Ontario+Barrie"
               class="m-linkWithIcon -headeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="91 Hart Dr, Barrie, <span>Ontario, L4N 5M3</span>"
                
                
                data-theme-style="link"
            >
                
                    
    <svg class="a-icon a-icon-pin m-linkWithIcon__icon"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


                    91 Hart Dr, Barrie, <span>Ontario, L4N 5M3</span>
                
                    
    <svg class="a-icon a-icon-link-external m-linkWithIcon__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><section class="phone-number mobile-menu__dealer-info">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Sales
    
    </span>


            <a href="tel:1-705-315-0448"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
                
                title="1-705-315-0448"
                
                data-shiftdigital-url="tel:1-705-315-0448"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-705-315-0448
                
            </a>
        
        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Service
    
    </span>


            <a href="tel:1-705-999-6049"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service"
                
                title="1-705-999-6049"
                
                data-shiftdigital-url="tel:1-705-999-6049"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-705-999-6049
                
            </a>
        
        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Other
    
    </span>


            <a href="tel:1-877-528-0376"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Other"
                
                title="1-877-528-0376"
                
                data-shiftdigital-url="tel:1-877-528-0376"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-877-528-0376
                
            </a>
        
        
</div>
</section>
<div class="social-network mobile-menu__social-media">
        <div class="social-network__iconWrapper ">
            <a class=""
                   href="https://www.facebook.com/TriTruckCentre/"
                   title="Facebook | Tri Truck Centre"
                   target="_blank"
                   aria-label="Facebook - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="facebook"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

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


</a>
            <a class=" "
                   href="https://www.youtube.com/channel/UC1aW1R6NvFFcXc0Y3PXU3UQ"
                   title="Youtube | Tri Truck Centre"
                   target="_blank"
                   aria-label="Youtube - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="youtube"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

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


</a>
            <a class=" "
                   href="https://www.instagram.com/humberviewcommercialtrucks/"
                   title="Instagram | Tri Truck Centre"
                   target="_blank"
                   aria-label="Instagram - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="instagram"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-instagram social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <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/tri-truck-centre-hino-canada/"
       target="_blank"
       title="LinkedIn | Tri Truck Centre"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="header"
    >
        

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


</a>
</div>
    </div>
</div>
        </div>
    </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="Tri Truck Centre">
            

<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/4032/ttc-website-header-logo-new-1-1705440813863.jpg" height="" width="" alt="Serving you better, <br/>  each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    <div class="mobileHeaderAlpha__coordinates" data-coordinates>
                <a href="javascript:void(0);"
           class="header-mobile__phone mobileHeaderAlpha__phone mobileHeaderAlpha__item"
           data-modal-id="phonesDepartmentReveal">
            

    <svg class="a-icon a-icon-phone header-mobile__phone-picto"
         role="none"
         data-theme-style="mobileHeader_phone_iconColor"
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


</a>
    <div class="modal " data-modal="phonesDepartmentReveal" >
    <div class="modal__wrapper "
         data-theme-style="modal_fontColor modal_bgColor"
         >

        <button class="modal__close-button" type="button" data-modal-close data-theme-style="modal_closeBtn_fontColor modal_closeBtn_bgColor">
            <span aria-hidden="true">X</span>
        </button>

        <div class="modal__content " data-theme-style="modal_scrollbar " data-modal-content>
            <ul class="snippet-mobile-phones mobileHeaderAlpha__phone mobileHeaderAlpha__item" data-theme-style="">

            <li class="snippet-mobile-phones__item">
                        <a href="tel:1-705-315-0448"
                           class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                           data-shiftdigital-event="clickToCall"
                           data-shiftdigital-title=""
                           data-shiftdigital-url="tel:1-705-315-0448"
                           data-tagging-event="contacts"
                           data-tagging-precision="phone"
                           data-tagging-specificity="Sales">
                            

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Sales&nbsp;&nbsp;&nbsp;&nbsp;1-705-315-0448</span>
                        </a>
                    </li>
                <li class="snippet-mobile-phones__item">
                            <a href="tel:1-705-999-6049"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Service"
                               data-shiftdigital-url="tel:1-705-999-6049"
                               data-tagging-event="contacts"
                               data-tagging-precision="phone"
                               data-tagging-specificity="Service">
                                

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Service&nbsp;&nbsp;&nbsp;&nbsp;1-705-999-6049</span>
                            </a>
                        </li>
                    <li class="snippet-mobile-phones__item">
                            <a href="tel:1-877-528-0376"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Other"
                               data-shiftdigital-url="tel:1-877-528-0376"
                               data-tagging-event="contacts"
                               data-tagging-precision="phone"
                               data-tagging-specificity="Other">
                                

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Other&nbsp;&nbsp;&nbsp;&nbsp;1-877-528-0376</span>
                            </a>
                        </li>
                    </ul>
    </div>
    </div>
</div><a class="mobileHeaderAlpha__address mobileHeaderAlpha__item" href="http://maps.google.com/?q=Tri+Truck+Centre+91+Hart+Dr+L4N+5M3+ON+Barrie" target="_blank">
                        

    <svg class="a-icon a-icon-pin mobileHeaderAlpha__address-picto"
         role="none"
         data-theme-style="mobileHeader_address_iconColor"
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


</a>
                </div>

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


<header class="headerAlpha" itemscope itemtype="https://schema.org/WPHeader" data-theme-style="headerAlpha desktopHeader_bgColor desktopHeader_fontColor" data-header role="banner" x-data="">
    

<div class="l-fullWidth   headerAlpha__topBanner"
              
              
              >
    

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

<div class="l-row  "
              
              
              >
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload " src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 '%2F%3E" loading="lazy" alt="Proud Member of Humberview Group" height="" width="" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4004/proud-member-1-line_black1685635250183.svg"  />
        </figure>
</div>
</div>
</div>


<div class="l-container   lg:gen-px-4"
              
              
              >
    <div x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0">
            

<div class="l-grid  headerAlpha__mainContent"
              
              
              >
    <div class="headerAlpha__logo">
                    

<a class="headerAlpha__logoLink" href="/en" title="Tri Truck Centre">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img headerAlpha__logoImage" src="https://img.sm360.ca/ir/h90/images/web/humberviewgroup-941/4032/ttc-website-header-logo-new-1-1705440813863.jpg" height="" width="" alt="Serving you better, <br/>  each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    </div>

                <div class="headerAlpha__coordinates"
                     data-coordinates>
                    <div class="headerAlpha__phoneAddress">
                        <div class="headerAlpha__phoneList" data-theme-style="desktopHeader_bgColor desktopHeader_fontColor">
                            <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name " data-theme-style="" role="" >
    Sales
    
    </span>


            <a href="tel:1-705-315-0448"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
                
                title="1-705-315-0448"
                
                data-shiftdigital-url="tel:1-705-315-0448"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-705-315-0448
                
            </a>
        
        
    <svg class="a-icon a-icon-arrowhead-down -iconAfter"
         role="none"
         data-theme-style=""
    >
        <title>arrowhead-down</title>
        <use xlink:href="#icon-arrowhead-down"></use>
    </svg>


</div>
<section class="phone-number -list" >
        <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Service
    
    </span>


            <a href="tel:1-705-999-6049"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service"
                
                title="1-705-999-6049"
                
                data-shiftdigital-url="tel:1-705-999-6049"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-705-999-6049
                
            </a>
        
        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Other
    
    </span>


            <a href="tel:1-877-528-0376"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Other"
                
                title="1-877-528-0376"
                
                data-shiftdigital-url="tel:1-877-528-0376"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-877-528-0376
                
            </a>
        
        
</div>
</section>
</div>

                        <div class="headerAlpha__address">
                            

<address class="address gen-flex gen-items-center address--splitted headerAlpha__address"
         data-component data-component-type="address"
>
    

            <a href="http://maps.google.com/?q=Tri+Truck+Centre+91+Hart+Dr+L4N+5M3+Ontario+Barrie"
               class="m-linkWithIcon -headeraddress "
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="91 Hart Dr, Barrie,&nbsp;Ontario, L4N 5M3"
                
                
                data-theme-style="link"
            >
                
                    
    <svg class="a-icon a-icon-pin m-linkWithIcon__icon"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


                    91 Hart Dr, Barrie,&nbsp;Ontario, L4N 5M3
                
                    
    <svg class="a-icon a-icon-link-external m-linkWithIcon__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


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

                    <div class="headerAlpha__cta">
                        

                    <a class="a-button -primary "
                       href="/en/services"
                       role="button"
                       context-id="headerCta_button"
                       data-tagging-precision="ctaService"
        
        
            data-tagging-scope="header"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
</div>

                    </div>
            
</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/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 Trucks</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/dump-trucks-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Dump Trucks</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/straight-trucks-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Straight Trucks</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hook-lift-trucks-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Hook Lift Trucks</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/refrigerated-trucks-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Refrigerated Trucks</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hino-scr" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Hino Trucks and the Environment</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/landscape-ontario-specials" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Landscape Ontario Membership Incentives</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/why-hino" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Why Buy Hino</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 Trucks</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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 Trucks</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 Trucks</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/special-offers"
           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">
                             Special Offers</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/special-offers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                All</span>
            </a>
    </li>


<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers/department/service-parts/2" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Service & Parts</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/services"
           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">
                             Services & Parts</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/services" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Book Your Appointment</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/order-parts" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Order Hino Parts</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"
           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">
                             Hino Total Support</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/l-series-truck" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                L Series Truck</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hino-truck-warranty" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Hino Truck Warranty</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hino-watch" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                HINOWATCH</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hino-premium-protection-program" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Hino Premium Protection Plan</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/hino-xl-series" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Hino XL Truck</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/financing"
           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">
                             Financing</span>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/financing" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Financing</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/warranty" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Cummins Engine Warranty</span>
            </a>
    </li>
</ul></li>

                    
                <li class="desktop-menu-item active"
        data-menu-item
        tabindex="0"
        x-data="{ active: true, 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>
                

    <svg class="a-icon a-icon-accordion-open desktop-menu-item__picto"
         role="none"
         
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</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/contact-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Contact Us</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">
                Meet Our Team</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/news" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Blog</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>
<li class="desktop-menu-submenu-item active"
        data-theme-style="desktopMenu_submenuItem_fontColor_active desktopMenu_submenuItem_bgColor_active">
        <a href="/en/humberview-group-dealers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Humberview Group Dealers</span>
            </a>
    </li>
</ul></li>


<li class="desktop-menu-compare desktop-menu-item" data-menu-item tabindex="0">
    <a class="desktop-menu-compare__anchor desktop-menu-item__anchor"
       data-tooltip
       aria-haspopup="true"
       aria-expanded="false"
       data-position="bottom"
       data-alignment="center"
       data-click-open="false"
       data-trigger-class=""
       data-menu-anchor
       role="button"
       href="javascript:void(0);"
       title="Select 2 Vehicles to Compare"
       data-widget-compare
       data-tagging-scope="header-menu"
       data-tagging-precision="firstLevel"
       tabindex="-1"
    >
        

    <svg class="a-icon a-icon-car-compare-truck desktop-menu-compare__icon"
         role="none"
         
    >
        <title>car-compare-truck</title>
        <use xlink:href="#icon-car-compare-truck"></use>
    </svg>


<span class="desktop-menu-compare__value" data-theme-style="desktopMenu_compareCount_fontColor desktopMenu_compareCount_bgColor" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="widget-comparebox" data-menu-submenu data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor" data-widget-comparebox>
        <svg class="widget-comparebox__triangle" preserveAspectRatio="none" viewBox="0 0 100 100">
            <polygon points="0 0,100 0, 100 8, 50 100, 0 8" data-theme-style="desktopMenu_compareSubmenuTriangle_bgColor"></polygon>
        </svg>

        <li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="used" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    Used Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/used-inventory/compare/"
    
        data-comparetool-link-type="used"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
<li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="new-inventory" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Inventory Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/new-inventory/compare/"
    
        data-comparetool-link-type="new-inventory"
                       data-theme-style="button"
                    >
                        Compare

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

    <div class="widget-comparebox__notification" data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor">
        <div class="widget-comparebox__notification-element widget-comparebox__notification-template">
            <div class="widget-comparebox__notification-icon">
                <span data-theme-sprite=""></span>
            </div>
            <div class="widget-comparebox__notification-text"></div>
        </div>
    </div>
</li>


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

                            <div id="mainContent"
                             role="main"
                             class="page page-locations portalLocationsPage"
                             data-theme-style="portalLocationsPage"
                             
                             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   "
              
              
              >
    
            
<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>


    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <span class="m-breadcrumbItem__activeItem" aria-current="page" data-breadcrumb-item-active>
                    Humberview Group Dealers
                </span>
            
        
    </li>

        
    </ol>
</nav>


</div>
        
</div>

        
<div class="l-fullWidth   portalLocationsPage__header"
              data-cz-group="page.locations.header"
              
              
              >
    
            
<div class="l-container   portalLocationsPage__headerWrapper"
              
              
              >
    
                
<div class="l-row  portalLocationsPage__headerContent"
              
              
              >
    
                    
    <h1 class="a-typography heading1 portalLocationsPage__title"  role="heading" aria-level="1">
    Our Dealerships
    
    </h1>


    <div class="a-typography subheading1 portalLocationsPage__headerHtml wysiwyg"  role="heading" aria-level="1">
    <p>5000 VEHICLES. 20 STORES. 18 BRANDS. 1 PROMISE : SERVING YOU BETTER, EACH AND EVERY DAY.</p>
    
    </div>


    <div class="a-typography body1 portalLocationsPage__headerTextContent wysiwyg"  role="" >
    <meta charset="utf-8">
<p>If you're looking for a new vehicle or you'd like to have a chat with one of our financial or sales representatives, call, email, or visit us at one of our <a href="https://www.humberviewgroup.com/en">Humberview Group</a> locations!</p>
    
    </div>


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

        
<div class="l-container   portalLocationsPage__imageTop"
              data-cz-group="page.locations.image.top"
              
              
              >
    
            
<div class="l-row -defaultPaddingBottom "
              
              
              >
    
                
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1550 350'%2F%3E" alt="Our Dealerships" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="350" width="1550" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/our-dealerships-desktop1687441441034.png" >
        
    
</div>
        
</div>

        
<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              data-cz-group="page.locations.instances"
              
              
              >
    
            
<div class="l-grid -defaultPaddingBottom portalLocationsPage__listingWrapper"
              
              
              >
    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="applewoodcadillac.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/applewood168132456386316845078569911687434778413.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.applewoodcadillac.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    applewoodcadillac.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.applewoodauto.com/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    applewoodauto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="audimidtowntoronto.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-audimidtown168019722970316845078951881687434770719.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.audimidtowntoronto.com"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    audimidtowntoronto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="autopark.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-autopark168019725561016845079030171687434762501.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.autopark.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    autopark.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="bayfieldford.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4014/logo-hg-bayfield-ford-lincolnpng1697826312037.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.bayfieldford.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    bayfieldford.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.bayfieldlincoln.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    bayfieldlincoln.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="citygm.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-chevrolet168019730453516845079213901687434742715.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.citygm.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    citygm.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.citycadillac.com/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    citycadillac.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="cooksvilledodgechrysler.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-cooksville168019734687116845079377941687434716587.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.cooksvilledodgechrysler.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    cooksvilledodgechrysler.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="cooksvillehyundai.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-hyundai168019736667316845079460431687434706817.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.cooksvillehyundai.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    cooksvillehyundai.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="courtlandmobility.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/cmob-logo-1-1713968392982.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.courtlandmobility.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    courtlandmobility.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="georgetowntoyota.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-georgetown168019769858716845079542661687434698330.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.georgetowntoyota.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    georgetowntoyota.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="goderichhonda.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-honda168019755045816845079635921687434690728.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.goderichhonda.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    goderichhonda.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="goderichtoyota.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-toyota168019774633616845079705881687434679990.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.goderichtoyota.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    goderichtoyota.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewgm.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-humberviewgm168019776610216845079782281687434670592.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewgm.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewgm.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewcommercial.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-commercial168019884351116845080172801687434629135.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewcommercial.com"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewcommercial.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="hgleasing.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-leasing1680198761085-1-16845079933831687434653726.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.hgleasing.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    hgleasing.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewmobility.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-mobility1680198776006-1-16845080014641687434645015.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewmobility.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewmobility.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewmotorsports.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-motorsports168019879246816845080092291687434636447.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewmotorsports.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewmotorsports.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewtrucks.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/sm360-ht-logos-dealer-page-oct-20231697137797921.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewtrucks.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewtrucks.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewvw.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-vw168019887040516845080259841687434620658.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewvw.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewvw.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="mayfieldfordlincoln.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/mfl-new-location-assets-sept-202316950447047491695056930178.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.mayfieldfordlincoln.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mayfieldfordlincoln.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.mayfieldlincoln.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mayfieldlincoln.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="mercedes-benz-brampton.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-mercedesbenzbrampton168019890375716845080343881687434611567.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.mercedes-benz-brampton.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mercedes-benz-brampton.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="oakvilletoyota.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-oakvilletoyota168019892367916845080436951687434603326.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.oakvilletoyota.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    oakvilletoyota.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="orangevillehonda.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-orangeville168019894250616845080663981687434595446.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.orangevillehonda.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    orangevillehonda.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="orangevilletoyota.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-orangevilletoyota168019896685416845080552381687434585751.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.orangevilletoyota.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    orangevilletoyota.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="tritruckcentre.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/ttc-group-dealers-page1705513107416.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.tritruckcentre.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    tritruckcentre.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="vwmidtowntoronto.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-vwtoronto168019901365116845080805201687434571603.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.vwmidtowntoronto.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    vwmidtowntoronto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="woodstockhyundai.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/page-locations-instances-woostockhyundai168019904541516845080859691687434564294.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.woodstockhyundai.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    woodstockhyundai.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


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

<footer id="footer"
        class="footerDelta"
        itemscope
        itemtype="https://schema.org/WPFooter"
        data-theme-style="footer">
    

<div class="l-fullWidth   footerDelta__topWrapper"
              
              
              >
    

<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              
              
              >
    

<div class="l-grid  gen-gap-y-10"
              
              
              >
    <div class="footerDelta__contactUs">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Contact Us
    
    </p>


<address class="addressBravo " data-component data-component-type="address">
    
        
    <p class="a-typography subheading1 addressBravo__dealerName"  role="heading" aria-level="1">
    Tri Truck Centre
    
    </p>


            <a href="http://maps.google.com/?q=Tri+Truck+Centre+91+Hart+Dr+L4N+5M3+Ontario+Barrie"
               class="a-link -footeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="footer"
                target="_blank"
                title="91 Hart Dr, Barrie, <span>Ontario, L4N 5M3</span>"
                
                
               data-theme-style="link"
            >
                    91 Hart Dr, Barrie, <span>Ontario, L4N 5M3</span>
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Local
    
    </span>


            <a href="tel:1-705-722-8600"
               class="a-link -footerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Local"
                
                title="1-705-722-8600"
                
                data-shiftdigital-url="tel:1-705-722-8600"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="footer"
               data-theme-style="link"
            >
                    1-705-722-8600
                
            </a>
        
        
</div>
<div class="footerDelta__socialCtaWrapper gen-flex gen-flex-col hide-for-large">
                        <div class="social-network footerDelta__socialMediaWrapper">
        <div class="social-network__iconWrapper gen-flex gen-items-center">
            <a class=""
                   href="https://www.facebook.com/TriTruckCentre/"
                   title="Facebook | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.youtube.com/channel/UC1aW1R6NvFFcXc0Y3PXU3UQ"
                   title="Youtube | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/humberviewcommercialtrucks/"
                   title="Instagram | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <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/tri-truck-centre-hino-canada/"
       target="_blank"
       title="LinkedIn | Tri Truck Centre"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="footer"
    >
        

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


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


                    <a class="a-button -primary footerDelta__cta"
                       href="/en/contact-us"
                       role="button"
                       context-id="footer_button"
                       data-tagging-precision="linkContact"
        
        
            data-tagging-scope="footer"
                       
                       
                       data-theme-style="button"
                    >
                        Contact Us

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

                <div class="footerDelta__businessHours">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Business Hours
    
    </p>


<div class="m-tabs -primary  text-onSurfacePrimary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 0 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
    
>
    
                            Sales
                        
</button>
                        

<button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    aria-controls="panel-1"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service"
    
>
    
                            Service
                        
</button>
                        

<button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 2 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-2"
    tabindex="0"
    aria-controls="panel-2"
    @click="activeTabIndex = 2"
    x-bind:aria-selected="activeTabIndex === 2 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Parts"
    
>
    
                            Parts
                        
</button>
    </nav>
    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Mon.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tues.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wed.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thurs.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Fri.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sat.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sun.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
                        

<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-1"
     aria-labelledby="tab-1"
     x-show="activeTabIndex === 1"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Mon.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tues.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wed.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thurs.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Fri.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 5:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sat.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sun.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
                        

<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-2"
     aria-labelledby="tab-2"
     x-show="activeTabIndex === 2"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Mon.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tues.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wed.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thurs.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 1:00AM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Fri.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 5:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sat.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sun.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

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

</div>

                <div class="footerDelta__map">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Location
    
    </p>

<a class="footerDelta__mapImage" href="http://maps.google.com/?q=Tri+Truck+Centre+91+Hart+Dr+L4N+5M3+Ontario+Barrie" target="_blank" title="Tri Truck Centre">
                

<figure class="a-image -gen-mb-[5px]" role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/images/web/humberviewgroup-941/4032/humberview-tritruck-footer1687893200253.jpg" height="217" width="290" alt="Tri Truck Centre" data-interchange="[https://img.sm360.ca/images/web/humberviewgroup-941/4032/humberview-tritruck-footer1687893203005.jpg, small], [https://img.sm360.ca/images/web/humberviewgroup-941/4032/humberview-tritruck-footer1687893200253.jpg, large]"/>
        </figure></a>
        </div>
                
                <div class="footerDelta__links">
                            

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Useful Links
    
    </p>


            <a href="/en/special-offers"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Special Offers
                
            </a>
        
        
            <a href="/en/financing"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Finance Department
                
            </a>
        
        
            <a href="/en/about-us"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    About Us
                
            </a>
        
        
            <a href="/en/our-team"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Our Team
                
            </a>
        
        
</div>

            
</div>


<div class="l-row  footerDelta__middleWrapper"
              
              
              >
    <div class="footerDelta__socialCtaWrapper gen-flex gen-flex-col show-for-large">
                    <div class="social-network footerDelta__socialMediaWrapper">
        <div class="social-network__iconWrapper gen-flex gen-items-center">
            <a class=""
                   href="https://www.facebook.com/TriTruckCentre/"
                   title="Facebook | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.youtube.com/channel/UC1aW1R6NvFFcXc0Y3PXU3UQ"
                   title="Youtube | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>youtube</title>
        <use xlink:href="#icon-youtube"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/humberviewcommercialtrucks/"
                   title="Instagram | Tri Truck Centre"
                   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="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <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/tri-truck-centre-hino-canada/"
       target="_blank"
       title="LinkedIn | Tri Truck Centre"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="footer"
    >
        

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


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


                    <a class="a-button -primary footerDelta__cta"
                       href="/en/contact-us"
                       role="button"
                       context-id="footer_button"
                       data-tagging-precision="linkContact"
        
        
            data-tagging-scope="footer"
                       
                       
                       data-theme-style="button"
                    >
                        Contact Us

                        
                    </a>
                
                
</div>
                <img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4008/hg-thehumberviewgroup16850457711981685731368316.svg" alt="The Humberview Group" class="footerDelta__logo"  /><img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4008/omvic16850457161921685731373785.svg" alt="OMVIC" class="footerDelta__logo"  /><img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4043/bm_logo_2023-primary-en-rgb-1-1715806178839.png" alt="Best Managed Companies" class="footerDelta__logo footerDelta__best_managed_companies_logo"  />
</div>
</div>
</div>


<div class="l-fullWidth   footerDelta__bottomWrapper"
              
              
              >
    

<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              
              
              >
    

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

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

    <span class="a-typography fineprint footer-coryright-label" data-theme-style=""
    
        itemprop="copyrightHolder" role="" >
    &copy; 2025
            Tri Truck Centre
    
    </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/privacy-policy"
               class="a-link -footerfineprint "
                
                
                title="Privacy Policy"
                
                
               data-theme-style="link"
            >
                    Privacy Policy
                
            </a>
        
        
            <a href="/en/accessibility"
               class="a-link -footerfineprint "
                
                
                title="Accessibility"
                
                
               data-theme-style="link"
            >
                    Accessibility
                
            </a>
        
        
</div>
</div>
</div>
</div></footer></div>
                </div>
            </div>
        </div>

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

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

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

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


<script defer src="/js/theme/humberview-2023/main.min.js?v=091902704"></script>
<script defer src="https://cdn.icomoon.io/78355/tritruckcentre/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=091902704").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4032,
                    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: 8680,
                    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 {
         --triggerLeftPosition: 10px;
               --triggerRightPosition: auto;--triggerTopPosition: 50%;
               --triggerBottomPosition: auto;
               --triggerTranslateY: -50%;
               --triggerMarginTop: 10px;--triggerMobileLeftPosition: 10px;
               --triggerMobileRightPosition: auto;--triggerMobileTopPosition: auto;
               --triggerMobileBottomPosition: 10px;
               --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>
      

<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>