PageSourceSearch

https://rsmotorssaltash.co.uk/

html rsmotorssaltash.co.uk collected 2026-10-06 20:31:07 UTC 204,684 bytes, 1,718 lines download raw bytes

1
2<!doctype html>
3<!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="en"><![endif]-->
4<!--[if IE 7 ]><html class="ie ie7 no-js" lang="en"><![endif]-->
5<!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"><![endif]-->
6<!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"><![endif]-->
7<!--[if (gte IE 10)|!(IE)]><!-->
8<html lang="en" class="no-js">
9<!--<![endif]-->
10<head><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title>
11	R&S Motors
12</title><meta name="description" content="" /><meta name="author" content="Bluesky Interactive" /><meta name="robots" content="index,follow,noodp,noydir" /><meta charset="utf-8" /><link rel="canonical" href="http://rsmotorssaltash.co.uk/" />
13
14<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
15<!-- Favicons -->
16<link rel="apple-touch-icon" href="/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
17<link rel="icon" href="/assets/img/favicons/favicon-32-32.png" sizes="32x32" type="image/png">
18<link rel="icon" href="/assets/img/favicons/favicon-16-16.png" sizes="16x16" type="image/png">
19<link rel="manifest" href="/assets/img/favicons/manifest.json">
20<link rel="mask-icon" href="/assets/img/favicons/safari-pinned-tab.svg" color="#2b6fad">
21<link rel="icon" href="/favicon.ico">
22<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
23<meta name="theme-color" content="#2b6fad">
24<!-- DNS Prefetch -->
25<link rel="dns-prefetch" href="https://ajax.googleapis.com/" />
26<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com/" />
27<link rel="dns-prefetch" href="https://stackpath.bootstrapcdn.com/" />
28<link rel="dns-prefetch" href="https://bluesky-cogstock.cdn.imgeng.in/" />
29<script>
30  window.bsk = {
31    pageType: 'default'
32  }
33</script>
33
34<!--[if lt IE 9]>
35<script>
36  document.createElement('figure');
37  document.createElement('details');
38  document.createElement('figcaption');
39  document.createElement('main');
40  document.createElement('header');
41  document.createElement('nav');
42  document.createElement('section');
43  document.createElement('article');
44  document.createElement('aside');
45  document.createElement('footer');
46</script>
46
47<![endif]-->
48<script type="application/ld+json">
49{
50  "@context" : "https://schema.org",
51  "@type" : "Organization",
52  "name" : "R&S Motors",
53  "url" : "http://rsmotorssaltash.co.uk",
54  "sameAs" : [
55  ]
56}
57</script>
vendor: 1 bytes, line 57
57
58<script>
59  // set cookie prefences
60  var CookiePreferencesExpiryDays = 7; // expiry days
61</script>
61
62<!-- Vendor Files -->
63<link rel="preconnect" href="https://fonts.googleapis.com">
64<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
65
66<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
67<link rel="preload" href="/dist/bskels.8367a1949574363b5eda.js" as="script">
67<script defer="defer" src="/dist/bskels.8367a1949574363b5eda.js"></script>
67<script defer="defer" src="/dist/main.c7b16457d23c8fd10ca9.js"></script>
67<link href="/dist/bootstrap.159cdf0bde33758ef8e6.css" rel="stylesheet"><link href="/dist/main.3a8a980d08747189da96.css" rel="stylesheet"><style>
68bsk-accordion-item{display:block}bsk-article-full-width-cta .card{transition:border-color .2s ease-in-out}bsk-article-full-width-cta:hover .card{border-color:var(--bs-gray-500)}bsk-article-full-width-cta .card-body{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:1rem;row-gap:.5rem}bsk-article-full-width-cta svg{grid-column:1;grid-row:1/span 2}bsk-article-full-width-cta .card-title{grid-column:2}bsk-article-full-width-cta p{grid-column:2;grid-row:2}bsk-article-icon-stacked .card{background-color:transparent}bsk-article-icon-stacked .card-body{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:1rem;row-gap:.5rem;align-items:center}bsk-article-icon-stacked svg{grid-column:1;grid-row:1/span 2}bsk-article-icon-stacked .card-title{grid-column:2}bsk-article-icon-stacked p{grid-column:2;grid-row:2}bsk-article-icon .card{background-color:transparent}bsk-article-icon .card-body{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:1rem;row-gap:.5rem;align-items:center;padding:.5rem}bsk-article-icon svg{grid-column:1;grid-row:1/span 2}bsk-article-icon .card-title{grid-column:2}bsk-article-icon p{grid-column:2;grid-row:2}bsk-standard-carousel .slick-arrow{width:fit-content}bsk-standard-carousel .carousel-control-next{right:2rem}bsk-standard-carousel .carousel-control-prev{left:2rem}bsk-standard-carousel .slick-arrow path{fill:var(--bs-primary)}bsk-cta-section-full-width{--cta-section-section-fw-padding:14vh}@media only screen and (min-width:992px){bsk-cta-section-full-width{--cta-section-section-fw-padding:18vh}}bsk-cta-section-full-width .cta-section-fw__img{aspect-ratio:var(--cta-section-fw-aspect-ratio);object-fit:cover}bsk-cta-section-full-width .img-overlay{-webkit-box-shadow:inset 0 0 1000px 1000px rgba(0,0,0,.6);-moz-box-shadow:inset 0 0 1000px 1000px rgba(0,0,0,.6);box-shadow:inset 0 0 1000px 1000px rgba(0,0,0,.6)}bsk-cta-section-full-width .input-group{gap:.5rem}bsk-cta-section-full-width .partEx-widget .partEx-widget-icon-container{z-index:1;margin-right:-2.6rem;margin-bottom:0}@media only screen and (max-width:575px){bsk-cta-section-full-width .partEx-widget .partEx-widget-icon-container{z-index:1;margin-right:0;margin-bottom:-1rem}}@media only screen and (max-width:575px){bsk-cta-section-full-width .partEx-widget .partEx-widget-icon-container .arrow-icon{transform:rotate(90deg)}}@media only screen and (max-width:575px){bsk-cta-section-full-width[is=service-booking] input.form-control{width:100%}}@media only screen and (max-width:767px){bsk-cta-section-full-width{text-align:center}}@media only screen and (min-width:992px){bsk-cta-section-full-width .input-group .form-control--cta-section-fw{flex:0 0 auto;width:58.33333333%}bsk-cta-section-full-width .input-group.part-ex{max-width:550px}bsk-cta-section-full-width :is(.input-group.sb,p:has(+.sb)){max-width:820px}}bsk-cta-section-full-width .arrow-icon.Premium path{fill:var(--bs-white)}bsk-cta-section .cta-section__img{object-fit:cover}bsk-cta-section .input-group{gap:.5rem}@media only screen and (max-width:767px){bsk-cta-section{text-align:center}}@media only screen and (min-width:992px){bsk-cta-section .cta-section__img{aspect-ratio:var(--cta-section-aspect-ratio)}bsk-cta-section .input-group .form-control--cta-section{flex:0 0 auto;width:58.33333333%}}bsk-snap-slider-controls .dots{display:flex;gap:.5rem;margin:0 .5rem}bsk-snap-slider-controls button.active{background-color:var(--primary)}bsk-snap-slider-controls button.arrow{border:none;background-color:initial}bsk-snap-slider-controls .dot{width:1rem;height:1rem;padding:0;border:0;background-color:var(--bs-gray-300);
68cursor:pointer;transition:background-color .2s ease-in-out}bsk-snap-slider-controls:is([arrows=prev],[arrows=next]){height:100%;display:flex;align-items:center}bsk-snap-slider-controls:is([arrows=prev]){margin-left:1rem}bsk-snap-slider-controls:is([arrows=next]){margin-right:1rem}bsk-snap-slider{display:block;position:relative}bsk-snap-slider.slider-section .dots{position:absolute;z-index:9;bottom:0;right:0;padding:2rem 3rem!important}@media only screen and (max-width:1200px){bsk-snap-slider.slider-section .dots{display:none}}bsk-snap-slider [slot=slides]>div .dealership-card,bsk-snap-slider [slot=slides]>div bsk-vehicle-card,bsk-snap-slider li{width:var(--slides-width,100%)!important;padding-inline:1rem}bsk-snap-slider.icon-slider [slot=slides]>div bsk-vehicle-card,bsk-snap-slider.icon-slider li{padding-inline:3rem}bsk-snap-slider [slot=slides]>div bsk-vehicle-card .bsk-vehicle-card{padding-bottom:.5rem}bsk-snap-slider [slot=slides] ul,bsk-snap-slider [slot=slides]>div{display:flex;flex-wrap:nowrap;justify-content:normal;overflow-x:auto;padding-inline:0;scroll-behavior:smooth;scroll-snap-stop:always;scroll-snap-type:x mandatory;margin-bottom:0;margin-inline:-1rem}bsk-snap-slider [slot=slides] ul:not(.-show-scroll-bar),bsk-snap-slider [slot=slides]>div:not(.-show-scroll-bar){-ms-overflow-style:none;scrollbar-width:none}bsk-snap-slider [slot=slides] ul:not(.-show-scroll-bar)::-webkit-scrollbar,bsk-snap-slider [slot=slides]>div:not(.-show-scroll-bar)::-webkit-scrollbar{display:none}bsk-snap-slider [slot=slides] li,bsk-snap-slider [slot=slides]>div .dealership-card,bsk-snap-slider [slot=slides]>div bsk-vehicle-card{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;max-width:none;scroll-snap-align:start;overflow:hidden}bsk-snap-slider .dots{display:flex;gap:.5rem;margin:0 .5rem}bsk-snap-slider .dot{border-radius:50%;width:1rem;height:1rem;padding:0;border:0;background-color:var(--bs-dark);cursor:pointer;transition:background-color .2s ease-in-out}bsk-snap-slider button.dot.active{background-color:var(--bs-primary)}bsk-snap-slider.premium-dots .dot,bsk-snap-slider.slider-section .dot{border-radius:0!important;border:1px solid var(--bs-white);background-color:var(--bs-gray-600)}bsk-snap-slider.premium-dots button.dot.active,bsk-snap-slider.slider-section button.dot.active{background-color:var(--bs-dark)}bsk-snap-slider button.arrow{border:none;background-color:initial}@media only screen and (min-width:1200px){bsk-snap-slider button.arrow.-prev{margin-left:-3vw}bsk-snap-slider button.arrow.-next{margin-right:-3vw}bsk-snap-slider button.arrow.-prev.side-arrow{margin-left:0}bsk-snap-slider button.arrow.-next.side-arrow{margin-right:0}}bsk-snap-slider[is=logos] [slot=slides] li{width:100%}@media only screen and (min-width:576px) and (max-width:1399px){bsk-snap-slider[is=logos] [slot=slides] li{width:50%}}@media only screen and (min-width:1400px){bsk-snap-slider[is=logos] [slot=slides] li{width:33%}}@media only screen and (max-width:1199px){bsk-snap-slider[is=logos] [slot=slides] li{padding:1.5rem}}bsk-snap-slider.white-arrows .side-arrow{color:var(--bs-white)}bsk-snap-slider .side-arrow{color:var(--bs-dark)}.bsk-speedy-search__toggle[aria-expanded=false] span.all-filters,.bsk-speedy-search__toggle[aria-expanded=true] span.hide-filters{display:inline}.bsk-speedy-search__toggle[aria-expanded=false] span.hide-filters,.bsk-speedy-search__toggle[aria-expanded=true] span.all-filters{display:none}.bg-dark .bsk-speedy-search__toggle{color:#fff!important}.search .nav-tabs .nav-link{background-color:transparent;color:#000;border:none;text-transform:capitalize;padding:0 0 .5rem 0;position:relative}.search .nav-tabs .nav-link::after{content:'';display:block;width:100%;height:0;background-color:#000;position:absolute;bottom:0;transition:all .2s}.search .nav-tabs .nav-link.Premium{color:#fff}.search .nav-tabs .nav-link.Premium::after{background-color:#fff}.search .nav-tabs .nav-link.active{background-color:transparent;font-weight:700}.search .nav-tabs .nav-link.active::after{height:3px}bsk-dealer-finder{--offset-top:15vh;--offset-top-mob:7vh}bsk-dealer-finder .offcanvas{z-index:-1;height:calc(100vh - var(--offset-top))}bsk-dealer-finder .offcanvas-top{top:var(--offset-top)}@media only screen and (max-width:991px){bsk-dealer-finder .offcanvas{height:calc(100vh - var(--offset-top-mob))}bsk-dealer-finder .offcanvas-top{top:var(--offset-top-mob)}}bsk-dealer-finder .offcanvas-backdrop{display:none!important}bsk-dealer-finder .nav-pills .nav-link.active{background-color:initial;border:1px solid var(--bs-primary)}bsk-dealership-card-group{--arrows-offset:-7.5vw;--arrows-height:calc(100% - 70px)}@media only screen and (min-width:1200px){bsk-dealership-card-group{--arrows-offset:-8vw}}bsk-dealership-card-group .carousel-control-prev{left:var(--arrows-offset);height:var(--arrows-height)}bsk-dealership-card-group .carousel-control-next{right:var(--arrows-offset);height:var(--arrows-height)}[slot=distance]{position:absolute;top:0;right:0;z-index:1;background-color:var(--bs-dark);color:var(--bs-white);padding:var(--bsk-spacer-3) var(--bsk-spacer-2);margin-bottom:var(--bsk-spacer-3);display:block;text-align:center;border-radius:var(--bsk-border-radius)}bsk-locations:not([is=map],[is=tabs]) .card-grid{display:grid;grid-template-columns:1fr;gap:2rem}
68bsk-locations[is=map] .hours-tabs__outer{grid-template-columns:1fr;gap:2rem}bsk-locations[is=map] .hours-tabs__outer>*{width:100%}bsk-locations[is=map] .hours-tabs__inner{grid-template-columns:1fr 1fr;grid-template-rows:5rem auto}bsk-locations[is=map] [slot=iframe]{width:100%}bsk-locations[is=map] iframe{max-height:18rem}bsk-locations[is=tabs] .bg-img{background-image:url("https://jer240423.dev.cogplatform.co.uk/img/opening-hours/locations-bg.webp")}bsk-locations[is=tabs] .hours-tabs__outer{grid-template-columns:1fr;gap:2rem}bsk-locations[is=tabs] .hours-tabs__outer>*{width:100%}bsk-locations[is=tabs] .hours-tabs__inner{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}bsk-locations[is=tabs] [slot^=card] .d-grid{padding:var(--bsk-spacer-4)}bsk-locations[is=tabs] [slot=iframe]{width:100%}bsk-locations[is=tabs] iframe{max-height:24rem}bsk-locations[is=tabs] .table td{padding:1rem .5rem}@media only screen and (max-width:575px){bsk-locations[is=tabs] .hours-tabs__inner{grid-template-columns:1fr;gap:2rem}bsk-locations[is=tabs] .hours-tabs__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (max-width:575px){bsk-locations[is=map] .hours-tabs__inner{grid-template-columns:1fr;gap:2rem}bsk-locations[is=map] .hours-tabs__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (min-width:992px) and (max-width:1199px){bsk-locations[is=map] iframe{max-height:100%}}@media only screen and (min-width:992px) and (max-width:1199px){bsk-locations[is=tabs] iframe{max-height:100%}}@media only screen and (min-width:992px){bsk-locations[is=tabs] .hours-tabs__outer{grid-template-columns:7fr 5fr}bsk-locations[is=tabs] .hours-tabs__iframe{align-items:flex-end}}@media only screen and (min-width:992px){bsk-locations[is=map] .hours-tabs__outer{grid-template-columns:1fr 1fr}bsk-locations[is=map] .hours-tabs__iframe{align-items:flex-end}}@media only screen and (min-width:1200px){bsk-locations:not([is=map],[is=tabs]) .card-grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1600px){bsk-locations iframe{max-height:18rem}}@media only screen and (min-width:1600px){bsk-locations[is=tabs] iframe{max-height:26rem}}bsk-locations[is=simple] .hours-simple__inner{grid-template-columns:1fr;grid-template-rows:5rem auto}@media only screen and (max-width:575px){bsk-locations[is=simple] .hours-simple__inner{grid-template-columns:1fr;gap:0}bsk-locations[is=simple] .hours-simple__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (min-width:992px){.hours-simple__cards{grid-column:1/3}}bsk-locations[is=simple] .slick-slider .slick-slide{margin:0}bsk-locations[is=simple] .slick-slider .slick-dots{position:relative;margin:0}bsk-locations[is=tabs] .nav-tabs{border-bottom:none;gap:1rem}bsk-locations[is=tabs] .nav-tabs .nav-link{background-color:transparent;border-color:transparent;padding:0}bsk-locations[is=tabs] .nav-tabs .nav-link.active{position:relative}bsk-locations[is=tabs] .nav-tabs .nav-link::after{position:absolute;bottom:-.5rem;left:0;content:"";display:block;width:0%;height:3px;background-color:var(--bs-secondary);margin-top:.5rem;transition:width .3s}bsk-locations[is=tabs] .nav-tabs .nav-link.active::after{width:100%}bsk-locations[is=tabs] hr{transform:translateY(6.5px);height:2px;background-color:var(--bs-white);margin-top:0}@media only screen and (max-width:991px){bsk-locations[is=tabs] .tab-content{padding:1rem}bsk-locations[is=tabs] [slot^=card] .d-grid{padding:1rem 0}}bsk-repo-home-card .card{transition:350ms}bsk-footer-bottom p{margin-bottom:0}bsk-footer-content[is=centered-links] ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:0;margin-bottom:0}bsk-footer-content .umb-grid .grid-section .container,bsk-footer-content .umb-grid .grid-section>*{padding:0!important}@media only screen and (min-width:992px){bsk-footer-content[is=centered-links] ul{gap:1.5rem}}@media only screen and (max-width:991px){bsk-footer-content[is=centered-links] li{display:flex;justify-content:center;width:100%}}bsk-footer-lg-disclosure-group :is(.accordion-item,.accordion-header,.accordion-button,.accordion-button:focus){background-color:var(--bs-dark);color:var(--bs-white)}bsk-footer-lg-disclosure-group .accordion-item{border:none}bsk-footer-lg-disclosure-group .accordion-button:focus{box-shadow:none}bsk-footer-lg-disclosure-group .accordion-item .accordion-button::after{content:'';-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:1.2rem;mask-size:1.2rem;background-color:var(--bs-white);position:absolute;right:0;top:0;height:100%;width:40px;
68display:flex;justify-content:center;align-items:center;transition:150ms;transform:rotate(0)}bsk-footer-lg-disclosure-group .accordion-item[open] .accordion-button::after{transform:rotate(180deg)}bsk-footer-lg-disclosure-group .list-group-item{padding:.5rem 0;border-bottom:none}@media only screen and (max-width:991px){bsk-footer-lg-disclosure-group .accordion-item{border-bottom:1px solid var(--bs-gray-200)}}@media only screen and (min-width:992px){bsk-footer-lg-disclosure-group .accordion{height:100%}bsk-footer-lg-disclosure-group .accordion-button{border-bottom:1px solid var(--bs-gray-200);pointer-events:none}bsk-footer-lg-disclosure-group .accordion-item .accordion-button::after{display:none}bsk-footer-lg-disclosure-group[is=form-footer] .accordion-item:nth-of-type(odd) .list-group{display:grid;grid-template-columns:1fr 1fr}}bsk-footer-lg article P{max-width:64ch}bsk-footer-lg .w-100:has([slot=footer-right]){overflow-x:hidden}bsk-footer-lg [slot=footer-right]{display:block;position:relative;z-index:2;padding:0 2rem}bsk-footer-lg div[class*=col]:has([slot=footer-right]):after{position:absolute;top:-50vh;left:0;width:100vw;height:200vh;content:'';background-color:var(--bs-light);z-index:0}@media only screen and (max-width:991px){bsk-footer-lg div[class*=col]:has([slot=footer-right]){overflow:hidden}}bsk-footer-logo .logo{max-width:180px;max-height:80px}bsk-gallery-actions [slot=actions]{display:flex;justify-content:center;align-items:center;margin-top:1rem;margin-bottom:1.75rem;width:100%;gap:1.75rem}bsk-gallery-actions:not([is=buttons]) [slot=actions]{justify-content:flex-start;margin-top:0}bsk-gallery{--arrow-distance:0%;padding:0!important;position:relative}bsk-gallery .slick-slider .slick-slide{margin:0}bsk-gallery .theme-App .gallery,bsk-gallery .theme-App .gallery-thumbs img{overflow:hidden;border-radius:.65rem}.gallery .carousel-control-prev{left:var(--arrow-distance)}.gallery .carousel-control-next{right:var(--arrow-distance)}.gallery :is(.carousel-control-prev,.carousel-control-next) svg{padding:1rem;height:30px;width:30px}.gallery svg:not(.svg-inline--fa) path{fill:var(--bs-dark)}.gallery__img-count{z-index:2;left:1.5rem;bottom:1rem}.gallery-thumbs{cursor:pointer;padding:0!important}.gallery-thumbs .slick-slider .slick-slide{margin:0}.gallery-thumbs .slick-slide>div:first-of-type:not(.video-thumbnail){margin-bottom:-6px}bsk-gallery [slot=gallery-actions]{position:absolute;top:0;left:0;z-index:2;width:fit-content;display:flex;flex-direction:column;margin:.25rem 0 0 .5rem}.gallery iframe{width:100%;height:var(--gallery-video-height)}bsk-gallery .video-thumbnail{overflow:hidden;position:relative;display:flex!important;align-items:center;justify-content:center;flex-direction:column;
68cursor:pointer}bsk-gallery .video-thumbnail .video-icon{position:absolute;z-index:9}bsk-gallery .video-thumbnail .video-icon svg{width:2rem;height:2rem}bsk-grid-masonry [slot=grid]:not(.slick-initialized){display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}bsk-grid-masonry [slot=grid]>*{grid-column:1/span 12}bsk-grid-masonry .slick-slider .slick-dots{margin:.5rem auto .5rem}@media only screen and (min-width:576px) and (max-width:991px){bsk-grid-masonry:not([is=alt-one]) [slot=grid]:not(.slick-initialized)>:is(:first-child,:nth-child(2)){grid-column:span 6}bsk-grid-masonry:not([is=alt-one]) [slot=grid]:not(.slick-initialized)>:not(:first-child,:nth-child(2)){grid-column:span 4}}@media only screen and (min-width:992px){bsk-grid-masonry:not([is=alt-one]) [slot=grid]>:is(:first-child,:nth-child(2)){grid-column:span 6}bsk-grid-masonry:not([is=alt-one]) [slot=grid]>:not(:first-child,:nth-child(2)){grid-column:span 4}}@media only screen and (min-width:1200px){bsk-grid-masonry:not([is=alt-one])>[slot=grid]{gap:1.5rem}}@media only screen and (min-width:768px){bsk-grid-masonry[is=alt-one] img{object-fit:cover}bsk-grid-masonry[is=alt-one] [slot=grid]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem}bsk-grid-masonry[is=alt-one] [slot=grid]>a{grid-column:span 1}bsk-grid-masonry[is=alt-one] [slot=grid]>:first-child{grid-row:span 2}bsk-grid-masonry[is=alt-one] [slot=grid]>:nth-child(2){grid-column:span 2}}html{--component-gap:3rem}@media only screen and (min-width:576px) and (max-width:767px){html{--component-gap:4rem}}@media only screen and (min-width:768px) and (max-width:991px){html{--component-gap:5rem}}@media only screen and (min-width:992px){html{--component-gap:6rem}}bsk-grid-section-spacer{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--component-gap)}bsk-grid-section-spacer>*{width:100%}bsk-grid-section-spacer>.exclude-from-gap{margin-top:calc(0rem - var(--component-gap))}bsk-grid-section-spacer>.hide-gap{margin-top:calc(0rem - var(--component-gap));margin-bottom:calc(0rem - var(--component-gap))}bsk-grid-section-spacer>.bg-dark+.bg-black{margin-top:calc(0rem - var(--component-gap))}bsk-grid-section-spacer>.bg-dark+.bg-light,bsk-grid-section-spacer>.bg-light+.bg-dark{margin-top:calc(0rem - var(--component-gap))}bsk-grid-section-spacer>:first-child.if-first{padding-top:var(--component-gap)}bsk-grid-slick-to-row [slot=grid]:not(.slick-initialized){display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}bsk-grid-slick-to-row [slot=grid]>*{grid-column:1/span 12}bsk-grid-slick-to-row .slick-slider .slick-dots{margin:.5rem auto 1rem}bsk-grid-slick-to-row:has(bsk-thumbnail-logo-links) .slick-slider .slick-dots{margin:-.5rem auto 1rem}@media only screen and (min-width:992px){bsk-grid-slick-to-row [slot=grid]>*{grid-column-start:auto;grid-column-end:span 3}bsk-grid-slick-to-row[is=large] [slot=grid]>*{grid-column-end:span 6}}bsk-header .navbar{background-image:none}bsk-header .navbar-brand .logo{max-width:180px}@media only screen and (min-width:600px){bsk-header .navbar-brand .logo{max-width:400px}}bsk-header .navbar-brand .main-logo{max-width:110px}bsk-header .navbar-brand .franchise-logo{max-width:80px}@media only screen and (min-width:576px){bsk-header .navbar-brand .main-logo{max-width:180px}bsk-header .navbar-brand .franchise-logo{max-width:150px}}@media only screen and (min-width:768px){bsk-header .navbar-brand .main-logo{max-width:270px}bsk-header .navbar-brand .franchise-logo{max-width:150px}}bsk-header:is([is*=premium]) .navbar-brand{margin:0}bsk-header:is([is*=premium]) .navbar-brand .logo{max-width:180px}@media only screen and (min-width:1360px){bsk-header:is([is*=premium]) .navbar-brand .logo{max-width:280px}}@media only screen and (min-width:1490px){bsk-header:is([is*=premium]) .navbar-brand .logo{max-width:400px}}bsk-header:is([is*=centre]) [slot=nav]{display:flex;align-items:center;justify-content:center}bsk-header:is([is*=centre]) .navbar{flex-wrap:wrap}bsk-header:is([is*=centre]) .container-xxl{justify-content:flex-start;gap:1rem}bsk-header:is([is=mega-menu]) .container-xxl{justify-content:start}bsk-header:is([is=mega-menu]) .container-xxl .navbar-brand{margin-right:auto}bsk-header:is([is*=centre]) .navbar-brand{margin-right:auto}@media only screen and (min-width:1200px){bsk-header:is([is*=centre]) .navbar-brand{margin-inline:auto}}bsk-header:not([is*=centre]) [slot=right-nav]{margin-left:auto}@media only screen and (max-width:1199px){bsk-header:is([is*=centre]) [slot=left-nav]{display:none}bsk-header:is([is=centre-with-burger]) [slot=nav]{display:none}bsk-header:is([is*=centre]) [slot=nav]{flex-direction:column}}@media only screen and (min-width:1200px){bsk-header:is([is*=centre]) .navbar-collapse{flex-grow:0}bsk-header:is([is*=centre]) .navbar-collapse{display:flex;flex-basis:initial}bsk-header:is([is*=centre]) .container-xxl{justify-content:space-between}bsk-header:is([is=centre-with-burger]) div[class*=container]>*{width:33%;display:flex}}bsk-header:is([is*=premium]) .offcanvas .offcanvas-body{padding:0!important}@media only screen and (min-width:1200px){bsk-header:is([is*=premium]) .offcanvas{width:100%}}@media only screen and (min-width:1200px){bsk-header .navbar .grid-header{display:grid;grid-template-columns:1fr 1fr 1fr}}bsk-carousel-banner-slide{display:block;position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}bsk-carousel-banner-slide .slide-overlay{z-index:3;background-color:#000;position:relative}@media only screen and (min-width:1200px){bsk-carousel-banner-slide .slide-item{height:666px}bsk-carousel-banner-slide .slide-overlay{z-index:3;background-color:rgba(0,0,0,.4);position:absolute}bsk-carousel-banner-slide .slide-overlay>div{max-width:50%}}bsk-carousel-banner-slide .title{font-size:calc(1.525rem + 1.7vw);font-weight:300;line-height:1.2}bsk-carousel-banner-slide{--hero-bg-height:42rem;--hero-bg-height-mobile:50vh;--video-width:100vw;--video-height:100vh}@media (min-aspect-ratio:16/9){bsk-carousel-banner-slide{--video-height:56.25vw}}@media (max-aspect-ratio:16/9){bsk-carousel-banner-slide{--video-width:177.78vh}}bsk-carousel-banner-slide .video-banner{height:var(--hero-bg-height)}@media only screen and (max-width:700px){bsk-carousel-banner-slide .video-banner{height:var(--hero-bg-height-mobile)}}bsk-carousel-banner-slide .video-banner iframe{width:var(--video-width);height:var(--video-height);transform:translate(-50%,-50%);opacity:.8}bsk-carousel-banner[dots=true] .slick-dots{display:flex!important;position:absolute;bottom:1rem}bsk-carousel-banner:not([dots=true]) .slick-dots{display:none!important}@media only screen and (max-width:767px){bsk-carousel-banner[dots=true] .slick-dots{bottom:.25rem;margin:0;left:0;justify-content:flex-end;padding-right:.5rem}}.banner-slider .slick-slide{margin:0 0}bsk-video-banner{--hero-bg-height:100vh;--hero-bg-height-mobile:calc(100vh - 93px);--video-width:100vw;--video-height:100vh}@media (min-aspect-ratio:16/9){bsk-video-banner{--video-height:56.25vw}}@media (max-aspect-ratio:16/9){bsk-video-banner{--video-width:177.78vh}}.video-banner{height:var(--hero-bg-height)}@media only screen and (max-width:575px){.video-banner{height:var(--hero-bg-height-mobile)}}.video-banner iframe{width:var(--video-width);height:var(--video-height);transform:translate(-50%,-50%);opacity:.8}@media only screen and (max-width:575px){.video-banner__content{text-align:center;padding:1rem}}.video-banner__headline{font-size:3.5rem;letter-spacing:3px}@media only screen and (max-width:575px){.video-banner__headline{font-size:2rem;letter-spacing:normal;margin:0}}@media only screen and (max-width:575px){.video-banner__synopsis{font-size:2rem!important;line-height:1.2}}bsk-location-contact a{color:var(--bsk-dark);text-decoration:none}bsk-location-hours{display:flex;justify-content:center}@media only screen and (min-width:768px){bsk-location-hours{justify-content:start}}bsk-location-hours tr td{padding-bottom:1rem}bsk-location-hours[is=simple] tr td{padding-bottom:.5rem}bsk-locations[is=tabs] .table td:nth-of-type(2){text-align:end}bsk-location-hours[is=simple] tr td:first-of-type{padding-right:4rem}@media only screen and (min-width:576px) and (max-width:767px){bsk-location-hours[is=simple] tr td:first-of-type{padding-right:2rem}}@media only screen and (min-width:992px) and (max-width:1199px){bsk-location-hours[is=simple] tr td:first-of-type{padding-right:1rem}}@media only screen and (min-width:1200px){bsk-location-hours[is=simple] tr td:first-of-type{padding-right:2rem}}@media only screen and (min-width:1600px){bsk-location-hours[is=simple] tr td:first-of-type{padding-right:4rem}}bsk-location-hours tr td:first-of-type{padding-right:4rem}@media only screen and (min-width:767px){bsk-location-hours tr td:first-of-type{padding-right:6rem}}bsk-location-map iframe{width:var(--frame-width,100%);height:var(--frame-height,430px);border:0;display:block}.breadcrumb-item a{transition:.3s;color:var(--bs-secondary)}.breadcrumb-item a:hover{color:var(--bs-dark)}bsk-launch-page-share .share-trigger{color:inherit}@media only screen and (min-width:1200px){.offcanvas-xl{position:relative;transform:none;visibility:visible!important}}@media only screen and (min-width:992px){.offcanvas-lg{position:relative;transform:none;visibility:visible!important}}@media only screen and (min-width:768px){.offcanvas-md{position:relative;transform:none;visibility:visible!important}}@media only screen and (min-width:576px){.offcanvas-sm{position:relative;transform:none;visibility:visible!important}}bsk-read-more-list{overflow:hidden}bsk-read-more-list ul.full-spec{column-count:1;column-gap:3rem}@media only screen and (min-width:768px){bsk-read-more-list ul.full-spec{column-count:2}}@media only screen and (min-width:1400px){bsk-read-more-list ul.full-spec{column-count:3}}bsk-read-more-list ul.full-spec li{margin-bottom:1.5rem}
68bsk-read-more-list ul.full-spec li span{display:block}bsk-read-more-table{overflow:hidden}read-more{cursor:pointer}read-more .showing svg{transform:rotate(180deg)}bsk-tabs .accordion-button:after{content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:1rem;mask-size:1rem;background-color:var(--bs-dark);position:absolute;right:0;top:0;height:100%;width:20px;display:flex;justify-content:center;align-items:center;transition:150ms}bsk-tabs .tab-pane.card{border:none}bsk-tabs .accordion-button:focus{box-shadow:none}bsk-tabs .card-header .accordion-button[aria-expanded=true]:after{transform:rotate(180deg)}@media only screen and (max-width:767px){bsk-tabs[is=accordions] div:has(>[slot]){padding:var(--bsk-spacer-3)}bsk-tabs .tab-content>.tab-pane{display:initial}bsk-tabs .fade:not(.show){opacity:initial}}bsk-cap-card-body>div{display:flex;flex-direction:column}bsk-cap-card-body>*{width:100%}bsk-cap-card-img picture:not(:first-of-type){display:none}bsk-inline-offer-card .card-text p{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden}@media only screen and (min-width:992px) and (max-width:1199px){bsk-inline-offer-card img{aspect-ratio:1/1}}bsk-opening-hours-card{--bsk-grid-cols:1fr}bsk-opening-hours-card[is=locations]{--bsk-grid-cols:1fr 2fr}bsk-opening-hours-card[is=simple]{--bsk-grid-cols:1fr 3rem}bsk-opening-hours-card>section{grid-template-columns:var(--bsk-grid-cols)}@media only screen and (max-width:575px){bsk-opening-hours-card>section{grid-template-columns:1fr;gap:2rem}}@media only screen and (min-width:992px) and (max-width:1199px){bsk-opening-hours-card[is=tabs]>section{grid-template-columns:1fr;gap:2rem}}bsk-opening-hours-card [slot=table] .umb-grid .grid-section>div{padding:0!important;text-align:center}bsk-opening-hours-card [slot=table] p{text-align:center}bsk-opening-hours-card [slot=table] .umb-grid .grid-section .container{max-width:100%}bsk-opening-hours-card [slot=table] .umb-grid .grid-section table{border:0;max-width:25rem;margin:0 auto}@media only screen and (min-width:767px){bsk-opening-hours-card [slot=table] .umb-grid .grid-section table{margin:0}bsk-opening-hours-card [slot=table] p{text-align:left}bsk-opening-hours-card [slot=table] .umb-grid .grid-section>div{text-align:left}}bsk-opening-hours-card [slot=table] .umb-grid .grid-section table tr td{box-shadow:none;border-bottom:0}bsk-opening-hours-card [slot=table] .umb-grid .grid-section table tr td:first-of-type{padding-right:0}@media only screen and (min-width:767px){bsk-opening-hours-card [slot=table] .umb-grid .grid-section table tr td:first-of-type{padding-right:4rem}}bsk-opening-hours-card [slot=table] .umb-grid .grid-section table tr td:first-child{text-align:left}bsk-opening-hours-card [slot=table] .umb-grid .grid-section table tr td:last-of-type{text-align:right}bsk-opening-hours:not([is=map],[is=tabs]) .card-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media only screen and (min-width:1200px){bsk-opening-hours:not([is=map],[is=tabs]) .card-grid{grid-template-columns:1fr 1fr}}bsk-opening-hours[is=map] .full-width-map .hours-tabs__outer{grid-template-columns:auto}bsk-opening-hours[is=map] .full-width-map iframe{border-radius:.65rem}@media only screen and (min-width:768px){bsk-opening-hours[is=map] .full-width-map bsk-opening-hours-card>section{grid-template-columns:auto auto;justify-content:space-evenly}}bsk-opening-hours[is=map] .hours-tabs__outer{grid-template-columns:1fr;gap:2rem}bsk-opening-hours[is=map] .hours-tabs__outer>*{width:100%}bsk-opening-hours[is=map] .hours-tabs__inner{grid-template-columns:1fr 1fr}bsk-opening-hours[is=map] [slot=iframe]{width:100%}bsk-opening-hours[is=map] iframe{max-height:30rem;width:100%}@media only screen and (min-width:992px){bsk-opening-hours[is=map] iframe{max-height:100%}}@media only screen and (max-width:575px){bsk-opening-hours[is=map] .hours-tabs__inner{grid-template-columns:1fr;gap:2rem}bsk-opening-hours[is=map] .hours-tabs__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (min-width:768px){bsk-opening-hours[is=map] .hours-tabs__outer{grid-template-columns:1fr 1.5fr}bsk-opening-hours[is=map] .hours-tabs__iframe{align-items:flex-end}}@media only screen and (min-width:1600px){bsk-opening-hours iframe{max-height:18rem}}bsk-opening-hours[is=tabs] .hours-tabs__outer{grid-template-columns:1fr;gap:2rem}bsk-opening-hours[is=tabs] .hours-tabs__outer>*{width:100%}bsk-opening-hours[is=tabs] .hours-tabs__inner{grid-template-columns:1fr 1fr;grid-template-rows:5rem auto}bsk-opening-hours[is=tabs] [slot^=card] .d-grid{padding:var(--bsk-spacer-4)}bsk-opening-hours[is=tabs] [slot=iframe]{width:100%}bsk-opening-hours[is=tabs] iframe{max-height:24rem}@media only screen and (max-width:575px){bsk-opening-hours[is=tabs] .hours-tabs__inner{grid-template-columns:1fr;gap:2rem}bsk-opening-hours[is=tabs] .hours-tabs__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (min-width:992px){bsk-opening-hours[is=tabs] .hours-tabs__outer{grid-template-columns:1fr 1fr}bsk-opening-hours[is=tabs] .hours-tabs__iframe{align-items:flex-end}}@media only screen and (min-width:1600px){bsk-opening-hours[is=tabs] iframe{max-height:18rem}}@media only screen and (min-width:992px) and (max-width:1199px){bsk-opening-hours[is=tabs] iframe{max-height:100%}}bsk-opening-hours[is=simple] .hours-simple__inner{grid-template-columns:1fr;grid-template-rows:5rem auto}@media only screen and (max-width:575px){bsk-opening-hours[is=simple] .hours-simple__inner{grid-template-columns:1fr;gap:0}bsk-opening-hours[is=simple] .hours-simple__inner>div:nth-of-type(2){grid-column:1/3}}@media only screen and (min-width:992px){.hours-simple__cards{grid-column:1/3}}bsk-opening-hours[is=simple] .slick-slider .slick-slide{margin:0}bsk-opening-hours[is=simple] .slick-slider .slick-dots{position:relative;margin:0}bsk-opening-hours .full-map iframe{max-height:400px;width:100%;display:block}@media only screen and (min-width:992px){bsk-opening-hours .full-map iframe{max-height:550px;width:100%;display:block}}@media only screen and (min-width:768px){bsk-opening-hours .full-map bsk-opening-hours-card>section{grid-template-columns:auto auto auto auto}}bsk-page-hero-img{--hero-bg-height:666px;--hero-bg-height-mobile:50vh;--video-width:100vw;--video-height:100vh}@media (min-aspect-ratio:16/9){bsk-page-hero-img{--video-height:56.25vw}}@media (max-aspect-ratio:16/9){bsk-page-hero-img{--video-width:177.78vh}}bsk-page-hero-img .video-banner{height:var(--hero-bg-height)}@media only screen and (max-width:998px){bsk-page-hero-img .video-banner{height:var(--hero-bg-height-mobile)}}bsk-page-hero-img .video-banner iframe{width:var(--video-width);height:var(--video-height);transform:translate(-50%,-50%);opacity:.8;pointer-events:none}bsk-page-hero-img[is=lg] .main-image{height:calc(var(--hero-height)/ 2)}@media only screen and (min-width:768px){bsk-page-hero-img[is=lg] .main-image{height:var(--hero-height)}}bsk-page-hero-img[is=lg] .main-image img{-o-object-fit:cover;object-fit:cover;opacity:var(--hero-img-opacity, .6);transform:scale(2);animation:zoomOutIn .6s cubic-bezier(.54,.46,.54,.94) 0s forwards}bsk-page-hero-img[is=lg] .main-image__text{text-shadow:0 0 .625rem rgba(0,0,0,.5);z-index:2;transform:translateY(150%)}bsk-page-hero-img[is=lg] .loaded .main-image__text{animation:slideIn .4s cubic-bezier(.54,.46,.54,.94) .4s forwards}@keyframes zoomOutIn{to{transform:scale(1)}}@keyframes slideIn{to{transform:translateY(0)}}bsk-page-hero-img:not([is=lg]) .image-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}bsk-page-hero-img[is=fixed] .image-bg{background-attachment:fixed}bsk-page-hero-img:not([is=lg]) .image-bg.loaded{background-image:var(--hero-image)}bsk-page-hero-img:not([is=lg]) .image-bg:before{background:#000;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}bsk-page-hero-img:is([is=search]) .image-bg:before{display:none}bsk-page-hero-img:not([is=lg]) .image-bg>*{position:relative;z-index:1}bsk-page-hero-img[is=search] .blur-overlay{background-color:rgba(255,255,255,.6);backdrop-filter:blur(10.9px);-webkit-backdrop-filter:blur(10.9px)}bsk-page-hero[is=offset] .offset,bsk-page-hero[is=offset] .offset-alt{margin-bottom:calc(var(--offset-size,0) * -1)}@media only screen and (max-width:991px){bsk-page-hero[is=offset] .offset{margin-bottom:0}bsk-page-hero[is=offset] .offset-alt{margin-bottom:-15px}}bsk-page-hero .bg-img{min-height:400px}bsk-page-hero .bg-img a{color:#fff}bsk-page-hero .bg-img .container-xxl{z-index:9;height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width:991px){bsk-page-hero .bg-img{min-height:auto}bsk-page-hero .bg-img .container-xxl{min-height:auto}}bsk-review .testimonial img{width:7rem;height:7rem;border-radius:50rem;margin:auto;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:991px){bsk-review .testimonial__body{max-width:560px}}@media only screen and (min-width:992px){bsk-review .position-lg-absolute{position:absolute!important}}.compare td,.compare th{min-width:10rem}.compare td:first-of-type,.compare th:first-of-type{min-width:30rem}bsk-simple-spotlight-group[is=strip] .card{background-color:var(--bs-light)!important}bsk-thumbnail-logo-links .d-grid{grid-template-columns:repeat(var(--logo-cols),1fr)}bsk-thumbnail{width:100%}.bsk-thumbnail__synopsis{display:-webkit-box;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;overflow:hidden}bsk-thumbnail .bsk-thumbnail .bsk-thumbnail__img{object-fit:cover}bsk-thumbnail .bsk-thumbnail .bsk-thumbnail__img{opacity:.5;transition:.5s}bsk-thumbnail .bsk-thumbnail .bsk-thumbnail:hover .bsk-thumbnail__img{transform:scale(1.1)}bsk-thumbnail .bsk-thumbnail .bsk-thumbnail__content{pointer-events:none;transition:.5s}bsk-thumbnail .bsk-thumbnail:hover .bsk-thumbnail__content{bottom:0;pointer-events:all}bsk-thumbnail .bsk-thumbnail .bsk-thumbnail__synopsis{max-height:0;transition:1s}bsk-thumbnail[is=hover] .bsk-thumbnail:hover .bsk-thumbnail__synopsis{max-height:180px;overflow:hidden}@media only screen and (max-width:575px){bsk-thumbnail[is=hover] .bsk-thumbnail__content{height:180px}}@media only screen and (min-width:576px) and (max-width:767.98px){bsk-thumbnail[is=hover] .bsk-thumbnail__content{height:180px}}@media (max-width:767.98px){bsk-thumbnail[is=hover] .bsk-thumbnail__content{bottom:0;height:180px;max-height:180px!important;pointer-events:all}bsk-thumbnail[is=hover] .bsk-thumbnail__synopsis{bottom:2rem;left:1rem;max-height:180px!important;pointer-events:all;position:absolute;overflow:hidden}}bsk-ucr-grid>.d-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:1.5rem}@media only screen and (min-width:576px){bsk-ucr-grid.full-width>.d-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){bsk-ucr-grid>.d-grid{grid-template-columns:repeat(2,1fr)}bsk-ucr-grid.full-width>.d-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1600px){bsk-ucr-grid>.d-grid{grid-template-columns:repeat(3,1fr)}bsk-ucr-grid.full-width>.d-grid{grid-template-columns:repeat(4,1fr)}}bsk-ucr-grid>.d-grid.list-view{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:1.5rem}bsk-ucr-grid .list-transition.list-view>*{animation-duration:.4s;transform:translateX(-200vw);animation-delay:calc(var(--grid-item-index) * 100ms);animation-fill-mode:forwards;animation-name:slidein}bsk-ucr-grid .grid-transition:not(.list-view)>*{animation-delay:none;animation-delay:calc(var(--grid-item-index) * 50ms);animation-duration:80ms;animation-name:slideout}@keyframes slidein{from{transform:translateX(-200vw)}to{transform:translateX(0)}}@keyframes slideout{from{transform:scale(.8)}to{transform:scale(1)}}bsk-ucr-list-grid-toggle{display:block}bsk-ucr-list-grid-toggle :is(span,path){transition:250ms}bsk-ucr-list-grid-toggle .active{border-color:var(--bs-gray-600)!important;background-color:var(--bs-gray-600)!important}
68bsk-ucr-list-grid-toggle .active path{fill:var(--bs-white)}bsk-vehicle-card-actions .btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary)}bsk-vehicle-card-actions[is=blank] .btn{width:fit-content;margin:auto;position:relative}bsk-vehicle-card-actions[is=blank] .btn:after{content:"";position:absolute;width:calc(100% - 2.5rem);height:2px;background-color:var(--bs-primary);bottom:-1px}bsk-vehicle-card-body>div{display:flex;flex-direction:column}bsk-vehicle-card-body>*{width:100%}bsk-vehicle-card-icon svg[style*="--circle-size"]{width:var(--circle-size);height:var(--circle-size)}bsk-vehicle-card-img-count{position:absolute;z-index:2;left:0;bottom:0}bsk-vehicle-card-img{position:relative}.vehicle-card-img__img{object-fit:cover}bsk-vehicle-card-location a{font-weight:600}bsk-vehicle-card-pricing .vat{font-size:.8rem}.sash{left:0;position:absolute;top:0;z-index:2;overflow:hidden}bsk-vehicle-card-specs[is=bordered]{padding-bottom:var(--bsk-spacer-3)}bsk-vehicle-card-specs[icons] .vehicle-card-specs__copy.d-grid{grid-template-columns:1fr 1fr}.vehicle-card-specs__copy.list-view{width:fit-content}@container (max-width:238px){bsk-vehicle-card-specs[icons] .vehicle-card-specs__copy.d-grid{grid-template-columns:1fr}}.vehicle-card-specs .has-icons{display:flex;align-items:center;gap:.5rem}.vehicle-card-specs .vehicle-card-specs__copy{gap:.5rem}.vehicle-card-specs .spec-info{display:flex;align-items:center;gap:.25rem}bsk-vehicle-card-titles>*{width:100%}.vehicle-card-titles__sub-title,.vehicle-card-titles__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}bsk-vehicle-card{display:block;width:100%;max-width:100%}@media only screen and (min-width:768px){.bsk-vehicle-card.list-view{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-gap:1.5rem}.bsk-vehicle-card.list-view bsk-vehicle-card-img{grid-column:1/span 2}.bsk-vehicle-card.list-view bsk-vehicle-card-body{grid-column:3/span 2;width:100%;margin:auto}}@media only screen and (min-width:1400px){.bsk-vehicle-card.list-view{grid-template-columns:repeat(6,1fr)}.bsk-vehicle-card.list-view bsk-vehicle-card-body{grid-column:3/span 4}}bsk-anchor-group .sticky{position:relative;transition:top .5s;z-index:999;opacity:.95}bsk-anchor-group .sticky.fixed{position:fixed;top:0}bsk-anchor-group .nav-link{color:var(--bs-dark)}bsk-anchor-group .nav-link.active{color:var(--bs-primary)!important}
68bsk-cap-data-point-group{display:block;width:100%}@media only screen and (max-width:767px){bsk-cap-data-point-group>div{max-width:400px;margin:auto}}@media only screen and (min-width:992px){bsk-cap-data-point-group{padding:0 0 5rem 0}}@media only screen and (min-width:1600px){bsk-cap-data-point-group>div{max-width:75vw;margin:auto}bsk-cap-data-point-group [slot=cards]{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:var(--bsk-spacer-3);width:100%}}bsk-cap-data-point-group .slick-slider .slick-slide{margin:0}bsk-cap-data-point[is=card] .card{display:flex!important;align-items:center;justify-content:center;width:10rem;height:9rem}@media only screen and (min-width:1200px){bsk-cap-data-point[is=card] .card{width:9rem;height:8rem}}bsk-cap-data-point[is=grid] .card{background-color:transparent}bsk-cap-data-point[is=grid] .card-body{grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:1rem;row-gap:.25rem;align-items:center}bsk-cap-data-point[is=grid] span:has(svg,img){grid-column:1;grid-row:1/span 2}bsk-cap-data-point[is=grid] .card-title{grid-column:2}bsk-cap-data-point[is=grid] p{grid-column:2;grid-row:2}bsk-cap-data-point img{object-fit:contain}bsk-nav-group .sticky{position:relative;transition:top .5s;z-index:999;opacity:.95}bsk-nav-group .sticky.fixed{position:fixed;top:0}bsk-nav-group a.active{color:var(--bs-primary)!important}bsk-specs-table tr{display:flex;text-align:left}bsk-specs-table th{width:80%;font-weight:400}bsk-specs-table td{width:20%;min-width:fit-content}bsk-sticky-summary .sticky{top:-150px;transition:top .5s;z-index:999;opacity:.95}bsk-sticky-summary .sticky.fixed{top:0}bsk-sticky-summary .d-grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0 0;grid-template-areas:"image titles spec cta"}@media only screen and (min-width:576px) and (max-width:767px){bsk-sticky-summary .d-grid{grid-template-columns:1fr}}@media only screen and (min-width:767px) and (max-width:1199px){bsk-sticky-summary .d-grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1200px){bsk-sticky-summary .d-grid{grid-template-columns:1fr 1fr 1fr;column-gap:2rem}}bsk-sticky-summary div:has([slot=image]){grid-column:1}@media only screen and (max-width:767px){bsk-sticky-summary .sticky img{object-fit:cover;max-height:60px}}bsk-sticky-summary :is([slot=shortlist],[slot=titles]){display:flex;justify-content:center;align-items:center}bsk-sticky-summary bsk-shortlist-local-heart{position:relative!important;margin:0!important}bsk-sticky-summary [slot=shortlist]{padding-left:.75rem;transform:translateY(1.5px)}bsk-vehicle-img-count{position:absolute;z-index:2;left:1.5rem;bottom:1rem}bsk-version-select .form-control{color:var(--bs-gray-600);margin-bottom:var(--bsk-spacer-3);line-height:1.5}bsk-version-select .form-control:focus{color:var(--bs-gray-900)}bsk-version-select .version-select{grid-template-columns:repeat(1,1fr);grid-template-rows:auto;row-gap:.5rem}bsk-version-select .form-group{grid-column:1/span all}bsk-version-select .form-group:has([type=submit]){grid-column:1/span all}@media only screen and (min-width:768px) and (max-width:1199px){bsk-version-select .version-select{grid-template-columns:repeat(2,1fr);column-gap:1rem}bsk-version-select .form-group:nth-of-type(odd):not(:has([type=submit])){grid-column:1/span 1}bsk-version-select .form-group:nth-of-type(2n){grid-column:2/span 1}}@media only screen and (min-width:1200px){bsk-version-select .version-select{grid-template-columns:repeat(4,1fr);column-gap:1rem;row-gap:2rem}bsk-version-select .form-group{grid-column:var(--col-start-desk)/span 1}}bsk-version :is([slot=spec-items] ul,.spec-items){display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:auto}bsk-version:has(.modal.show) :is([slot=spec-items] ul,.spec-items){column-gap:1rem;row-gap:.5rem}@media only screen and (min-width:768px) and (max-width:1199px){bsk-version :is([slot=spec-items] ul,.spec-items){grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){bsk-version :is([slot=spec-items] ul,.spec-items){grid-template-columns:repeat(3,1fr)}}bsk-version :is([slot=spec-items] ul,.spec-items) li{grid-column:auto/span 1;padding:.5rem}bsk-version:has(.modal.show) :is([slot=spec-items] ul,.spec-items) li{padding:.25rem}
69</style>
70
71<script>
72  window.dataLayer = window.dataLayer || [];
73  window.dataLayer.push({
74    'dataLayerLoad': true,
75    'viewPort' : [{
76      'width' : Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
77      'height' : Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
78    }],
79    
80  });
81  // key-text tracking for CMS
82  window.addEventListener('DOMContentLoaded', (event) => {
83    var keyTextEls = document.querySelectorAll(".tracking__key-text");
84    if (keyTextEls.length !== 0){
85      var keyTextArray = [];
86      for (var i = 0; i < keyTextEls.length; i++) {
87        keyTextArray.push(keyTextEls[i].innerHTML);
88      }
89      window.dataLayer.push({
90        'trackingKeyText' : keyTextArray
91      });
92    }
93  });
94</script>
94
95<!-- Google Tag Manager -->
96<script>
vendor: 327 bytes, lines 96-100
96(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
97new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
98j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
99'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
100})(window,document,'script','dataLayer','
100GTM-K6MWKTVN
vendor: 3 bytes, line 100
100');
100</script>
100
101<!-- End Google Tag Manager -->
102
103  
103<script>
104    window.dataLayer.push({
105      'pageType': 'Home'
106    });
107    window.bsk = {
108      pageType: 'Home'
109    }
110  </script>
110
111</head>
112<body v-cloak class="page Premium">
113  <form method="post" action="/" id="form1">
114<div class="aspNetHidden">
115<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
116<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
117<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
118<input type="hidden" name="__VSTATE" id="__VSTATE" value="FZm3tqNAEEQ/iADvgg0Q3iM8ZHiP8O7rH5sjjpjprr5VPVeUGzOUON60oOCTE+Tr09ShxHzFBa0SkgtPinK/ojiMu1rdFZ+2i2as6+cXLoNFJAHMVFrAk+qwsg/duoZOXoTj1R8HqfUAHwQOCxLGDuMtNrNdpJTN4MDYZVXSPAbCYwLRBXRmWEo9PJmsVv0idJ45vnsX4Iw+0Vbf/uqxZubKali6YFpj8NlFHFKKlktCad4U3mBQj62lrdY1qXIedQmo9ZhINSfgTqEHAezTbPJdqsZRukV+8tCKmBU9ZKBskNjij6xa4QDz7koohlia1G20J8lydAx6dO91ZctDlwsHg+pT6Wc2ZNl2saHVDq7MXI9+zA1gHBT+dcOX22zAM9bDahrbZDht5Ie9hSUTC0bsIYa56KGCEU77+6jVEukfoar6FBvAhEylo8DBWVzoPnIPJ90gw5/3u94C57iqiyGXA7oEUsTINekMqwIp/57nMzi6rVxOH1eRGc1nVNhpnUGX345aH9PnWUtP7Lr0NXenBuleTsKVopUQ+q85qr+L0nWYFijJH1h15Tc9V1JT5kzlSeAfCN1U8sM/vjyVi5syfOyvaJqKTx9+pUjVSs5h12FeSrPHla1Vjf36qeklOIgF+DG3wVx7fYh+7ax21MrW/ZFXbbnZIESEkLvqByDuD/M8PIL6KdQLfsVyqRsaqAANuwzqmkZ+WTWdCZhkMb0D6h/AawmmSXu8p3R+fu4o0CbK1jJ4HETouN/zZ8aUi67YagYVxfNU7rvYPn4LteQn4JTS9p4KX2JGh5atrXqJhviNaprSRDxHDT/PpXM9yG6NafaoGuCgeRD+T9z6Y4NImtUEJiqBogWGH6GdIuwxnBCkXBaBBUZITmTjzyEYoRPOtgaQ6EHVUpb4v1lQLUtj85kvyk/1I2wVXw6Z0L5WykxRARowVnJp4Vo5B8tGFv5SFTAT4yln/uu9ffmDUCctSijnFXU47hpqjjYkSuKiG6D4nuF1dfqRSFhf2tIXvZk8adrrV3zr8gip/RbkUv7EDqELunxsLGy5M/SdWW9xDA624XqtOiviDc4kEakHH98X5R3hSq/KC4RZ5C5MJfDHK05awqBI+43uMwKvmKe+Y4ctu/AKlyNdXn4QQB3gj+3l+kVXUpFW/BauYIizuQcvMQ9GaOtv93w+pan8hu18i3o7EzrY077hZiTHDRxjlR2gdlqJU5PU3YqdP0FO55uBsdoi6azdrCvUEag6H1OVo2O3uST8qwmVQIzboGr5c0kISXwNMKjhI4oXoaiqkNY1/7k4Z4RmNHKZTLhirsO6Rcvo8xpPtItKMUdw5hUAqLgS5LlbApTBlGgAkq6pkwjBzJLt0mzQUptTDE0dlh1lsUu/QRKNAzbZiNz89DgC9zX6hDPkyGJbnSlbiBfeEzNWr2nvFV5BWd0TN9ytJObviRgWtVxIvCvJtSvZXlsfl7k8iaoi1qL++eykNI/TGe3DRKTCbzE79aONX6LjMNVi5/WndzOYtGkrsYgb/hbn07YqfCCBkh2HexNfArpUwqHT4WH7j3Op+rzmwBekBbLjZZoInvTbhsmsP94Et1j2lTg1F+ltHX7lWH0/m5CoORm2Ha5gGJDXytpqIl2Qg+SiMtph9bYvrmP2Wy76lQh9CwC722nlT2+7VYfY4YxFfPP0vnsPrY1lF0DFiF/CzTZ2IfOqZOJ6QaCGz0g+j9OUj1yr2Ts7wkuUDBcQWD8GrgHDOs+wmKl15EfbjtiLbAEmUaRHxxMmzQ9hzoPjHWOQon17SL/yJ1QoVXUZlfzIQkoU7fzoY0ti1idmIb9MeRa1iZZQdrHA7qodeYHq4Kh7SjRb+G8BjdpkOhCXLYQtdcZaFdU5OvMsbE2DyYTA3OCX6rF96c0UA2GeC++b0ksb7EH5N37d2ZsvYs9icH96uBFhgfMN4KcxXADnMJ9djYHEOKgI1baRs6Fr5oTMgyBXUS1TQYQvZFFDpfrR29L+4b2vZWrh/jKBKlOU96ACEyI2F+Y1MEb8hAdvmTXp5L345BEDld+yIiRFcelRL1Ljjit8GMyosiO0KwONjUA3a1bogSNn6Qzj+Qk5we/fnwmpeZOY+RCN4wEM1bZ3lTdkJ3EyrzgectLZqbp0SoWiG4L9VKH7DGNofRbxUi3lw53JQfBrR+dxhH3l06+sEiyErRB6myEtYptS0LBgicEHVhYsj+kuQ6ysm6fF2FDJeNKaavYdcok5tCwhFG52Sk1Z4ZJZhWWq6iMOjD4kGU0+4tUTCjMMueqIaTi4CLM5cKbSwr2wk1C5dn6NshLkZi4O9w3SMtqsS7O067AtEQTWc4H18y/H0+SWf2fiB8St7J8bH1caac7B/4AWKQpFL33fAlMYNLzRO1xMfBiFAVlz7XQS3vD0ESAfX7AS9bSDdqOTH//1E+yVD62huVYVsCjJH4Y8vB+nlMBPoOkvEQ3V48W8dY7ZO2CXOG5CFqWuPWVPLlCkcdmMKPZlricftfORwepCeR/NuCKH+zfr3oVHNNp/FepQvNSTv+kZBw9wyZ0dypBGBQK8ez4X9+P1RXhQU8+lBRWH+T6jrvuSu2kbgKuwRpJRsuszF3Ubsukp5RYqPLGneHDm2aae/0Xk+AcrYB0bDV+8JTZmt+brxZ3JhUMaCep7oSLiFHwBG/vdHnzHy3I/j16DkIWu6ZMDbkPaVhGBaelB14UXmoWZ9dHM4sYtGJp+UNInWQtOr3daxvQ5ImzJXGLFiXaoKotHJaiJAAJMMbtiAIx4IVWePQPdMcljoxaSLw+etxVDy2uhto//YZONEyHldsWd3dVv7n/RuWL2qM392UpiPewrrWlTcWnpUfqIXQ/9IhObdRhcyx6d4Sl0a0S0OcQGKFl3TXb6WZpVdHEtJvKnz8CxDCmlsM+ncKd8vZMedmUB3/vQoC/a0bPeUCglpKIF5Ht0oMxPm0ky3EnywA9WD5JeBRhUcKhC5WPYYd1bPlYAGQe9yLNFihQAXmDs15y+2N23S008vapgSs+LENHrU8lGX6FxpXXRkaqKFseGE+bDDppbV8Ln9tDJjmRs3y0JGIJ8YP35NKySn2DR9X+En8ugXzK7e0O6Aua4+CJMSO+0UXkYzYId8SyvTopZy7nJupuW/Dj1Mxx4e/gZcrsqdYlvtZJi9Z5F6ljyrYcl+itXm/+Mj8F1ZvrBJOMhAII7fuXmgEGWdS48ZQg1AR5jQMJHTg2bTMtjQQioQuDPU6GajlP4zGuc5yKvqkcxb8emQf4GK/Jr/OrQNK6tqfqGb1k5QKziu0z3EHobEfI4vH8O2i8X4hLbDhJJNrWQtk3Med21II1noeU8+asD2unLmAm1GlwtbEd9f7DrKzVcSZy/FgnvH37P0Gc/OU80qVlTDxAkA+KnLj2/UpSCr70So/E+TtXBd+bYrjcn90nYfZNDIqd8aQWa4gTFvWg/WC1E/cg6iGvFgxyEO9/mKLTqoP5q+h4w+IOzqOYu7C760DSmyhhTHDFYNeHBYAqqqBs6iViQ4roUIDxn1/3YGureG4SA9dbFzg1lCLGOYI+NBq2cFcigkrPXAor4eMBLn1L3U+/k6ZzDU8UCmmNwBBBkvnK+j1utffLYKNaDaOFvtfSDUYBFkcySINrtCdceS4hBotMq8QLUOrPUNby/OPEGF2WxmeRmM99Z7hF40Y6f+SNjTHUdcWjOO6OwtTzhOX6tVJlklKcxAkahoMJx2oMqy9GafJkCHxSfpGJKJpJH6QKOCynK5ucK95w6bAHtDmc5c82P7KKr9FDTxviFTaZK0o9yBruc3JLkmq9W4XSgSa8OtV8hWaLqtHo/8RGQeiu2PUP6nqMYHtNTHDT9C9zQNozJ+qq3tjsJtgdSMOfYFaOVpSUpn2HII+BodfXqxhTbDEipbrFjxAU6FOImIyWTB5uW720lc6Q1P
118CqnaIjSrRXufdKftNdj/hGViw9Mj62wSS5zClHlZ530eh3FwCb8SLChH3NITCScXWZ8NcGtOUdY544kcZoMwlGQppg0t6lB9scoxLgBMGgsRRs6xrtOoljoN1emEKUsr/K1PCoIRS9oSSHpp7DlsHCuNzTSm6B+tuHTBhMBNf0HGU/iA+j7TH0ChRwM7HKXiwkWorBcv39HgIpu8RoD8ucZeBhAr7mx5sF4qcqCDgpLLXp5/eE1fyI5fbjf65oiuhoIx1Zd2NnPiFAvZZEqCeL9BmuJYkbnrBFHO4xAINGJdPTmIcQVx3hu074zfLZp5IXh+WT6INyAIgO/N2TyXT1cbd7d1Jo7zBK8zZ0QhPsDqby6QTwjnd6xxNzofV2nxcOmO/wqtqkKWBiyvirrbXBdlzD0o9bWSDwuACer0YRxXwXXFq38Lu0Mf4getMmA9GbZtPCKrxLGUyHVZADC9W3VxOWX5ZyFXmNjyStZg8JdCuUNHo3EigdY0GIVTTo1/dUTLzNAPhAbxeAi3h8vO728EV11d7IQ8tmjwSkfF3lvjkmnXyr+gM7wPfHbIXVOEiuzAlTC8l6KBgf1Y2P85MkUElYYMcOxNnn4QCkzrGHJt38O4oHy+wk8f5ZMkvbkMXOF5+zESqSwhxP5+6dPtc5e8nwgdfLR+jWemvo+rTAKYxXhDEOr8GQ6lrukKbQ2Az/qV1kAxx5a/AJaLhUbojxj1jcMhJxhHyLSY/5SLW1XAuRxq9x26h2Fy1Yvtqu7GV5pD3gZ+j26ax8DEIbhc73LLQeLtBTZzldr0s5fCemUq+/xYGxYhf4bZgwfFFbIcbI6p+LMW1v0wI+qBnPvBGL2EHll2UxfTGrNvtcBA8REG1m9964nDEATdqCK3VEC0DMXxWcubhuka3HixLipKrdZgto7pRiXeRNoZiHLKXttAsbWvP0lDmhiQp6UbKArOBBtDWBa7+Z1qG4DUJTdJR7YjIjsLKmPpb3x5hIqTPrIB8slq6bNX9O4L8BAFa3Hz6QEDvXEPznlfFl39g5r0V+Db5f2aiSEi7zJMd2TeUNNmjS0/U4Xi4VL0aIkuKczmFcM7eIimAdrFkZlRCitH0D7qOuR8wG95F4kvT/bZ6GcLi81hPGs0Yv0b/yd8gn4buMUkh+EexJEsBw/uBsk3xuugCYnc94sY3Kc7u7UpDFLSOaL+eSM47PZd8hRt+2GLJGJwk+12oBxaVw2UJqRQpdxVCwdqy4wGi3k6XUYIxTLAxPGZucNd15aH5hkTLHOBYARfhxAKwMo8J6yDtnX0omiuDf5MZ1lktPWMr7G4YPIahqYheWcbnYv62+o3yuysnAsYwnhORt9D1rpAkmXOXiT34Z9uGT1Z9oujeFCJWk2A3TsLyLP9Q5cIOnFC2MYC0ajXc20f+BZiU9ELxfsG7rNznfy5loKZYKETbv9S+twogr/Ry57o4F0FmB2bIFGcfsUfuypRJ1hH0bWvj8IMjYmvdtTpJtWGL/qhFxQaPxKZOpytm6K6ptsJvOpg000B0i6V51kKP3m6nqiATFDsZm16hmbMt6zGY40ltU5lkjdE6oGrpKUbqMRscgiXj3gmIhm3rQBWUneR5t5+Az0gBPibMo219ySl7Rjt3z61tsHsTZMR5OxhCIXpETGSkhJbTDfmGqQDshqV5wYzvSKBNYo3Q4KUbOCxpyrn6oW2YQypA6fuBglKeG7/ThO5p2Q0uDbl6NyUu9zu2y4Qg1vC390QzeOVhhkVrngp6BEKxKVV4HCe/bWgV0vEgE6UmSXJUBDCWww2rWe9TCGij7TrgzfrimaYrKL31NRc1V4wm8iyFaI58eXi2TByQPslwoYcQyR0pzCtCp66myNcl1+oxJWUHSZmgG
118i0s5hcQs+1X2z0gU4IpKFgbqzsnKNIGdqyrK12gOdPdEK4iCrVC17XW9ZR6V7sxIyJI5L+ZZUSETbnEj0lmOKDT4UVPRUwzoVuQCslk/yWbgAhKtfbAe5ACJlDoifj/D1mFeIHAbTYyqJ80eyyC/65tkhL05vnEhOPMaj9saTsKK3XzNhiX1k25biA8Gg2FavwhzJTvBhoJeY1l462DW9ijYLD4XdY17OV42Yf95SkL59TIX3E2Yr5cp3dJLWyklGj7KyG0A0MPHmmyDW2kugJ63FbFnVUn7ql421mBmCtHcPKiE8jX+7IVowBc0Hki1qy4Z+DGRiltFp+oH/LTJZCsSTvizP1x325qrbtesPVOw35tqGu7X4UGWTSaQ4HDWZYJqHrF1TmoAnur/vVSg0OWzD1AkjZrMElE6NQbfb4QI6ghExEr+jr5hcGTSTkU9pGfTlbIH+ZqGu6BvfUaOgxmeMjOfJl8q0cY9VHd9AWGqmcGnZrSA6De2JwC8winlnuRJW0tZiGKJVEor+3LE/1G18XvgyXkaAzs13ylrICwwwdJbVavPNHH57Br4sAq2lHMnw3tXBC09+LsL2UwXP1TAVJ0lcyfJlJd8GDPEqbITDJnBu5hSYBoBPVWyVv9bySwCOVwQv9JXerR2XuxuY6vw2WqpTGyW3xnK0rSxQv8WFuoo/CDPB9Mgq38ohaw/V9RH/3U6D7mnQ2Hoyoo7cILeOhQW11gn8JPVcIQB8nG4+Sb9woOxMtZ+dosF6AumfOCoQHCUhhTCOgANYYOXmxlLWpqRGwWS0yc7pW7uvPCAHErsE3hujvDUHx0rk1k3x/CuYNJK6QWUhiEbuseB19SQRR+yRJNNhHrdYMu6hgOMtNaJEWyfgabnI7hTlFCuvGB/vM2/0wiQPvn8I5DVS+WBPahylajyziGqiFkB2LKyHXlMt8EFD7a7qzVxX9c/7xGrDHTHKmk32PTliRA1ski6qxYIWCRhTB/QrrhV717ca3gsL1SBezOfVI+hlSQNejmfz98WsGhgGWKYzfczwxjjwTJYkmaSUha0VXkIe+/MmLy/fJ/T8U3hZ+SW0PoJi/iNmegcmmO/1H8xM+A94UGQYS49FRC+MmPy7q5ZY95haCvsJZRhl5OUvge+G8ikyOuouzXDKkDN3F4rzSuzB8t9pT3W4s+sIo1qfIEDXDw6OLdGogFgqoJ25NPe8c9jrwEnzyxdEbPGphTa4R/CO50/vse4HHUkUKvl6RgcLAIZwMPkXDUYyTbC6XCWwP+o1O3UJxIR3+zK9qUXgeGvEVLcW1OLMdxpkS1luH369kl7OEr/O/Uxh/+GcjL4tp+jtaUJ7OH2DWeyIm3PfRwy8cE8x9mhN2mAdjTwzxFHmlIq3Z6mHVb1dQey+j3eEg0lXAd3h7fvRHg9RIW8UgjWqBReJHh0BCH1/6Ov88Q/d8KVgxSkKMUy0bMr8pV2wDjKOaZ+EU46ldnB+/R0Gfi+2fFltTn60aPF2j5YCCEBxUwzK97DNNynRy9fApW+q6eX1gECQqUmunp5Rlh76+BPAfTvKhCRqUGPaKgAZd4KdqN2iB7pJDuJasbnsnRX1TvrQb19aPcK733PqGb3h0wdPl+skAR3ecQYLupfn6LzJsANcKaAf6eVdwh3nfWfMdOj+jFpK5GZjJ35UvLuw4As19fXg9hHNgPPmGuc7VKvC7oCcxr+tnraG/VnADpCFIkqfAzocnqhgr+TmIRaT2kRNKVPc3n9Efr79jSN3Q6e6tTB6wljfXUdwW2f2dcVOsEUcoTtxBBMTfUGuVV+ODK23dcvjYI/BqoZInJ4Fna7fp6gCDDFx+KPVhkGM15SsnmAF373szCRXgOWHM4ybsbrpgS+bVuCI8m9u5Scx7IUd9WUWf/kJqj29q7zytKfRXU7cpWxS7xOOfnj3JiE6QGDpajLuEFP1cCdxXJK+QsYwd3ITYalJ+FwpkxeLayOo+yVIrJizSQ2QJ+iXN2P5vPvBqaaj7yK8ZBLsYB/51Ppm/dubH/veFDnFG6zATq76803W96h/y5PXI/qLsBUpwBJhDyCghZweNixFGqEqWuRIfJSC/JzHDg5MPebrok34R35mnfhhLrE3GLUH6c0e761/Vf8CqkQaWNP+zjG6zTVnzA11l6hHfRrjEYvtZJckH6ih70byaMrqfmupXFQbGu60NlfQxyYYxZJKqmBexXXtu3vvKijG27HvkunWWO0T818DsgbhJ4c+JFZGdg0d4iC85OOjI1rxu6AgHyriEdqQiuPt9fs1t7T0wjWEkwzPS0DkhaFdi2d+WNuu4XNpee9yKo9mAqnevVKYixwEbjU4Fbk5M9ScO4X1TpttLopUFsHSJ4ldTN+U5Ba44MT1d90uJIrlcE2fgNG732NJIEFRnDxhafLhTzqyjemcv+DUziwJOcSR0IJcAplGv7khN9G3Hw79gp/DQ5ATDtYPl18C8e7LSU0hXN23SfnLl1A9nLlxl0I6Q2zmftXXeHxLKI0/75egrrXnyGgIQiIPotIh+/x22DDx7M6kRA8EK+9OLZ5rFmzG5bQh80udMU9k//4A" />
119<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
120</div>
121
122<script type="text/javascript">
123//<![CDATA[
124var theForm = document.forms['form1'];
125if (!theForm) {
126    theForm = document.form1;
127}
128function __doPostBack(eventTarget, eventArgument) {
129    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
130        theForm.__EVENTTARGET.value = eventTarget;
131        theForm.__EVENTARGUMENT.value = eventArgument;
132        theForm.submit();
133    }
134}
135//]]>
136</script>
136
137
138
139<script type="text/javascript" src="/js.axd?path=%2fWebResource.axd%3fd%3dpynGkmcFUV13He1Qd6_TZGCB-9kLyLbRCGOAijGG_VSdk-Ziu7iPxVMppNKayMNqVVvYcM0jGLWb70CunVbMYg2%26amp%3bt%3d639190879820000000,%2fScriptResource.axd%3fd%3dx6wALODbMJK5e0eRC_p1LbvHSvhX_T0h1UVsCRSYyL6Lga6wqjU-VuhXqzgiir4fQODGgSYMOD_-shACDIwBPNrD_tquBYawPmSBrSn8JODSULewz24NuMzZ8oHR5OX10%26amp%3bt%3d7a2ecbb7,%2fScriptResource.axd%3fd%3dP5lTttoqSeZXoYRLQMIScPe2j6-pe4rrUhvqmnhBZune_tWhIG2lJ3noawiixP6DZwRxz9g9L4idBm8LI0jogv8StCBBZGf04BRXyONPweGIY47euqAfpwTDgV2ECSf00%26amp%3bt%3d7a2ecbb7"></script>
139
140
141
142
143
144    
144<script type="text/javascript">
145//<![CDATA[
146Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'form1', ['tDealerPhone_Header$upCOGDealerRepeater','','tMakeField$DDUpdate','','tModelField$DDUpdate','','tMinPrice$DDUpdate','','tMaxPrice$DDUpdate','','tMinFinancePrice$DDUpdate','','tMaxFinancePrice$DDUpdate','','tTransmissionField$DDUpdate','','tFuelTypeField$DDUpdate','','tBodyTypeField$DDUpdate','','tMinMileage$DDUpdate','','tMaxMileage$DDUpdate','','tRepeater_Carousel$RepeaterUpdatePanel','','tDealerSectionRepeater$upCOGDealerRepeater','','tDealerFooterRepeater$upCOGDealerRepeater',''], [], [], 90, '');
147//]]>
148</script>
148
149
150    <a class="skippy visually-hidden visually-hidden-focusable" href="#main"><span class="skippy__text">Skip to main
151    content</span></a>
152
153<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 153-154
153
154<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
154GTM-K6MWKTVN
vendor: 83 bytes, lines 154-155
154"
155height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
156<!-- End Google Tag Manager (noscript) -->
157
158<header class="shadow-none header border-bottom">
159  <bsk-header hamburger="spin" is="premium" offcanvas="main-navigation" 
160  img-src="https://bluesky.sirv.com/Template-Sites-Assets/Template-sites-logos/r&s-motors.jpg"
161  img-mobile-src="https://bluesky.sirv.com/Template-Sites-Assets/Template-sites-logos/r&s-motors-mob.jpg">
162    <span slot="nav">
163      <bsk-offcanvas title="" responsive="xl" position="end" target="main-navigation" bg-style="">
164        <div slot="content">
165          
166<ul class="navbar-nav">
167  
168      <li class="nav-item"><a class="nav-link" href="/used-vehicles/">Showroom</a></li>
169    
170      <li class="nav-item"><a class="nav-link" href="/finance/">Finance</a></li>
171    
172      <li class="nav-item"><a class="nav-link" href="/service-booking/">Service & MOT</a></li>
173    
174    <li class="nav-item"><a class="nav-link" href="/contact-us/">Contact Us</a></li>
175  
176      <li class="nav-item dropdown">
177        <a class="nav-link dropdown-toggle" href="#" id="more-dd" role="button" data-bs-toggle="dropdown"
178          aria-haspopup="true" aria-expanded="false">More</a>
179        <ul class="dropdown-menu bg-body" style="left: auto; right: 0;" aria-labelledby="more-dd">
180                
181              <li><a class="dropdown-item" href="/pages/more/bodyshop/"  >Bodyshop</a></li>
182            
183        </ul>
184      </li>
185    
186</ul>
187        </div>
188      </bsk-offcanvas>
189    </span>
190    <span slot="right-nav">
191      <div class="d-flex gap-1 flex-wrap h-100">
192        <div class="border border-1 border-body py-1 px-2 d-flex align-items-center justify-content-center flex-grow-1">
193          <bsk-shortlist-global-heart child-class="text-body"></bsk-shortlist-global-heart>
194        </div>
195        <div class="border border-1 border-body py-1 px-2 d-flex align-items-center justify-content-center flex-grow-1">
196          <div id="DealerPhone_Header_upCOGDealerRepeater">
197	
198        
199
200
201
202
203
204
205<!-- start: DealershipPhone (9314) -->
206
207  <div class="text-dark d-none d-xxl-flex align-items-center gap-1 text-decoration-none">
208    <i class="fa-solid fa-phone"></i> 
209    <div class="d-flex flex-column">
210      <a href="tel:01752845000" class="text-body text-decoration-none gtm-track--tel gtm-track--tel_9314">
211        01752 845000
212      </a>
213      
214      <a class="text-body text-decoration-none d-none" href="~" target="_blank">
215        <i class="fa-brands fa-whatsapp" style="color:#25D366;"></i> WhatsApp us
216      </a>
217    </div>
218  </div>
219  <div class="dropdown d-flex d-xxl-none">
220    <button class="btn btn-sm text-dark p-0 d-flex align-items-center text-decoration-none gtm-track--tel gtm-track--tel_9314 dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
221      <i class="fa-solid fa-phone"></i>
222    </button>
223    <ul class="dropdown-menu dropdown-menu-end">
224      <li><a class="dropdown-item" href="tel:01752845000">01752 845000</a></li>
225      
226      <li class="d-none">
227        <a class="dropdown-item text-wrap" href="~" target="_blank">
228          <i class="fa-brands fa-whatsapp" style="color:#25D366;"></i> WhatsApp us
229        </a>
230      </li>
231    </ul>
232  </div>
233
234<!-- end: DealershipPhone (9314) -->
235        
236    
237</div>
238
239        </div>
240      </div>
241    </span>
242  </bsk-header>
243</header>
244    <main class="main mb-5" data-test-dev id="main">
245      <!-- Hero Banner : START -->
246        
247  <bsk-snap-slider class="container-fluid px-0 overflow-hidden slider-section" autoplay="true" delay="6000" showDots="true" loop="false" slides-to-show-lg="1" slides-to-show-md="1" slides-to-show-sm="1">
248    <span slot="slides">
249        <ul class="p-0 m-0">
250          
251              <li class="p-0">
252                <bsk-carousel-banner-slide
253                v-cloak
254                headline="Find your new car here!"
255                synopsis="Check out our wide range of affordable used vehicles and find your next car today!"
256                button-text="Search now"
257                link-url="/used-vehicles/"
258                img-src="https://bluesky-cogcms-prodc.cdn.imgeng.in/media/hdbiy2d4/screenshot-2026-03-10-at-09-36-41.png"
259                img-src-small=""
260                img-src-large=""
261                video-id=""
262                search-tabs="False"
263                >
264                </bsk-carousel-banner-slide>
265              </li>
266          
267        </ul>
268    </span>
269  </bsk-snap-slider>
270
271<section class="bg-dark text-white py-5 exclude-from-gap">
272  <div class="container-xxl">
273    <div class="row">
274      <div class="col-12">
275        
276  <bsk-speedy-search>
277  <span slot="search">
278    <div class="row">
279      <div class="col-12 col-md-4">
280        <div class="mb-3">
281          <label for="MakeField_DD" class="form-label">Makes</label>
282          <span id="MakeField_DDUpdate">
283        
284        <select name="MakeField$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MakeField$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MakeField_DD" class="form-select">
285	<option selected="selected" value="-1">Please select...</option>
286	<option value="Citroen">Citroen (1)</option>
287	<option value="Dacia">Dacia (4)</option>
288	<option value="Kia">Kia (1)</option>
289	<option value="Renault">Renault (7)</option>
290	<option value="Skoda">Skoda (1)</option>
291	<option value="Suzuki">Suzuki (1)</option>
292	<option value="Toyota">Toyota (1)</option>
293
294</select>
295            
296            
297            
298        
299        
300
301        
302
303    </span>
304
305        </div>
306      </div>
307      <div class="col-12 col-md-4">
308        <div class="mb-3">
309          <label for="ModelField_DD" class="form-label">Models</label>
310          <span id="ModelField_DDUpdate">
311        
312        <select name="ModelField$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ModelField$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="ModelField_DD" class="form-select">
313	<option selected="selected" value="-1">Please select...</option>
314	<option value="AUSTRAL">AUSTRAL (1)</option>
315	<option value="BERLINGO">BERLINGO (1)</option>
316	<option value="CEED">CEED (1)</option>
317	<option value="CLIO">CLIO (2)</option>
318	<option value="Corrola">Corrola (1)</option>
319	<option value="DUSTER">DUSTER (1)</option>
320	<option value="JOGGER">JOGGER (1)</option>
321	<option value="KADJAR">KADJAR (2)</option>
322	<option value="KAROQ">KAROQ (1)</option>
323	<option value="LOGAN">LOGAN (1)</option>
324	<option value="MEGANE">MEGANE (1)</option>
325	<option value="Sandero">Sandero (1)</option>
326	<option value="SCENIC">SCENIC (1)</option>
327	<option value="SWIFT">SWIFT (1)</option>
328
329</select>
330            
331            
332            
333        
334        
335
336        
337
338    </span>
339
340        </div>
341      </div>
342      <div class="col-12 col-md-4">
343        <div class="dropdown mb-3" >
344          <label for="Budget" class="form-label"><!--Budget/-->Price</label>
345          <button for="Budget" class="btn bg-white form-select border text-start" type="button" id="dropdownBudget" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
346            Please select...
347          </button>
348          <div class="dropdown-menu border w-100 p-2" aria-labelledby="dropdownBudget" >
349            <ul class="nav nav-pills nav-fill bg-primary bg-opacity-50 rounded mb-3" id="price-payment-tab" role="tablist">
350              <li class="nav-item">
351                <a class="nav-link active gtm-track--tab_cash" id="cash-price-tab" data-bs-toggle="tab" href="#cash-price" role="tab" aria-controls="cash-price" aria-selected="true">Cash Price</a>
352              </li>
353              <li class="nav-item d-none" id="FinanceCheck">
354                <a class="nav-link gtm-track--tab_monthly" id="monthly-price-tab" data-bs-toggle="tab" href="#monthly-price" role="tab" aria-controls="monthly-price" aria-selected="false">Monthly Payment</a>
355              </li>
356            </ul>
357            <div class="tab-content" id="price-payment-tabContent">
358              <div class="tab-pane active" id="cash-price" role="tabpanel" aria-labelledby="cash-price-tab">
359                <div class="d-flex gap-3 flex-wrap">
360                  <div class="w-100">
361                    <label for="MinPrice_DD" class="form-label">Min price</label>
362                    <span id="MinPrice_DDUpdate">
363        
364        <select name="MinPrice$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MinPrice$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MinPrice_DD" class="form-select">
365	<option selected="selected" value="-1">Min</option>
366	<option value="5000">&#163;5,000</option>
367	<option value="6000">&#163;6,000</option>
368	<option value="7000">&#163;7,000</option>
369	<option value="8000">&#163;8,000</option>
370	<option value="9000">&#163;9,000</option>
371	<option value="10000">&#163;10,000</option>
372	<option value="11000">&#163;11,000</option>
373	<option value="12000">&#163;12,000</option>
374	<option value="13000">&#163;13,000</option>
375	<option value="14000">&#163;14,000</option>
376	<option value="15000">&#163;15,000</option>
377	<option value="16000">&#163;16,000</option>
378	<option value="17000">&#163;17,000</option>
379	<option value="18000">&#163;18,000</option>
380	<option value="19000">&#163;19,000</option>
381
382</select>
383            
384            
385            
386        
387        
388
389        
390
391    </span>
392
393                  </div>
394                  <div class="w-100">       
395                    <label for="MaxPrice_DD" class="form-label">Max price</label>
396                    <span id="MaxPrice_DDUpdate">
397        
398        <select name="MaxPrice$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MaxPrice$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MaxPrice_DD" class="form-select">
399	<option selected="selected" value="-1">Max</option>
400	<option value="6000">&#163;6,000</option>
401	<option value="7000">&#163;7,000</option>
402	<option value="8000">&#163;8,000</option>
403	<option value="9000">&#163;9,000</option>
404	<option value="10000">&#163;10,000</option>
405	<option value="11000">&#163;11,000</option>
406	<option value="12000">&#163;12,000</option>
407	<option value="13000">&#163;13,000</option>
408	<option value="14000">&#163;14,000</option>
409	<option value="15000">&#163;15,000</option>
410	<option value="16000">&#163;16,000</option>
411	<option value="17000">&#163;17,000</option>
412	<option value="18000">&#163;18,000</option>
413	<option value="19000">&#163;19,000</option>
414	<option value="20000">&#163;20,000</option>
415
416</select>
417            
418            
419            
420        
421        
422
423        
424
425    </span>
426
427                  </div>
428                </div>
429              </div>
430                <div class="tab-pane d-none" id="monthly-price" role="tabpanel" aria-labelledby="monthly-price-tab">
431                  <div class="d-flex gap-3 flex-wrap">
432                    <div class="w-100">
433                      <label for="MinFinancePrice_DD" class="form-label">Min monthly price</label>
434                      <span id="MinFinancePrice_DDUpdate">
435        
436        <select name="MinFinancePrice$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MinFinancePrice$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MinFinancePrice_DD" class="form-select">
437	<option selected="selected" value="-1">Min</option>
438
439</select>
440            
441            
442            
443        
444        
445
446        
447
448    </span>
449
450                    </div>
451                    <div class="w-100">       
452                      <label for="MaxFinancePrice_DD" class="form-label">Max monthly price</label>
453                      <span id="MaxFinancePrice_DDUpdate">
454        
455        <select name="MaxFinancePrice$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MaxFinancePrice$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MaxFinancePrice_DD" class="form-select">
456	<option selected="selected" value="-1">Max</option>
457
458</select>
459            
460            
461            
462        
463        
464
465        
466
467    </span>
468
469                    </div>
470                  </div>
471                </div>
472            </div>
473          </div>
474        </div>
475      </div>
476    </div>
477  </span>
478  <span slot="more">
479    <div class="collapse" id="moreSearchOptions">
480      <div class="row">
481        <div class="col-12 col-md-4">
482          <div class="mb-3">
483            <label for="TransmissionField_DD" class="form-label">Transmission</label>
484            <span id="TransmissionField_DDUpdate">
485        
486        <select name="TransmissionField$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;TransmissionField$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="TransmissionField_DD" class="form-select">
487	<option selected="selected" value="-1">Please select...</option>
488	<option value="Automatic">Automatic (4)</option>
489	<option value="Manual">Manual (11)</option>
490	<option value="Semi Automatic">Semi Automatic (1)</option>
491
492</select>
493            
494            
495            
496        
497        
498
499        
500
501    </span>
502
503          </div>
504        </div>
505        <div class="col-12 col-md-4">
506          <div class="mb-3">
507            <label for="FuelTypeField_DD" class="form-label">Fuel type</label>
508            <span id="FuelTypeField_DDUpdate">
509        
510        <select name="FuelTypeField$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;FuelTypeField$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="FuelTypeField_DD" class="form-select">
511	<option selected="selected" value="-1">Please select...</option>
512	<option value="Diesel">Diesel (3)</option>
513	<option value="Hybrid">Hybrid (1)</option>
514	<option value="Petrol">Petrol (10)</option>
515	<option value="Petrol Hybrid">Petrol Hybrid (2)</option>
516
517</select>
518            
519            
520            
521        
522        
523
524        
525
526    </span>
527
528          </div>
529        </div>
530        <div class="col-12 col-md-4">
531          <div class="mb-3">
532            <label for="BodyTypeField_DD" class="form-label">Body type</label>
533            <span id="BodyTypeField_DDUpdate">
534        
535        <select name="BodyTypeField$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;BodyTypeField$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="BodyTypeField_DD" class="form-select">
536	<option selected="selected" value="-1">Please select...</option>
537	<option value="Estate">Estate (2)</option>
538	<option value="Hatchback">Hatchback (11)</option>
539	<option value="MPV">MPV (3)</option>
540
541</select>
542            
543            
544            
545        
546        
547
548        
549
550    </span>
551
552          </div>
553        </div>
554        <div class="col-12 col-md-4">
555          <div class="dropdown mb-3">
556            <label for="Mileage" class="form-label">Mileage</label>
557            <button for="Mileage" class="btn bg-white form-select border text-start" type="button" id="dropdownMileage" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
558              Please select...
559            </button>
560            <div class="dropdown-menu border w-100 p-2" aria-labelledby="dropdownMileage" >
561              <div class="d-flex gap-3 flex-wrap">
562                <div class="w-100">
563                  <label for="MinMileage_DD" class="form-label">Min mileage</label>
564                  <span id="MinMileage_DDUpdate">
565        
566        <select name="MinMileage$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MinMileage$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MinMileage_DD" class="form-select">
567	<option selected="selected" value="-1">Min</option>
568	<option value="5000">5,000</option>
569	<option value="6000">6,000</option>
570	<option value="7000">7,000</option>
571	<option value="8000">8,000</option>
572	<option value="9000">9,000</option>
573	<option value="10000">10,000</option>
574	<option value="11000">11,000</option>
575	<option value="12000">12,000</option>
576	<option value="13000">13,000</option>
577	<option value="14000">14,000</option>
578	<option value="15000">15,000</option>
579	<option value="16000">16,000</option>
580	<option value="17000">17,000</option>
581	<option value="18000">18,000</option>
582	<option value="19000">19,000</option>
583	<option value="20000">20,000</option>
584	<option value="21000">21,000</option>
585	<option value="22000">22,000</option>
586	<option value="23000">23,000</option>
587	<option value="24000">24,000</option>
588	<option value="25000">25,000</option>
589	<option value="26000">26,000</option>
590	<option value="27000">27,000</option>
591	<option value="28000">28,000</option>
592	<option value="29000">29,000</option>
593	<option value="30000">30,000</option>
594	<option value="31000">31,000</option>
595	<option value="32000">32,000</option>
596	<option value="33000">33,000</option>
597	<option value="34000">34,000</option>
598	<option value="35000">35,000</option>
599	<option value="36000">36,000</option>
600	<option value="37000">37,000</option>
601	<option value="38000">38,000</option>
602	<option value="39000">39,000</option>
603	<option value="40000">40,000</option>
604	<option value="41000">41,000</option>
605	<option value="42000">42,000</option>
606	<option value="43000">43,000</option>
607	<option value="44000">44,000</option>
608	<option value="45000">45,000</option>
609	<option value="46000">46,000</option>
610	<option value="47000">47,000</option>
611	<option value="48000">48,000</option>
612	<option value="49000">49,000</option>
613	<option value="50000">50,000</option>
614	<option value="51000">51,000</option>
615	<option value="52000">52,000</option>
616	<option value="53000">53,000</option>
617	<option value="54000">54,000</option>
618	<option value="55000">55,000</option>
619	<option value="56000">56,000</option>
620	<option value="57000">57,000</option>
621	<option value="58000">58,000</option>
622	<option value="59000">59,000</option>
623	<option value="60000">60,000</option>
624	<option value="61000">61,000</option>
625	<option value="62000">62,000</option>
626	<option value="63000">63,000</option>
627	<option value="64000">64,000</option>
628	<option value="65000">65,000</option>
629	<option value="66000">66,000</option>
630	<option value="67000">67,000</option>
631	<option value="68000">68,000</option>
632	<option value="69000">69,000</option>
633	<option value="70000">70,000</option>
634	<option value="71000">71,000</option>
635	<option value="72000">72,000</option>
636	<option value="73000">73,000</option>
637	<option value="74000">74,000</option>
638	<option value="75000">75,000</option>
639	<option value="76000">76,000</option>
640
641</select>
642            
643            
644            
645        
646        
647
648        
649
650    </span>
651
652                </div>
653                <div class="w-100">
654                  <label for="MaxMileage_DD" class="form-label">Max mileage</label>
655                  <span id="MaxMileage_DDUpdate">
656        
657        <select name="MaxMileage$DD" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;MaxMileage$DD\&#39;,\&#39;\&#39;)&#39;, 0)" id="MaxMileage_DD" class="form-select">
658	<option selected="selected" value="-1">Max</option>
659	<option value="6000">6,000</option>
660	<option value="7000">7,000</option>
661	<option value="8000">8,000</option>
662	<option value="9000">9,000</option>
663	<option value="10000">10,000</option>
664	<option value="11000">11,000</option>
665	<option value="12000">12,000</option>
666	<option value="13000">13,000</option>
667	<option value="14000">14,000</option>
668	<option value="15000">15,000</option>
669	<option value="16000">16,000</option>
670	<option value="17000">17,000</option>
671	<option value="18000">18,000</option>
672	<option value="19000">19,000</option>
673	<option value="20000">20,000</option>
674	<option value="21000">21,000</option>
675	<option value="22000">22,000</option>
676	<option value="23000">23,000</option>
677	<option value="24000">24,000</option>
678	<option value="25000">25,000</option>
679	<option value="26000">26,000</option>
680	<option value="27000">27,000</option>
681	<option value="28000">28,000</option>
682	<option value="29000">29,000</option>
683	<option value="30000">30,000</option>
684	<option value="31000">31,000</option>
685	<option value="32000">32,000</option>
686	<option value="33000">33,000</option>
687	<option value="34000">34,000</option>
688	<option value="35000">35,000</option>
689	<option value="36000">36,000</option>
690	<option value="37000">37,000</option>
691	<option value="38000">38,000</option>
692	<option value="39000">39,000</option>
693	<option value="40000">40,000</option>
694	<option value="41000">41,000</option>
695	<option value="42000">42,000</option>
696	<option value="43000">43,000</option>
697	<option value="44000">44,000</option>
698	<option value="45000">45,000</option>
699	<option value="46000">46,000</option>
700	<option value="47000">47,000</option>
701	<option value="48000">48,000</option>
702	<option value="49000">49,000</option>
703	<option value="50000">50,000</option>
704	<option value="51000">51,000</option>
705	<option value="52000">52,000</option>
706	<option value="53000">53,000</option>
707	<option value="54000">54,000</option>
708	<option value="55000">55,000</option>
709	<option value="56000">56,000</option>
710	<option value="57000">57,000</option>
711	<option value="58000">58,000</option>
712	<option value="59000">59,000</option>
713	<option value="60000">60,000</option>
714	<option value="61000">61,000</option>
715	<option value="62000">62,000</option>
716	<option value="63000">63,000</option>
717	<option value="64000">64,000</option>
718	<option value="65000">65,000</option>
719	<option value="66000">66,000</option>
720	<option value="67000">67,000</option>
721	<option value="68000">68,000</option>
722	<option value="69000">69,000</option>
723	<option value="70000">70,000</option>
724	<option value="71000">71,000</option>
725	<option value="72000">72,000</option>
726	<option value="73000">73,000</option>
727	<option value="74000">74,000</option>
728	<option value="75000">75,000</option>
729	<option value="76000">76,000</option>
730	<option value="77000">77,000</option>
731
732</select>
733            
734            
735            
736        
737        
738
739        
740
741    </span>
742
743                </div>
744              </div>
745            </div>
746          </div>
747        </div>
748      </div>
749    </div>
750  </span>
751  <span slot="button">
752    <input type="submit" name="SearchButton$COGCustomSearchButton" value="Search" id="SearchButton_COGCustomSearchButton" class="btn btn-primary mt-0 mt-lg-4 w-100 gtm-track--submit_search" formnovalidate="formnovalidate" />
753  </span>
754  <span slot="toggle">
755    <button class="bsk-speedy-search__toggle btn w-100 text-dark text-decoration-none" type="button" data-bs-toggle="collapse" data-bs-target="#moreSearchOptions" aria-expanded="false" aria-controls="moreSearchOptions">
756      <span class="all-filters"><i class="fa-light fa-square-plus me-1"></i> Show more filters</span>
757      <span class="hide-filters"><i class="fa-light fa-square-minus me-1"></i> Show less filters</span>      
758    </button>
759  </span>
760</bsk-speedy-search>
761<script type="text/javascript" src="/js/search-counter.js"></script>
761
762      </div>
763    </div>
764  </div>
765</section>
766      <!-- Hero Banner : END --> 
767      <bsk-grid-section-spacer>
768        <!-- Spotlight : START -->
769          
770    <section class="if-first">
771        <bsk-snap-slider class="container-xxl px-2" loop="false" slides-to-show-lg="3" slides-to-show-md="2" slides-to-show-sm="1">
772            <span slot="slides">
773                <ul>
774                    
775                        <li>
776                            <bsk-thumbnail
777                            link-url="/used-vehicles/"
778                            img-src="https://bluesky-cogcms-prodc.cdn.imgeng.in/media/1nhncqi1/showroom.jpg"
779                            title="View our used cars"
780                            link-new-tab="False"
781                            ></bsk-thumbnail>
782                        </li>
783                    
784                        <li>
785                            <bsk-thumbnail
786                            link-url="/service-booking/"
787                            img-src="https://bluesky-cogcms-prodc.cdn.imgeng.in/media/wmfjvqz2/finance.jpg"
788                            title="Aftersales"
789                            link-new-tab="False"
790                            ></bsk-thumbnail>
791                        </li>
792                    
793                        <li>
794                            <bsk-thumbnail
795                            link-url="/contact-us/"
796                            img-src="https://bluesky-cogcms-prodc.cdn.imgeng.in/media/h4dmxtfl/sell.jpg"
797                            title="Find us"
798                            link-new-tab="False"
799                            ></bsk-thumbnail>
800                        </li>
801                    
802                </ul>
803            </span>
804        </bsk-snap-slider>
805    </section>
806
807        <!-- Spotlight : END -->
808        <!-- CTA Section - Part Ex Variant : START -->
809          
810        <!-- CTA Section - Part Ex Variant : END -->
811        <!-- Featured Cars : START -->
812          
813        <!-- Featured Cars : END -->
814        <!-- Customer Reviews :  START -->
815          
816        <!-- Customer Reviews :  END -->
817        <!-- CTA Section - Service : START -->
818          
819    <section>
820        
821            <bsk-cta-section-full-width 
822            title="Book a service"
823            body-text="Keep your car running smoothly with our expert servicing. Our certified technicians provide top-quality maintenance and repairs, ensuring your vehicle stays in peak condition year-round." 
824            link="/service-booking/"
825            btn-text="Book today" 
826            single="false"
827            img-src="https://bluesky-cogcms-prodc.cdn.imgeng.in/media/gatfsrme/service-booking.jpg"
828            container-large="false"
829            link-new-tab="False"
830            >
831            </bsk-cta-section-full-width>
832                            
833    </section>
834
835        <!-- CTA Section - Service : END -->
836        <!-- Find Us Section : START -->
837          
838        <!-- Find Us Section : END -->
839        
840          <!-- CMS Grid : START -->
841          <section>
842            <h1 class="visually-hidden">R&S Motors</h1>
843            
844
845
846
847
848    <div class="umb-grid">
849            <div class="grid-section">
850    <div >
851        
852        <div class="container">
853
854            <div class="row c">
855                    <div class="col-md-12 column">
856                        <div >
857                                    
858    <div class="tl-grid-html-embed">
859    <!-- ===== R&S MOTORS | ABOUT US SECTION ===== --> <section class="rs-about-section" aria-label="About R&S Motors">   <style>     .rs-about-section{       --bg:#ffffff;       --panel:#f8f8f8;       --ink:#111111;       --muted:#5f6368;       --line:rgba(0,0,0,.08);       --accent:#f4d21f;       --shadow:0 18px 50px rgba(0,0,0,.07);        padding: clamp(32px, 5vw, 72px) 20px;       background: var(--bg);       font-family: Arial, Helvetica, sans-serif;     }      .rs-about-wrap{       max-width: 1200px;       margin: 0 auto;       display: grid;       grid-template-columns: 0.95fr 1.25fr;       gap: clamp(24px, 4vw, 54px);       align-items: stretch;     }      .rs-about-card{       background: linear-gradient(180deg, #111111 0%, #1a1a1a 100%);       color: #ffffff;       border-radius: 24px;       padding: clamp(26px, 4vw, 40px);       box-shadow: var(--shadow);       position: relative;       overflow: hidden;     }      .rs-about-card::before{       content:"";       position:absolute;       top:0;       left:0;       width:100%;       height:5px;       background: var(--accent);     }      .rs-about-kicker{       display:inline-block;       font-size: 13px;       font-weight: 700;       letter-spacing: .14em;       text-transform: uppercase;       color: var(--accent);       margin-bottom: 14px;     }      .rs-about-title{       font-size: clamp(30px, 4vw, 48px);       line-height: 1.05;       font-weight: 800;       margin: 0 0 16px;       letter-spacing: -.03em;     }      .rs-about-sub{       font-size: 17px;       line-height: 1.7;       color: rgba(255,255,255,.78);       margin: 0;       max-width: 520px;     }      .rs-about-content{       background: var(--panel);       border: 1px solid var(--line);       border-radius: 24px;       padding: clamp(24px, 4vw, 40px);       box-shadow: var(--shadow);     }      .rs-about-content p{       margin: 0 0 18px;       color: var(--ink);       font-size: 17px;       line-height: 1.8;     }      .rs-about-content p:last-child{       margin-bottom: 0;     }      .rs-about-highlight{       color: var(--ink);       font-weight: 700;     }      .rs-about-services{       display:grid;       grid-template-columns: repeat(2, minmax(0,1fr));       gap: 12px 16px;       margin-top: 26px;       padding-top: 24px;       border-top: 1px solid var(--line);     }      .rs-about-service{       display:flex;       align-items:flex-start;       gap:10px;       color: var(--ink);       font-size: 15px;       line-height: 1.5;     }      .rs-about-dot{       width: 8px;       height: 8px;       min-width: 8px;       border-radius: 50%;       background: var(--accent);       margin-top: 8px;     }      @media (max-width: 900px){       .rs-about-wrap{         grid-template-columns: 1fr;       }        .rs-about-services{         grid-template-columns: 1fr;       }     }   </style>    <div class="rs-about-wrap">     <div class="rs-about-card">       <div class="rs-about-kicker">About Us</div>       <h2 class="rs-about-title">A family business built on trust since 1979</h2>       <p class="rs-about-sub">         R&amp;S Motors has been serving customers for decades with a focus on quality vehicles, honest advice, trusted aftersales support and long-term customer relationships.       </p>     </div>      <div class="rs-about-content">       <p>
859         <span class="rs-about-highlight">R&amp;S Motors Ltd was established in 1979 by Peter Sealey and Paul Crute.</span>         As a family-run business, they have always been committed to offering high levels of specification and quality in terms of equipment, performance engineering and finish, earning a strong reputation as a trusted trader.       </p>        <p>         Their commitment to customer care has resulted in many long-term customers, with some still buying from and working with the company since its launch in 1979.       </p>        <p>         With both of Peter’s sons, <span class="rs-about-highlight">Matthew and David</span>, now running the business, R&amp;S Motors continues to offer new cars and quality used cars at affordable prices, backed by a wide range of professional aftersales services.       </p>        <div class="rs-about-services">         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Servicing</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>MOTs</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Body &amp; accident repairs</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Air conditioning service</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Cambelt replacements</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Tyres &amp; exhausts</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Computer diagnostics</span></div>         <div class="rs-about-service"><span class="rs-about-dot"></span><span>Affordable ongoing vehicle care</span></div>       </div>     </div>   </div> </section>
860</div>
861
862                        </div>
863                    </div>
864            </div>
865        </div>
866        
867    </div>
868    <div >
869        
870        <div class="container">
871
872            <div class="row c">
873                    <div class="col-md-12 column">
874                        <div >
875                                    
876    <div class="tl-grid-html-embed">
877    <!-- ===== TOP ROLLING "WE BUY CARS" BANNER ===== --> <section class="wbuycars-topbar" aria-label="We buy cars banner">  <style>  .wbuycars-topbar{   --text:#ffffff;   --accent:#ffd42a;   position:fixed;   top:0;   left:0;   width:100%;   z-index:9999;   overflow:hidden;   background:#000;   padding:10px 0;   border-bottom:1px solid rgba(255,255,255,.12); }  /* push site down so banner doesn't cover menu */ body{   padding-top:46px; }  .wbuycars-track{   display:flex;   width:max-content;   animation:scrollCars 22s linear infinite; }  .wbuycars-item{   display:flex;   align-items:center;   gap:18px;   padding-right:40px;   white-space:nowrap;   font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;   font-size:16px;   font-weight:700;   text-transform:uppercase;   letter-spacing:.05em;   color:var(--text); }  .wbuycars-dot{   width:7px;   height:7px;   border-radius:50%;   background:var(--accent); }  .wbuycars-phone{   color:var(--accent); }  @keyframes scrollCars{   from{transform:translateX(0)}   to{transform:translateX(-50%)} }  @media (max-width:768px){  body{   padding-top:42px; }  .wbuycars-item{   font-size:13px;   gap:14px; }  }  </style>  <div class="wbuycars-track">  <div class="wbuycars-item"> <span>We buy cars</span> <span class="wbuycars-dot"></span> <span>Please phone for details</span> <span class="wbuycars-phone">01752 845000</span> </div>  <div class="wbuycars-item"> <span>We buy cars</span> <span class="wbuycars-dot"></span> <span>Please phone for details</span> <span class="wbuycars-phone">01752 845000</span> </div>  <div class="wbuycars-item"> <span>We buy cars</span> <span class="wbuycars-dot"></span> <span>Please phone for details</span> <span class="wbuycars-phone">01752 845000</span> </div>  <div class="wbuycars-item"> <span>We buy cars</span> <span class="wbuycars-dot"></span> <span>Please phone for details</span> <span class="wbuycars-phone">01752 845000</span> </div>  </div>  </section>
878</div>
879
880                                    
881    <div class="tl-grid-html-embed">
882    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">  <style>   html, body, body *{     font-family: "Manrope", system-ui, -apple-system, "Segoe UI",                  Roboto, Helvetica, Arial, sans-serif !important;     letter-spacing: -0.015em;   } </style>
883</div>
884
885                        </div>
886                    </div>
887            </div>
888        </div>
889        
890    </div>
891            </div>
892    </div>
893
894
895
896          </section>
897          <!-- CMS Grid : END -->
898        
899      </bsk-grid-section-spacer>
900    </main>
901    
902  <bsk-footer is="Premium">
903    <div slot="one">
904        <!--<bsk-footer-logo img-src="https://bluesky.sirv.com/Template-Sites-Assets/Template-sites-logos/r&s-motors.jpg"
905        img-alt="R&S Motors">
906        </bsk-footer-logo>-->
907        <div id="DealerFooterRepeater_upCOGDealerRepeater">
908	
909        
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925<address class="dealer-location lh-lg">
926  R&S Motors<br />
927  Burraton Road<br/>
928  Saltash<br/>
929  Cornwall<br/>
930  PL12 6LU<br/>
931</address>
932<div class="d-flex flex-column gap-2 text-center text-lg-start align-items-center align-items-lg-start">
933  
934  <p class="mb-0"><a href="mailto:[email protected]" class="text-decoration-none">
935  <i class="fa-solid fa-envelope me-1"></i>
936  [email protected]
937  </a></p>
938  
939    <div class="d-flex align-items-center gap-1 text-decoration-none">
940      <i class="fa-solid fa-phone"></i> 
941      <div class="d-flex flex-column">
942        <a href="tel:01752845000" class="text-decoration-none gtm-track--tel gtm-track--tel_9314">
943          01752 845000
944        </a>
945        
946      </div>
947    </div>
948  
949</div>
950        
951    
952</div>
953
954        <bsk-footer-socials 
955        facebook="https://www.facebook.com/rsmotorssaltash?fref=ps_result"
956        twitter="~"
957        instagram="~"
958        linkedin="~"
959        youtube="~"
960        tiktok="~"
961        google="~"
962        whatsapp="~"
963        >
964        </bsk-footer-socials>
965    </div>
966    <div slot="two">
967      <bsk-footer-content title="Quick links">
968        <span slot="content">
969            <bsk-read-more-list id="footer-list" item-limit="6" cta="blank" link-prefix="Used">
970                <ul class="mb-0">
971                    <li><a href=/used-vehicles/default/citroen/-1.aspx>Citroen</a></li><li><a href=/used-vehicles/default/dacia/-1.aspx>Dacia</a></li><li><a href=/used-vehicles/default/kia/-1.aspx>Kia</a></li><li><a href=/used-vehicles/default/renault/-1.aspx>Renault</a></li><li><a href=/used-vehicles/default/skoda/-1.aspx>Skoda</a></li><li><a href=/used-vehicles/default/suzuki/-1.aspx>Suzuki</a></li><li><a href=/used-vehicles/default/toyota/-1.aspx>Toyota</a></li>
972
973                </ul>
974            </bsk-read-more-list>
975        </span>
976      </bsk-footer-content>
977    </div>
978    <div slot="three">
979        <bsk-footer-content title="Legal">
980            <ul class="mb-0" slot="content">
981                <li><a href="/cookies/">Cookie Policy</a></li>
982                <li><a href="/cookies/preferences/">Cookie Preferences</a></li>
983                <li><a href="/terms-conditions/" data-anchor="#">Terms &amp; Conditions</a></li>
984                <li><a href="/privacy-policy/">Privacy Policy</a></li>
985                <li><a href="/sitemap/">Sitemap</a></li>
986            </ul>
987      </bsk-footer-content>
988    </div>
989    <div slot="four">
990        <bsk-footer-content >
991            <span slot="content">
992                
993
994
995
996
997    <div class="umb-grid">
998            <div class="grid-section">
999    <div >
1000        
1001        <div class="container">
1002
1003            <div class="row c">
1004                    <div class="col-md-12 column">
1005                        <div >
1006                                    
1007    
1008    
1009        <h5>R&amp;S Motors Ltd</h5>
1010    
1011
1012
1013                                    
1014    
1015<div class="advanced__textarea">
1016    <p>R&amp;S Motors Ltd is an independent specialists servicing and car sales garage, we are not endorsed or connected to Renault or any of its other companies or associates in any way. R&amp;S Motors Ltd has been working on Renault vehicles for over 40 years now and together with our experienced staff and highly trained technicians are able to give our customers the best possible service in car sales and aftersales. You can bring your new vehicle to R&amp;S Motors Ltd with confidence that it will not affect your warranty. As is the UK Law, motorists have the option to select any independent garage as long as they use Original Equipment parts and follow the manufactures servicing schedule.</p>
1017</div>
1018
1019                        </div>
1020                    </div>
1021            </div>
1022        </div>
1023        
1024    </div>
1025            </div>
1026    </div>
1027
1028
1029
1030            </span>
1031        </bsk-footer-content>
1032    </div>
1033    <div slot="bottom">
1034        <bsk-footer-bottom is="disclosure">
1035            <span class="text-center justify-content-center mb-0 d-flex flex-wrap gap-1" slot="text-content">
1036                <p>&copy; 2026 R&S Motors.</p>
1037                
1038                <p>Website powered by <a href="https://flexautomotive.co.uk/" target="_blank">Flex Automotive</a></p>
1039            </span>
1040        </bsk-footer-bottom>
1041    </div>
1042  </bsk-footer>
1043  
1044<!-- start: Cookie Card -->
1045<style>
1046  .cookie-card .form-check {
1047    padding-left: 1.8em;
1048    width: auto;
1049  }
1050</style>
1051<div class="cookie-card bg-light p-3 px-md-4 position-fixed bottom-0 start-0 w-100 d-none" style="z-index: 1050; opacity: 97.5%;" id="cookie-card">
1052  <div class="container-xxl">
1053    <div class="row">
1054      <div class="cookie-card-header col-12 mx-xl-auto">
1055        <h5 class="modal-title mb-2" id="cookie-modal-label">Our Use of Cookies</h5>
1056      </div>
1057      <div class="cookie-card-body col-12 mx-xl-auto">
1058        <p class="mb-2 fs-9">This website uses essential cookies for basic functionality and external content, such as videos. We require your consent to improve your experience with additional cookies.</p>
1059        
1060        <div class="row row-cols-1 row-cols-lg-2 pt-2 px-1" id="cookiesRadioParent">
1061          <div class="form-check mb-2 mb-xl-0">
1062            <input class="form-check-input" type="radio" name="flexRadioDefault" id="nonEssentialCookiesRadio" checked>
1063            <label class="form-check-label fs-9" for="nonEssentialCookiesRadio">
1064              Allow all cookies
1065            </label>
1066          </div>
1067          <div class="form-check">
1068            <input class="form-check-input" type="radio" name="flexRadioDefault" id="essentialCookiesRadio" >
1069            <label class="form-check-label fs-9" for="essentialCookiesRadio">
1070              Allow essential cookies only
1071            </label>
1072          </div>
1073          <div class="w-100">
1074            <p class="mt-3 me-5 fs-9">For more details, see our <a href="/cookies/">Cookies page</a></p>
1075          </div>
1076        </div>
1077        
1078      </div>
1079      <div class="cookie-card-footer col-12 mx-xl-auto">
1080        <button type="button" class="btn btn-sm btn-primary fs-8" id="cookiesAccept">Save preferences</button>
1081      </div>
1082    </div>
1083  </div>
1084</div>
1085<!-- end: Cookie Card -->
1086</form>
1087  <template bsk-element="bsk-accordion-group">
1088    <div class="accordion" id="accordionGroup" @vue:mounted="init($el)" v-wrap></div>
1089</template><template bsk-element="bsk-accordion-item"><div @vue:mounted="init($el)"><h2 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="" ref="button" aria-expanded="false" aria-controls="">{{title}}</button></h2><div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="" ref="collapse"><div class="accordion-body"><slot name="content"></slot></div></div></div></template><template bsk-element="bsk-article-full-width-cta"><article class="card text-start p-5 mx-auto col-12 col-sm-auto"><div class="card-body d-grid"><i class="h1 text-muted" :class="faIcon"></i><h5 class="card-title mb-0">{{title}}</h5><p class="card-text text-start mb-0">{{cardText}}</p><a :href="linkUrl" class="stretched-link"></a></div></article></template><template bsk-element="bsk-article-full-width">
1090    <span class="text-center text-md-start">
1091        <h3 class="h2 mb-4">{{title}}</h3>
1092        <p class="mx-auto mb-0" style="max-width: 120ch;">
1093            <slot name="article-body-copy"></slot>
1094        </p>
1095    </span>
1096    <slot name="article-icons"></slot>
1097    <slot name="article-cta"></slot>
1098    <slot name="article-bottom"></slot>
1099</template><template bsk-element="bsk-article-icon-stacked"><div class="card border-0 col-12 col-md-auto"><div class="card-body"><img :src="imgSrc" :alt="imgAlt" class="mb-3"><h5 class="card-title mb-0">{{title}}</h5><p class="card-text mb-0">{{cardText}}</p></div></div></template><template bsk-element="bsk-article-icon"><div class="card border-0 col-12 col-md-auto"><div class="card-body text-start d-grid"><img :src="imgSrc" :alt="imgAlt" class="mb-0"><h5 class="card-title mb-0">{{title}}</h5><p v-if="cardText" class="card-text mb-0">{{cardText}}</p><a v-if="linkUrl" href="#" class="stretched-link"></a></div></div></template><template bsk-element="bsk-standard-carousel"><div @vue:mounted="init($el)"><slot name="cards"></slot></div></template><template bsk-element="bsk-cta-section-full-width"><div v-if="is === 'partEx'" :class="{
1100        'container-xxl' : containerLarge === false,
1101        '' : containerLarge === true
1102    }"><section class="partEx-widget py-5 py-lg-7" :class="{
1103            'bg-light' : theme == 'Modern',
1104            'bg-light' : theme == 'App',
1105            ' ' : theme == 'Premium',
1106        }"><div :class="{
1107                '' : containerLarge === false,
1108                'container-xxl' : containerLarge === true,
1109            }"><div class="row gx-0 gy-4 align-items-center"><div class="col-12 col-lg-6 col-xxl-5 px-3"><div class="d-flex flex-column flex-sm-row align-items-center justify-content-center"><div class="partEx-widget-icon-container d-flex align-items-center flex-column flex-sm-row">
1109<svg class="car-icon" width="150" height="135" viewBox="0 0 212 155" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1221_1782)"><path d="M47.5473 103.826C43.9093 103.826 40.2712 103.406 36.657 102.57C32.5497 101.772 29.3069 100.748 26.7451 99.4348C23.718 97.8841 21.869 95.2077 21.7991 92.2759C21.7193 88.9728 22.7775 85.574 24.946 82.1711C25.8925 80.6882 27.6816 79.8241 29.6224 79.9119C49.4762 80.824 56.6825 82.9375 65.029 85.3864C66.7941 85.9033 68.6172 86.4381 70.6139 86.975C72.423 87.46 73.7748 88.7253 74.2301 90.3579C74.6494 91.8607 74.2341 93.4534 73.1199 94.615C70.3264 97.5268 65.013 101.141 58.4716 102.56C54.8475 103.402 51.1974 103.824 47.5454 103.824L47.5473 103.826ZM29.9399 86.3902C28.7658 88.4319 28.2147 90.314 28.2566 92.1222C28.2666 92.5433 28.7139 93.1899 29.6923 93.6909C31.6871 94.7127 34.4626 95.5709 37.9429 96.2435L38.0627 96.2695C44.3565 97.7364 50.7382 97.7364 57.032 96.2695L57.0819 96.2575C60.5622 95.5051 63.6153 93.9424 65.8556 92.3517C64.9491 92.0923 64.0725 91.8348 63.2099 91.5813C55.3507 89.2762 48.5517 87.2824 29.9379 86.3902H29.9399Z" fill="currentColor"></path><path d="M167.095 103.826C163.443 103.826 159.795 103.404 156.169 102.562C149.627 101.143 144.314 97.5288 141.52 94.6169C140.406 93.4553 139.991 91.8627 140.41 90.3599C140.867 88.7253 142.219 87.4619 144.026 86.977C146.023 86.4421 147.848 85.9072 149.611 85.3883C157.956 82.9415 165.164 80.8259 185.018 79.9138C186.951 79.826 188.75 80.6902 189.694 82.1731C191.863 85.5739 192.921 88.9748 192.841 92.2778C192.771 95.2097 190.922 97.886 187.895 99.4368C185.333 100.748 182.093 101.774 177.983 102.572C174.369 103.408 170.731 103.828 167.093 103.828L167.095 103.826ZM148.787 92.3517C151.027 93.9423 154.08 95.507 157.56 96.2574L157.61 96.2694C163.904 97.7363 170.286 97.7363 176.58 96.2694L176.699 96.2435C180.18 95.5709 182.955 94.7127 184.95 93.6908C185.926 93.1899 186.376 92.5433 186.386 92.1221C186.43 90.3139 185.878 88.4319 184.702 86.3902C166.089 87.2803 159.29 89.2761 151.43 91.5813C150.568 91.8348 149.691 92.0902 148.785 92.3517H148.787Z" fill="currentColor"></path><path d="M177.176 59.2452H38.1018C35.1546 59.2452 32.8104 58.0597 31.6743 55.9921C30.7378 54.2876 30.8156 52.2659 31.8839 50.5834L50.7593 20.8619L50.8112 20.7901C55.1981 14.647 59.8046 10.5576 68.0233 10.5576H141.23C149.515 10.5576 157.155 14.649 161.667 21.5046L180.762 50.5056C181.96 52.3258 182.032 54.7048 180.95 56.7105C180.093 58.2972 178.684 59.2452 177.178 59.2452H177.176ZM38.1298 52.7908H174.532L156.27 25.0531C152.955 20.0177 147.333 17.014 141.228 17.014H68.0213C63.0613 17.014 60.16 18.8282 56.1146 24.4724L38.1298 52.7928V52.7908Z" fill="currentColor"></path><path d="M16.0041 64.0392L11.3297 56.8762C7.51193 56.4551 2.27043 54.4992 0.425424 49.0786C-0.816561 45.4323 0.734922 41.4028 4.11344 39.4968C6.77911 37.9939 11.4056 36.4412 18.3104 37.5828C21.4892 38.1077 23.7975 40.828 23.7975 44.0492V54.0202L16.0021 64.0372L16.0041 64.0392ZM14.884 50.4777L16.4674 52.9305L17.342 51.8069V44.0512C17.342 44.0033 17.306 43.9614 17.2581 43.9534C12.2083 43.1172 9.04943 44.127 7.29029 45.1209C6.61538 45.5021 6.29989 46.2925 6.5415 47.001C7.73956 50.5156 13.037 50.5216 13.0969 50.5136L14.886 50.4777H14.884Z" fill="currentColor"></path><path d="M195.997 64.0394L188.201 54.0225V44.0515C188.201 40.8303 190.509 38.11 193.69 37.5851C200.597 36.4415 205.224 37.9962 207.887 39.4991C211.266 41.4051 212.817 45.4346 211.575 49.0809C209.728 54.4995 204.489 56.4554 200.671 56.8785L195.997 64.0414V64.0394ZM194.661 51.8072L195.535 52.9308L197.137 50.478L198.926 50.5139C199.036 50.5139 204.271 50.49 205.461 46.9993C205.703 46.2908 205.387 45.5004 204.712 45.1192C202.951 44.1253 199.792 43.1175 194.745 43.9517C194.697 43.9597 194.661 44.0016 194.661 44.0495V51.8052V51.8072Z" fill="currentColor"></path><path d="M195.652 155H178.744C175.972 155 173.354 153.934 171.374 151.998C169.393 150.062 168.265 147.472 168.201 144.702L167.979 134.944C167.939 133.162 169.351 131.685 171.134 131.645C171.158 131.645 171.184 131.645 171.208 131.645C172.957 131.645 174.395 133.042 174.435 134.8L174.656 144.556C174.706 146.755 176.539 148.546 178.742 148.546H195.65C197.904 148.546 199.738 146.713 199.738 144.46V91.9027C199.738 84.8076 198.523 77.8243 196.127 71.1444C195.532 
110969.4839 193.649 67.6577 191.828 65.8914C190.105 64.2209 188.322 62.4926 187.228 60.5267C186.82 59.7942 186.168 58.0998 187.499 56.2796C187.254 55.5651 187.068 54.8207 186.886 54.0882C186.719 53.4137 186.463 52.3958 186.285 52.0924L163.886 15.9145C160.218 9.99099 153.866 6.45243 146.897 6.45243H65.8368C58.8661 6.45243 52.5144 9.98899 48.8483 15.9145L26.4467 52.0944C25.616 53.4336 24.8293 54.6351 24.0566 55.7368C24.5957 56.8285 25.3365 58.7265 24.2403 60.9598C23.3557 62.762 21.8162 64.5043 20.1868 66.3504C18.7152 68.0169 17.0499 69.905 16.6066 71.1404C14.2105 77.8203 12.9965 84.8036 12.9965 91.8987V144.456C12.9965 146.709 14.8295 148.542 17.0839 148.542H33.9924C36.1949 148.542 38.0279 146.751 38.0778 144.55C38.0778 144.528 38.0778 144.506 38.0798 144.482L38.4931 135.05C38.547 133.797 39.3238 132.689 40.4839 132.208L41.2886 131.875C42.1033 131.467 43.0178 131.481 44.6471 131.507C45.6495 131.523 47.0453 131.563 48.7924 131.625C51.8535 131.733 55.2559 131.883 56.5678 131.941L59.7147 130.849C60.0541 130.731 60.4116 130.671 60.771 130.671L152.079 130.591H152.081C153.864 130.591 155.308 132.034 155.31 133.817C155.31 135.599 153.866 137.046 152.083 137.048L61.3181 137.128L58.1033 138.243C57.7499 138.367 57.3785 138.425 57.0011 138.421C56.9811 138.421 56.7315 138.411 56.3102 138.393C49.8267 138.108 46.5181 138.002 44.8328 137.97L44.5373 144.738C44.4654 147.494 43.3393 150.07 41.3665 151.996C39.3837 153.932 36.7659 154.998 33.9964 154.998H17.0879C11.2733 154.998 6.54297 150.27 6.54297 144.458V91.9007C6.54297 84.0612 7.88479 76.3454 10.5305 68.965C11.3911 66.564 13.4038 64.2848 15.3487 62.0814C16.4689 60.8121 17.623 59.5048 18.228 58.5129C18.1981 58.4551 18.1681 58.3972 18.1421 58.3473C17.6929 57.4771 16.4968 55.164 18.1901 52.8469C19.0766 51.6334 19.9832 50.2763 20.9596 48.6996L43.3572 12.5197C45.7214 8.7017 49.046 5.52638 52.9716 3.34097C56.8953 1.15557 61.3461 0 65.8388 0H146.899C151.392 0 155.843 1.15557 159.766 3.34097C163.692 5.52638 167.017 8.6997 169.381 12.5197L191.782 48.6996C192.483 49.8312 192.825 51.2023 193.156 52.5275C193.324 53.1981 193.603 54.3178 193.803 54.6471C194.111 55.0722 195.211 56.8424 193.931 58.8123C194.62 59.5986 195.484 60.4369 196.331 61.2572C198.571 63.4306 201.111 65.8934 202.213 68.965C204.859 76.3454 206.201 84.0612 206.201 91.9007V144.458C206.201 150.27 201.471 154.998 195.656 154.998L195.652 155Z" fill="currentColor"></path><path d="M156.678 138.423C156.282 138.423 155.879 138.349 155.488 138.195L152.029 136.824C150.372 136.167 149.561 134.291 150.218 132.633C150.875 130.976 152.752 130.166 154.411 130.823L157.87 132.194C159.527 132.85 160.338 134.726 159.681 136.385C159.178 137.65 157.964 138.423 156.678 138.423Z" fill="currentColor"></path><path d="M157.646 138.423C155.901 138.423 154.463 137.03 154.419 135.275C154.375 133.493 155.783 132.012 157.566 131.968L170.483 131.645C172.266 131.603 173.748 133.008 173.792 134.79C173.835 136.573 172.428 138.053 170.645 138.097L157.728 138.421C157.7 138.421 157.672 138.421 157.646 138.421V138.423Z" fill="currentColor"></path></g><defs><clipPath id="clip0_1221_1782"><rect width="212" height="155" fill="white"></rect></clipPath></defs></svg> <svg :class="`arrow-icon ${theme}`" width="156" height="97" viewBox="0 0 156 97" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1221_1792)"><path d="M61.7627 47.1022C60.5442 47.1022 59.5566 48.0885 59.5566 49.3054V77.8271C59.5566 79.0441 60.5442 80.0304 61.7627 80.0304H112.833V94.7933C112.833 96.6453 114.981 97.6706 116.423 96.5087L155.177 65.3065C156.271 64.4249 156.273 62.7591 155.177 61.8775L116.423 30.6203C114.981 29.4566 112.831 30.482 112.831 32.334V47.1022H61.761H61.7627Z" fill="var(--bs-primary)"></path><path d="M96.4445 19.1783V32.0004H91.8138V21.5979H40.7452C39.5284 21.5979 38.5408 20.6116 38.5408 19.3965V7.26791L6.06408 33.4622L38.5408 59.6121V46.3074H43.1679V64.6696C43.1679 66.5163 41.0222 67.547 39.5782 66.3833L0.820623 35.1811C-0.273541 34.2995 -0.273541 32.6337 0.820623 31.7521L39.5746 0.49494C41.0205 -0.672324 43.1644 0.35125 43.1644 2.20858V16.975H94.2384C95.4551 16.975 96.4427 17.9613 96.4427 19.1765L96.4445 19.1783Z" fill="var(--bs-primary)"></path></g><defs><clipPath id="clip0_1221_1792"><rect width="156" height="97" fill="white"></rect></clipPath></defs></svg></div><div class="ratio ratio-4x3" style="max-width: 250px;"><picture><source media="(min-width:1900px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_300/ 786w`"><source media="(min-width:1200px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_300/ 516w`"><source media="(min-width:768px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_400/ 704w`"><source media="(min-width:576px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_400/ 512w`"><source :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_300/`"><img :src="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_300/cmpr_99/`" :data-src="`https://bluesky.cdn.imgeng.in/cogstock-images/${imgSrc}?imgeng=/w_300/`" :alt="`${title}`" class="lazyload w-100 img-cover" width="300"></picture></div></div></div>
1109<div class="col-12 col-lg-6 col-xxl-7 px-3 ps-xxl-3 pe-xxl-5 text-center text-lg-start"><div class="flex-column gap-3"><h3 class="h2">{{title}}</h3><p>{{bodyText}}</p><a :href="link" :target="linkNewTab ? '_blank' : '_self'" class="btn btn-primary mb-0">{{btnText}}</a></div></div></div></div></section></div><div v-else="" :class="{
1110        'container-xxl' : containerLarge === false,
1111        'container-fluid' : containerLarge === true
1112    }"><div class="row"><div class="col-12" :class="{
1113                'px-0' : containerLarge === true
1114            }"><div class="py-8 px-5 px-md-2 px-lg-0 w-100 h-100" :class="{
1115                '' : !imgSrc,
1116                'bg-dark img-overlay' : imgSrc
1117                }" :style="`
1118                    background: url(${imgSrc}) center center / cover no-repeat;
1119                    background-repeat: no-repeat;
1120                    background-size: cover;
1121                    padding-top: var(--cta-section-section-fw-padding);
1122                    padding-bottom: var(--cta-section-section-fw-padding);
1123                `               
1124                "><div class="flex-c-col gap-3 mx-auto" style="max-width: 60rem;"><h3 class="h2">{{title}}</h3><p class="text-center">{{bodyText}}</p><a :href="link" :target="linkNewTab ? '_blank' : '_self'" class="btn btn-primary mb-0">{{btnText}}</a></div></div></div></div></div></template><template bsk-element="bsk-cta-section"><div class="container-fluid"><div class="row"><div class="col-12 col-md-5 px-0"><img class="cta-section__img img-fluid" :style="{ '--cta-section-aspect-ratio' : aspectRatio }" :src="imgSrc" :alt="bodyText"></div><div class="col-12 col-md-6 ms-auto px-0"><div class="flex-c-col gap-3 p-5 p-md-2 p-lg-0 align-items-md-start w-100 h-100"><h3 class="mb-0">{{title}}</h3><p class="mb-0" style="max-width: 78ch;">{{bodyText}}</p><div v-if="is == 'part-exchange' || is == 'service-booking'" class="input-group row row-cols-1 row-cols-lg-12 gap-lg-4" style="max-width: 550px; padding-left: 0.8rem"><input ref="regInput" type="text" class="form-control form-control--cta-section rounded-1 col col-lg-7" placeholder="Enter your registration..." aria-label="Enter your registration..."> <input v-if="is == 'service-booking'" ref="mileage" type="text" id="mileage-input" class="form-control rounded-1 col col-lg-5" placeholder="Mileage" aria-label="Mileage"> <button class="btn btn-secondary rounded-1 col col-lg-auto" type="button" @click.prevent="redirectWithInputValues">{{btnText}}</button></div><a v-else="" href="/" class="btn btn-secondary mb-0">{{btnText}}</a></div></div></div></div></template><template bsk-element="bsk-dealership-card-group"><div v-wrap="" @vue:mounted="init($el)"></div></template><template bsk-element="bsk-dealership-card"><div class="card col px-0"><div><a :href="dealershipUrl"><img :src="imgSrc" class="card-img-top" :alt="title"><slot name="distance"></slot></a><div class="card-body text-start flex-c-col align-items-start gap-3 py-4"><h5 class="mb-0" data-mh="dealership-title">{{title}}</h5><span class="text-start fs-6 mb-0"><slot name="address"></slot></span><a v-if="is == 'btn-link'" :href="dealershipUrl" class="btn btn-blank text-decoration-underline fw-bold p-0 align-self-center text-primary" :class="dealershipId ? `gtm-track--loc_${dealershipId}` : ''">{{buttonText || 'View Location'}} </a><a v-else="" :href="dealershipUrl" class="stretched-link gtm-track--loc" :class="dealershipId ? `gtm-track--loc_${dealershipId}` : ''"></a></div></div></div></template><template bsk-element="bsk-dealer-finder"><div @vue:mounted="init($el)" class="offcanvas offcanvas-top" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offCanvasDealerFinder" aria-labelledby="offCanvasDealerFinderLabel" :style="inlineCssVars"><div class="offcanvas-body"><div v-if="tabs" class="container-xxl"><ul class="nav nav-pills d-flex justify-content-around w-100 mb-2 mb-sm-3" :class="rowCols ? rowCols : 'row-cols-4 row-cols-xl-auto'" id="myTab" role="tablist"><li v-for="(tab, index) in tabs.split(',')" :key="tab" class="nav-item" role="presentation"><button class="nav-link w-100" :class="{'active' : index === 0}" :id="`${lCaseNoSpaces(tab)}-tab`" data-bs-toggle="tab" :data-bs-target="`#${lCaseNoSpaces(tab)}`" type="button" role="tab" :aria-controls="`${lCaseNoSpaces(tab)}`"><img :src="`https://bluesky.sirv.com/Websites/cog_boilerplate/logos/${lCaseNoSpaces(tab)}.png?height=100`" height="100" width="auto" :alt="`${tab} logo`" class="d-block mx-auto img-fluid" loading="lazy"></button></li></ul><div class="tab-content" id="myTabContent"><div v-for="(tab, index) in tabs.split(',')" :key="tab" class="tab-pane fade" :class="{'active show' : index === 0}" :id="`${lCaseNoSpaces(tab)}`" role="tabpanel" :aria-labelledby="`${lCaseNoSpaces(tab)}-tab`"><slot :name="`${lCaseNoSpaces(tab)}`"></slot></div></div></div><div v-else="" class="container-xxl"><slot name="dealerships"></slot></div></div></div></template><template bsk-element="bsk-dealer-finder-toggler">
1125    <a href="#" data-bs-toggle="offcanvas" data-bs-target="#offCanvasDealerFinder" aria-controls="offCanvasDealerFinder"
1126        class="nav-link gap-2 d-flex align-items-center text-white p-0">
1127        <i class="fa-regular fa-location-dot" :class="iconClass"></i>
1128        <span v-if="text" class="d-none d-xl-block">
1129            {{text}}
1130        </span>
1131</template><template bsk-element="bsk-locations"><div class="container-fluid py-5 bg-img" @vue:mounted="init($el)"><div v-if="is === 'map' || is === 'tabs'" class="container hours-tabs py-5"><h2 class="text-white mb-5">{{title}}</h2><nav><div class="nav nav-tabs" id="nav-tab" role="tablist"><button class="nav-link border-bottom-0 active ps-lg-0 text-white" id="card-one-tab" data-bs-toggle="tab" data-bs-target="#card-one" type="button" role="tab" aria-controls="card-one" aria-selected="true">{{tabOne}}</button> <button class="nav-link border-bottom-0 ps-lg-0 text-white" id="card-two-tab" data-bs-toggle="tab" data-bs-target="#card-two" type="button" role="tab" aria-controls="card-two" aria-selected="false">{{tabTwo}}</button> <button class="nav-link border-bottom-0 ps-lg-0 text-white" id="card-three-tab" data-bs-toggle="tab" data-bs-target="#card-three" type="button" role="tab" aria-controls="card-three" aria-selected="false">{{tabThree}}</button></div></nav><hr class="mb-0 mb-sm-4 my-0 bg-white"><div class="hours-tabs__outer"><section class="hours-tabs__inner"><section v-if="is === 'map'" style="grid-column: 1 / 3"><slot name="card-one"></slot></section><section v-else-if="is === 'tabs'" style="grid-column: 1 / 3"><div class="tab-content bg-transparent text-white ps-0 py-lg-0" id="openingHoursTabContent"><div class="tab-pane fade show active" id="card-one" role="tabpanel" aria-labelledby="card-one-tab"><slot name="card-one"></slot></div><div class="tab-pane fade" id="card-two" role="tabpanel" aria-labelledby="card-two-tab"><slot name="card-two"></slot></div><div class="tab-pane fade" id="card-three" role="tabpanel" aria-labelledby="card-three-tab"><slot name="card-three"></slot></div></div></section></section></div></div><div v-else-if="is === 'simple'" class="container hours-simple"><section class="hours-simple__inner d-grid"><div style="grid-column: 1 / 3"><h2>{{title}}</h2><hr class="mb-0 mb-sm-4" style="background-color: #b4b4b4"></div><section class="hours-simple__cards row row-cols-1 row-cols-lg-3 gap-lg-0" ref="slider" style="grid-column: 1 / 3"><slot name="card-one"></slot><slot name="card-two"></slot><slot name="card-three"></slot></section></section></div><div v-else="" class="container"><h2>{{title}}</h2><hr class="mb-4" style="background-color: #b4b4b4"><div class="card-grid"><slot name="card-one"></slot><slot name="card-two"></slot><slot name="card-three"></slot></div></div></div></template><template bsk-element="bsk-docs-text">
1132    <div class="p-3 mb-4">
1133        <div class="h2 mb-3">{{title}}</div>
1134
1135        <div class="lh-base">
1136            <ul class="list-unstyled">
1137                <li v-for="item in description.split(',,')" class="mb-2">
1138                    {{item}}
1139                </li>
1140            </ul>
1141
1142            <h5>Mandatory attributes :</h5>
1143            <ul v-if="mandatoryAttrs">
1144                <li v-for="item in mandatoryAttrs.split(',')">
1145                    {{item}}
1146                </li>
1147            </ul>
1148            <p v-else>No mandatory attributes are required for this portion.</p>
1149            <h5>Optional attributes :</h5>
1150            <ul v-if="optionalAttrs">
1151                <li v-for="item in optionalAttrs.split(',')">
1152                    {{item}}
1153                </li>
1154            </ul>
1155            <p v-else class="text-muted">No optional attributes for this portion.</p>
1156
1157            <h5 class="mb-2">Example:</h5>
1158
1159            <pre v-if="example" class="d-flex bg-light text-danger p-0 mb-0">
1160            <span v-text="example" style="padding: 2rem 4rem;"></span>
1161        </pre>
1162        </div>
1163
1164    </div>
1165</template><template bsk-element="bsk-docs-example">
1166    <div v-wrap class="flex-c-col gap-5 h-100 shadow-sm w-100 mx-auto">
1167        <div class="mx-auto" :style="{'max-width' : maxWidth }">
1168
1169        </div>
1170      </div>
1171</template><template bsk-element="bsk-repo-home-card"><div class="col"><div class="card" :class="urlHover ? 'border-primary' : ''"><a :href="url" class="text-decoration-none text-dark" @mouseover="urlHover = ! urlHover" @mouseout="urlHover = ! urlHover"><div class="card-body"><h5 class="h3 card-title">{{title}}</h5></div></a><a :href="docsUrl" class="text-decoration-none"><div class="card-footer"><span class="h5 text-dark"><i class="fas fa-book pe-2 text-primary"></i> Docs</span></div></a></div></div></template><template bsk-element="bsk-footer-address">
1172    <address class="mb-0">
1173        <span v-for="(line, index) in address.split(',')">{{line}}<span
1174                v-if="index + 1 != address.split(',').length">,</span>
1175            <br v-if="is != 'centered'">
1176        </span>
1177    </address>
1178</template>
1179
1180
1181<template bsk-element="bsk-footer-bottom"><div class="container-fluid text-white footer-copyright py-3" :class="is == 'disclosure' ? 'bg-dark' : 'bg-black'"><slot name="text-content"></slot></div></template><template bsk-element="bsk-footer-contact">
1182    <div class="flex-c-col align-items-lg-start gap-2">
1183        <div v-if="email" class="dealer-email mb-0">
1184            <a :href="`mailto:${email}`" class="d-flex fw-normal"><span class="me-1"><i
1185                        class="fa-solid fa-envelope"></i></span> {{email}}</a>
1186        </div>
1187        <div v-if="telephone" class="dealer-tel mb-0">
1188            <a :href="`tel:${telephone}`" class="d-flex fw-normal"><span class="me-1"><i
1189                        class="fa-solid fa-phone"></i></span>{{telephone}}</a>
1190        </div>
1191    </div>
1192</template><template bsk-element="bsk-footer-content"><div class="footer__content"><h6 v-if="title" class="h5 fw-bold mb-0">{{title}}</h6><slot name="content"></slot></div></template><template bsk-element="bsk-footer-lg-disclosure-group"><div @vue:mounted="init($el)" class="accordion border-bottom-0 row mx-1 mx-sm-3 mx-lg-0 py-2 py-lg-0" :class="is == 'footer-form' ? 'row-cols-lg-2' : 'row-cols-lg-2 row-cols-xl-3'"><details class="accordion-item" :open="openDisclosureGroupItems"><summary class="accordion-button px-0" :class="{ 'border-bottom-0' : ! isFooterFormVariant}"><div class="accordion-header user-select-none">{{sectionOneTitle}}</div></summary><div class="accordion-body pt-0 pt-lg-2 ps-0"><slot name="section-one"></slot></div></details><details class="accordion-item" :class="{'col-lg-3 offset-lg-1' : is == 'footer-form'}" :open="openDisclosureGroupItems"><summary class="accordion-button px-0" :class="{ 'border-bottom-0' : ! isFooterFormVariant}"><div class="accordion-header user-select-none">{{sectionTwoTitle}}</div></summary><div class="accordion-body pt-0 pt-lg-2 ps-0"><slot name="section-two"></slot></div></details><details v-if="! isFooterFormVariant" class="accordion-item" :open="openDisclosureGroupItems"><summary class="accordion-button px-0" :class="{ 'border-bottom-0' : ! isFooterFormVariant}"><div class="accordion-header user-select-none">{{sectionTwoTitle}}</div></summary><div class="accordion-body pt-0 pt-lg-2 ps-0"><slot name="section-three"></slot></div></details><details class="accordion-item align-self-lg-end" :class="isFooterFormVariant ? 'col-lg-10' : 'col-lg-12 col-xl-12'" :open="openDisclosureGroupItems"><summary class="accordion-button px-0" :class="{ 'border-bottom-0' : ! isFooterFormVariant}"><div class="accordion-header user-select-none">{{sectionBottomTitle}}</div></summary><div class="accordion-body pt-0 pt-lg-2 ps-0 pb-0"><slot name="section-bottom"></slot></div></details></div></template><template bsk-element="bsk-footer-lg"><footer class="bg-dark"><div class="w-100 bg-dark overflow-hidden"><div class="container-xxl"><div class="row my-lg-5"><div class="col-12 col-lg-5 order-lg-1 z-index-1 position-relative" :class="is == 'footer-form' ? 'bg-white py-4' : 'bg-light py-5'"><slot v-if="is == 'footer-form'" name="footer-form"></slot><slot v-else="" name="footer-right"></slot></div><div class="col-12 col-lg-7 pt-lg-4 py-5"><div class="footer-lg__title-section px-3 pe-lg-4"><div class="w-100 d-flex justify-content-between align-items-center"><img src="https://bluesky.sirv.com/Websites/cog_boilerplate/images/logo-white-text.png" width="187" height="40" alt="logo with white text"><bsk-footer-socials logo-colour="text-white" facebook="https://www.facebook.com/BlueskyInteractive" linkedin="https://www.linkedin.com/company/bluesky-interactive-ltd"></bsk-footer-socials></div><hr class="footer-lg__title-hr bg-white"></div><slot name="disclosure-group"></slot></div></div></div></div></footer></template><template bsk-element="bsk-footer-links">
1193    <div class="footer__links">
1194        <h6 v-if="title" class="h6 fw-bold mb-0">{{title}}</h6>
1195        <slot name="list"></slot>
1196    </div>
1197</template>
1198<template bsk-element="bsk-footer-logo"><a href="/"><img :src="imgSrc" :alt="imgAlt" class="logo mb-0"></a></template><template bsk-element="bsk-footer-socials">
1199    <ul class="nav mb-0 d-flex flex-row gap-3" @vue:mounted="init($el)">
1200        <li v-for="(social, i) in socials" class="nav-item" v-show="social.link != '~'">
1201            <a  class="nav-link p-0" :href="social.link" target="_blank">
1202                <i v-if="social.name == 'facebook'" class="fa-brands fa-facebook-f"></i>
1203
1204                <i v-else-if="social.name == 'twitter'" class="fa-brands fa-x-twitter"></i>
1205
1206                <i v-else class="fa-brands" :class="social.icon"></i>
1207            </a>
1208        </li>
1209    </ul>
1210</template><template bsk-element="bsk-footer">
1211    <footer 
1212    @vue:mounted="init($el)"
1213    class="footer"
1214
1215    :class="{
1216        'bg-dark rounded-top' : is == 'App',
1217        'bg-light' : is == 'Modern',
1218        'bg-dark' : is == 'Premium',
1219    }"
1220
1221    style="overflow-x: hidden;"
1222    >
1223        <div v-if="is == 'centered'" >
1224            <div class="container-xxl d-flex flex-column align-items-center gap-4 gap-lg-3">
1225                <slot name="one"></slot>
1226                <slot name="two"></slot>
1227                <slot name="three"></slot>
1228                <slot name="four"></slot>
1229                <slot name="bottom"></slot>
1230           </div>
1231        </div>
1232        <div v-else class="container-xxl p-0">
1233            <div class="row px-2 pt-5 py-lg-5 text-center text-lg-start gap-4 gap-lg-3"
1234            >
1235                <div
1236                    class="col-12 col-lg-3 d-flex justify-content-between flex-column align-items-center align-items-lg-start gap-lg-3">
1237                    <slot name="one"></slot>
1238                </div>
1239
1240                <div class="col-12 col-lg-2">
1241                    <slot name="two"></slot>
1242                </div>
1243
1244                <div class="col-12 col-lg-2">
1245                    <slot name="three"></slot>
1246                </div>
1247                <div
1248                    :class="slotThreeIsUnused ? 'col-12 col-lg-4 ms-lg-auto d-flex justify-content-start flex-column align-items-center align-items-lg-start gap-lg-3' : 'col-12 col-lg-3 offset-lg-1'">
1249                    <slot name="four"></slot>
1250                </div>
1251            </div>
1252        </div>
1253        <slot name="bottom"></slot>
1254    </footer>
1255</template><template bsk-element="bsk-gallery-actions"><div @vue:mounted="init($el)" class="gallery-actions flex-c mb-4 mb-lg-0 w-100" :class="is == 'buttons' ? 'gap-4 gap-lg-0 gap-xl-4 mt-3' : 'justify-content-start gap-3 mt-1'"><slot name="actions"></slot></div></template><template bsk-element="bsk-gallery"><div class="row position-relative" :class="`theme-${theme}`" @vue:mounted="init($el)"><div class="col-12 col-md-9 h-100"><div v-if="hasImages" class="gallery m-0 p-0" :class="is == 'full-width' ? 'gallery--fw' : ''" ref="gallery" data-vid-source="~"><div v-if="videoUrl != '~'" class="position-relative img-slide lazyload_fade ratio ratio-4x3 video-container embed-responsive embed-responsive-4by3"><iframe :src="videoUrl" width="560" height="315" :style="dynamicVideoHeight" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div><figure v-for="(image,index) in images.split(',')" class="img-slide lazyload_fade" :class="is == 'full-width' ? 'img-slide--fw' : ''"><a :href="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_1200/`" data-fancybox="gallery" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_1600/ 1600w, https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_1200/ 1200w, https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_640/ 640w`" :title="`${manufacturer} ${model} Photo ${image}`" :data-caption="`${manufacturer} ${model} ${version} (${mileage})`"><div class="ratio ratio-4x3"><picture :data-img-index="index"><source media="(min-width:1900px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_1000/ 786w`"><source media="(min-width:1200px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_700/ 516w`"><source media="(min-width:768px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_900/ 704w`"><source media="(min-width:576px)" :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_700/ 512w`"><source :data-srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_500/`"><img :src="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_500/cmpr_99/`" :data-src="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_500/`" :alt="`${manufacturer} ${model} Photo ${image}`" width="500" class="lazyload w-100 h-100 img-cover" style="object-fit: cover;"></picture></div></a></figure></div><div v-else="" class="gallery m-0 p-0" :class="is == 'full-width' ? 'gallery--fw' : ''" ref="gallery" :data-vid-source="videoUrl"><figure class="img-slide lazyload_fade aspect-ratio" :class="is == 'full-width' ? 'img-slide--fw' : ''"><a :href="cognoimageUrl" data-fancybox="images" :data-srcset="cognoimageUrl" :title="`${manufacturer} ${model} Awaiting Photo`" :data-caption="`${manufacturer} ${model} ${version} (${mileage})`"><picture>
1255<img :src="cognoimageUrl" :data-src="cognoimageUrl" :alt="`${manufacturer} ${model} Awaiting Photo`" class="lazyload w-100 img-cover aspect-ratio" width="300" style="--aspect-ratio: 16/9"></picture></a></figure></div></div><div class="col-12 col-md-3 d-none d-md-block overflow-hidden gallery-thumbs-container"><div v-if="is != 'default' &amp;&amp; hasImages" class="gallery-thumbs overflow-hidden h-100 p-0 m-0" :class="is == 'full-width' ? 'gallery-thumbs--fw' : ''"><picture v-if="videoUrl != '~'" class="video-thumbnail m-0 pb-2 border-0" :class="{'' : is != 'full-width' }" :data-img-index="index" @click="galleryClick($el)"><div class="video-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></div><div class="ratio" style="--bs-aspect-ratio: 57.5%;"><source :srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${images.split(',')[0]}?imgeng=/w_300/`" media="(min-width: 1200px)"><source :srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${images.split(',')[0]}?imgeng=/w_300/`" media="(min-width: 768px)"><img :src="`https://bluesky.cdn.imgeng.in/cogstock-images/${images.split(',')[0]}?imgeng=/w_210/`" :alt="`${manufacturer} ${model} Video`" class="w-100 h-100" style="object-fit: cover"></div></picture><picture v-for="(image,index) in images.split(',')" class="m-0 pb-2 border-0" :class="{'' : is != 'full-width' }" :data-img-index="index" @click="galleryClick($el)"><div class="ratio" style="--bs-aspect-ratio: 57.5%;"><source :srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_300/`" media="(min-width: 1200px)"><source :srcset="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_300/`" media="(min-width: 768px)"><img :src="`https://bluesky.cdn.imgeng.in/cogstock-images/${image}?imgeng=/w_210/`" :alt="`${manufacturer} ${model} Photo ${index + 1}`" class="w-100 h-100" style="object-fit: cover"></div></picture></div></div></div></template><template bsk-element="bsk-launch-gallery">
1256    <a class="btn" :class="is =='buttons' ? 'btn-primary' : 'btn-blank p-0'" id="galleryLaunch"
1257        @click.prevent="launch"
1258        :style="{unsetStylesWhenIconsOnly}" @vue:mounted="init($el)">
1259        <i class="fa-regular fa-images p-0 me-0 me-lg-1"></i>
1260        <span v-if="is =='buttons'" class="d-none d-lg-inline-block">{{btnText}}</span>
1261    </a>
1262</template><template bsk-element="bsk-launch-print-details">
1263
1264    <a class="btn gtm-track--btn_print" :class="is =='buttons' ? 'btn-primary' : 'btn-blank p-0'"  target="_blank"
1265        :href="linkUrl"
1266        :style="{unsetStylesWhenIconsOnly}" @vue:mounted="init($el)">
1267        <i class="fa-regular fa-print" :class="{'p-0 me-0 me-lg-1' : is == 'buttons'}"></i>
1268        <span v-if="is =='buttons'" class="d-none d-lg-inline-block">{{btnText}}</span>
1269    </a>
1270
1271
1272
1273
1274</template><template bsk-element="bsk-launch-three-sixty">
1275    <a class="btn" :class="is =='buttons' ? 'btn-primary' : 'btn-blank p-0'" id="360_button" href="#container360"
1276        data-fancybox :style="{unsetStylesWhenIconsOnly}" @vue:mounted="init($el)">
1277        <i class="fa-regular fa-rotate" :class="{'p-0 me-0 me-lg-1' : is == 'buttons'}"></i>
1278        <span v-if="is =='buttons'" class="d-none d-lg-inline-block">{{btnText}}</span>
1279    </a>
1280</template><template bsk-element="bsk-launch-video">
1281    <a class="btn" :class="is =='buttons' ? 'btn-primary' : 'btn-blank p-0'" href="#video" data-fancybox
1282        @click.prevent="goToVideo($el)"
1283        data-fancybox :style="{unsetStylesWhenIconsOnly}" @vue:mounted="init($el)">
1284        <i class="fa-regular fa-video" :class="{'p-0 me-0 me-lg-1' : is == 'buttons'}"></i>
1285        <span v-if="is =='buttons'" class="d-none d-lg-inline-block">{{btnText}}</span>
1286    </a>
1287</template><template bsk-element="bsk-grid-masonry"><div @vue:mounted="init($el)"><slot name="grid"></slot></div></template><template bsk-element="bsk-grid-section-spacer"></template><template bsk-element="bsk-grid-slick-to-row"><div @vue:mounted="init($el)"><slot name="grid"></slot></div></template><template bsk-element="bsk-header-top-socials">
1288    <ul class="nav mb-0 d-flex flex-row gap-3" @vue:mounted="init($el)">
1289        <li v-for="(social, i) in socials" class="nav-item" v-show="social.link != '~'">
1290            <a  class="nav-link p-0" :href="social.link" target="_blank">
1291                <i v-if="social.name == 'facebook'" class="fa-brands fa-facebook-f text-dark"></i>
1292
1293                <i v-else-if="social.name == 'twitter'" class="fa-brands fa-x-twitter text-dark"></i>
1294
1295                <i v-else class="fa-brands text-dark" :class="social.icon"></i>
1296            </a>
1297        </li>
1298    </ul>
1299</template>
1300<template bsk-element="bsk-header-top">
1301    <div class="navbar navbar-dark navbar-expand-lg navbar-top bg-dark py-lg-2 d-none d-lg-block">
1302        <div class="container-xxl">
1303            <div class="d-lg-flex justify-content-between align-items-center w-100">
1304                <slot name="left-nav"></slot>
1305                <slot name="right-nav"></slot>
1306            </div>
1307        </div>
1308    </div>
1309</template><template bsk-element="bsk-header"><div v-if="is == 'centre' || is == 'mega-menu'" class="navbar py-0 bg-white navbar--header-main" :class="expand ? 'navbar-expand-xl' : ''"><div class="container-xxl" :class="{'gap-2 gap-lg-4 py-1' : is == 'mega-menu', 'flex-nowrap' : is == 'centre-with-burger', 'py-2 grid-header' : is == 'centre'}"><span v-if="is == 'centre-with-burger'" class="flex-c justify-content-start"><button v-if="offcanvas" class="hamburger ps-0" style="transform: translateY(3px);" :class="hamburger ? 'hamburger--spin' : ''" type="button" data-bs-toggle="offcanvas" :data-bs-target="#main-navigation" :aria-controls="offcanvas" aria-label="Toggle Header Navigation"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button><slot name="left-nav"></slot></span><slot v-if="is == 'centre'" name="left-nav"></slot><a class="navbar-brand" :class="{'justify-content-center' : is == 'centre-with-burger'}" href="/" aria-label=""><picture><source :srcset="imgMobileSrc != '~' ? imgMobileSrc : imgSrc" media="(max-width: 599px)"><source :srcset="imgSrc" media="(min-width: 599px)"><img :src="imgSrc" alt="logo" :class="imgManufacturerDesktopSrc != '~' ? 'main-logo' : 'logo'"></picture><picture v-if="imgManufacturerDesktopSrc != '~'"><source :srcset="imgManufacturerMobileSrc != '~' ? imgManufacturerMobileSrc : imgManufacturerDesktopSrc" media="(max-width: 599px)"><source :srcset="imgManufacturerDesktopSrc" media="(min-width: 599px)"><img :src="imgManufacturerDesktopSrc" alt="franchise logo" class="franchise-logo ms-1 ms-sm-2"></picture></a><slot v-if="is == 'mega-menu'" name="left-nav"></slot><slot v-if="is != 'centre-with-burger'" name="shortlist"></slot><slot v-if="is == 'centre'" name="right-nav"></slot><button v-if="is != 'centre-with-burger'" class="hamburger navbar-toggler" :class="hamburger ? 'hamburger--spin' : ''" type="button" :data-bs-toggle="offcanvas ? 'offcanvas' : 'collapse'" :data-bs-target="offcanvas ? '#main-navigation' : '#navBar'" :aria-controls="offcanvas ? offcanvas : navBar" :aria-expanded="!offcanvas ? 'false' : ''" :aria-label="offcanvas ? 'Toggle Header Navigation' : 'Toggle Navigation'"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button><nav v-if="is != 'centre'" class="collapse navbar-collapse" :class="{'justify-content-end d-flex' : is == 'centre-with-burger'}" id="navBar"><slot name="nav"></slot></nav></div><nav v-if="is == 'centre'" class="collapse navbar-collapse w-100" id="navBar"><div class="bg-dark d-flex justify-content-center w-100 py-2"><div class="container-xxl"><slot name="nav"></slot></div></div></nav></div><div v-else-if="is == 'premium'" class="navbar py-0 bg-white navbar--header-main navbar-expand-xl"><div class="container-xxl gap-2 gap-xxl-3 py-1 flex-nowrap"><a class="navbar-brand" href="/" aria-label=""><picture><source :srcset="imgMobileSrc" media="(max-width: 1360px)"><source :srcset="imgSrc" media="(min-width: 1360px)"><source :srcset="imgMobileSrc" media="(min-width: 1360px)"><source :srcset="imgSrc" media="(min-width: 1490px)"><img :src="imgSrc" alt="logo" class="logo"></picture></a><slot name="nav"></slot><slot name="right-nav"></slot><button class="hamburger navbar-toggler" :class="hamburger ? 'hamburger--spin' : ''" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasmain-navigation" aria-controls="offcanvasmain-navigation" :aria-label="offcanvas ? 'Toggle Header Navigation' : 'Toggle Navigation'"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button></div></div></template><template bsk-element="bsk-carousel-banner-slide"><div class="position-relative slide-item" @vue:mounted="init($el)"><div v-if="videoId" class="h-100"><div class="video-banner position-relative overflow-hidden w-100 bg-dark" :style="`--hero-bg-height: ${heroBgHeight};--hero-bg-height-mobile: ${heroBgHeightMobile};`"><div class="ytplayer position-absolute top-50 start-50" :id="videoId" :data-youtube-id="videoId" data-youtube-autoplay="true" data-is-hero="true"></div></div></div><div v-else=""><div class="bg-black w-100 h-100 ratio ratio-16x9"><picture class=""><source v-if="imgSrcSmall" :srcset="`${imgSrcSmall}?imgeng=/w_480/h_360/m_cropbox/`" media="(max-width: 768px)" width="480" height="360"><source v-if="imgSrcLarge" :srcset="`${imgSrcLarge}?imgeng=/w_1875/h_780/m_cropbox/`" media="(min-width: 1200px)" width="1875" height="780"><img :src="`${imgSrc}?imgeng=/w_1440/h_660/m_cropbox/`" :alt="headline" class="w-100 h-100 lazyload gtm-track--banner_image" width="1440" height="660" style="object-fit: cover;"></picture></div></div><div v-if="overlay &amp;&amp; !videoId" class="slide-overlay flex-c flex-wrap h-100 w-100 start-0 top-0 align-items-end justify-content-start py-4 px-3 p-lg-5" :href="linkUrl" :title="headline"><div class="text-white"><div class="title h5">{{headline}}</div><p v-if="synopsis" class="">{{synopsis}}</p><a v-if="buttonText &amp;&amp; linkUrl" :href="linkUrl" class="btn btn-primary gtm-track--banner_btn">{{buttonText}}</a></div></div><div v-else=""><a v-if="linkUrl" :href="linkUrl" class="stretched-link" :class="headline ? `gtm-track--banner_${headline.toLowerCase().replace(/\s/g, '-')}` : ''"></a></div></div></template><template bsk-element="bsk-carousel-banner"><div v-wrap="" class="banner-slider w-100 container-fluid px-0" @vue:mounted="init($el)"><div class="row"><div class="col-12 position-relative overflow-hidden px-0"><div class="slider"></div></div></div></div></template><template bsk-element="bsk-video-banner"><div class="video-banner position-relative overflow-hidden w-100 bg-dark" :style="`--hero-bg-height: ${heroBgHeight};--hero-bg-height-mobile: ${heroBgHeightMobile};`" @vue:mounted="init($el)"><div class=""><div class="ytplayer position-absolute top-50 start-50" :id="youtubeId" :data-youtube-id="youtubeId" data-youtube-autoplay="true" data-is-hero="true"></div></div><div class="video-banner__content position-absolute text-white text-uppercase h-100 w-100 flex-c-col" style="z-index: 5"><div v-if="headline" class="video-banner__headline h1 text-center">{{headline}}</div><p v-if="synopsis" class="video-banner__synopsis text-center fs-4 fw-500">{{synopsis}}</p><a v-if="buttonText &amp;&amp; buttonUrl" :href="buttonUrl" class="btn btn-primary gtm-track--banner_findyourperfectvehicle">{{buttonText}}</a></div></div></template><template bsk-element="bsk-location-logo">
1310    <a href="">
1311        <img :src="imgSrc" :alt="imgAlt" class="mb-0">
1312    </a>
1313</template>
1314<template bsk-element="bsk-location-address">
1315    <address class="mb-0 lh-lg">
1316        <span v-for="(line, index) in address.split(',')">
1317            {{line}}<span v-if="index + 1 != address.split(',').length">,</span>
1318            <br v-if="is != 'centered'">
1319        </span>
1320    </address>
1321</template>
1322
1323
1324<template bsk-element="bsk-location-contact"><div class="flex-c-col align-items-start gap-2"><div v-if="email" class="dealer-email mb-0"><a :href="`mailto:${email}`" class="d-flex fw-normal"><span class="me-1"><i class="fa-solid fa-envelope"></i> </span>{{email}}</a></div><div v-if="telephone" class="dealer-tel mb-0"><a :href="`tel:${telephone}`" class="d-flex align-items-center fw-bold"><span class="me-1"><i class="fa-solid fa-phone text-muted opacity-50 me-1"></i>Call us</span> <span>{{telephone}} <span v-if="fax"><br>{{fax}}</span></span></a></div></div></template><template bsk-element="bsk-location-hours"><table v-if="is === 'simple'" border=" 0" slot="content"><tbody><tr><td>Monday - Friday</td><td>{{weekdays}}</td></tr><tr><td>Saturday</td><td>{{saturday}}</td></tr><tr><td>Sunday</td><td>{{sunday}}</td></tr></tbody></table><table v-else="" border="0" slot="content" :class="{'table text-white' : is === 'locations'}"><tbody><tr><td>Monday</td><td>{{monday}}</td></tr><tr><td>Tuesday</td><td>{{tuesday}}</td></tr><tr><td>Wednesday</td><td>{{wednesday}}</td></tr><tr><td>Thursday</td><td>{{thursday}}</td></tr><tr><td>Friday</td><td>{{friday}}</td></tr><tr><td>Saturday</td><td>{{saturday}}</td></tr><tr><td>Sunday</td><td>{{sunday}}</td></tr></tbody></table></template><template bsk-element="bsk-location-map"><slot name="map"></slot></template><template bsk-element="bsk-location-socials">
1325    <ul @vue:mounted="init($el)"
1326        class="social-icons d-flex justify-content-center justify-content-lg-start mb-0 gap-3"
1327        :class="is != 'wide' ? 'gap-lg-2' : ''">
1328
1329        <li v-for="(social, i) in socials" class="me-2 mb-0">
1330            <a :href="social.link" target="_blank">
1331                <i class="fa-brands" :class="`fa-${social.name}`"></i>
1332            </a>
1333        </li>
1334
1335    </ul>
1336</template><template bsk-element="bsk-breadcrumb-alt">
1337  <nav v-wrap :style="`--bs-breadcrumb-divider: '${glyph}';`" aria-label="breadcrumb">
1338    <ol class="breadcrumb" >
1339
1340    </ol>
1341  </nav>
1342</template><template bsk-element="bsk-breadcrumb-item">
1343    <li class="breadcrumb-item">
1344        <a :href="url">{{text}}</a>
1345      </li>
1346</template><template bsk-element="bsk-breadcrumb"><nav class="p-3 bg-light border-1 border-bottom border-top" :style="`--bs-breadcrumb-divider: '${divider}';`" aria-label="breadcrumb" @vue:mounted="init($el)"><ol class="breadcrumb mb-0"><li v-for="(item,index) in items" class="breadcrumb-item" :class="index != 0 ? 'px-2' : 'pe-2'"><a :href="item.url" class="text-decoration-none" :class="index + 1 != items.length ? '' : 'text-dark'" :aria-current="isLastItem($el, index)"><i v-if="item.url == items[0].url" i="" class="fs-5 fa-light fa-house"></i> <span v-else="" class="text-capitalize">{{item.text}}</span></a></li></ol></nav></template><template bsk-element="bsk-date-picker">
1347
1348
1349    <div @vue:mounted="init($el)">
1350        <slot name="picker-content"></slot>
1351    </div>
1352
1353</template><template bsk-element="bsk-launch-page-share"><a :class="is =='buttons' ? 'btn btn-primary' : 'share-trigger'" href="#" data-fancybox="share" data-src="#share" :style="{unsetStylesWhenIconsOnly}" @vue:mounted="init($el)"><i class="fa-regular fa-share p-0"></i> <span v-if="is =='buttons'" class="d-none d-lg-inline-block ms-0 ms-lg-1">{{btnText}}</span></a></template><template bsk-element="bsk-page-share">
1354
1355  <div class="d-none" @vue:mounted="init($el)">
1356    <div id="share" class="rounded px-3 px-md-5 py-6" style="min-width: 30%;">
1357      <div class="container-fluid">
1358        <div class="row pb-3">
1359          <div class="col-12 text-center">
1360            <h3>Share this page</h3>
1361          </div>
1362        </div>
1363        <div class="row g-2 text-center">
1364          <div class="col-6 col-sm-3 mb-2">
1365            <a :href="`https://www.facebook.com/sharer/sharer.php?u=${pageUrl}&title=${pageTitle}`" target="_blank"
1366              class="d-block bg-primary rounded p-2 text-white w-100 h-100">
1367              <i class="fa-brands fa-facebook-f fs-4"></i>
1368            </a>
1369          </div>
1370          <div class="col-6 col-sm-3 mb-2">
1371            
1372            <a :href="`https://twitter.com/intent/post?text=${pageTitle}&url=${pageUrl}#share`" target="_blank"
1373              class="d-block bg-primary rounded p-2 text-white w-100 h-100">
1374              <i class="fa-brands fa-twitter fs-4"></i>
1375            </a>
1376          </div>
1377          <div class="col-6 col-sm-3 mb-2">
1378            <a :href="`https://www.linkedin.com/shareArticle?mini=true&url=${pageUrl}&title=${pageTitle}`"
1379              target="_blank" class="d-block rounded bg-primary p-2 text-white w-100 h-100">
1380              <i class="fa-brands fa-linkedin fs-4"></i>
1381            </a>
1382          </div>
1383          <div class="col-6 col-sm-3 mb-2">
1384            <a :href="`mailto:?subject=${pageTitle}&body=Check out this page - ${pageUrl}`" target="_blank"
1385              class="d-block bg-primary rounded p-2 text-white w-100 h-100">
1386              <svg width="25" height="20" viewBox="0 0 17 15">
1387                <path fill="#fff"
1388                  d="M 15,0 H 1.6666667 C 0.75,0 0.00833333,0.75 0.00833333,1.6666667 L 0,11.666667 c 0,0.916666 0.75,1.666666 1.6666667,1.666666 H 15 c 0.916667,0 1.666667,-0.75 1.666667,-1.666666 V 1.6666667 C 16.666667,0.75 15.916667,0 15,0 Z M 15,3.3333333 8.3333333,7.5 1.6666667,3.3333333 V 1.6666667 L 8.3333333,5.8333333 15,1.6666667 Z">
1389                </path>
1390              </svg>
1391            </a>
1392          </div>
1393        </div>
1394        <div class="row pt-3">
1395          <div class="col-12">
1396            <div class="input-group">
1397              <input ref="url-input" type="text" class="form-control" :placeholder="pageUrl" :value="pageUrl"
1398                :aria-label="pageUrl" aria-describedby="copy-btn">
1399              <button @click.prevent="copyFunction" class="btn btn-primary btn-blank" id="copy-btn">Copy <span
1400                  class="d-none d-sm-inline">link</span>
1401              </button>
1402            </div>
1403          </div>
1404          <div class="text-end position-relative pb-5">
1405            <p class="small position-absolute text-success end-0 bottom-0 p-1"
1406              :class="showCopyAlert ? 'd-inline-flex' : 'd-none'">
1407              Link is now copied to your clipboard
1408            </p>
1409          </div>
1410        </div>
1411      </div>
1412    </div>
1413  </div>
1414</template><template bsk-element="bsk-read-more"><div @click="triggerToggle" class="flex-c d-lg-none" :class="[{'showing' : showFullText}, extraClass ]"><u>Read more</u> <i class="ms-3 fa-regular fa-angle-down"></i></div></template><template bsk-element="bsk-read-more-list"></template><template bsk-element="bsk-read-more-table"></template><template bsk-element="bsk-remove-repeater-div"></template><template bsk-element="bsk-spotlight">
1415    <div class="" :class="{'franchises' : isFranchise}">
1416        <article
1417            class="new-car-spot position-relative h-fit-content p-lg-5 pe-lg-7 ps-lg-0 mb-8 mb-lg-0 overflow-hidden">
1418            <div
1419                class="new-car-spot__card hover-show position-absolute bottom-0 col-6 col-lg-12 text-white p-lg-5 pe-lg-7 ps-lg-0 cursor-pointer">
1420                <div class="new-car-spot__card-body position-relative py-lg-3 py-xl-0 px-6 bg-transparent">
1421                    <div
1422                        class="new-car-spot__icons-and-img gap-2 justify-content-center justify-content-lg-start z-index-2">
1423                        <div class="new-car-spot__img-wrap flex-c-col inline-minw inline-ratio rounded-top-2 z-index-2">
1424                            <img :src="logoImg" :alt="logoImgAlt" class="w-100 p-2 p-sm-4 inline-ratio img-contain">
1425                        </div>
1426                        <div data-mh="new-car-spot"
1427                            class="new-car-spot__icons-wrap flex-c-col flex-lg-row flex-lg-nowrap gap-2 gap-sm-3 gap-lg-2 justify-content-lg-end ms-lg-auto">
1428                            <p
1429                                class="new-car-spot__synopsis d-none d-lg-flex z-index-2 me-4 h-100 flex-c justify-content-start mb-0">
1430                                {{synopsis}}
1431                            </p>
1432                            <span class="d-none new-car-spot__badge badge bg-grey z-index-2 mb-0 fs-lg-7">
1433                                {{badgeText}}
1434                            </span>
1435                        </div>
1436                    </div>
1437                    <div
1438                        class="new-car-spot__opaque-bg position-absolute bottom-0 start-0 w-100 h-100 text-white p-6 bg-dark opacity-50 z-index-1">
1439                    </div>
1440                </div>
1441            </div>
1442            <a :href="linkUrl" class="d-block overflow-hidden">
1443                <img :src="mainImg" :data-src="mainImg" :alt="mainImgAlt"
1444                    class="lazyload new-car-spot__main-img w-100 inline-ratio" style="--aspect-ratio: 4/3;">
1445            </a>
1446        </article>
1447    </div>
1448</template>
1449<template bsk-element="bsk-tabs"><div ref="tabs" @vue:mounted="init($el)"><ul class="nav nav-pills d-none d-md-flex justify-content-center mb-2 mb-sm-3" :class="[{'gap-3' : is == 'half-row'}, {'d-none d-md-flex' : is == 'accordions'}, {'d-flex' : is != 'accordions'}]" id="myTab" role="tablist"><li v-for="(tab, index) in tabs.split(',')" :key="tab" class="nav-item" role="presentation"><button @click="toggleOpen($el)" class="nav-link" :class="{'active' : index == activeIndex}" data-bs-toggle="tab" :id="`${toKebabCase(tab)}-tab`" :data-bs-target="`#pane-${toKebabCase(tab)}`" :aria-controls="`pane-${toKebabCase(tab)}`" type="button" role="tab"><span v-if="icons"><i :class="icons.split(',')[index]"></i></span> <span v-else=""><span class="icon-closed" :class="{'d-none' : index == activeIndex}"><i class="fa-regular fa-circle-plus"></i> </span><span class="icon-open" :class="{'d-none' : index != activeIndex}"><i class="fa-regular fa-circle-minus"></i> </span></span>{{tab}}</button></li></ul><div class="tab-content overflow-hidden" id="myTabContent" ref="content" :style="dynamicInlineStyles"><div v-for="(tab, index) in tabs.split(',')" :key="tab" class="tab-pane fade mb-3 mb-md-0" :class="[{'active show' : index == activeIndex}, {'accordion-item card border-1 border-top rounded' : is == 'accordions' &amp;&amp; ! rmAccordionStyles}]" role="tabpanel" :id="`pane-${toKebabCase(tab)}`" :aria-labelledby="`${toKebabCase(tab)}-tab`"><div v-show="is == 'accordions'" class="card-header accordion-header d-md-none border-0 p-0 bg-light" role="tab" :id="`heading-${toKebabCase(tab)}`"><h5 class="mb-0"><a class="accordion-button collapsed bg-light text-decoration-none fs-4 px-2" data-bs-toggle="collapse" :href="`#collapse-${toKebabCase(tab)}`" aria-expanded="false" aria-controls="`collapse-${toKebabCase(tab)}`">{{tab}}</a></h5></div><div :id="`collapse-${toKebabCase(tab)}`" :class="is == 'accordions' ? 'collapse d-md-block' : ''" data-bs-parent="#myTabContent" :aria-labelledby="`heading-${toKebabCase(tab)}`"><slot :name="`${toKebabCase(tab)}`"></slot></div></div></div><button v-if="readMore" class="btn btn-outline-primary d-block mx-auto my-4" @click.prevent="toggleMoreSpecs($el)">View {{showAllContent ? 'less' : 'all'}}</button></div></template><template bsk-element="bsk-to-top">
1450  <!-- Return to Top : START -->
1451  <div class="cursor-pointer" @click="document.documentElement.scrollTop = 0">
1452    To Top
1453    <i class="fa-regular fa-arrow-up-from-line ms-3"></i>
1454  </div>
1455  <!-- Return to Top : END -->
1456</template>
1457<template bsk-element="bsk-offcanvas"><div class="offcanvas border-0" :class="`offcanvas-${responsive} offcanvas-${position} bg-${bgStyle}`" tabindex="-1" :id="`offcanvas${target}`" :aria-labelledby="`offcanvas${target}Label`"><div class="offcanvas-header" :class="`p-3 p-${responsive}-4 pb-${responsive}-0`"><h5 class="h3 offcanvas-title" :id="`offcanvas${target}Label`">{{title}}</h5><button type="button" class="btn btn-blank p-0 text-reset" :class="`d-${responsive}-none`" data-bs-dismiss="offcanvas" aria-label="Close"><i class="fal fa-circle-xmark"></i></button></div><div class="offcanvas-body" :class="`p-3 p-${responsive}-4`"><slot name="content"></slot></div></div></template><template bsk-element="bsk-light-box">
1458
1459    <div @vue:mounted="init($el)" class="modal fade" id="blueskybox" tabindex="-1" aria-labelledby="blueskyboxLabel" aria-hidden="true">
1460        <div class="modal-dialog" :class="`${modalClass}`">
1461            <div class="modal-content overflow-hidden">
1462                
1463                <button style="z-index: 1;" type="button" class="rounded-circle py-1 px-2 end-0 btn bg-body position-absolute" data-bs-dismiss="modal" aria-label="Close">
1464                    <i class="fal fa-circle-xmark"></i>
1465                </button>
1466            
1467                <div class="modal-body">
1468
1469                    <slot name="lightbox-content"></slot>
1470
1471                </div>
1472            </div>
1473        </div>
1474    </div>
1475
1476</template><template bsk-element="bsk-cap-card-body"><div v-wrap="" class="card-body p-3 gap-3"></div></template><template bsk-element="bsk-cap-card-img"><picture><img :src="`${imgSrc.replace('http:', 'https:')}`" :data-src="`${imgSrc.replace('http:', 'https:')}`" :alt="`${make} ${model}`" :width="`${width}`" class="lazyload vehicle-card-img__img card-img-top"></picture></template><template bsk-element="bsk-cap-card-modal">
1477  <div @vue:mounted="init($el)" class="modal fade" :id="modalId" data-bs-backdrop="static" data-bs-keyboard="false"
1478    tabindex="-1" :aria-labelledby="`${modalId}Label`" aria-hidden="true">
1479    <div class="modal-dialog modal-xl modal-dialog-centered modal
1479-dialog-scrollable">
1480      <div class="modal-content">
1481        <div class="modal-header">
1482          <h5 class="modal-title" :id="`${modalId}Label`">{{ store.capModal.version }} Specification</h5>
1483          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1484        </div>
1485        <div class="modal-body text-start text-center">
1486          <img :src="`${ store.capModal.img }`" :alt="`${ store.capModal.make } ${ store.capModal.model } ${ store.capModal.version }`" class="">
1487
1488          <h4>{{ store.capModal.make}} {{ store.capModal.model }} {{ store.capModal.version }}</h4>
1489
1490          <h5>From £{{ store.capModal.price }}</h5>
1491
1492          <slot name="spec"></slot>
1493          <!-- Conditional Rendering Of Either A Spec List Or CMS Body -->
1494          <div v-show="store.capModal.body" v-html="store.capModal.body" class="container"></div>
1495
1496        </div>
1497        <div class="modal-footer">
1498          <a v-if="store.capModal.config != null" target="_blank" :href="`${ store.capModal.config }`" class="btn btn-secondary">Configure</a>
1499          <a v-if="store.capModal.contact != null" :href="`${ store.capModal.contact }`" class="btn btn-primary">Enquire Now</a>
1500        </div>
1501      </div>
1502    </div>
1503  </div>
1504
1505</template><template bsk-element="bsk-cap-card-price">
1506
1507    <h5 class="card-price">From 
1508        <span v-if="prefix">{{ prefix }}</span><span v-if="price" class="highlight__text">{{ price }}</span> 
1509    </h5>
1510
1511</template><template bsk-element="bsk-cap-card-spec">
1512    <slot name="spec"></slot>
1513</template><template bsk-element="bsk-cap-card-title">
1514
1515    <h4 class="card-title">
1516        <span v-if="make">{{ make }}</span> 
1517        <span v-if="model">{{ model }}</span> 
1518        <span v-if="version">{{ version }}</span>
1519    </h4>
1520
1521</template><template bsk-element="bsk-cap-card">
1522    <article v-wrap class="bsk-cap-card card">
1523    </article>
1524</template><template bsk-element="bsk-cap-data-card">
1525
1526    <div v-if="is == 'cardless'" class="d-flex align-items-center gap-2">
1527        <span v-if="faIcon">
1528            <i class="h5 mb-0 text-muted" :class="faIcon"></i>
1529        </span>
1530        <span v-else>
1531            <img :src="imgSrc" :alt="dataTitle" width="30px" height="30px">
1532        </span>
1533        <h5 class="card-title mb-0 h6">{{dataValue}} <span>{{dataUnit}}</span></h5>
1534    </div>
1535
1536    <!-- CAP Data Card : START  -->
1537    <div v-else class="card align-items-center justify-content-evenly bg-light" style="width: 10rem;height : 9rem;"
1538        @vue:mounted="init($el)">
1539        <span class="flex-c-col text-center">
1540            <span v-if="faIcon" class="mb-2">
1541                <i class="h1 mb-0 text-muted" :class="faIcon"></i>
1542            </span>
1543            <span v-else class="mb-2">
1544                <img :src="imgSrc" :alt="dataTitle" width="40px" height="40px">
1545            </span>
1546            <h5 class="card-title mb-0 h6">{{dataTitle}}</h5>
1547        </span>
1548        <h6 class="card-subtitle mb-0"><span class="h6" ref="subtitle">{{dataValue}}</span> <span>{{dataUnit}}</span>
1549        </h6>
1550    </div>
1551    <!-- CAP Data Card : END  -->
1552
1553</template><template bsk-element="bsk-cap-modal-trigger">
1554    <button type="button"
1555    class="btn btn-secondary"
1556    data-bs-toggle="modal"
1557    :data-bs-target="modalTarget"
1558    :data-bs-make="make"
1559    :data-bs-model="model"
1560    :data-bs-version="version"
1561    :data-bs-price="price"
1562    :data-bs-img="img"
1563    :data-bs-spec="spec"
1564    :data-bs-contact="contact"
1565    @click="sendData($el)">
1566        View Details
1567    </button>
1568</template><template bsk-element="bsk-inline-offer-card"><div class="card mb-3 mx-auto p-5 shadow-sm border-1 border-light" style="max-width: 1450px;" @vue:mounted="init($el, 'bsk-inline-offer-card')"><div class="row g-0"><div class="col-lg-4 order-1 order-lg-0"><div class="card-body p-0 flex-c-col align-items-start gap-4"><div class="card-title mb-0 d-none d-lg-block">{{offerTitle}}</div><table class="w-100"><tbody><tr v-for="pair in offerFinanceDetails" class="flex-c justify-content-between border-bottom"><td class="py-2 fw-bold my-1">{{Object.keys(pair)[0]}}</td><td class="py-2">{{Object.values(pair)[0]}}</td></tr></tbody></table><div v-html="offerBody" class="card-text mb-0" :style="{ '--line-clamp': lineClampLength }"></div><div class="d-flex gap-4"><a href="/offers/" class="btn btn-dark">View All Offers</a> <a :href="offerUrl" class="btn btn-primary">Find out More</a></div></div></div><div class="col-lg-7 ms-auto mb-4 mb-lg-auto h-100"><div class="card-title mb-4 d-lg-none">{{offerTitle}}</div><img :src="offerImage" class="img-fluid h-100" style="object-fit: cover;" :alt="offerTitle"></div></div></div></template><template bsk-element="bsk-offer-card">
1569
1570
1571    <div class="card col px-0">
1572
1573        <a v-if="is != 'btn-link'" :href="offerUrl" class="text-decoration-none text-dark">
1574
1575            <img :src="imgSrc" class="card-img-top" :alt="title">
1576            <div class="card-body text-center flex-c-col gap-3">
1577                <h5 class="mb-0">{{title}}</h5>
1578                <p class="card-text mx-auto mb-0" style="width: fit-content;max-width: 32ch;">{{offerText}}</p>
1579                <p class="mb-0">Starting at <b>{{offerPrice}}</b></p>
1580            </div>
1581
1582        </a>
1583
1584        <div v-else>
1585            <a :href="offerUrl">
1586                <img :src="imgSrc" class="card-img-top" :alt="title">
1587            </a>
1588            <div class="card-body text-center flex-c-col gap-3">
1589                <h5 class="mb-0">{{title}}</h5>
1590                <p class="card-text mx-auto mb-0" style="width: fit-content;max-width: 32ch;">{{offerText}}</p>
1591                <p class="mb-0">Starting at <b>{{offerPrice}}</b></p>
1592                <a :href="offerUrl"
1593                    class="btn btn-blank text-decoration-underline fw-bold p-0">{{buttonText || 'View Details'}}</a>
1594            </div>
1595        </div>
1596
1597    </div>
1598
1599
1600</template><template bsk-element="bsk-opening-hours-card"><section v-if="is === 'simple'" class="d-grid"><div class="flex-c-col align-items-start gap-3 mb-2 mb-lg-0"><h5 class="h2">{{title}}</h5><slot name="table"></slot><slot name="contact"></slot></div><span class="vr h-100 d-none d-lg-block"></span></section><section v-else="" class="d-grid" :class="{'ps-0' : is == 'locations' }"><div class="flex-c-col align-items-center align-items-md-start gap-2 mb-4" :class="is == 'locations' ? 'justify-content-start' : ''"><h5 class="h2">{{title}}</h5><slot name="address"></slot><slot name="contact"></slot></div><slot name="table"></slot></section></template><template bsk-element="bsk-opening-hours"><div @vue:mounted="init($el)"><div v-if="is === 'map' || is === 'tabs'" :class="{
1601            'full-width-map container-xxl' : theme == 'App',
1602            'container-xxl' : theme == 'Premium' || theme == 'Modern',
1603        }"><div class="hours-tabs"><div class="hours-tabs__outer d-grid align-items-start"><section class="hours-tabs__inner d-grid"><section v-if="is === 'map'" :class="{
1604                            'full-width-map' : theme == 'App',
1605                        }" style="grid-column: 1 / 3;"><slot name="card-one"></slot></section><section v-else-if="is === 'tabs'" style="grid-column: 1 / 3;"><nav><div class="nav nav-tabs" id="nav-tab" role="tablist"><button class="nav-link active" id="card-one-tab" data-bs-toggle="tab" data-bs-target="#card-one" type="button" role="tab" aria-controls="card-one" aria-selected="true">{{tabOne}}</button> <button class="nav-link" id="card-two-tab" data-bs-toggle="tab" data-bs-target="#card-two" type="button" role="tab" aria-controls="card-two" aria-selected="false">{{tabTwo}}</button> <button class="nav-link" id="card-three-tab" data-bs-toggle="tab" data-bs-target="#card-three" type="button" role="tab" aria-controls="card-three" aria-selected="false">{{tabThree}}</button></div></nav><div class="tab-content bg-white" id="openingHoursTabContent"><div class="tab-pane fade show active" id="card-one" role="tabpanel" aria-labelledby="card-one-tab"><slot name="card-one"></slot></div><div class="tab-pane fade" id="card-two" role="tabpanel" aria-labelledby="card-two-tab"><slot name="card-two"></slot></div><div class="tab-pane fade" id="card-three" role="tabpanel" aria-labelledby="card-three-tab"><slot name="card-three"></slot></div></div></section></section><section class="hours-tabs__iframe d-flex flex-nowrap"><slot name="iframe"></slot></section></div></div></div><div v-if="is === 'map-full'" class="container-fluid p-0 overflow-hidden"><div class="full-map hours-tabs"><div class="hours-tabs__outer d-grid align-items-start"><section class="container-xxl"><section class="full-width-map pb-5" style="grid-column: 1 / 3;"><slot name="card-one"></slot></section></section><section class="hours-tabs__iframe"><slot name="iframe"></slot></section></div></div></div><div v-else-if="is === 'simple'" class="hours-simple"><section class="hours-simple__inner d-grid"><div style="grid-column: 1 / 3;"><h2>{{title}}</h2></div><section class="hours-simple__cards row row-cols-1 row-cols-lg-3 gap-lg-0" ref="slider" style="grid-column: 1 / 3;"><slot name="card-one"></slot><slot name="card-two"></slot><slot name="card-three"></slot></section></section></div><div v-else="" class=""><h2>{{title}}</h2><div class="card-grid"><slot name="card-one"></slot><slot name="card-two"></slot></div></div></div></template><template bsk-element="bsk-page-hero-img"><div @vue:mounted="init($el)" v-cloak="" class="bg-primary bg-gradient"><div v-if="videoId"><div class="video-banner position-relative overflow-hidden w-100 bg-dark"><div class="ytplayer position-absolute top-50 start-50" :id="videoId" :data-youtube-id="videoId" data-youtube-autoplay="true" data-is-hero="true"></div></div><section class="bg-white py-5 exclude-from-gap"><div class="container-xxl"><div class="row"><div class="col-12 text-body"><h1 class="h2 text-body text-center text-lg-start mb-3" v-if="searchTabs">{{title}}</h1><h1 class="h2 text-body text-center text-lg-start mb-4" v-else=""><i class="fas fa-car text-muted opacity-50 me-2"></i>{{title}}</h1><slot name="content"></slot></div></div></div></section></div><div v-else-if="is == 'lg'" class="main-image position-relative overflow-hidden w-100" :class="{
1606                'loaded': loaded,
1607                'bg-dark': !background,
1608                [background]: background
1609              }" :style="`--hero-height: ${heroHeight}; --hero-img-opacity: ${opacity}`"><picture v-if="imgSrc"><source v-if="imgSrcMob" :srcset="`${imgSrcMob}?imgeng=/w_400/h_300/m_cropbox/`" media="(max-width: 767px)" width="400"><img :src="`${imgSrc}?width=1500&amp;height=500&amp;scale=both&amp;mode=crop`" :alt="title" class="w-100 h-100 position-absolute"></picture><div class="main-image__text text-white text-center text-lg-start d-flex flex-column justify-content-center align-items-center position-absolute w-100 h-100 start-0 top-0 text-uppercase"><h1 class="h2" style="letter-spacing: 0.125rem">{{title}}</h1><p class="m-0 mx-auto px-3" style="max-width: 75rem">{{bodyText}}</p></div></div><div v-else-if="is == 'search'" class="position-relative py-5" :class="{
1610                'loaded': loaded,
1611                'bg-gradient': !imgSrc,
1612                [background]: background,
1613                'image-bg' : imgSrc
1614              }" :style="`--hero-image: url(${imgSrc});`"><div class="container-xxl"><div class="row"><div class="col-12"><div class="card blur-overlay rounded-3 text-dark" id="speedy-search"><div class="card-body p-3 p-xl-5"><h1 class="h2 text-center text-lg-start mb-3" v-if="searchTabs">{{title}}</h1><h1 class="h2 text-center text-lg-start mb-4 mb-lg-5" v-else=""><i class="fas fa-car text-muted opacity-50 me-2"></i>{{title}}</h1><p v-if="bodyText" style="max-width: 46.875rem">{{bodyText}}</p><slot name="content"></slot></div></div></div></div></div></div><div v-else="" class="position-relative text-white py-5" :class="{
1615                'loaded': loaded,
1616                'bg-dark': !background,
1617                [background]: background,
1618                'image-bg' : imgSrc
1619              }" :style="`--hero-image: url(${imgSrc});`"><div class="container-xxl"><div class="row"><div class="col-12 my-5 text-center text-lg-start"><h1 class="h2" style="letter-spacing: 0.125rem">{{title}}</h1><p style="max-width: 46.875rem">{{bodyText}}</p></div></div></div></div></div></template><template bsk-element="bsk-page-hero"><div v-if="is == 'main'" class="position-relative pb-4" :class="imgSrc ? 'bg-img bg-black text-white' : 'bg-dark'"><picture v-if="imgSrc"><img :src="`${imgSrc}`" :alt="title" class="w-100 h-100 position-absolute opacity-50" style="object-fit: cover;"></picture><div class="container-xxl position-relative"><div class="d-flex"><div class="pt-2 w-100"><slot name="body-copy-one"></slot><hr></div></div><div class="d-flex flex-column flex-lg-row align-items-stretch align-items-lg-center justify-content-lg-between gap-3 pt-4 text-center text-lg-start"><div class="flex-grow-1"><h1 v-if="title">{{title}}</h1><slot name="body-copy-two"></slot></div><div class="flex-grow-1"><slot name="body-copy-three"></slot></div></div></div></div><div v-else-if="is == 'offset'" :class="imgSrc ? 'bg-img bg-black text-white' : 'bg-dark'" class="position-relative pb-0 pb-lg-4"><picture v-if="imgSrc"><img :src="`${imgSrc}`" :alt="title" class="w-100 h-100 position-absolute opacity-50" style="object-fit: cover;"></picture><div class="container-xxl position-relative"><div class="d-flex"><div class="pt-2 w-100"><slot name="body-copy-one"></slot><hr></div></div><div class="offset-row row mt-3 mt-lg-5"><div class="col-12 col-lg-5 d-flex"><div class="d-flex align-self-end w-100 justfiy-content-end flex-column"><h1 v-if="title">{{title}}</h1><hr><slot name="body-copy-two"></slot></div></div><div class="col-12 col-lg-7 px-0 px-lg-3 pt-4 pt-lg-0"><slot name="body-copy-three"></slot></div></div></div></div><div v-else-if="is == 'breadcrumb-overlay'" class="position-relative pb-0 pb-lg-4"><div class="bg-dark bg-opacity-50 position-absolute w-100" style="z-index: 9;"><div class="container-xxl w-100"><div class="d-flex"><div class="py-2 w-100"><slot name="body-copy-one"></slot></div></div></div></div><div v-if="imgSrc" class="ratio ratio-16x9 overflow-hidden" style="max-height: 666px;"><picture><source :srcset="`${imgSrc}?width=1900`" media="(min-width: 1200px)" width="1900"><source :srcset="`${imgSrc}?width=936`" media="(min-width: 992px)" width="936"><source :srcset="`${imgSrc}?width=696`" media="(min-width: 768px)" width="696"><img :src="`${imgSrc}?width=540`" :alt="`${title}`" class="w-100 h-100" style="object-fit: cover;"></picture></div></div><div v-else="" class="position-relative pb-4 bg-black"><div class="container-xxl position-relative"><div class="d-flex"><div class="pt-2 w-100"><slot name="body-copy-one"></slot><hr></div></div><div class="d-flex flex-column align-items-center justifiy-content-center gap-3 pt-4 text-center"><div class="flex-grow-1"><h1 v-if="title">{{title}}</h1><slot name="body-copy-two"></slot></div><div class="flex-grow-1"><slot name="body-copy-three"></slot></div></div></div></div></template><template bsk-element="bsk-review"><article><blockquote v-if="is == 'bordered'" class="card testimonial py-3" @vue:mounted="init($el)" itemprop="review" itemscope="" itemtype="http://schema.org/Review"><div class="card-body p-4 px-5"><div class="d-flex align-items-center h-100 flex-wrap justify-content-center justify-content-lg-between position-relative"><div class="flex-c-col align-items-lg-start gap-1 mb-2"><div class="fw-semi"><span style="font-style: normal;" itemprop="author">{{sourceName}}</span><span v-if="location">,</span> <span>{{location}}</span></div><div class="testimonial__rating mb-0 gap-1 flex-c justify-content-start" itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating">
1619<meta itemprop="ratingValue" :content="rating"><meta itemprop="bestRating" content="5"><meta itemprop="worstRating" content="0"><i v-for="star in solidStars" class="fa-solid fa-star h5"></i> <i v-for="star in emptyStars" class="fa-regular fa-star h5"></i> <span class="visually-hidden">Rating: <span>{{rating}}</span> / 5</span></div><time class="small text-dark-gray position-lg-absolute top-0 end-0" :data-date="reviewDate">{{reviewDate}}</time></div><p class="testimonial__body card-text clamp text-center text-lg-start" itemprop="description"><slot name="body"></slot></p></div></div></blockquote><blockquote v-else="" class="card testimonial py-3 border-0" @vue:mounted="init($el)" itemprop="review" itemscope="" itemtype="http://schema.org/Review"><div class="row"><div class="col-12"><div class="card-body p-0"><div class="row"><div class="col-12"><div class="row justify-content-between align-items-center"><div class="col-12 col-md-auto text-center mb-3"><div class="fw-semi mb-2"><span style="font-style: normal;" itemprop="author">{{sourceName}}</span><span v-if="location">,</span> <span>{{location}}</span></div><div class="testimonial__rating mb-0 flex-c justify-content-center" itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating"><meta itemprop="ratingValue" :content="rating"><meta itemprop="bestRating" content="5"><meta itemprop="worstRating" content="0"><i v-for="star in solidStars" class="fa-solid fa-star"></i> <i v-for="star in emptyStars" class="fa-regular fa-star"></i> <span class="visually-hidden">Rating: <span>{{rating}}</span> / 5</span></div></div><div class="col-12 col-md-auto text-center mb-3"><time class="text-muted fw-bold" :data-date="reviewDate">{{reviewDate}}</time></div></div></div></div><div class="row"><p class="card-text text-center text-lg-start" itemprop="description"><slot name="body"></slot></p></div></div></div></div></blockquote></article><hr v-if="is != 'bordered'"></template><template bsk-element="bsk-clear-filters">
1620    <a :class="btnClass" :href="targetPage">
1621        {{text}}
1622    </a>
1623</template><template bsk-element="bsk-shortlist-ajax">
1624
1625</template>
1626<template bsk-element="bsk-shortlist-compare"><div v-if="store.sl.cars.length === 0" class="text-center"><p>You have no vehicles in your shortlist.</p><a href="/used-vehicles/" class="btn btn-primary">View our used vehicles</a></div><div v-else="" class="table-responsive"><table border="1" cellspacing="0" cellpadding="0" class="table table-bordered compare"><tbody><tr><th class="align-middle text-center" scope="col" colspan="2">Vehicle</th><th class="align-middle text-center" scope="col">Price</th><th class="align-middle text-center" scope="col">Mileage</th><th class="align-middle text-center" scope="col">Registration Year</th><th class="align-middle text-center" scope="col">Fuel Type</th><th class="align-middle text-center" scope="col">Colour</th><th class="align-middle text-center" scope="col">Transmission</th><th class="align-middle text-center" scope="col"></th></tr><tr v-for="car in store.sl.cars"><td class="py-0 ps-0" colspan="2"><div class="d-flex gap-2 align-items-center position-relative"><div class="ratio ratio-16x9" style="max-width: 180px;"><img :src="car.image" :alt="car.model" style="object-fit: cover;" width="250" border="0"></div><span>{{car.manufacturer}} {{car.model}} {{car.version}}</span> <a :href="car.url" title="View this vehicle" class="stretched-link"></a></div></td><td class="align-middle text-center">£{{car.price}}</td><td class="align-middle text-center">{{car.mileage}} miles</td><td class="align-middle text-center">{{car.reg}}</td><td class="align-middle text-center">{{car.fuelType}}</td><td class="align-middle text-center">{{car.colour}}</td><td class="align-middle text-center">{{car.transmission}}</td><td class="align-middle text-center"><span class="btn btn-sm btn-outline-danger px-3" @click.prevent="store.sl.rmFromSummary(car, $el)" style="cursor: pointer;">Remove</span></td></tr></tbody></table></div></template><template bsk-element="bsk-shortlist-global-heart"><a href="/shortlist/" class="text-decoration-none"><span v-cloak="" class="global-heart" :class="childClass !== undefined &amp;&amp; childClass" :data-count="store.sl.count"><span v-if="store.sl.count < 1"><i class="fa-regular fa-heart"></i> </span><span v-else=""><i class="fa-solid fa-heart"></i> </span><span class="small">{{store.sl.count &gt; 9 ? "9+" : store.sl.count}}</span></span></a></template><template bsk-element="bsk-shortlist-item-count">
1627    <span>{{store.sl.cars.length}}</span>
1628  </template><template bsk-element="bsk-shortlist-loading">
1629    <div v-if="loading" class="w-100 flex-c m-5 p-5" @vue:mounted="init($el)" style="min-height : 50vh;">
1630        <div
1631            class="spinner-border text-secondary"
1632            style="width: 5rem; height: 5rem"
1633            role="status">
1634            <span class="visually-hidden">Loading...</span>
1635        </div>
1636    </div>
1637</template>
1638<template bsk-element="bsk-shortlist-local-heart"><span v-cloak="" ref="props.data.url" style="cursor: pointer" class="local-heart stretched-link" :class="[childClass, addedToList === false ? 'gtm-track--garage_add' : 'gtm-track--garage_remove']" :data-select-msg="addedToList === false ? 'select' : 'selected'" @vue:mounted="init($el)" @click.prevent="toggleShortlist($el)"><span v-if="store.sl.isShortlistPage"><i class="fa-solid fa-trash text-danger"></i> </span><span v-else-if="!addedToList"><i class="fa-regular fa-heart"></i> </span><span v-else=""><i class="fa-solid fa-heart"></i></span></span></template><template bsk-element="bsk-shortlist-summary">
1639    <div v-if="store.sl.cars == 0">
1640        <h3>Used Car Shortlist</h3>
1641        <p>Did you know you could add used cars to your shortlist? When viewing a car you like, simply click on
1642            the "Add to Shortlist" button, and it'll be saved here so you can access it later.</p>
1643    </div>
1644    <div v-else class="row">
1645        <div v-for="car in store.sl.cars" class="col-12 col-sm-6 col-md-4 col-lg-3 col-xxl-2">
1646            <div class="card">
1647                <a :href="car.url" :title="car.model" class="gtm-track--repeater_image position-relative">
1648                    <img :src="car.image" :alt="car.model" class="w-100 img-fluid">
1649                    <span class="position-absolute top-0 end-0 pe-3 pt-2" @click.prevent="rmFromShortlist(car, $el)"><i
1650                            class="fa-solid fa-heart fs-5 text-white"></i></span>
1651                </a>
1652                <div class="flex-c-col gap-1 px-3 py-2 text-center">
1653                    <h3 class="vehicle-card-titles__title card-title mb-0 text-capitalize fs-5">{{car.manufacturer}}
1654                        {{car.model}}</h3>
1655                    <h6 class="vehicle-card-titles__sub-title mb-0">{{car.version}}</h6>
1656                </div>
1657                <div class="card-body pt-0">
1658                    <div class="row row-cols-1 gap-1 px-3">
1659                        <a class="btn btn-primary btn-sm" :href="car.url">View Vehicle</a>
1660                    </div>
1661                </div>
1662            </div>
1663        </div>
1664    </div>
1665</template><template bsk-element="bsk-simple-spotlight-group">
1666  <div v-wrap :class="is == 'strip' ? 'container-fluid bg-light mb-0' : ''">
1667    <div class="container">
1668      <div
1669        class="row row-cols-1 row-cols-lg-3"
1670        :class="is != 'strip' ? 'gap-5 gap-lg-0' : 'bg-light'"
1671        @vue:mounted="init($el)"
1672      ></div>
1673    </div>
1674  </div>
1675</template>
1676<template bsk-element="bsk-simple-spotlight"><div class="col"><div class="card bg-light" :class="is != 'bordered' ? 'border-0 flex-row py-3' : 'p-5 mx-4 gap-3 shadow-sm'"><div class="card-body p-0 gap-2" :class="is == 'strip' ? 'flex-c' : 'flex-c-col text-center'" style="margin-bottom: -0.5rem"><i :class="
1677          [
1678          icon,
1679          is == 'strip' ? 'fs-6' : 'display-1 text-muted'
1680          ]" style="transform: translateY(-3.6px)"></i><h5 class="card-title mb-0" :class="is == 'strip' ? 'fs-6 mb-2 lh-sm' : ''">{{ title }}</h5><p class="card-text mb-0" :class="is == 'strip' ? 'd-none' : ''" style="max-width: 42ch">{{body}}</p><a v-if="url" :href="url" class="stretched-link" style="height: 0px; display: inline"></a></div></div></div></template><template bsk-element="bsk-thumbnail-logo-links"><div class="bg-white p-3 d-grid gap-2" data-mh="spotlight-tags" style="height: 67px;" :style="{ '--logo-cols': logoCols }" @vue:mounted="init($el)"><a v-for="csv in totalLogoLinksToInject" class="flex-c" :href="splitAndTrim(csv, 1)" tabindex="0"><img :src="splitAndTrim(csv, 2)" height="35" width="auto" :alt="splitAndTrim(csv, 0)" class="mx-0 w-100 h-auto" loading="lazy"></a></div></template><template bsk-element="bsk-thumbnail"><article v-if="is == 'icon'" class="bsk-thumbnail-icon card overlay border-1 rounded overflow-hidden position-relative" :style="{ '--line-clamp': lineClampLength }"><a :href="linkUrl" class="gtm-track--repeater_image text-body text-decoration-none" tabindex="0" :target="linkNewTab ? '_blank' : '_self'"><div class="bsk-thumbnail__content card-body p-5"><img :src="`${imgSrc}?imgeng=/w_200/h_150/m_cropbox/`" :alt="title" class="d-block mx-auto mw-100 h-auto mb-3 lazyloaded" loading="lazy" width="200" height="150"><div class="bsk-thumbnail__title card-title h5 text-center mb-0">{{title}}</div></div></a></article><article v-else="" class="bsk-thumbnail card overlay bg-black border-0 rounded overflow-hidden position-relative" :style="{ '--line-clamp': lineClampLength }"><a :href="linkUrl" class="gtm-track--repeater_image text-white" tabindex="0" :target="linkNewTab ? '_blank' : '_self'"><div class="ratio ratio-16x9"><picture><source v-if="imgSrcLarge" :srcset="`${imgSrcLarge}?imgeng=/w_600/h_400/m_cropbox/`" media="(min-width: 1200px)" width="1110"><source v-if="imgSrcMedium" :srcset="`${imgSrcMedium}?imgeng=/w_600/h_400/m_cropbox/`" media="(min-width: 992px)" width="1110"><img :src="`${imgSrc}?imgeng=/w_600/h_400/m_cropbox/`" :alt="title" class="bsk-thumbnail__img w-100 h-100 lazyloaded" loading="lazy" width="282" height="211"></picture></div><div class="bsk-thumbnail__content card-body p-lg-4 bottom-0 position-absolute w-100"><div class="bsk-thumbnail__title card-title h3 mb-0 w-100">{{title}}</div></div></a></article><slot name="logo-links"></slot></template><template bsk-element="bsk-ucr-grid"><section v-cloak="" v-wrap="" class="container-xxl d-grid px-0" :class="[{'list-view' : store.ucr.gridType === 'list'}, {'list-transition' : listTransition}, {'grid-transition' : gridTransition}]" @vue:mounted="init($el)"></section></template><template bsk-element="bsk-ucr-list-grid-toggle"><div @vue:mounted="init($el)" class="flex-c gap-1"><span class="border border-1 rounded py-1 px-2 bg-light" @click="store.ucr.gridType = 'grid'" :class="store.ucr.gridType == 'grid' ? 'active' : ''" style="cursor: pointer"><i class="fs-6 fa-solid fa-grid"></i> </span><span class="border border-1 rounded py-1 px-2 bg-light" @click="store.ucr.gridType = 'list'" :class="store.ucr.gridType == 'list' ? 'active' : ''" style="cursor: pointer"><i class="fs-6 fa-solid fa-list"></i></span></div></template><template bsk-element="bsk-vehicle-card-actions"><a v-if="is == 'stretched'" :href="url" class="stretched-link"></a> <a v-else="" class="gtm-track--repeater_button" :class="is == 'blank' ? 'p-0' : 'btn btn-outline-dark d-flex justify-content-center btn-block'" :href="url" :title="`${regyear} ${manufacturer} ${model} | £${price}`" :data-vehicle_regyear="regyear" :data-vehicle_manufacturer="manufacturer" :data-vehicle_model="model" :data-vehicle_version="version" :data-vehicle_price="price" :data-vehicle_stockid="stockid" data-item_index="index" data-link_identifier="list image" data-item_description="Car Thumbnail">View details</a></template><template bsk-element="bsk-vehicle-card-body"><div class="card-body p-3 text-body bg-white" :class="store.ucr.gridType == 'list' ? 'd-flex flex-column gap-3 justify-content-center h-100' : 'gap-2'"><slot name="title"></slot><slot name="spec"></slot><slot name="location"></slot><div class="gap-3 d-flex" :class="store.ucr.gridType == 'list' ? 'flex-column gap-3' : 'flex-column'"><slot name="price"></slot><slot name="actions"></slot></div></div></template><template bsk-element="bsk-vehicle-card-icon"><a v-if="url" :href="url" :target="target" class="text-decoration-none text-dark"><i :style="{ '--circle-size': circle }" :class="[icon , {'d-flex flex-c border border-3 border-dark rounded-circle' : circle }]"></i> </a><i v-else="" :style="{ '--circle-size': circle }" :class="[icon , {'d-flex flex-c border border-3 border-dark rounded-circle' : circle }]"></i></template><template bsk-element="bsk-vehicle-card-img-count"><aside class="badge d-flex align-items-center gap-2 bg-black bg-opacity-50 text-white rounded small m-1"><span v-if="imgCount > 0" class="d-flex fw-normal align-items-center"><i class="fa-regular fa-image"></i> <span>&nbsp; {{imgCount}}</span> </span><span v-if="hasVideo"><i class="fa-regular fa-video"></i></span></aside></template><template bsk-element="bsk-vehicle-card-img"><a :href="url" class="vehicle-card-img gtm-track--repeater_image card-head" :title="title" :data-vehicle_regyear="regyear" :data-vehicle_manufacturer="manufacturer" :data-vehicle_model="model" :data-vehicle_version="version" :data-vehicle_price="price" :data-vehicle_stockid="stockid" data-item_index="index" data-link_identifier="list image" data-item_description="Car Thumbnail"><div class="ratio" style="--bs-aspect-ratio: 70%;" :class="store.ucr.gridType == 'list' ? 'h-100' : ''"><img :src="imgSrc ? imgSrc : 'https://bluesky.sirv.com/Websites/cog_boilerplate/images/noimage.jpg'" :data-src="imgSrc ? imgSrc : 'https://bluesky.sirv.com/Websites/cog_boilerplate/images/noimage.jpg'" class="vehicle-card-img__img mw-100 lazyloaded" :class="store.ucr.gridType == 'list' ? 'list-view rounded-start' : 'rounded-top'" width="500" :alt="title"><noscript><img class="vehicle-card-img__img card-img-top" :class="store.ucr.gridType == 'list' ? 'list-view' : ''" :src="imgSrc" :alt="title"></noscript></div></a></template><template bsk-element="bsk-vehicle-card-location"><a :href="locationUrl" class="text-start d-block text-decoration-none text-dark"><i class="fa-solid fa-location-pin me-1"></i> {{location}}</a></template><template bsk-element="bsk-vehicle-card-pricing"><div class="d-flex flex-wrap gap-3 gap-xl-5 align-items-end flex-grow-1" bsk-mh="price"><div v-if="sold == true"><p class="h3 mb-0">Sold</p></div><div v-else=""><p class="small mb-0" v-if="price < was &amp;&amp; was != '~'">Was £{{formatThousands(was)}}</p><p class="small mb-0" v-else="">Only</p><p class="h3 mb-0">£{{formatThousands(price)}}<span v-if="vat != '~'" class="vat"> {{vat}}</span></p></div><div v-if="monthly != '~' &amp;&amp; monthlyHide != true &amp;&amp; sold != true"><p class="small mb-0">From</p><p class="h3 mb-0">£{{monthly}}<span class="h6">PM</span></p></div></div></template><template bsk-element="bsk-vehicle-card-sash"><div class="sash m-1"><div class="badge" :class="`bg-${color}`">{{text}}</div></div></template><template bsk-element="bsk-vehicle-card-specs"><div class="vehicle-card-specs p-0"><p class="vehicle-card-specs__copy card-text mb-0 text-gray-dark small" :class="
1681            [
1682            specs.split('|').length > 3 ? 'd-grid' : 'd-flex flex-wrap',
1683            is == 'pills' ? 'px-xl-1 px-xxl-2 justify-content-around' : '',
1684            is != 'bordered' ? '' : '',
1685            is == 'default' &amp;&amp; icons == false ? 'border-1 border-top border-bottom' : '',
1686            store.ucr.gridType == 'list' ? 'list-view' : ''
1687            ]"><span v-for="spec, index in specs.split('|')" class="" :class="[
1688                is == 'pills' ? 'p-1 px-2 px-xl-1 px-xxl-2 bg-light rounded-pill border border-1' : '', icons != false ? 'has-icons' : ''
1689                ]"><span class="spec-info"><span v-if="icons != false" class="" :class="icons.split('|')[index]"></span><span class="spec-text">{{!spec.includes(",") ? spec.replace(/([0-9]{4})$/, ",$1") : spec}}</span> </span><span v-if="index < specs.split('|').length - 1" class="separator">-</span></span></p></div></template><template bsk-element="bsk-vehicle-card-titles"><h3 class="vehicle-card-titles__title h4 card-title mb-0 text-capitalize" :class="store.ucr.gridType == 'list' ? 'list-view fs-2' : 'fs-4'">{{regyear == '~' ? '' : regyear}} {{manufacturer == '~' ? '' : manufacturer}} {{model == '~' ? '' : model}}</h3><h5 class="vehicle-card-titles__sub-title fw-normal text-gray-dark mb-0" :class="store.ucr.gridType == 'list-view' ? 'list' : ''">{{version == '~' ? '' : version}}</h5></template><template bsk-element="bsk-vehicle-card"><article v-wrap="" class="bsk-vehicle-card card w-100 overflow-hidden" bsk-mh="card" :class="{'list-view' : store.ucr.gridType === 'list'}"></article></template><template bsk-element="bsk-cap-data-point-group"><div @vue:mounted="init($el)"><slot name="cards"></slot>
1689<div class="cap-data-point-group-slider-dots position-relative"></div></div></template><template bsk-element="bsk-cap-data-point"><div v-if="is == 'card'" class="card align-items-center justify-content-evenly bg-light" @vue:mounted="init($el)"><span class="flex-c-col text-center"><span v-if="faIcon" class="mb-2"><i class="h1 mb-0 text-muted" :class="faIcon"></i> </span><span v-else="" class="mb-2"><img :src="imgSrc" :alt="dataTitle" width="40px" height="40px"></span><h5 class="card-title mb-0 h6">{{dataTitle}}</h5></span><h6 class="card-subtitle mb-0"><span class="h6" ref="subtitle">{{dataValue}}</span> <span>{{dataUnit}}</span></h6></div><div v-else-if="is == 'grid'" class="card border-0 col-12 col-md-auto"><div class="card-body text-start d-grid"><span v-if="faIcon"><i class="h3 mb-0 text-muted" :class="faIcon"></i> </span><span v-else=""><img :src="imgSrc" :alt="dataTitle" class="mb-0" width="35px" height="35px"></span><h6 class="card-title mb-0">{{dataTitle}}</h6><p class="card-text mb-0">{{dataValue}} <span>{{dataUnit}}</span></p></div></div><div v-else-if="is == 'row'" class="row-data"><div class="text-muted"><h6 class="card-title mb-0 visually-hidden">{{dataTitle}}</h6><p class="card-text mb-0"><i v-if="faIcon" class="mb-0" :class="faIcon"></i> {{dataValue}} <span v-if="dataUnit">{{dataUnit}}</span></p></div></div><div v-else="" class="d-flex align-items-center gap-1"><span v-if="faIcon"><i class="mb-0" :class="faIcon"></i> </span><span v-else=""><img :src="imgSrc" :alt="dataTitle" width="30px" height="30px"></span><p class="card-title mb-0">{{dataValue}} <span>{{dataUnit}}</span></p></div></template><template bsk-element="bsk-features-list">
1690    <ul class="list-unstyled row" :class="rowCols" @vue:mounted="init($el)">
1691        <li v-for="feature in features.split(',')" class="mb-1">
1692            <span v-show="feature != ''">
1693                <i class="text-primary me-1" :class="faIcon"></i>
1694            </span>{{feature.trim()}}
1695        </li>
1696    </ul>
1697</template><template bsk-element="bsk-specs-table"><table class="table overflow-hidden text-inherit" :class="tableClass" @vue:mounted="init($el)"><tbody class="row row-cols-1 gx-lg-7" :class="rowCols"><tr v-for="(value, key) in specsObj"><th scope="row">{{key.trim()}}</th><td class="text-end fw-bold">{{value.trim()}}</td></tr></tbody></table></template><template bsk-element="bsk-sticky-summary"><div @vue:mounted="init($el)" ref="sticky" class="sticky container-fluid bg-dark text-white start-0 p-2 position-fixed w-100" :class="{'fixed': fixToTop, 'top-0': fixToTop}"><div class="d-grid container-xxl py-1"><div class="flex-c justify-content-start gap-4"><slot name="image"></slot><p class="flex-c my-0"><slot name="titles"></slot></p></div><div class="d-none d-xl-flex flex-c gap-4 border-start border-end"><span class="col-auto">{{specOne}}</span> <span class="col-auto">{{specTwo}}</span> <span class="col-auto">{{specThree}}</span></div><div class="d-none d-md-flex flex-c justify-content-end"><h3 v-if="price" class="d-none d-md-block h5 fw-normal flex-c-col flex-lg-row gap-2 mb-0 pe-xxl-3"><span v-show="fromPrice">From </span><span>£{{price}}</span> <span class="fs-6">or</span> <span>£{{monthlyPrice ? monthlyPrice : 'POA'}}</span> <span class="fs-6">p/m</span></h3><div v-if="ctaUrl" class="flex-c"><a :href="ctaUrl" class="btn btn-primary gtm-track--btn_email ms-2">{{btnText || 'Enquire Now'}}</a></div><slot name="shortlist"></slot></div></div></div></template><template bsk-element="bsk-vehicle-img-count"><aside class="fs-5 p-2 d-flex align-items-center gap-2"><span v-if="imgCount > 0" class="d-flex badge bg-light text-dark fw-normal"><i class="fa-light fa-camera pe-1 py-1"></i> <span class="d-block" style="transform: translateY(5px)">{{imgCount}} </span></span><span v-if="hasVideo" class="badge bg-light text-dark"><i class="fa-light fa-video py-1"></i></span></aside></template><template bsk-element="bsk-version-select"><div class="container-fluid bg-light py-5" @vue:mounted="init($el)"><div class="container" style="max-width: 1200px;"><div class="row"><div class="col-12"><h3 class="text-center mb-4">Select your model</h3><p v-if="currentVehicleModelVersion" class="text-center mb-4"><strong class="fw-bold">Current model:</strong> <span ref="model" class="">{{currentVehicleModelVersion}}</span> <strong ref="price" class="fw-bold">£{{price}}</strong></p></div></div><div class="version-select d-grid" id="version-select"><div class="form-group" style="--col-start-desk : 1;"><span class="d-block mb-2">Fuel</span><slot name="fuel"></slot></div><div class="form-group" style="--col-start-desk : 2;"><span class="d-block mb-2">Transmission</span><slot name="transmission"></slot></div><div class="form-group" style="--col-start-desk : 3;"><span class="d-block mb-2">Trim</span><slot name="trim"></slot></div><div class="form-group mb-4 mb-xl-0" style="--col-start-desk : 4;"><span class="d-block mb-2">Version</span><slot name="version"></slot></div><div class="form-group flex-c"><slot name="submit"></slot></div></div></div></div></template><template bsk-element="bsk-version"><section class="container py-5" @vue:mounted="init($el)"><div class="row"><div class="flex-c-col gap-3 mb-5"><img :src="`${imgSrc}`" :data-src="imgSrc" :alt="currentVehicleModelVersion" width="400" height="300" class="img-fluid" style="width: max(4
16970vw, 250px);"><p class="text-center mb-0"><small>Images shown for illustration purpose only</small></p><span v-if="is == 'modal'" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#versionModal">View Specs</span></div><div class="col-12 mb-5"><slot name="data-cards"></slot></div><div v-if="is != 'modal'" class="col-12"><a :href="usedVehiclePageUrl" class="btn btn-primary d-block mx-auto" style="width: fit-content;">View Model</a></div></div></section><section v-show="is != 'modal'" class="container pt-4 pb-5"><h2 class="text-center mb-4">Specifications</h2><ul class="spec-items overflow-hidden position-relative" ref="specNoModal" :style="specsDynamicInlineStyles" data-test="here"><li v-for="spec in arrayFromCsv(specItems)">{{spec}}</li></ul><button class="btn btn-outline-primary d-block mx-auto" @click.prevent="toggleMoreSpecs($el)">View {{showAllSpecs ? 'less' : 'all'}}</button></section><div v-if="is == 'modal'" class="modal fade" id="versionModal" ref="modal" tabindex="-1" aria-labelledby="versionModalLabel" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="max-width: 960px;"><div class="modal-content"><div class="modal-header align-items-start"><div class="p-0"><h3 class="mb-0 h2">{{currentVehicleModelVersion}}</h3><p class="mb-2">£{{price}}</p><img :src="`${imgSrc}?quality=1`" :data-src="imgSrc" :alt="currentVehicleModelVersion" width="400" height="300" class="img-fluid" style="width: max(10vw, 200px);"></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="transform: translateY(6px);"></button></div><div class="modal-body"><ul class="spec-items"><li v-for="spec in arrayFromCsv(specItems)" :key="spec">{{spec}}</li></ul></div><div class="modal-footer"><a :href="modalCtaOneUrl" class="btn btn-primary">Enquire</a> <a :href="modalCtaTwoUrl" class="btn btn-outline-primary">Test drive</a></div></div></div></div></template><template bsk-element="bsk-anchor-group"><section @vue:mounted="init($el)" class="sticky w-100" :class="{'fixed top-0': fixToTop}" id="bsk-scrollspy-outer"><div class="bg-light w-100"><nav id="bsk-scrollspy" class="d-flex align-items-center justify-content-start w-100 mb-4 mb-lg-0 px-3 py-2"><ul class="nav gap-0 mb-0 me-auto"><li v-for="(obj,index) in arrOfObjs" :key="index" class="nav-item"><a class="nav-link" :href="obj.href">{{obj.text}}</a></li></ul><slot name="ctas"></slot></nav></div></section></template><template bsk-element="bsk-snap-slider"><h2 v-if="title" class="text-center mb-4 mb-md-5">{{title}}</h2><section @vue:mounted="init($el)" :style="slidesToShowVar" class="position-relative" :class="arrows == 'side' ? 'px-lg-7' : ''"><div v-if="arrows == 'side'" class="position-absolute top-0 start-0 h-100 flex-c-col d-none d-lg-flex" style="z-index : 10;"><button v-if="showArrows" class="arrow -prev side-arrow" type="button" @click.prevent="slideTo('prev')"><i class="fa-regular fa-arrow-left display-5 mb-0"></i></button></div><div v-if="arrows == 'side'" class="position-absolute top-0 end-0 h-100 flex-c-col d-none d-lg-flex" style="z-index : 10;"><button v-if="showArrows" class="arrow -next side-arrow" type="button" @click.prevent="slideTo('next')"><i class="fa-regular fa-arrow-right display-5 mb-0"></i></button></div><div ref="slider"><slot name="slides"></slot></div></section><div v-if="showDots || arrows  == 'bottom'" class="flex-c" :class="hideDots ? 'd-none' : ''"><button v-if="arrows  == 'bottom' &amp;&amp; showArrows" class="arrow -prev" type="button" @click.prevent="slideTo('prev')"><i class="fa-regular fa-chevron-left h4 mb-0 text-muted"></i></button><div v-if="showDots" class="dots pt-3 pt-md-5"><button v-for="(dot, index) in dotButtons" :key="dot" class="dot indicator" :class="{'active' : activeSlide == index}" :data-index="index" type="button" @click.prevent="slideTo(index)"><span class="visually-hidden">Simple slide {{index}}</span> <span v-if="index == '0'" class="visually-hidden current-indicator">(current slide)</span></button></div><button v-if="arrows == 'bottom' &amp;&amp; showArrows" class="arrow -next" type="button" @click.prevent="slideTo('next')"><i class="fa-regular fa-chevron-right h4 mb-0 text-muted"></i></button></div><slot name="button"></slot></template><template bsk-element="bsk-speedy-search"><section class="search" v-if="tabs"><ul class="nav nav-tabs justify-content-evenly justify-content-sm-start mb-3" id="myTab" role="tablist"><li class="nav-item flex-grow-1 flex-sm-grow-0" role="presentation"><button class="nav-link w-100 active" :class="theme" id="one-tab" data-bs-toggle="tab" data-bs-target="#one" type="button" role="tab" aria-controls="one" aria-selected="true"><div class="d-flex px-1 gap-1 flex-row align-items-center"><i class="text-muted far" :class="{
1698                            'fa-car-side' : tab1 == 'cars',
1699                            'fa-truck' : tab1 == 'vans',
1700                            'fa-motorcycle' : tab1 == 'bikes',
1701                            'fa-caravan' : tab1 == 'caravans',
1702                            'fa-rv' : tab1 == 'motorhomes',
1703                        }"></i> <span>{{ tab1 }}</span></div></button></li><li class="nav-item flex-grow-1 flex-sm-grow-0" role="presentation"><button class="nav-link w-100" :class="theme" id="two-tab" data-bs-toggle="tab" data-bs-target="#two" type="button" role="tab" aria-controls="two" aria-selected="false"><div class="d-flex px-1 px-md-3 gap-1 flex-row align-items-center"><i class="text-muted far" :class="{
1704                            'fa-car-side' : tab2 == 'cars',
1705                            'fa-truck' : tab2 == 'vans',
1706                            'fa-motorcycle' : tab2 == 'bikes',
1707                            'fa-caravan' : tab2 == 'caravans',
1708                            'fa-rv' : tab2 == 'motorhomes',
1709                        }"></i> <span>{{ tab2 }}</span></div></button></li></ul><div class="tab-content" id="myTabContent"><div class="tab-pane fade show active" id="one" role="tabpanel" aria-labelledby="one-tab"><slot name="search1"></slot></div><div class="tab-pane fade" id="two" role="tabpanel" aria-labelledby="tw
1709o-tab"><slot name="search2"></slot></div></div></section><section class="search" v-else=""><div class="row"><div class="col-12 col-lg-9"><slot name="search"></slot><slot name="more"></slot></div><div class="col-12 col-lg-3 d-flex flex-column-reverse flex-lg-column"><slot name="button"></slot><slot name="toggle"></slot></div></div></section></template><!--cms-disable-->
1710<!-- JS Bundle -->
1711<script src="https://bluesky.sirv.com/Global/Vendors/lazysizes/lazysizes.min.js"></script>
vendor: 1 bytes, line 1711
1711
1712<script src="https://bluesky.sirv.com/Global/Vendors/modernizr/modernizr.js"></script>
1712
1713
1714<!--/cms-disable-->
1714<script defer="defer" src="/dist/bootstrap.0f6ccabbcda2c9074754.js"></script>
1714<script defer="defer" src="/dist/fontawesome.f6ce6635496d51560b3a.js"></script>
1714
1715<!-- non-essential css loaded here to reduce render blocking -->
1716<link href="https://bluesky.sirv.com/Global/Assets/Fonts/UKNumberPlate/style.css" rel="stylesheet" media="all">
1717</body>
1718</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.