Car Care - SpeedBroker

<!DOCTYPE html> <html lang="en-GB" > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Car Care - SpeedBroker</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//use.typekit.net' /> <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='stylesheet' id='wp-block-library-css' href='https://speedbroker.co.uk/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='automaticcss-css' href='https://speedbroker.co.uk/wp-content/uploads/automatic-css/automatic.css?ver=1655205198' media='all' /> <link rel='stylesheet' id='oxygen-css' href='https://speedbroker.co.uk/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='cmplz-general-css' href='https://speedbroker.co.uk/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=6.2.4' media='all' /> <link rel='stylesheet' id='oxy_toolbox_back_to_top_style-css' href='https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/back-to-top/css/style.css?ver=1.5.6' media='all' /> <link rel='stylesheet' id='oxy_toolbox_reading_progress_bar_style-css' href='https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/reading-progress-bar/css/style.css?ver=1.5.6' media='all' /> <link rel='stylesheet' id='oxy_toolbox_essentials_style-css' href='https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/essentials/css/style.css?ver=1.5.6' media='all' /> <script src="https://speedbroker.co.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://use.typekit.net/pjm2mry.js?ver=6.7.1" id="oxygen-adobe-typekit-js"></script> <script id="oxygen-adobe-typekit-js-after"> try{Typekit.load({ async: true });}catch(e){} </script> <script defer src="https://kit.fontawesome.com/32af9a972e.js" id="font-awesome-latest-js"></script> <link rel="https://api.w.org/" href="https://speedbroker.co.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://speedbroker.co.uk/wp-json/wp/v2/pages/164" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://speedbroker.co.uk/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://speedbroker.co.uk/car-care/" /> <link rel='shortlink' href='https://speedbroker.co.uk/?p=164' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://speedbroker.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspeedbroker.co.uk%2Fcar-care%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://speedbroker.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspeedbroker.co.uk%2Fcar-care%2F&format=xml" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/ScrollTrigger.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function(event) { function gsapGlobalValues(element){ const defaults = new Object(); defaults.anim = new Object(); defaults.st = new Object(); /*** EDIT THESE VALUES BELOW TO CHANGE THE DEFAULT ANIMATION STATE ***/ // GSAP Defaults defaults.anim.opacity = 0; // Starting Opacity (End opacity is always 1) defaults.anim.duration = 0.7; // 1 = 1 second defaults.anim.delay = 0.2; // 0.2 by default as it allows a small window for page load to finish and show a smooth animation defaults.anim.scale = 1; defaults.anim.ease = "power1.inOut"; // https://greensock.com/docs/v3/Eases for options defaults.anim.intensity = 100; // This is a px value but DO NOT include 'px' // ScrollTrigger Defaults defaults.st.repeat = "play none none reverse"; defaults.st.start = "0% 95%"; // [trigger] [scroller] positions defaults.st.end = "50% 95%"; // [trigger] [scroller] positions /*** STOP EDITING ***/ defaults.st.trigger = element; return defaults; } function getAnimValues(element){ let defaults = gsapGlobalValues(element); const values = new Object(); values.anim = new Object(); values.st = new Object(); /*-----------------*/ /* Animation Values*/ /*-----------------*/ // Check for Custom Values var anim_opacity = element.getAttribute('data-anim-opacity'); var anim_duration = element.getAttribute('data-anim-duration'); var anim_delay = element.getAttribute('data-anim-delay'); var anim_scale = element.getAttribute('data-anim-scale'); var anim_ease = element.getAttribute('data-anim-ease'); var anim_intensity = element.getAttribute('data-anim-intensity'); // Set default value if no custom value found if (!anim_opacity) { var anim_opacity = defaults.anim.opacity; } if (!anim_duration) { var anim_duration = defaults.anim.duration; } if (!anim_delay) { var anim_delay = defaults.anim.delay; } if (!anim_scale) { var anim_scale = defaults.anim.scale; } if (!anim_ease) { var anim_ease= defaults.anim.ease; } if (!anim_intensity) { var anim_intensity = defaults.anim.intensity; } values.anim.opacity = anim_opacity; values.anim.duration = anim_duration; values.anim.delay = anim_delay; values.anim.scale = anim_scale; values.anim.ease = anim_ease; values.anim.intensity = anim_intensity; /*---------------------*/ /* scrollTrigger Values*/ /*---------------------*/ // Set default value if no custom value found var st_trigger = element.getAttribute('data-anim-trigger'); if (!st_trigger){ var st_trigger = defaults.st.trigger; } var st_repeat = element.getAttribute('data-anim-repeat'); if(st_repeat === "false") { st_repeat = "play none none none"; } else if (!st_repeat) { st_repeat = defaults.st.repeat; } var st_start = element.getAttribute('data-anim-start'); if (!st_start){ var st_start = defaults.st.start; } var st_end = element.getAttribute('data-anim-end'); if (!st_end){ var st_end = defaults.st.end; } values.st.trigger = st_trigger; values.st.repeat = st_repeat; values.st.start = st_start; values.st.end = st_end; /*------------------------------------------------*/ /* Apply Default Values to GSAP and ScrollTrigger */ /*------------------------------------------------*/ // Set GSAP Default Values (Do Not Edit) gsap.defaults({ autoAlpha: 1, duration: defaults.anim.duration, delay: defaults.anim.delay, scale: defaults.anim.scale, ease: defaults.anim.ease }); // ScrollTrigger Default Values ScrollTrigger.defaults({ start: defaults.st.start, end: defaults.st.end }); return values; } function splitScrollTriggerPercentages($string){ var string = $string; var array = string.split(/ /g); var st_array = new Array(); st_array[0] = parseFloat(array[0]); st_array[1] = parseFloat(array[1]); return st_array; } //---------// // PRESETS // //---------// // Fade Preset // const animFade = document.querySelectorAll(".anim--fade"); animFade.forEach((element) => { let values = getAnimValues(element); gsap.from(element, { autoAlpha: values['anim']['opacity'], duration: values['anim']['duration'], delay: values['anim']['delay'], scale: values['anim']['scale'], ease: values['anim']['ease'], scrollTrigger: { trigger: values['st']['trigger'], start: values['st']['start'], end: values['st']['end'], toggleActions: values['st']['repeat'] } }); }); // Slide Up Preset // const animSlideUp = document.querySelectorAll(".anim--slide-up"); animSlideUp.forEach((element) => { let defaults = gsapGlobalValues(element); let values = getAnimValues(element); let startTrigger = splitScrollTriggerPercentages(values['st']['start']); let endTrigger = splitScrollTriggerPercentages(values['st']['end']); // Adjust ScrollTrigger Position based on y translation value let offset = 0 - parseFloat(values['anim']['intensity']); // See if scrollTrigger Start value has been changed if(values['st']['start'] === defaults.st.start){ var triggerStart = offset + " " + startTrigger[1] + "%"; } else { var triggerStart = startTrigger[0] + "% " + startTrigger[1] + "%"; } // See if scrollTrigger End value has been changed if(values['st']['end'] === defaults.st.end){ var triggerEnd = defaults.st.end; } else { var triggerEnd = endTrigger[0] + "% " + endTrigger[1] + "%"; } gsap.fromTo(element, { autoAlpha: values['anim']['opacity'], scale: values['anim']['scale'], y: 0 - offset },{ y: 0, duration: values['anim']['duration'], delay: values['anim']['delay'], ease: values['anim']['ease'], scrollTrigger: { trigger: values['st']['trigger'], start: triggerStart, end: triggerEnd, toggleActions: values['st']['repeat'] } }); }); // Slide Down Preset // const animSlideDown = document.querySelectorAll(".anim--slide-down"); animSlideDown.forEach((element) => { let defaults = gsapGlobalValues(element); let values = getAnimValues(element); let startTrigger = splitScrollTriggerPercentages(values['st']['start']); let endTrigger = splitScrollTriggerPercentages(values['st']['end']); // Adjust ScrollTrigger Position based on y translation value let offset = 0 - parseFloat(values['anim']['intensity']); // See if scrollTrigger Start value has been changed if(values['st']['start'] === defaults.st.start){ var triggerStart = offset + " " + startTrigger[1] + "%"; } else { var triggerStart = startTrigger[0] + "% " + startTrigger[1] + "%"; } // See if scrollTrigger End value has been changed if(values['st']['end'] === defaults.st.end){ var triggerEnd = defaults.st.end; } else { var triggerEnd = endTrigger[0] + "% " + endTrigger[1] + "%"; } gsap.fromTo(element, { autoAlpha: values['anim']['opacity'], scale: values['anim']['scale'], y: 0 + offset },{ y: 0, duration: values['anim']['duration'], delay: values['anim']['delay'], ease: values['anim']['ease'], scrollTrigger: { trigger: values['st']['trigger'], start: triggerStart, end: triggerEnd, toggleActions: values['st']['repeat'] } }); }); // Slide Left Preset // const animSlideLeft = document.querySelectorAll(".anim--slide-left"); animSlideLeft.forEach((element) => { let values = getAnimValues(element); gsap.fromTo(element, { autoAlpha: values['anim']['opacity'], scale: values['anim']['scale'], x: 0 + parseFloat(values['anim']['intensity']) },{ x: 0, duration: values['anim']['duration'], delay: values['anim']['delay'], ease: values['anim']['ease'], scrollTrigger: { trigger: values['st']['trigger'], start: values['st']['start'], end: values['st']['end'], toggleActions: values['st']['repeat'] } }); }); // Slide Right Preset // const animSlideRight = document.querySelectorAll(".anim--slide-right"); animSlideRight.forEach((element) => { let values = getAnimValues(element); gsap.fromTo(element, { autoAlpha: values['anim']['opacity'], scale: values['anim']['scale'], x: 0 - parseFloat(values['anim']['intensity']) },{ x: 0, duration: values['anim']['duration'], delay: values['anim']['delay'], ease: values['anim']['ease'], scrollTrigger: { trigger: values['st']['trigger'], start: values['st']['start'], end: values['st']['end'], toggleActions: values['st']['repeat'] } }); }); }); </script> <script async src='/cdn-cgi/bm/cv/669835187/api.js'></script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'6bad44061a6e76ba',m:'W6unc0e9Vng8PFPhMBaBMJ612y6CIZKS7BnP.P9HuP0-1639042760-0-AfADtimvGnuZ4v3OuAUQHQmsEEtpOE3ybZKAlyaQVAmzkip4VcpMYMpIHBEZEIa4Y52PRRWLBSY3B/g+wBkl28jkpoCzaB2+mehMaZwgXsfY2vLS3zlGBZs6R/W/XC4MbH8uNptdMGi6H7T3GBI24NI=',s:[0x0a96285145,0x052a35fd8d],}})();</script> <script>document.getElementsByTagName("html")[0].className += " js";</script> <style>.cmplz-hidden{display:none!important;}</style><link rel="icon" href="https://speedbroker.co.uk/wp-content/uploads/2022/04/cropped-icon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://speedbroker.co.uk/wp-content/uploads/2022/04/cropped-icon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://speedbroker.co.uk/wp-content/uploads/2022/04/cropped-icon-180x180.png" /> <meta name="msapplication-TileImage" content="https://speedbroker.co.uk/wp-content/uploads/2022/04/cropped-icon-270x270.png" /> <link href="https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800,900|Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet"><link rel='stylesheet' id='oxygen-cache-35-css' href='//speedbroker.co.uk/wp-content/uploads/oxygen/css/35.css?cache=1656948909&ver=6.7.1' media='all' /> <link rel='stylesheet' id='oxygen-cache-202-css' href='//speedbroker.co.uk/wp-content/uploads/oxygen/css/202.css?cache=1655205265&ver=6.7.1' media='all' /> <link rel='stylesheet' id='oxygen-cache-164-css' href='//speedbroker.co.uk/wp-content/uploads/oxygen/css/164.css?cache=1655205262&ver=6.7.1' media='all' /> <link rel='stylesheet' id='oxygen-universal-styles-css' href='//speedbroker.co.uk/wp-content/uploads/oxygen/css/universal.css?cache=1694424890&ver=6.7.1' media='all' /> <link rel='stylesheet' id='automaticcss-oxygen-css' href='https://speedbroker.co.uk/wp-content/uploads/automatic-css/automatic-oxygen.css?ver=1655205198' media='all' />  </head> <body data-cmplz=1 class="page-template-default page page-id-164 wp-embed-responsive oxygen-body" > <progress value="0" class="reading-progress"> <div class="progress-container"> <span class="progress-bar"></span> </div> </progress> <header id="_header-224-35" class="oxy-header-wrapper oxy-overlay-header oxy-header" ><div id="_header_row-225-35" class="oxy-header-row bg--base-ultra-light" ><div class="oxy-header-container"><div id="_header_left-226-35" class="oxy-header-left" ><div id="div_block-227-35" class="ct-div-block flex--row" ><a id="link-228-35" class="ct-link flex--row align-items--center margin-right--s text--white" href="tel:02080503848" target="_self" ><div id="fancy_icon-229-35" class="ct-fancy-icon margin-right--xs" ><svg id="svg-fancy_icon-229-35"><use xlink:href="#Lineariconsicon-phone-handset"></use></svg></div><div id="text_block-230-35" class="ct-text-block text--s" >0208 050 3848<br></div></a><a id="link-231-35" class="ct-link flex--row align-items--center margin-right--xs text--white" href="mailto:enquiries@speedbroker.co.uk" target="_self" ><div id="fancy_icon-232-35" class="ct-fancy-icon margin-right--xs" ><svg id="svg-fancy_icon-232-35"><use xlink:href="#Lineariconsicon-envelope"></use></svg></div><div id="text_block-233-35" class="ct-text-block text--s" >enquiries@speedbroker.co.uk</div></a><a id="link-358-35" class="ct-link flex--row align-items--center margin-right--xs text--white" href="mailto:enquiries@speedbroker.co.uk" target="_self" ><div id="fancy_icon-359-35" class="ct-fancy-icon margin-right--xs" ><svg id="svg-fancy_icon-359-35"><use xlink:href="#Lineariconsicon-clock"></use></svg></div><div id="text_block-360-35" class="ct-text-block text--s" ><span id="span-362-35" class="ct-span" >Mon</span> - <span id="span-364-35" class="ct-span" >Fri</span>: <span id="span-365-35" class="ct-span" >9am</span> - <span id="span-366-35" class="ct-span" >6pm</span></div></a></div></div><div id="_header_center-234-35" class="oxy-header-center" ></div><div id="_header_right-235-35" class="oxy-header-right" ><a id="link-372-35" class="ct-link top-header__social-icon-lnik" href="https://www.facebook.com/Speedbrokers/" target="_blank" ><div id="fancy_icon-368-35" class="ct-fancy-icon top-header__social-icon" ><svg id="svg-fancy_icon-368-35"><use xlink:href="#FontAwesomeicon-facebook"></use></svg></div></a><a id="link-373-35" class="ct-link top-header__social-icon-lnik" href="https://www.instagram.com/speedbrokers/" ><div id="fancy_icon-369-35" class="ct-fancy-icon top-header__social-icon" ><svg id="svg-fancy_icon-369-35"><use xlink:href="#FontAwesomeicon-instagram"></use></svg></div></a></div></div></div><div id="_header_row-236-35" class="oxy-header-row" ><div class="oxy-header-container"><div id="_header_left-237-35" class="oxy-header-left" ><a id="link-238-35" class="ct-link margin-right--l" href="/" target="_self" ><img id="image-239-35" alt="SpeedBroker Logo" src="https://speedbroker.co.uk/wp-content/uploads/2022/04/speedbroker-logo-black.svg" class="ct-image header__logo" srcset="" sizes="(max-width: 487px) 100vw, 487px" /></a></div><div id="_header_center-240-35" class="oxy-header-center" ></div><div id="_header_right-242-35" class="oxy-header-right" > <div id="-pro-menu-241-35" class="oxy-pro-menu "><div class="oxy-pro-menu-mobile-open-icon " data-off-canvas-alignment=""><svg id="-pro-menu-241-35-open-icon"><use xlink:href="#Lineariconsicon-chevron-down-circle"></use></svg>Menu</div> <div class="oxy-pro-menu-container oxy-pro-menu-dropdown-links-visible-on-mobile oxy-pro-menu-dropdown-links-toggle oxy-pro-menu-show-dropdown" data-aos-duration="400" data-oxy-pro-menu-dropdown-animation="fade-up" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-entire-parent-toggles-dropdown="true" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-oxy-pro-menu-dropdown-links-on-mobile="toggle"> <div class="menu-main-menu-container"><ul id="menu-main-menu" class="oxy-pro-menu-list"><li id="menu-item-105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-105"><a href="https://speedbroker.co.uk/">Home</a></li> <li id="menu-item-192" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-192"><a href="https://speedbroker.co.uk/about/">About Us</a></li> <li id="menu-item-193" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-164 current_page_item menu-item-has-children menu-item-193"><a href="https://speedbroker.co.uk/car-care/" aria-current="page">Car Care</a> <ul class="sub-menu"> <li id="menu-item-240" class="menu-item menu-item-type-post_type menu-item-object-car-care-package menu-item-240"><a href="https://speedbroker.co.uk/car-care-package/detailing/">Detailing</a></li> <li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-car-care-package menu-item-239"><a href="https://speedbroker.co.uk/car-care-package/ceramic-protection/">Ceramic Protection</a></li> <li id="menu-item-237" class="menu-item menu-item-type-post_type menu-item-object-car-care-package menu-item-237"><a href="https://speedbroker.co.uk/car-care-package/wraps/">Wraps</a></li> <li id="menu-item-238" class="menu-item menu-item-type-post_type menu-item-object-car-care-package menu-item-238"><a href="https://speedbroker.co.uk/car-care-package/ppf/">PPF</a></li> <li id="menu-item-236" class="menu-item menu-item-type-post_type menu-item-object-car-care-package menu-item-236"><a href="https://speedbroker.co.uk/car-care-package/livery/">Livery</a></li> </ul> </li> <li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-276"><a href="https://speedbroker.co.uk/additional-services/">Additional Services</a> <ul class="sub-menu"> <li id="menu-item-277" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-277"><a href="https://speedbroker.co.uk/additional-service/repairs/">Repairs</a></li> <li id="menu-item-278" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-278"><a href="https://speedbroker.co.uk/additional-service/modifications/">Modifications</a></li> <li id="menu-item-279" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-279"><a href="https://speedbroker.co.uk/additional-service/track-preparation/">Track Preparation</a></li> <li id="menu-item-280" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-280"><a href="https://speedbroker.co.uk/additional-service/collection-fleet-management/">Collection / Fleet Management</a></li> <li id="menu-item-281" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-281"><a href="https://speedbroker.co.uk/additional-service/storage-transport/">Storage & Transport</a></li> <li id="menu-item-282" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-282"><a href="https://speedbroker.co.uk/additional-service/vehicle-sourcing-brokerage/">Vehicle Sourcing & Brokerage</a></li> <li id="menu-item-283" class="menu-item menu-item-type-post_type menu-item-object-additional-service menu-item-283"><a href="https://speedbroker.co.uk/additional-service/ecu-reprogramming/">ECU Reprogramming</a></li> </ul> </li> <li id="menu-item-234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-234"><a href="https://speedbroker.co.uk/vehicle-listings/">Vehicle Listings</a> <ul class="sub-menu"> <li id="menu-item-322" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322"><a href="https://speedbroker.co.uk/vehicle-listings/">For Sale</a></li> <li id="menu-item-323" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"><a href="https://speedbroker.co.uk/sold-vehicles/">Sold Vehicles</a></li> </ul> </li> <li id="menu-item-285" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-285"><a href="https://speedbroker.co.uk/contact-us/">Contact Us</a></li> </ul></div> <div class="oxy-pro-menu-mobile-close-icon"><svg id="svg--pro-menu-241-35"><use xlink:href="#Lineariconsicon-chevron-down-circle"></use></svg>close</div> </div> </div> <script type="text/javascript"> jQuery('#-pro-menu-241-35 .oxy-pro-menu-show-dropdown .menu-item-has-children > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"><svg class="oxy-pro-menu-dropdown-icon"><use xlink:href="#Lineariconsicon-chevron-down"></use></svg></div>'); }); jQuery('#-pro-menu-241-35 .oxy-pro-menu-show-dropdown .menu-item:not(.menu-item-has-children) > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"></div>'); }); </script><div id="code_block-245-35" class="ct-code-block " ><div class="toggle"> <span></span> <span></span> <span></span> </div></div><div id="div_block-246-35" class="ct-div-block mobile-menu__off-canvas" > <div id="-pro-menu-247-35" class="oxy-pro-menu "><div class="oxy-pro-menu-mobile-open-icon " data-off-canvas-alignment=""><svg id="-pro-menu-247-35-open-icon"><use xlink:href="#FontAwesomeicon-ellipsis-v"></use></svg>Menu</div> <div class="oxy-pro-menu-container oxy-pro-menu-dropdown-links-visible-on-mobile oxy-pro-menu-dropdown-links-toggle" data-aos-duration="400" data-oxy-pro-menu-dropdown-animation="fade-up" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-entire-parent-toggles-dropdown="true" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-oxy-pro-menu-dropdown-links-on-mobile="toggle"> <div class="menu-main-menu-container"><ul id="menu-main-menu-1" class="oxy-pro-menu-list"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-105"><a href="https://speedbroker.co.uk/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-192"><a href="https://speedbroker.co.uk/about/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-164 current_page_item menu-item-193"><a href="https://speedbroker.co.uk/car-care/" aria-current="page">Car Care</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-276"><a href="https://speedbroker.co.uk/additional-services/">Additional Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"><a href="https://speedbroker.co.uk/vehicle-listings/">Vehicle Listings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-285"><a href="https://speedbroker.co.uk/contact-us/">Contact Us</a></li> </ul></div> <div class="oxy-pro-menu-mobile-close-icon"><svg id="svg--pro-menu-247-35"><use xlink:href="#FontAwesomeicon-close"></use></svg>close</div> </div> </div> <script type="text/javascript"> jQuery('#-pro-menu-247-35 .oxy-pro-menu-show-dropdown .menu-item-has-children > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"><svg class="oxy-pro-menu-dropdown-icon"><use xlink:href="#Lineariconsicon-chevron-down"></use></svg></div>'); }); jQuery('#-pro-menu-247-35 .oxy-pro-menu-show-dropdown .menu-item:not(.menu-item-has-children) > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"></div>'); }); </script><div id="div_block-248-35" class="ct-div-block flex--row margin-top--xl" ><a id="link_button-249-35" class="ct-link-button btn--outline margin-right--xs btn--primary" href="http://" target="_self" >Outlined</a></div></div><div id="div_block-250-35" class="ct-div-block mobile-menu__off-canvas--backdrop" ></div><div id="code_block-253-35" class="ct-code-block " ></div></div></div></div></header> <section id="section-2-202" class=" ct-section pad-section--s overlay--secondary-trans-80" ><div class="ct-section-inner-wrap"><div id="div_block-7-202" class="ct-div-block heading__div" ><h1 id="headline-3-202" class="ct-headline heading__title"><span id="span-4-202" class="ct-span" >Car Care</span></h1><div id="div_block-6-202" class="ct-div-block heading__underline" ></div></div></div></section><div id='inner_content-9-202' class='ct-inner-content'><section id="car-care" class=" ct-section owl--m" ><div class="ct-section-inner-wrap"><div id="text_block-3-164" class="ct-text-block car-care__text width--l" ><span id="span-6-164" class="ct-span oxy-stock-content-styles" ></span></div><div id="_dynamic_list-8-164" class="oxy-dynamic-list width--l"><div id="div_block-9-164-1" class="ct-div-block" data-id="div_block-9-164"><h3 id="headline-26-164-1" class="ct-headline" data-id="headline-26-164"><span id="span-40-164-1" class="ct-span" data-id="span-40-164">Detailing</span></h3><a id="link_text-28-164-1" class="ct-link-text" href="https://speedbroker.co.uk/car-care-package/detailing/" target="_self" data-id="link_text-28-164">Read More ></a></div><div id="div_block-9-164-2" class="ct-div-block" data-id="div_block-9-164"><h3 id="headline-26-164-2" class="ct-headline" data-id="headline-26-164"><span id="span-40-164-2" class="ct-span" data-id="span-40-164">Ceramic Protection</span></h3><a id="link_text-28-164-2" class="ct-link-text" href="https://speedbroker.co.uk/car-care-package/ceramic-protection/" target="_self" data-id="link_text-28-164">Read More ></a></div><div id="div_block-9-164-3" class="ct-div-block" data-id="div_block-9-164"><h3 id="headline-26-164-3" class="ct-headline" data-id="headline-26-164"><span id="span-40-164-3" class="ct-span" data-id="span-40-164">PPF</span></h3><a id="link_text-28-164-3" class="ct-link-text" href="https://speedbroker.co.uk/car-care-package/ppf/" target="_self" data-id="link_text-28-164">Read More ></a></div><div id="div_block-9-164-4" class="ct-div-block" data-id="div_block-9-164"><h3 id="headline-26-164-4" class="ct-headline" data-id="headline-26-164"><span id="span-40-164-4" class="ct-span" data-id="span-40-164">Wraps</span></h3><a id="link_text-28-164-4" class="ct-link-text" href="https://speedbroker.co.uk/car-care-package/wraps/" target="_self" data-id="link_text-28-164">Read More ></a></div><div id="div_block-9-164-5" class="ct-div-block" data-id="div_block-9-164"><h3 id="headline-26-164-5" class="ct-headline" data-id="headline-26-164"><span id="span-40-164-5" class="ct-span" data-id="span-40-164">Livery</span></h3><a id="link_text-28-164-5" class="ct-link-text" href="https://speedbroker.co.uk/car-care-package/livery/" target="_self" data-id="link_text-28-164">Read More ></a></div> </div> </div></section></div><section id="get-in-touch" class=" ct-section animated-gradient-accent pad-section--s" ><div class="ct-section-inner-wrap"><div id="div_block-11-202" class="ct-div-block grid--2 get-in-touch__wrapper stretch gap--l grid--m-1" ><div id="div_block-12-202" class="ct-div-block heading__div owl--xs" ><div id="div_block-26-202" class="ct-div-block" ><h3 id="headline-13-202" class="ct-headline heading__title get-in-touch__heading">Get In Touch</h3><div id="div_block-15-202" class="ct-div-block heading__underline" ></div></div><div id="text_block-19-202" class="ct-text-block" >Got a question? Please ask us today.</div></div><div id="div_block-21-202" class="ct-div-block gap--xs" ><a id="link_button-23-202" class="ct-link-button btn--secondary" href="/contact-us/" target="_self" >Contact Us Now</a><a id="link_button-25-202" class="ct-link-button btn--secondary btn--outline" href="/vehicle-listings/" target="_self" >View Cars For Sale</a></div></div></div></section><footer id="section-255-35" class=" ct-section pad-section--xs" ><div class="ct-section-inner-wrap"><div id="div_block-256-35" class="ct-div-block gap--s grid--3 grid--m-1 nav__wrapper stretch grid--l-2" ><div id="div_block-257-35" class="ct-div-block owl--xs nav__div-left col-span--l-2 col-span--m-1" ><a id="link-258-35" class="ct-link " href="/" target="_self" ><img id="image-259-35" alt="SpeedBroker Logo" src="https://speedbroker.co.uk/wp-content/uploads/2022/04/speedbroker-logo-white.svg" class="ct-image " srcset="" sizes="(max-width: 487px) 100vw, 487px" /></a><div id="text_block-260-35" class="ct-text-block nav__text" >A personal vehicle brokering service that helps you to buy, sell and negotiate on your dream vehicles.</div><div id="div_block-261-35" class="ct-div-block footer__social-wrapper gap--xs" ><a id="link-270-35" class="ct-link" href="https://www.facebook.com/Speedbrokers/" target="_blank" ><div id="fancy_icon-271-35" class="ct-fancy-icon footer__social-icon" ><svg id="svg-fancy_icon-271-35"><use xlink:href="#FontAwesomeicon-facebook"></use></svg></div></a><a id="link-298-35" class="ct-link" href="https://www.instagram.com/speedbrokers/" target="_blank" ><div id="fancy_icon-299-35" class="ct-fancy-icon footer__social-icon" ><svg id="svg-fancy_icon-299-35"><use xlink:href="#FontAwesomeicon-instagram"></use></svg></div></a></div></div><div id="div_block-272-35" class="ct-div-block nav__div-center owl--xs" ><h4 id="headline-350-35" class="ct-headline nav__heading"><span id="span-351-35" class="ct-span" >-</span>Navigation</h4><div id="div_block-353-35" class="ct-div-block" ><a id="link_text-294-35" class="ct-link-text footer__text-link" href="/vehicle-listings/" target="_self" >Vehicles For Sale</a><a id="link_text-355-35" class="ct-link-text footer__text-link" href="/car-care/" target="_self" >Car Care</a><a id="link_text-273-35" class="ct-link-text footer__text-link" href="/additional-services/" target="_self" >Additional Services</a></div></div><div id="div_block-277-35" class="ct-div-block owl--xs nav__div-right" ><h4 id="headline-304-35" class="ct-headline nav__heading"><span id="span-308-35" class="ct-span" >-</span> Contact Information</h4><div id="div_block-312-35" class="ct-div-block nav__contact-wrapper" ><a id="div_block-313-35" class="ct-link gap--xs nav__contact-div" href="tel:02080503848" ><div id="div_block-219-35" class="ct-div-block" ><div id="code_block-214-35" class="ct-code-block fa-duotone" ><i class="fa-duotone fa-phone-office"></i></div></div><div id="div_block-315-35" class="ct-div-block" ><div id="link_text-317-35" class="ct-text-block nav__link" >0208 050 3848</div></div></a><a id="link-332-35" class="ct-link gap--xs nav__contact-div" href="mailto:enquiries@speedbroker.co.uk" ><div id="div_block-333-35" class="ct-div-block" ><div id="code_block-334-35" class="ct-code-block fa-duotone" ><i class="fa-duotone fa-envelope"></i></div></div><div id="div_block-335-35" class="ct-div-block" ><div id="text_block-336-35" class="ct-text-block nav__link" >enquiries@speedbroker.co.uk</div></div></a><a id="link-337-35" class="ct-link gap--xs nav__contact-div" href="tel:02080503848" ><div id="div_block-338-35" class="ct-div-block" ><div id="code_block-339-35" class="ct-code-block fa-duotone" ><i class="fa-duotone fa-clock-two"></i> </div></div><div id="div_block-340-35" class="ct-div-block" ><div id="text_block-341-35" class="ct-text-block nav__link" ><span id="span-344-35" class="ct-span" >Mon</span> - <span id="span-346-35" class="ct-span" >Fri</span> : <span id="span-347-35" class="ct-span" >9am</span> - <span id="span-348-35" class="ct-span" >6pm</span></div></div></a></div></div></div><div id="div_block-192-35" class="ct-div-block grid--auto-2 gap--s width--full stretch copyright-nav__wrapper" ><div id="div_block-196-35" class="ct-div-block copyright-nav__copyright" > <span id="-copyright-year-4-35" class="oxy-copyright-year "> 漏 2024 Speed Broker | All Rights Reserved</span> <div id="div_block-5-35" class="ct-div-block " ><div id="div_block-6-35" class="ct-div-block " ><a id="link_text-7-35" class="ct-link-text footer-text-link transition" href="https://www.digitalstarterpack.co.uk/" target="_self" >Website design</a></div><div id="div_block-8-35" class="ct-div-block" ><div id="text_block-9-35" class="ct-text-block" >by</div></div><div id="div_block-10-35" class="ct-div-block" ><a id="link_text-11-35" class="ct-link-text footer-text-link transition" href="https://www.digitalstarterpack.co.uk/" target="_self" >Digital Starter Pack</a></div></div></div><div id="div_block-188-35" class="ct-div-block gap--s copyright-nav__policies" ><a id="link_text-189-35" class="ct-link-text footer-text-link transition" href="/privacy-policy/" target="_self" >Privacy Policy</a><a id="link_text-190-35" class="ct-link-text footer-text-link transition" href="/terms-conditions/" target="_self" >Terms & Conditions</a><a id="link_text-204-35" class="ct-link-text footer-text-link transition" href="/cookie-policy-uk/" target="_self" >Cookie Policy</a></div></div></div></footer>  <a href="#" class="cd-top text-replace js-cd-top">Top</a> <script>jQuery(document).on('click','a[href*="#"]',function(t){if(jQuery(t.target).closest('.wc-tabs').length>0){return}if(jQuery(this).is('[href="#"]')||jQuery(this).is('[href="#0"]')||jQuery(this).is('[href*="replytocom"]')){return};if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=jQuery(this.hash);(e=e.length?e:jQuery("[name="+this.hash.slice(1)+"]")).length&&(t.preventDefault(),jQuery("html, body").animate({scrollTop:e.offset().top-0},500))}});</script><style>.ct-FontAwesomeicon-close{width:0.78571428571429em}</style> <style>.ct-FontAwesomeicon-facebook{width:0.57142857142857em}</style> <style>.ct-FontAwesomeicon-ellipsis-v{width:0.21428571428571em}</style> <style>.ct-FontAwesomeicon-instagram{width:0.85714285714286em}</style> <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-close" viewBox="0 0 22 28"><title>close</title><path d="M20.281 20.656c0 0.391-0.156 0.781-0.438 1.062l-2.125 2.125c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-4.594-4.594-4.594 4.594c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-2.125-2.125c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l4.594-4.594-4.594-4.594c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l2.125-2.125c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l4.594 4.594 4.594-4.594c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l2.125 2.125c0.281 0.281 0.438 0.672 0.438 1.062s-0.156 0.781-0.438 1.062l-4.594 4.594 4.594 4.594c0.281 0.281 0.438 0.672 0.438 1.062z"/></symbol><symbol id="FontAwesomeicon-facebook" viewBox="0 0 16 28"><title>facebook</title><path d="M14.984 0.187v4.125h-2.453c-1.922 0-2.281 0.922-2.281 2.25v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406c0-3.953 2.422-6.109 5.953-6.109 1.687 0 3.141 0.125 3.563 0.187z"/></symbol><symbol id="FontAwesomeicon-ellipsis-v" viewBox="0 0 6 28"><title>ellipsis-v</title><path d="M6 19.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM6 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM6 3.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5z"/></symbol><symbol id="FontAwesomeicon-instagram" viewBox="0 0 24 28"><title>instagram</title><path d="M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zM18.156 14c0 3.406-2.75 6.156-6.156 6.156s-6.156-2.75-6.156-6.156 2.75-6.156 6.156-6.156 6.156 2.75 6.156 6.156zM19.844 7.594c0 0.797-0.641 1.437-1.437 1.437s-1.437-0.641-1.437-1.437 0.641-1.437 1.437-1.437 1.437 0.641 1.437 1.437zM12 4.156c-1.75 0-5.5-0.141-7.078 0.484-0.547 0.219-0.953 0.484-1.375 0.906s-0.688 0.828-0.906 1.375c-0.625 1.578-0.484 5.328-0.484 7.078s-0.141 5.5 0.484 7.078c0.219 0.547 0.484 0.953 0.906 1.375s0.828 0.688 1.375 0.906c1.578 0.625 5.328 0.484 7.078 0.484s5.5 0.141 7.078-0.484c0.547-0.219 0.953-0.484 1.375-0.906s0.688-0.828 0.906-1.375c0.625-1.578 0.484-5.328 0.484-7.078s0.141-5.5-0.484-7.078c-0.219-0.547-0.484-0.953-0.906-1.375s-0.828-0.688-1.375-0.906c-1.578-0.625-5.328-0.484-7.078-0.484zM24 14c0 1.656 0.016 3.297-0.078 4.953-0.094 1.922-0.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656 0.094-3.297 0.078-4.953 0.078s-3.297 0.016-4.953-0.078c-1.922-0.094-3.625-0.531-5.031-1.937s-1.844-3.109-1.937-5.031c-0.094-1.656-0.078-3.297-0.078-4.953s-0.016-3.297 0.078-4.953c0.094-1.922 0.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-0.094 3.297-0.078 4.953-0.078s3.297-0.016 4.953 0.078c1.922 0.094 3.625 0.531 5.031 1.937s1.844 3.109 1.937 5.031c0.094 1.656 0.078 3.297 0.078 4.953z"/></symbol></defs></svg><?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="Lineariconsicon-envelope" viewBox="0 0 20 20"><title>envelope</title><path class="path1" d="M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z"/></symbol><symbol id="Lineariconsicon-phone-handset" viewBox="0 0 20 20"><title>phone-handset</title><path class="path1" d="M16 20c-1.771 0-3.655-0.502-5.6-1.492-1.793-0.913-3.564-2.22-5.122-3.78s-2.863-3.333-3.775-5.127c-0.988-1.946-1.49-3.83-1.49-5.601 0-1.148 1.070-2.257 1.529-2.68 0.661-0.609 1.701-1.32 2.457-1.32 0.376 0 0.816 0.246 1.387 0.774 0.425 0.394 0.904 0.928 1.383 1.544 0.289 0.372 1.73 2.271 1.73 3.182 0 0.747-0.845 1.267-1.739 1.816-0.346 0.212-0.703 0.432-0.961 0.639-0.276 0.221-0.325 0.338-0.333 0.364 0.949 2.366 3.85 5.267 6.215 6.215 0.021-0.007 0.138-0.053 0.363-0.333 0.207-0.258 0.427-0.616 0.639-0.961 0.55-0.894 1.069-1.739 1.816-1.739 0.911 0 2.81 1.441 3.182 1.73 0.616 0.479 1.15 0.958 1.544 1.383 0.528 0.57 0.774 1.011 0.774 1.387 0 0.756-0.711 1.799-1.319 2.463-0.424 0.462-1.533 1.537-2.681 1.537zM3.994 1c-0.268 0.005-0.989 0.333-1.773 1.055-0.744 0.686-1.207 1.431-1.207 1.945 0 6.729 8.264 15 14.986 15 0.513 0 1.258-0.465 1.944-1.213 0.723-0.788 1.051-1.512 1.056-1.781-0.032-0.19-0.558-0.929-1.997-2.037-1.237-0.952-2.24-1.463-2.498-1.469-0.018 0.005-0.13 0.048-0.357 0.336-0.197 0.251-0.408 0.594-0.613 0.926-0.56 0.911-1.089 1.772-1.858 1.772-0.124 0-0.246-0.024-0.363-0.071-2.625-1.050-5.729-4.154-6.779-6.779-0.126-0.315-0.146-0.809 0.474-1.371 0.33-0.299 0.786-0.579 1.228-0.851 0.332-0.204 0.676-0.415 0.926-0.613 0.288-0.227 0.331-0.339 0.336-0.357-0.007-0.258-0.517-1.261-1.469-2.498-1.108-1.439-1.847-1.964-2.037-1.997z"/></symbol><symbol id="Lineariconsicon-clock" viewBox="0 0 20 20"><title>clock</title><path class="path1" d="M16.32 17.113c1.729-1.782 2.68-4.124 2.68-6.613 0-2.37-0.862-4.608-2.438-6.355l0.688-0.688 0.647 0.646c0.098 0.098 0.226 0.146 0.353 0.146s0.256-0.049 0.353-0.146c0.195-0.195 0.195-0.512 0-0.707l-2-2c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l0.647 0.646-0.688 0.688c-1.747-1.576-3.985-2.438-6.355-2.438s-4.608 0.862-6.355 2.438l-0.688-0.688 0.646-0.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-2 2c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l0.646-0.646 0.688 0.688c-1.576 1.747-2.438 3.985-2.438 6.355 0 2.489 0.951 4.831 2.68 6.613l-2.034 2.034c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.147 0.354 0.147s0.256-0.049 0.354-0.147l2.060-2.059c1.705 1.428 3.836 2.206 6.087 2.206s4.382-0.778 6.087-2.206l2.059 2.059c0.098 0.098 0.226 0.147 0.354 0.147s0.256-0.049 0.353-0.147c0.195-0.195 0.195-0.512 0-0.707l-2.034-2.034zM1 10.5c0-4.687 3.813-8.5 8.5-8.5s8.5 3.813 8.5 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5z"/><path class="path2" d="M15.129 7.25c-0.138-0.239-0.444-0.321-0.683-0.183l-4.92 2.841-3.835-2.685c-0.226-0.158-0.538-0.103-0.696 0.123s-0.103 0.538 0.123 0.696l4.096 2.868c0.001 0.001 0.002 0.001 0.002 0.002 0.009 0.006 0.018 0.012 0.027 0.017 0.002 0.001 0.004 0.003 0.006 0.004 0.009 0.005 0.018 0.010 0.027 0.015 0.002 0.001 0.004 0.002 0.006 0.003 0.010 0.005 0.020 0.009 0.031 0.014 0.006 0.003 0.013 0.005 0.019 0.007 0.004 0.001 0.008 0.003 0.013 0.005 0.007 0.002 0.014 0.004 0.021 0.006 0.004 0.001 0.008 0.002 0.012 0.003 0.007 0.002 0.014 0.003 0.022 0.005 0.004 0.001 0.008 0.002 0.012 0.002 0.007 0.001 0.014 0.002 0.021 0.003 0.005 0.001 0.010 0.001 0.015 0.002 0.006 0.001 0.012 0.001 0.018 0.002 0.009 0.001 0.018 0.001 0.027 0.001 0.002 0 0.004 0 0.006 0 0 0 0-0 0-0s0 0 0.001 0c0.019 0 0.037-0.001 0.056-0.003 0.001-0 0.002-0 0.003-0 0.018-0.002 0.036-0.005 0.054-0.010 0.002-0 0.003-0.001 0.005-0.001 0.017-0.004 0.034-0.009 0.050-0.015 0.003-0.001 0.006-0.002 0.008-0.003 0.016-0.006 0.031-0.012 0.046-0.020 0.004-0.002 0.007-0.004 0.011-0.006 0.005-0.003 0.011-0.005 0.016-0.008l5.196-3c0.239-0.138 0.321-0.444 0.183-0.683z"/></symbol><symbol id="Lineariconsicon-chevron-down" viewBox="0 0 20 20"><title>chevron-down</title><path class="path1" d="M0 6c0-0.128 0.049-0.256 0.146-0.354 0.195-0.195 0.512-0.195 0.707 0l8.646 8.646 8.646-8.646c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-9 9c-0.195 0.195-0.512 0.195-0.707 0l-9-9c-0.098-0.098-0.146-0.226-0.146-0.354z"/></symbol><symbol id="Lineariconsicon-chevron-down-circle" viewBox="0 0 20 20"><title>chevron-down-circle</title><path class="path1" d="M16.218 17.218c1.794-1.794 2.782-4.18 2.782-6.718s-0.988-4.923-2.782-6.717-4.18-2.782-6.718-2.782-4.923 0.988-6.718 2.782-2.782 4.18-2.782 6.717 0.988 4.923 2.782 6.718 4.18 2.782 6.718 2.782 4.923-0.988 6.718-2.782zM1 10.5c0-4.687 3.813-8.5 8.5-8.5s8.5 3.813 8.5 8.5c0 4.687-3.813 8.5-8.5 8.5s-8.5-3.813-8.5-8.5z"/><path class="path2" d="M4 9c0-0.128 0.049-0.256 0.146-0.354 0.195-0.195 0.512-0.195 0.707 0l4.646 4.646 4.646-4.646c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-5 5c-0.195 0.195-0.512 0.195-0.707 0l-5-5c-0.098-0.098-0.146-0.226-0.146-0.354z"/></symbol></defs></svg>  <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="close-dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span>Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span>Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span>Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span>Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">View preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">View preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div> <script type="text/javascript"> function oxygen_init_pro_menu() { jQuery('.oxy-pro-menu-container').each(function(){ // dropdowns var menu = jQuery(this), animation = menu.data('oxy-pro-menu-dropdown-animation'), animationDuration = menu.data('oxy-pro-menu-dropdown-animation-duration'); jQuery('.sub-menu', menu).attr('data-aos',animation); jQuery('.sub-menu', menu).attr('data-aos-duration',animationDuration*1000); oxygen_offcanvas_menu_init(menu); jQuery(window).resize(function(){ oxygen_offcanvas_menu_init(menu); }); // let certain CSS rules know menu being initialized // "10" timeout is extra just in case, "0" would be enough setTimeout(function() {menu.addClass('oxy-pro-menu-init');}, 10); }); } jQuery(document).ready(oxygen_init_pro_menu); document.addEventListener('oxygen-ajax-element-loaded', oxygen_init_pro_menu, false); jQuery(".oxygen-body") .on('mouseenter', '.oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-open-container) .menu-item-has-children', function() { var subMenu = jQuery(this).children('.sub-menu'); subMenu.addClass('aos-animate oxy-pro-menu-dropdown-animating').removeClass('sub-menu-left'); var duration = jQuery(this).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); setTimeout(function() {subMenu.removeClass('oxy-pro-menu-dropdown-animating')}, duration*1000); var offset = subMenu.offset(), width = subMenu.width(), docWidth = jQuery(window).width(); if (offset.left+width > docWidth) { subMenu.addClass('sub-menu-left'); } }) .on('mouseleave', '.oxy-pro-menu-show-dropdown .menu-item-has-children', function() { jQuery(this).children('.sub-menu').removeClass('aos-animate'); var subMenu = jQuery(this).children('.sub-menu'); subMenu.addClass('oxy-pro-menu-dropdown-animating-out'); var duration = jQuery(this).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); setTimeout(function() {subMenu.removeClass('oxy-pro-menu-dropdown-animating-out')}, duration*1000); }) // open icon click .on('click', '.oxy-pro-menu-mobile-open-icon', function() { var menu = jQuery(this).parents('.oxy-pro-menu'); // off canvas if (jQuery(this).hasClass('oxy-pro-menu-off-canvas-trigger')) { oxygen_offcanvas_menu_run(menu); } // regular else { menu.addClass('oxy-pro-menu-open'); jQuery(this).siblings('.oxy-pro-menu-container').addClass('oxy-pro-menu-open-container'); jQuery('body').addClass('oxy-nav-menu-prevent-overflow'); jQuery('html').addClass('oxy-nav-menu-prevent-overflow'); oxygen_pro_menu_set_static_width(menu); } // remove animation and collapse jQuery('.sub-menu', menu).attr('data-aos',''); jQuery('.oxy-pro-menu-dropdown-toggle .sub-menu', menu).slideUp(0); }); function oxygen_pro_menu_set_static_width(menu) { var menuItemWidth = jQuery(".oxy-pro-menu-list > .menu-item", menu).width(); jQuery(".oxy-pro-menu-open-container > div:first-child, .oxy-pro-menu-off-canvas-container > div:first-child", menu).width(menuItemWidth); } function oxygen_pro_menu_unset_static_width(menu) { jQuery(".oxy-pro-menu-container > div:first-child", menu).width(""); } // close icon click jQuery('body').on('click', '.oxy-pro-menu-mobile-close-icon', function(e) { var menu = jQuery(this).parents('.oxy-pro-menu'); menu.removeClass('oxy-pro-menu-open'); jQuery(this).parents('.oxy-pro-menu-container').removeClass('oxy-pro-menu-open-container'); jQuery('.oxy-nav-menu-prevent-overflow').removeClass('oxy-nav-menu-prevent-overflow'); if (jQuery(this).parent('.oxy-pro-menu-container').hasClass('oxy-pro-menu-off-canvas-container')) { oxygen_offcanvas_menu_run(menu); } oxygen_pro_menu_unset_static_width(menu); }); // dropdown toggle icon click jQuery('body').on( 'touchstart click', '.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children > a > .oxy-pro-menu-dropdown-icon-click-area,'+ '.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children > a > .oxy-pro-menu-dropdown-icon-click-area', function(e) { e.preventDefault(); // fix for iOS false triggering submenu clicks jQuery('.sub-menu').css('pointer-events', 'none'); setTimeout( function() { jQuery('.sub-menu').css('pointer-events', 'initial'); }, 500); // workaround to stop click event from triggering after touchstart if (window.oxygenProMenuIconTouched === true) { window.oxygenProMenuIconTouched = false; return; } if (e.type==='touchstart') { window.oxygenProMenuIconTouched = true; } oxygen_pro_menu_toggle_dropdown(this); } ); function oxygen_pro_menu_toggle_dropdown(trigger) { var duration = jQuery(trigger).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); jQuery(trigger).closest('.menu-item-has-children').children('.sub-menu').slideToggle({ start: function () { jQuery(this).css({ display: "flex" }) }, duration: duration*1000 }); } // fullscreen menu link click var selector = '.oxy-pro-menu-open .menu-item a'; jQuery('body').on('click', selector, function(event){ if (jQuery(event.target).closest('.oxy-pro-menu-dropdown-icon-click-area').length > 0) { // toggle icon clicked, no need to hide the menu return; } else if ((jQuery(this).attr("href") === "#" || jQuery(this).closest(".oxy-pro-menu-container").data("entire-parent-toggles-dropdown")) && jQuery(this).parent().hasClass('menu-item-has-children')) { // empty href don't lead anywhere, treat it as toggle trigger oxygen_pro_menu_toggle_dropdown(event.target); // keep anchor links behavior as is, and prevent regular links from page reload if (jQuery(this).attr("href").indexOf("#")!==0) { return false; } } // hide the menu and follow the anchor if (jQuery(this).attr("href").indexOf("#")===0) { jQuery('.oxy-pro-menu-open').removeClass('oxy-pro-menu-open'); jQuery('.oxy-pro-menu-open-container').removeClass('oxy-pro-menu-open-container'); jQuery('.oxy-nav-menu-prevent-overflow').removeClass('oxy-nav-menu-prevent-overflow'); } }); // off-canvas menu link click var selector = '.oxy-pro-menu-off-canvas .menu-item a'; jQuery('body').on('click', selector, function(event){ if (jQuery(event.target).closest('.oxy-pro-menu-dropdown-icon-click-area').length > 0) { // toggle icon clicked, no need to trigger it return; } else if ((jQuery(this).attr("href") === "#" || jQuery(this).closest(".oxy-pro-menu-container").data("entire-parent-toggles-dropdown")) && jQuery(this).parent().hasClass('menu-item-has-children')) { // empty href don't lead anywhere, treat it as toggle trigger oxygen_pro_menu_toggle_dropdown(event.target); // keep anchor links behavior as is, and prevent regular links from page reload if (jQuery(this).attr("href").indexOf("#")!==0) { return false; } } }); // off canvas function oxygen_offcanvas_menu_init(menu) { // only init off-canvas animation if trigger icon is visible i.e. mobile menu in action var offCanvasActive = jQuery(menu).siblings('.oxy-pro-menu-off-canvas-trigger').css('display'); if (offCanvasActive!=='none') { var animation = menu.data('oxy-pro-menu-off-canvas-animation'); setTimeout(function() {menu.attr('data-aos', animation);}, 10); } else { // remove AOS menu.attr('data-aos', ''); }; } function oxygen_offcanvas_menu_run(menu) { var container = menu.find(".oxy-pro-menu-container"); if (!container.attr('data-aos')) { // initialize animation setTimeout(function() {oxygen_offcanvas_menu_toggle(menu, container)}, 0); } else { oxygen_offcanvas_menu_toggle(menu, container); } } var oxygen_offcanvas_menu_toggle_in_progress = false; function oxygen_offcanvas_menu_toggle(menu, container) { if (oxygen_offcanvas_menu_toggle_in_progress) { return; } container.toggleClass('aos-animate'); if (container.hasClass('oxy-pro-menu-off-canvas-container')) { oxygen_offcanvas_menu_toggle_in_progress = true; var animation = container.data('oxy-pro-menu-off-canvas-animation'), timeout = container.data('aos-duration'); if (!animation){ timeout = 0; } setTimeout(function() { container.removeClass('oxy-pro-menu-off-canvas-container') menu.removeClass('oxy-pro-menu-off-canvas'); oxygen_offcanvas_menu_toggle_in_progress = false; }, timeout); } else { container.addClass('oxy-pro-menu-off-canvas-container'); menu.addClass('oxy-pro-menu-off-canvas'); oxygen_pro_menu_set_static_width(menu); } } </script> <link rel='stylesheet' id='oxygen-aos-css' href='https://speedbroker.co.uk/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.css?ver=6.7.1' media='all' /> <script src="https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/back-to-top/js/script.js?ver=1.5.6" id="oxy_toolbox_back_to_top_script-js"></script> <script src="https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/open-external-links-new-tab/js/script.js?ver=1.5.6" id="oxy_toolbox_open_external_links_new_tab_script-js"></script> <script src="https://speedbroker.co.uk/wp-content/plugins/oxy-toolbox/modules/reading-progress-bar/js/script.js?ver=1.5.6" id="oxy_toolbox_reading_progress_bar_script-js"></script> <script id="cmplz-cookiebanner-js-extra"> var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"11","version":"6.2.4","store_consent":"","do_not_track":"","consenttype":"optin","region":"uk","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/speedbroker.co.uk\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_GB","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"14","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/speedbroker.co.uk\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=11","page_links":{"uk":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/speedbroker.co.uk\/cookie-policy-uk\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/speedbroker.co.uk\/privacy-policy\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":""}; </script> <script defer src="https://speedbroker.co.uk/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=6.2.4" id="cmplz-cookiebanner-js"></script> <script src="https://speedbroker.co.uk/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.js?ver=1" id="oxygen-aos-js"></script>  <script type="text/plain" data-category="statistics"></script><script type="text/javascript" id="ct-footer-js"> AOS.init({ }) jQuery('body').addClass('oxygen-aos-enabled'); </script><script type="text/javascript" id="ct_code_block_js_100253">// Only run the code if DOM has loaded window.addEventListener('DOMContentLoaded', function() { const menutoggle = document.querySelector('.toggle'); const mobilemenu = document.querySelector('.mobile-menu__off-canvas') const mobilemenubd = document.querySelector('.mobile-menu__off-canvas--backdrop') menutoggle.onclick = function(){ menutoggle.classList.toggle('active'); //When hamburger menu is clicked, it will add an active class, and animate! mobilemenu.classList.toggle('active'); //When hamburger menu is clicked, it will add an active class to the offcanvas menu and animate! mobilemenubd.classList.toggle('active'); //When hamburger menu is clicked, it will add an active class to the offcanvas--backdrop and animate! } });</script> <style type="text/css" id="ct_code_block_css_100253">@media (max-width: 992px) { .oxy-header-left { width: 50%; } .oxy-header-center { display: none; } .oxy-header-right { width: 50%; } } /*Hambuerger contanier*/ .toggle { position: relative; width: 70px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; overflow: hidden; z-index: 100; } /*This are the hamburger 3 lines*/ .toggle span { position: absolute; width: 40px; height: 3px; background: var(--primary); border-radius: 4px; transition: 0.5s; } /*Customizing the width and positioning of the first hamburger line*/ .toggle span:nth-child(1) { transform: translateY(-15px); width: 25px; left: 15px; } /*Animate the width and positioning of the first hamburger line when the parent class .toggle is active*/ .toggle.active span:nth-child(1) { width: 40px; transform: translateY(0px) rotate(45deg); transition-delay: 0.125s; } /*Customizing the width and positioning of the second hamburger line*/ .toggle span:nth-child(2) { transform: translateY(15px); width: 15px; left: 15px; } /*Animate the width and positioning of the second hamburger line when the parent class .toggle is active*/ .toggle.active span:nth-child(2) { width: 40px; transform: translateY(0px) rotate(315deg); transition-delay: 0.25s; } .toggle.active span:nth-child(3) { transform: translatex(60px); } /* The off canvas and its animation! */ .mobile-menu__off-canvas, .mobile-menu__off-canvas--backdrop { padding-top: 150px; display: none; /*hide on larger screen*/ } /*show on tablet screen*/ @media only screen and (max-width: 992px) { /* The off canvas and its animation! */ /**** Mobile style *****/ .mobile-menu__off-canvas { width: 100%; /*** control width of the offcanvas menu ***/ height: 100vh; position: fixed; background-color: var(--primary-ultra-light); z-index: 98; transition: 0.6s ease-in-out; display: flex; justify-content: start; align-items: center; top: 0; /*** control where the offcanvas menu opens ***/ left: 100%; /*** control where the offcanvas menu opens ***/ } .mobile-menu__off-canvas--backdrop { width: 100%; height: 100vh; position: fixed; background-color: var(--primary-light); z-index: 90; transition: 0.3s; top: 0; display: flex; left: 100%; } /*Open the offcanvas menu if its active*/ .mobile-menu__off-canvas.active, .mobile-menu__off-canvas--backdrop.active { left: 0; } } /* Search Field Style*/ .oxy-search-form { z-index: 110; position: relative; } .oxy-search-form__icon { position: absolute; left: 8px; top: 10px; transform: rotate(90deg); cursor: pointer; } .oxy-search-form--mobile { display: none; } @media (max-width: 991px) { .oxy-search-form--mobile { display: flex !important; margin-right: 0; } } /*Hide Oxygen native search button*/ .oxy-search-form input[type=submit] { display: none; } /*Style the oxygen native search field when NOT ACTIVE! */ .oxy-search-form input[type=text] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; background: url(https://oxymaven.com/wp-content/uploads/2022/03/origin-search-icon.svg) no-repeat 9px center; font-family: inherit; border: none; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; width: 15px; padding: 10px 10px; color: transparent; cursor: pointer; outline: 0; position: absolute; /*This prevents the header CTA's to get pushed and squished when search field is open*/ right: 0; /* properly align the search icon */ top: -20px; } @media (max-width: 991px) { .oxy-search-form input[type=text] { position: initial; /*Reverts back to normal positioning since the CTA's are now hidden. Withouth this, search icon will not properly align*/ } } /*Style the oxygen native search field when ACTIVE! */ .oxy-search-form input[type=text]:focus { width: 200px; padding-left: 40px; color: var(--base); background-color: var(--primary-ultra-light); cursor: auto; border: 1px solid var(--primary-light); } /* Control the search field width on screen width is below 500px, so it wont overflow */ @media (max-width: 500px) { .oxy-search-form input[type=text]:focus { width: auto; } } .oxy-search-form input:-moz-placeholder { color: transparent; } .oxy-search-form input::-webkit-input-placeholder { color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .oxy-search-form input[type=text] { padding: 20px 20px; } } /* Accessibility */ .oxy-pro-menu li.menu-item.menu-item-has-children:focus, .oxy-pro-menu .menu-item:focus > .sub-menu { opacity: 1; visibility: visible; } .oxy-pro-menu li.menu-item.menu-item-has-children:focus-within, .oxy-pro-menu .menu-item:focus-within > .sub-menu { opacity: 1; visibility: visible; } .oxy-pro-menu .oxy-pro-menu-list li.menu-item a:focus { outline: 2px solid; } .oxy-pro-menu .sub-menu li.menu-item:focus { outline: 2px solid; } .oxy-pro-menu .sub-menu li.menu-item:focus-within { outline: 2px solid; } </style>  </body> </html>

CINXE.COM

Car Care - SpeedBroker