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="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" /> 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('__doPostBack(\'MakeField$DD\',\'\')', 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('__doPostBack(\'ModelField$DD\',\'\')', 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('__doPostBack(\'MinPrice$DD\',\'\')', 0)" id="MinPrice_DD" class="form-select"> 365 <option selected="selected" value="-1">Min</option> 366 <option value="5000">£5,000</option> 367 <option value="6000">£6,000</option> 368 <option value="7000">£7,000</option> 369 <option value="8000">£8,000</option> 370 <option value="9000">£9,000</option> 371 <option value="10000">£10,000</option> 372 <option value="11000">£11,000</option> 373 <option value="12000">£12,000</option> 374 <option value="13000">£13,000</option> 375 <option value="14000">£14,000</option> 376 <option value="15000">£15,000</option> 377 <option value="16000">£16,000</option> 378 <option value="17000">£17,000</option> 379 <option value="18000">£18,000</option> 380 <option value="19000">£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('__doPostBack(\'MaxPrice$DD\',\'\')', 0)" id="MaxPrice_DD" class="form-select"> 399 <option selected="selected" value="-1">Max</option> 400 <option value="6000">£6,000</option> 401 <option value="7000">£7,000</option> 402 <option value="8000">£8,000</option> 403 <option value="9000">£9,000</option> 404 <option value="10000">£10,000</option> 405 <option value="11000">£11,000</option> 406 <option value="12000">£12,000</option> 407 <option value="13000">£13,000</option> 408 <option value="14000">£14,000</option> 409 <option value="15000">£15,000</option> 410 <option value="16000">£16,000</option> 411 <option value="17000">£17,000</option> 412 <option value="18000">£18,000</option> 413 <option value="19000">£19,000</option> 414 <option value="20000">£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('__doPostBack(\'MinFinancePrice$DD\',\'\')', 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('__doPostBack(\'MaxFinancePrice$DD\',\'\')', 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('__doPostBack(\'TransmissionField$DD\',\'\')', 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('__doPostBack(\'FuelTypeField$DD\',\'\')', 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('__doPostBack(\'BodyTypeField$DD\',\'\')', 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('__doPostBack(\'MinMileage$DD\',\'\')', 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('__doPostBack(\'MaxMileage$DD\',\'\')', 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&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&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&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 & 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 & 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 & 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&S Motors Ltd</h5> 1010 1011 1012 1013 1014 1015<div class="advanced__textarea"> 1016 <p>R&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&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&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>© 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' && 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 && !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 && 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 && 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' && ! 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&height=500&scale=both&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 && 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 > 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> {{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 && 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 != '~' && monthlyHide != true && 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' && 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' && 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' && 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.