BC Racing - Coilovers Engineered for Street & Circuit.

<!doctype html> <html lang="en"> <head > <script> var BASE_URL = 'https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002F'; var require = { 'baseUrl': 'https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fstatic\u002Fversion1715252945\u002Ffrontend\u002FCT\u002FBCnew\u002Fen_GB' };</script> <meta charset="utf-8"/> <meta name="title" content="BC Racing - Coilovers Engineered for Street & Circuit."/> <meta name="robots" content="INDEX,FOLLOW"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="format-detection" content="telephone=no"/> <title>BC Racing - Coilovers Engineered for Street & Circuit.</title> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/mage/calendar.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/styles-m.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/slick.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/slick-theme.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/bc_custom.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/bc_custom_dan.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/bc_custom_list.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/Clearpay_Clearpay/css/clearpay-express-checkout.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/Mageplaza_Core/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/Mageplaza_Core/css/magnific-popup.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/Mageplaza_InstagramFeed/css/instagram.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/styles-l.css" /> <link rel="stylesheet" type="text/css" media="print" href="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/css/print.css" /> <script type="text/javascript" src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/requirejs/require.js"></script> <script type="text/javascript" src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/mage/requirejs/mixins.js"></script> <script type="text/javascript" src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/requirejs-config.js"></script> <link rel="icon" type="image/x-icon" href="https://www.bc-racing.co.uk/media/favicon/stores/2/BC.png" /> <link rel="shortcut icon" type="image/x-icon" href="https://www.bc-racing.co.uk/media/favicon/stores/2/BC.png" /> <style> #my-orders-table tr>*:nth-child(4) { display: none; } .account.sales-order-view .page-title-wrapper .order-status { display: none; } </style> <style> .ups-special-lead { display: block; font-size: 10px; margin-top: 5px; color: #288425 !important; } </style> <style> .minicart-wrapper .message.notice { display: none !important; } </style> <style> @media (max-width: 768px) { .pagebuilder-column .mobile-last { order: 2; } } </style> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://pro.fontawesome.com/releases/v5.12.0/css/all.css" integrity="sha384-ekOryaXPbeCpWQNxMwSWVvQ0+1VrStoPJq54shlYhR8HzQgig1v5fas6YgOqLoKz" crossorigin="anonymous"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />  <script type="text/x-magento-init"> { "*": { "Magento_GoogleAnalytics/js/google-analytics": { "isCookieRestrictionModeEnabled": 0, "currentWebsite": 2, "cookieName": "user_allowed_save_cookie", "ordersTrackingData": [], "pageTrackingData": {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-22221734-1"} } } } </script>  <script type="text/x-magento-init"> { "*": { "Magento_PageCache/js/form-key-provider": {} } } </script> <link rel="stylesheet" type="text/css" media="all" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"/> </head> <body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/images/loader-2.gif"}}' id="html-body" class="cms-bc-homepage-page-new cms-index-index page-layout-1column"> <script src="https://js.squarecdn.com/square-marketplace.js" data-min="1" data-max="1200.00" async></script> <script type="text/x-magento-init"> { "*": { "Magento_PageBuilder/js/widget-initializer": { "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}}, "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}} } } } </script> <div class="cookie-status-message" id="cookie-status"> The store will not work correctly in the case when cookies are disabled.</div> <script type="text/x-magento-init"> { "*": { "cookieStatus": {} } } </script> <script type="text/x-magento-init"> { "*": { "mage/cookies": { "expires": null, "path": "\u002F", "domain": ".www.bc\u002Dracing.co.uk", "secure": false, "lifetime": "3600" } } } </script> <noscript> <div class="message global noscript"> <div class="content"> <p> <strong>JavaScript seems to be disabled in your browser.</strong> <span> For the best experience on our site, be sure to turn on Javascript in your browser. </span> </p> </div> </div> </noscript> <script> window.cookiesConfig = window.cookiesConfig || {}; window.cookiesConfig.secure = true; </script><script> require.config({ map: { '*': { wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymce4Adapter' } } });</script><script> require.config({ paths: { googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D' }, config: { 'Magento_PageBuilder/js/utils/map': { style: '' }, 'Magento_PageBuilder/js/content-type/map/preview': { apiKey: '', apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' }, 'Magento_PageBuilder/js/form/element/map': { apiKey: '', apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.' }, } }); </script> <script> require.config({ shim: { 'Magento_PageBuilder/js/utils/map': { deps: ['googleMaps'] } } }); </script> <script> require([ 'jquery', 'Mirasvit_SearchAutocomplete/js/autocomplete', 'Mirasvit_SearchAutocomplete/js/typeahead', ], function ($, autocomplete, typeahead) { var selector = 'input#search, input#mobile_search, .minisearch input[type="text"]'; $(document).ready(function () { $('#search_mini_form').prop("minSearchLength", 10000); const $input = $(selector); $input.each(function (index, searchInput) { new typeahead($(searchInput)).init({"query":"","priceFormat":{"pattern":"\u00a3%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/www.bc-racing.co.uk\/searchautocomplete\/ajax\/suggest\/","storeId":"2","delay":300,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":[],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/www.bc-racing.co.uk\/searchautocomplete\/ajax\/typeahead\/","minSuggestLength":2}); new autocomplete($(searchInput)).init({"query":"","priceFormat":{"pattern":"\u00a3%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/www.bc-racing.co.uk\/searchautocomplete\/ajax\/suggest\/","storeId":"2","delay":300,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":[],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/www.bc-racing.co.uk\/searchautocomplete\/ajax\/typeahead\/","minSuggestLength":2}); }); }); } ); </script> <script id="searchAutocompletePlaceholder" type="text/x-custom-template"> <div class="mst-searchautocomplete__autocomplete"> <div class="mst-searchautocomplete__spinner"> <div class="spinner-item spinner-item-1"></div> <div class="spinner-item spinner-item-2"></div> <div class="spinner-item spinner-item-3"></div> <div class="spinner-item spinner-item-4"></div> </div> <div class="mst-searchautocomplete__close">×</div> </div> </script> <script id="searchAutocompleteWrapper" type="text/x-custom-template"> <div class="mst-searchautocomplete__wrapper"> <div data-bind="visible: result().noResults == false"> <div data-bind="foreach: { data: result().indexes, as: 'index' }"> <div data-bind="visible: index.totalItems, attr: {class: 'mst-searchautocomplete__index ' + index.identifier}"> <div class="mst-searchautocomplete__index-title"> <span data-bind="text: index.title"></span> <span data-bind="visible: index.isShowTotals"> (<span data-bind="text: index.totalItems"></span>) </span> </div> <ul data-bind="foreach: { data: index.items, as: 'item' }"> <li data-bind=" template: { name:index.identifier, data: item }, attr: {class: 'mst-searchautocomplete__item ' + index.identifier}, event: { mouseover: $parents[1].onMouseOver, mouseout: $parents[1].onMouseOut, mousedown: $parents[1].onClick }, css: {_active: $data.isActive}"> </li> </ul> </div> </div> <div class="mst-searchautocomplete__show-all" data-bind="visible: result().urlAll && result().totalItems > 0"> <a data-bind="attr: { href: result().urlAll }"> <span data-bind="text: result().textAll"></span> </a> </div> </div> <div class="mst-searchautocomplete__empty-result" data-bind="visible: result().noResults == true && !loading()"> <span data-bind="text: result().textEmpty"></span> </div> </div> </script> <script id="popular" type="text/x-custom-template"> <a class="title" data-bind="text: query"></a> </script> <script id="magento_search_query" type="text/x-custom-template"> <a class="title" data-bind="text: query_text, attr: {href: url}, highlight"></a> <span class="num_results" data-bind="text: num_results"></span> </script> <script id="magento_catalog_product" type="text/x-custom-template">  <a rel="noreferrer" data-bind="attr: {href: url}"> <div class="mst-product-image-wrapper"><img data-bind="attr: {src: image}"/></div> </a>  <div class="meta"> <div class="title"> <a rel="noreferrer" data-bind="html: name, attr: {href: url}, highlight"></a>  <span class="sku" data-bind="text: sku, highlight"></span>  </div>  <div class="description" data-bind="text: description, highlight"></div>   <div data-bind="html: rating"></div>   <span class="stock_status" data-bind="text: stock_status, processStockStatus"></span>  <div class="to-cart" data-bind="visible: cart.visible"> <a class="action primary" data-bind="attr: { href: cart.url }"> <span data-bind="html: cart.label"></span> </a> </div> </div> <div class="store"> <div data-bind="html: price" class="price"></div> </div> </script> <script id="magento_catalog_categoryproduct" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_category" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_cms_page" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_attribute" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_attribute_2" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_attribute_3" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_attribute_4" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magento_catalog_attribute_5" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="mirasvit_kb_article" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="external_wordpress_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="amasty_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="amasty_faq_question" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="magefan_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="mageplaza_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="aheadworks_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="mirasvit_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="mirasvit_gry_registry" type="text/x-custom-template"> <a class="title" data-bind="text: title, attr: {href: url}, highlight"></a> <p data-bind="text: name, highlight"></p> </script> <script id="ves_blog_post" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="fishpig_glossary_word" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="blackbird_contentmanager_content" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <script id="mirasvit_brand_page" type="text/x-custom-template"> <a class="title" data-bind="text: name, attr: {href: url}, highlight"></a> </script> <div class="widget block block-static-block"> </div> <div class="page-wrapper"> <a href="#nostock_confirm_modal" data-toggle="modal" id="open-nostock_confirm_modal" class="d-none" data-target="#nostock_confirm_modal">open</a> <div class="modal fade kit-mobile-modal" style="display: none;" id="nostock_confirm_modal" tabindex="-1" aria-labelledby="nostock_confirm_modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Notice</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="terms"> Please note that although we expect orders to be unaffected, there may be the potential for a small delay with any 'out of stock' orders placed between 16.01.23 and 08.02.23 due to National Holidays. </div> <br /> <input name="user_confirm_nostock" id="user_confirm_nostock" type="checkbox"> <label for="user_confirm_nostock"><strong>I understand</strong></label> </div> <div class="modal-footer"> <button type="button" class="action primary modal-add-to-cart" data-dismiss="modal"><i class="fa fa-shopping-cart mr-2"></i> Add to Cart</button> </div> </div> </div> </div> <a href="#wrongstore_modal" data-toggle="modal" id="open-wrongstore_modal" class="d-none" data-target="#wrongstore_modal">open</a> <div class="modal fade kit-mobile-modal" style="display: none;" id="wrongstore_modal" tabindex="-1" aria-labelledby="wrongstore_modal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="flag-area"> <div class="flag gb"> <img src="/media/BC/Flags/unionjack.png" alt=""> </div> <div class="flag eu"> <img src="/media/BC/Flags/euflag.png" alt=""> </div> </div> <div class="message-area"> <h3> <span class="msg gb"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">From the UK? Please order through our UK website</div></span> <span class="msg eu"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Not in the UK? Please order through our EU website</div></span> </h3> </div> <div class="button-area"> <a href="#" target-store="" class="confirm-store-switch">Go to the <span id="switch_link_country"></span> Store</a> <a href="#" data-dismiss="modal" aria-label="Close" class="confirm-store-stay">or stay on the <span id="stay_link_country"></span> Store</a> </div> </div> </div> </div> </div> <script> require(['jquery'], function($) { jQuery(document).ready(function() { $("body").addClass("position-relative"); $("body").append('<div class="vat-hover-tooltip d-none">VAT Rate shown for <span class="vat-tool-tip-country"></span></div>'); window.vat_tooltip = $(".vat-hover-tooltip"); window.can_calc_custom_tax = true; window.tax_cookie = "taxrate1"; window.current_store = "2"; window.current_vat_country = "gb"; window.current_vat_country_name = "United Kingdom"; window.current_vat_rate = 20; function getNewVatPrice(price) { return Number((price + (price * (window.current_vat_rate / 100))).toFixed(2)).toLocaleString("en-GB", { minimumFractionDigits: 2 }); } function removeVat(price) { return price / (1 + (window.current_store == 2 ? .20 : .21)); } function currency_sym() { return window.current_store == 2 ? "£" : "€"; } function getVatCountryLogo(c) { return '<div class="vat-country-logo"><img src="/media/BC/Flags/vat/' + window.current_vat_country + '.svg"></div>'; } $(document).on("mouseenter", ".vat-country-logo", function(e) { // console.log(); let offset = $(this).offset(); window.vat_tooltip.css("top", offset.top); window.vat_tooltip.css("left", offset.left + 30); window.vat_tooltip.removeClass("d-none"); }); $(document).on("mouseleave", ".vat-country-logo", function(e) { window.vat_tooltip.addClass("d-none"); }); function applyTaxRate() { $(".vat-hover-tooltip > span").html(window.current_vat_country_name); $(".price-container.price-final_price, .price-final_price > .price-box > .minimal-price > .price-container").each(function() { let _this = $(this); if (_this.parent().hasClass("old-price")) { // let withvat = parseFloat(_this.find(".price-wrapper").attr("data-price-amount")); // let novat = removeVat(withvat); // let new_price = getNewVatPrice(novat); // let target = _this.find(".price-wrapper.price-including-tax > span.price"); // target.html(currency_sym() + new_price); } else { let novat = parseFloat(_this.find(".price-wrapper.price-excluding-tax").attr("data-price-amount")); let new_price = getNewVatPrice(novat); let target = _this.find(".price-wrapper.price-including-tax > span.price"); target.html(currency_sym() + new_price + getVatCountryLogo()); target.addClass("position-relative"); } }); $(".cart.item .col.price, .cart.item .col.subtotal").each(function() { let _this = $(this); let novat = _this.find(".price-excluding-tax .price").html(); novat = novat.replace(currency_sym(), ""); novat = novat.replace(",", ""); novat = parseFloat(novat); let new_price = getNewVatPrice(novat); console.log("NEW PRICE: " + new_price); let target = _this.find(".price-including-tax .price"); target.html(currency_sym() + new_price + getVatCountryLogo()); target.addClass("position-relative"); }); $(".custom-price-display").each(function() { let _this = $(this); let novat = _this.find(".excl-vat").html(); novat = novat.replace("Excl. Tax: " + currency_sym(), ""); novat = novat.replace(",", ""); novat = parseFloat(novat); let new_price = getNewVatPrice(novat); console.log("NEW PRICE: " + new_price); let target = _this.find(".incl-vat"); target.html(currency_sym() + new_price + getVatCountryLogo()); target.addClass("position-relative"); }); } function showStoreSwitchModal(customer_country) { console.log("showing switcher! Customer: " + customer_country); let _modal = $("#wrongstore_modal"); _modal.find(".flag").removeClass("d-none"); _modal.find(".flag:not(." + customer_country + ")").addClass("d-none"); _modal.find(".msg").removeClass("d-none"); _modal.find(".msg:not(." + customer_country + ")").addClass("d-none"); _modal.find("#text_block_country").html(customer_country == "gb" ? "UK" : "EU"); _modal.find("#switch_link_country").html(customer_country == "gb" ? "UK" : "EU"); _modal.find("#switch_link_country").parent().attr("target-store", customer_country); _modal.find("#stay_link_country").html(customer_country == "gb" ? "EU" : "UK"); taxSetCookie("store_switch_ackn", 1, 30); $("#open-wrongstore_modal").click(); } $(".confirm-store-switch").click(function(e) { e.preventDefault(); let target_store = $(this).attr("target-store"); taxSetCookie("store_switch_ackn", 1, 30); window.location.href = "https://" + (target_store == "gb" ? "www" : "eu") + ".bc-racing.co.uk/"; }); $(".confirm-store-stay").click(function(e) { // e.preventDefault(); taxSetCookie("store_switch_ackn", 1, 30); // $("#wrongstore_modal").removeClass("show"); }); // $(".price-box.price-final_price").on("updatePrice", function(e) { // console.log("updatePrice"); // console.log(e); // }); // $(".price-box.price-final_price").on("reloadPrice", function(e) { // console.log("reloadPrice"); // console.log(e); // }); $(".product-info-main .price-box.price-final_price").on("updatePrice reloadPrice", function(e) { console.log("MULTIPLE"); // console.log(e); if (window.current_store != 2 && window.can_calc_custom_tax) { if (e.type = "reloadPrice") { e.stopImmediatePropagation(); fixCustomTax(); } } }); function fixCustomTax() { if (window.current_store == 2 || !window.can_calc_custom_tax) return; let rate = taxGetCookie(window.tax_cookie); console.log("CUSTOM TAX"); if (rate !== false) { let _rate = rate.split("|"); window.current_vat_rate = _rate[0]; window.current_vat_country = _rate[1]; window.current_vat_country_name = _rate[2]; applyTaxRate(); return; } $.ajax({ method: "GET", url: '/customercountry/CustomerCountry/getcountry', data: {}, dataType: 'json', }) .done(function(data) { window.current_vat_rate = data.data.vat_rate; window.current_vat_country = data.data.country_code; window.current_vat_country_name = data.data.country_name; taxSetCookie(window.tax_cookie, window.current_vat_rate + "|" + window.current_vat_country + "|" + window.current_vat_country_name, 30); applyTaxRate(); }); } function checkForPopup() { if (taxGetCookie("store_switch_ackn") !== false) return; $.ajax({ method: "GET", url: '/customercountry/CustomerCountry/getcountry', data: {}, dataType: 'json', }) .done(function(data) { if (!data.data.is_correct_store) { if (taxGetCookie("store_switch_ackn") === false) { if (data.data.country_code != "gb") data.data.country_code = "eu"; showStoreSwitchModal(data.data.country_code); } } else { taxSetCookie("store_switch_ackn", 1, 30); } }); } function taxSetCookie(c_name, value, expiry) { const date = new Date(); date.setTime(date.getTime() + (expiry * 24 * 60 * 60 * 1000)); var expires = "expires=" + date.toUTCString(); document.cookie = c_name + "=" + value + ";" + expires + ";path=/"; } function taxGetCookie(c_name) { let name = c_name + "="; let spli = document.cookie.split(';'); for (var j = 0; j < spli.length; j++) { let char = spli[j]; while (char.charAt(0) == ' ') { char = char.substring(1); } if (char.indexOf(name) == 0) { return char.substring(name.length, char.length); } } return false; } checkForPopup(); fixCustomTax(); }); $(".minicart-wrapper > .action").click(function(e) { console.log("asdasaj"); if (window.current_store != 2) { e.stopImmediatePropagation(); window.location.href = "https://eu.bc-racing.co.uk/checkout/cart/"; } }); }); </script><div class="home-header-content"><header class="page-header"><div class="header-details d-none d-lg-flex w-100"> <div class="d-flex align-items-center justify-content-center pl-4 py-3"> <div class="mx-2 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a href="tel:+441274 683 633"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" /> </svg> </a> </div> <div class="text">+44 (0) 1274 683 633</div> </div> <div class="mx-5 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" /> </svg> </a> </div> <div class="text"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83d0c2cfc6d0c3c1c0d1c2c0cacdc4adc0ccadd6c8">[email protected]</a></div> </div> <div class="mx-2 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" /> </svg> </a> </div> <div class="text">MON- FRI: 9AM - 5:30PM GMT</div> </div> </div> <div class="ml-auto mr-0 position-relative py-3 panel header"> <div class="headerSocials"> <ul class="h-100"> <li> <a href="https://www.facebook.com/BCRacingUK/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M29.4,9.5c-4.4,0-7.4,2.7-7.4,7.6v4.3h-5v5.8h5V42h6V27.2h5 l0.7-5.8h-5.7v-3.7c0-1.7,0.5-2.8,2.9-2.8h3.1V9.8C33.3,9.7,31.5,9.5,29.4,9.5L29.4,9.5z" /> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z" /> </svg> </a> </li> <li> <a href="https://www.instagram.com/bcracing_uk/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z M39.7,8.9c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1s3.1-1.4,3.1-3.1 C42.8,10.3,41.4,8.9,39.7,8.9z M25.8,12.5c-7.3,0-13.3,6-13.3,13.3c0,7.3,6,13.3,13.3,13.3s13.3-6,13.3-13.3S33.1,12.5,25.8,12.5z M25.8,16.9c4.9,0,8.8,3.9,8.8,8.8c0,4.9-3.9,8.8-8.8,8.8c-4.9,0-8.8-3.9-8.8-8.8C17,20.9,20.9,16.9,25.8,16.9z" /> </svg> </a> </li> <li> <a href="https://vm.tiktok.com/ZMeUYJGdU/" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-tiktok fa-w-14 fa-7x"> <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23, 71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z" class=""> </path> </svg> </a> </li> </ul> </div> <div class="inner d-flex"> <div class="header_account_link_list login"> <a class="header_account_link" href="https://www.bc-racing.co.uk/customer/account/login/">Sign In/Create an Account</a> </div> <div><a href="/blog.html">News</a></div> <div><a href="/trader/application/form">Dealer Application</a></div> </div> </div> </div><div class="panel wrapper"><div class="panel header"><a class="action skip contentarea" href="#contentarea"> <span> Skip to Content </span> </a> </div></div><div class="header content"><span data-action="toggle-nav" class="action nav-toggle"><span>Toggle Nav</span></span> <a class="logo" href="https://www.bc-racing.co.uk/" title="" aria-label="store logo"> <img src="https://www.bc-racing.co.uk/media/logo/stores/2/bc-logo-transparent.png" title="" alt="" width="170" /> </a> <div class="header-country-select d-none main"> <div class="container"> <div class="row justify-content-end "> <div class="col-auto">  <div class="dropdown show"> <button class="border-top-0 border-left-0 border-right-0 background-0 bg-white" type="button" id="dropdown-button-main" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="flag-icon" src="/pub/media/BC/icons/language/gb.png" alt=""> <span class="name">English (£)</span> </button> <div class="dropdown-menu" id="select_store_header_main" aria-labelledby="dropdown-button-main"> <a data-iscurrent="0" data-local="EU" data-value="www.bcracingeu.com" class="dropdown-item" href="#"> <img class="flag-icon" src="/pub/media/BC/icons/language/eu.png" alt="">English (€)</a> </div> </div> </div> </div> </div> <div class="modal fade" id="header_country_modal_main" tabindex="-1" role="dialog" aria-labelledby="header_country_modal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title" id="exampleModalLabel">Switch Stores</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> NOTICE: Switching store location will not carry over your shopping cart. <br> Are you sure you want to change store location? </div> <div class="modal-footer"> <button type="button" class="action secondary btn btn-secondary" data-dismiss="modal">No</button> <button type="button" class="action primary btn btn-primary" id="confirm_change_site_main">Yes</button> </div> </div> </div> </div> <button type="button" class="btn btn-primary d-none" id="launch_header_country_modal_main" data-toggle="modal" data-target="#header_country_modal_main"></button> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> require(['jquery', 'jquery/ui', 'Magento_Ui/js/modal/modal' ], function($) { jQuery(document).ready(function() { var currentLocal = "UK"; var targetVal_main = ""; $('#select_store_header_main .dropdown-item').click(function() { console.log("Country Selected"); targetVal_main = $(this).data('value'); console.log(targetVal_main); $('#launch_header_country_modal_main').click(); }); $("#confirm_change_site_main").click(function(e) { setCookie("deny_change_ip", "1", 200); changeSite_main(); }); function changeSite_main() { window.location.href = "https://" + targetVal_main; } // COOKIE DATA function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/domain=bc-racing.co.uk"; } }); }); </script> <div class="modal fade" id="header_countr_ip_modal" tabindex="-1" role="dialog" aria-labelledby="header_country_modal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content store-UK position-relative"> <div class="modal-header"> <h2 class="modal-title" id="exampleModalLabel">Store Location</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> You are currently viewing our <span id="store_ip_current"></span> Store. <br /> Would you like to switch to the <span id="store_ip_target"></span> Store? </div> <div class="modal-footer"> <button type="button" class="action secondary btn btn-secondary" id="deny_change_ip" data-dismiss="modal">No</button> <button type="button" class="action primary btn btn-primary" id="confirm_change_ip">Yes</button> </div> </div> </div> </div> <button type="button" class="btn btn-primary d-none" id="launch_header_countr_ip_modal" data-toggle="modal" data-target="#header_countr_ip_modal"></button> <style> #header_countr_ip_modal .modal-content::after { -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); } /* IP Country Popup */ #header_countr_ip_modal .modal-content { z-index: -1; } #header_countr_ip_modal .modal-header, #header_countr_ip_modal .modal-body { border-bottom: 0; } #header_countr_ip_modal .modal-content::after { content: ""; background-position: center; background-size: cover; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #header_countr_ip_modal .modal-content.store-UK::after { background-image: url('/pub/media/BC/Flags/unionjack.png'); } #header_countr_ip_modal .modal-content.store-EU::after { background-image: url('/pub/media/BC/Flags/euflag.png'); } </style> <script> require(['jquery', 'jquery/ui', 'Magento_Ui/js/modal/modal' ], function($) { jQuery(document).ready(function() { var currentIp = '8.222.208.146'; var currentStore = 'UK'; var userLocation = ""; //console.log("CURRENT IP: "+currentIp); //console.log("CURRENT Store: "+currentStore); /* * Get Country Location from IP */ // RE-ADD THIS WHEN IP STACK INFO PROVIDED!! // -------------------------------------------- if (getCookie("deny_change_ip") != 1) { console.log("no cookie set"); if (getCookie("location_ip") == null) { console.log("No Location IP, creating one"); $.ajax({ method: "GET", url: '/ip_lookup/lookup.php', data: { ip_addr: currentIp }, dataType: 'json', }) .done(function(data) { console.log('API CALLED!'); var ipData = data; setCookie("location_ip", ipData['country_code'], 200); doIpData(ipData); }); } else { console.log("HAS Location IP:" + getCookie("location_ip")); doIpData({ 'country_code': getCookie("location_ip") }); } } else { console.log("Cookie is set: " + getCookie("deny_change_ip")); } function doIpData(ipData) { //console.log("Country Code: "+ipData['country_code']); userLocation = (ipData['country_code'] == "GB") ? "IS_UK" : "IS_EU"; var siteLocation = (currentStore == "UK") ? "IS_UK" : "IS_EU"; var showPopup = (siteLocation != userLocation); console.log("Site Location: " + siteLocation); console.log("User Location: " + userLocation); //console.log("Show Popup: "+showPopup); console.log("ip data: " + ipData['country_code']); /* * Get Cookie for Ignoring Popup */ // if ( getCookie("deny_change_ip") == 1 ) { // showPopup = false; // } if (showPopup) { if (currentStore == "UK") { console.log("Redirecting to EU"); //window.location = 'https://eu.bc-racing.co.uk/'; return; } else { $('#store_ip_current').html((currentStore == "EU") ? "European Euro" : "UK GBP"); $('#store_ip_target').html((userLocation == "IS_EU") ? "European Euro" : "UK GBP"); // $('#launch_header_countr_ip_modal').click(); } } /* * Check for VAT */ //$isEu = ipData['location']['is_eu']; //console.log("Is European Union?: "+$isEu); //$isEu = false; // if (!$isEu) { // removeVat(); // } } $("#deny_change_ip").click(function(e) { setCookie("deny_change_ip", "1", 200); }); $("#confirm_change_ip").click(function(e) { var site = (userLocation == "IS_EU") ? "www.bcracingeu.com" : "www.bc-racing.co.uk"; window.location.href = "https://" + site; }); function removeVat() { /* * If None UK ( for now ). Don't show VAT */ $('#maincontent').prepend('<style> .price-wrapper.price-including-tax, .product-item .special-price .price-wrapper, .product-info-main .special-price .price-label + .price-wrapper { display: none; }</style>'); $('#maincontent').prepend('<style> .minicart-items .product-item-details .price-including-tax, .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { display: none; }</style>'); $('#maincontent').prepend('<style> .cart.items.data.table .price-including-tax { display: none; }</style>'); $('#maincontent').prepend('<style> .cart.items.data.table .price-excluding-tax .price { font-size: 1.8rem !important; }</style>'); $('#maincontent').prepend('<style> .catalog-category-view:not([class*="category-springs"]):not([class*="category-accessories"]) .product-items .product-item-details .price-wrapper.price-excluding-tax .price { font-size: 4rem !important; }</style>'); $('#maincontent').prepend('<style> .product-info-main .price-box .price-excluding-tax .price { font-size: 2.6rem !important; }</style>'); $('#maincontent').prepend('<style> .price-container .price-excluding-tax .price { font-size: 1.4rem !important; }</style>') $('#maincontent').prepend('<style> .price-wrapper.price-excluding-tax:before { display: none; }</style>'); } // COOKIE DATA function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/;domain=bc-racing.co.uk"; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } }); }); </script><div class="header-country-select d-block mobile"> <div class="container"> <div class="row justify-content-end align-items-center no-gutters"> <div class="col-auto">  <div class="dropdown show"> <button class="border-top-0 border-left-0 border-right-0 background-0 bg-white" type="button" id="dropdown-button-mobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="flag-icon" src="/pub/media/BC/icons/language/gb.png" alt=""> <span class="name">English (£)</span> </button> <div class="dropdown-menu" id="select_store_header_mobile" aria-labelledby="dropdown-button-mobile"> <a data-iscurrent="0" data-local="EU" data-value="www.bcracingeu.com" class="dropdown-item" href="#"> <img class="flag-icon" src="/pub/media/BC/icons/language/eu.png" alt="">(€)</a> </div> </div> </div> </div> </div> <div class="modal fade" id="header_country_modal_mobile" tabindex="-1" role="dialog" aria-labelledby="header_country_modal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title" id="exampleModalLabel">Switch Stores</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> NOTICE: Switching store location will not carry over your shopping cart. <br> Are you sure you want to change store location? </div> <div class="modal-footer"> <button type="button" class="action secondary btn btn-secondary" data-dismiss="modal">No</button> <button type="button" class="action primary btn btn-primary" id="confirm_change_site_mobile">Yes</button> </div> </div> </div> </div> <button type="button" class="btn btn-primary d-none" id="launch_header_country_modal_mobile" data-toggle="modal" data-target="#header_country_modal_mobile"></button> </div> <script> require(['jquery', 'jquery/ui', 'Magento_Ui/js/modal/modal' ], function($) { jQuery(document).ready(function() { var currentLocal = "UK"; var targetVal_mobile = ""; $('#select_store_header_mobile .dropdown-item').click(function() { console.log("Country Selected"); targetVal_mobile = $(this).data('value'); console.log(targetVal_mobile); $('#launch_header_country_modal_mobile').click(); }); $("#confirm_change_site_mobile").click(function(e) { setCookie("deny_change_ip", "1", 200); changeSite_mobile(); }); function changeSite_mobile() { window.location.href = "https://" + targetVal_mobile; } // COOKIE DATA function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/domain=bc-racing.co.uk"; } }); }); </script> <div class="modal fade" id="header_countr_ip_modal" tabindex="-1" role="dialog" aria-labelledby="header_country_modal" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content store-UK position-relative"> <div class="modal-header"> <h2 class="modal-title" id="exampleModalLabel">Store Location</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> You are currently viewing our <span id="store_ip_current"></span> Store. <br /> Would you like to switch to the <span id="store_ip_target"></span> Store? </div> <div class="modal-footer"> <button type="button" class="action secondary btn btn-secondary" id="deny_change_ip" data-dismiss="modal">No</button> <button type="button" class="action primary btn btn-primary" id="confirm_change_ip">Yes</button> </div> </div> </div> </div> <button type="button" class="btn btn-primary d-none" id="launch_header_countr_ip_modal" data-toggle="modal" data-target="#header_countr_ip_modal"></button> <style> #header_countr_ip_modal .modal-content::after { -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); } /* IP Country Popup */ #header_countr_ip_modal .modal-content { z-index: -1; } #header_countr_ip_modal .modal-header, #header_countr_ip_modal .modal-body { border-bottom: 0; } #header_countr_ip_modal .modal-content::after { content: ""; background-position: center; background-size: cover; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #header_countr_ip_modal .modal-content.store-UK::after { background-image: url('/pub/media/BC/Flags/unionjack.png'); } #header_countr_ip_modal .modal-content.store-EU::after { background-image: url('/pub/media/BC/Flags/euflag.png'); } </style> <script> require(['jquery', 'jquery/ui', 'Magento_Ui/js/modal/modal' ], function($) { jQuery(document).ready(function() { var currentIp = '8.222.208.146'; var currentStore = 'UK'; var userLocation = ""; //console.log("CURRENT IP: "+currentIp); //console.log("CURRENT Store: "+currentStore); /* * Get Country Location from IP */ // RE-ADD THIS WHEN IP STACK INFO PROVIDED!! // -------------------------------------------- if (getCookie("deny_change_ip") != 1) { console.log("no cookie set"); if (getCookie("location_ip") == null) { console.log("No Location IP, creating one"); $.ajax({ method: "GET", url: '/ip_lookup/lookup.php', data: { ip_addr: currentIp }, dataType: 'json', }) .done(function(data) { console.log('API CALLED!'); var ipData = data; setCookie("location_ip", ipData['country_code'], 200); doIpData(ipData); }); } else { console.log("HAS Location IP:" + getCookie("location_ip")); doIpData({ 'country_code': getCookie("location_ip") }); } } else { console.log("Cookie is set: " + getCookie("deny_change_ip")); } function doIpData(ipData) { //console.log("Country Code: "+ipData['country_code']); userLocation = (ipData['country_code'] == "GB") ? "IS_UK" : "IS_EU"; var siteLocation = (currentStore == "UK") ? "IS_UK" : "IS_EU"; var showPopup = (siteLocation != userLocation); console.log("Site Location: " + siteLocation); console.log("User Location: " + userLocation); //console.log("Show Popup: "+showPopup); console.log("ip data: " + ipData['country_code']); /* * Get Cookie for Ignoring Popup */ // if ( getCookie("deny_change_ip") == 1 ) { // showPopup = false; // } if (showPopup) { if (currentStore == "UK") { console.log("Redirecting to EU"); //window.location = 'https://eu.bc-racing.co.uk/'; return; } else { $('#store_ip_current').html((currentStore == "EU") ? "European Euro" : "UK GBP"); $('#store_ip_target').html((userLocation == "IS_EU") ? "European Euro" : "UK GBP"); // $('#launch_header_countr_ip_modal').click(); } } /* * Check for VAT */ //$isEu = ipData['location']['is_eu']; //console.log("Is European Union?: "+$isEu); //$isEu = false; // if (!$isEu) { // removeVat(); // } } $("#deny_change_ip").click(function(e) { setCookie("deny_change_ip", "1", 200); }); $("#confirm_change_ip").click(function(e) { var site = (userLocation == "IS_EU") ? "www.bcracingeu.com" : "www.bc-racing.co.uk"; window.location.href = "https://" + site; }); function removeVat() { /* * If None UK ( for now ). Don't show VAT */ $('#maincontent').prepend('<style> .price-wrapper.price-including-tax, .product-item .special-price .price-wrapper, .product-info-main .special-price .price-label + .price-wrapper { display: none; }</style>'); $('#maincontent').prepend('<style> .minicart-items .product-item-details .price-including-tax, .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { display: none; }</style>'); $('#maincontent').prepend('<style> .cart.items.data.table .price-including-tax { display: none; }</style>'); $('#maincontent').prepend('<style> .cart.items.data.table .price-excluding-tax .price { font-size: 1.8rem !important; }</style>'); $('#maincontent').prepend('<style> .catalog-category-view:not([class*="category-springs"]):not([class*="category-accessories"]) .product-items .product-item-details .price-wrapper.price-excluding-tax .price { font-size: 4rem !important; }</style>'); $('#maincontent').prepend('<style> .product-info-main .price-box .price-excluding-tax .price { font-size: 2.6rem !important; }</style>'); $('#maincontent').prepend('<style> .price-container .price-excluding-tax .price { font-size: 1.4rem !important; }</style>') $('#maincontent').prepend('<style> .price-wrapper.price-excluding-tax:before { display: none; }</style>'); } // COOKIE DATA function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/;domain=bc-racing.co.uk"; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } }); }); </script> <div data-block="minicart" class="minicart-wrapper"> <a class="action showcart" href="https://www.bc-racing.co.uk/checkout/cart/" data-bind="scope: 'minicart_content'"> <span class="text">My Cart</span> <span class="counter qty empty" data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() }, blockLoader: isLoading"> <span class="counter-number"></span> <span class="counter-label">     </span> </span> </a> <div class="block block-minicart" data-role="dropdownDialog" data-mage-init='{"dropdownDialog":{ "appendTo":"[data-block=minicart]", "triggerTarget":".showcart", "timeout": "2000", "closeOnMouseLeave": false, "closeOnEscape": true, "triggerClass":"active", "parentClass":"active", "buttons":[]}}'> <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">  </div> </div> <script>window.checkout = {"shoppingCartUrl":"https:\/\/www.bc-racing.co.uk\/checkout\/cart\/","checkoutUrl":"https:\/\/www.bc-racing.co.uk\/checkout\/","updateItemQtyUrl":"https:\/\/www.bc-racing.co.uk\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.bc-racing.co.uk\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.bc-racing.co.uk\/","minicartMaxItemsVisible":5,"websiteId":"2","maxItemsToDisplay":10,"storeId":"2","storeGroupId":"2","customerLoginUrl":"https:\/\/www.bc-racing.co.uk\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuYmMtcmFjaW5nLmNvLnVrLw%2C%2C\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.bc-racing.co.uk\/captcha\/refresh\/","isRequired":false,"timestamp":1732662882}}}</script> <script type="text/x-magento-init"> { "[data-block='minicart']": { "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals"}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"children":{"clearpay.cta":{"component":"clearpayCta","template":"Clearpay_Clearpay\/cta\/cta","sortOrder":"0","config":{"id":"clearpay-cta-mini-cart","pageType":"mini-cart","modelContainerId":"clearpay-mini-cart-container","dataCurrency":"GBP","dataLocale":"en_GB","dataShowLowerLimit":true,"dataCbtEnabled":false,"dataMPID":"6ae9a85c-607d-425f-ae30-702012a47e5a","dataPlatform":"Magento","notAllowedProducts":[]},"children":{"clearpay.cta.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}}},"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]} }, "*": { "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fstatic\u002Fversion1715252945\u002Ffrontend\u002FCT\u002FBCnew\u002Fen_GB\u002Fimages\u002Floader\u002D1.gif" } } </script> </div> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;700&family=Montserrat:wght@700;800&display=swap" rel="stylesheet"> <div class="navMenu"> <div class="bc-nav-logo d-xl-none"> <img src="/media/logo/stores/2/bc-logo-transparent-white.png"> </div> <ul> <li class="mobile-border"> <div></div> </li> <li> <a href="/applications.html"> <div class="pt-4 pt-md-0"> Vehicle Search </div> </a> </li> <li><a href="/springs.html">Springs</a></li> <li><a href="/accessories.html">Accessories</a></li> <li><a href="/coilovers.html">Coilover Types</a></li> <li><a href="/asp-products">ASP Products</a></li>   <li> <a href="/contact"> <div class="pb-4 pb-md-0"> Contact </div> </a> </li> <li class="mobile-border mb-4 mb-md-0"> <div></div> </li> <li class="navMenuSecondary"> <a class="header_account_link" href="https://www.bc-racing.co.uk/customer/account/login/">Sign In/Create an Account</a> </li> <li class="navMenuSecondary"><a href="/blog.html">News</a></li> <li class="navMenuSecondary"><a href="/trader/application/form">Dealer Application</a></li> <li class="mobile-border mt-4 mb-md-0"> <div></div> </li> </ul> <div class="bc-nav-social mt-3 d-xl-none"> <div class="icons"> <div class="d-flex"> <a class="mr-3" href="https://www.facebook.com/BCRacingUK/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M29.4,9.5c-4.4,0-7.4,2.7-7.4,7.6v4.3h-5v5.8h5V42h6V27.2h5 l0.7-5.8h-5.7v-3.7c0-1.7,0.5-2.8,2.9-2.8h3.1V9.8C33.3,9.7,31.5,9.5,29.4,9.5L29.4,9.5z"></path> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z"></path> </svg> </a> <a class="mr-3" href="https://www.instagram.com/bcracing_uk/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z M39.7,8.9c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1s3.1-1.4,3.1-3.1 C42.8,10.3,41.4,8.9,39.7,8.9z M25.8,12.5c-7.3,0-13.3,6-13.3,13.3c0,7.3,6,13.3,13.3,13.3s13.3-6,13.3-13.3S33.1,12.5,25.8,12.5z M25.8,16.9c4.9,0,8.8,3.9,8.8,8.8c0,4.9-3.9,8.8-8.8,8.8c-4.9,0-8.8-3.9-8.8-8.8C17,20.9,20.9,16.9,25.8,16.9z"></path> </svg> </a> <a class="mr-3" href="https://vm.tiktok.com/ZMeUYJGdU/" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-tiktok fa-w-14 fa-7x"> <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23, 71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z" class=""> </path> </svg> </a> </div> </div> <div class="details"> <div class="py-4"> <div class="mb-2 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a href="tel:+441274683633"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path> </svg> </a> </div> <div class="text">+44 (0) 1274 683 633</div> </div> <div class="mb-2 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a href="tel:+441274 683 633"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path> </svg> </a> </div> <div class="text"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2a796b666f796a6869786b6963646d046965047f61">[email protected]</a></div> </div> <div class="mb-2 detail-item d-flex align-items-center"> <div class="icon mr-4"> <a href="tel:+441274683633"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"></path> </svg> </a> </div> <div class="text">MON- FRI: 9AM - 5:30PM GMT</div> </div> </div> </div> </div> </div> <div class="navButton"> <div id="burger" class="menuClick"> <div class="hamburger" id="hamburger-11"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </div> </div> </div> <div class="menu-cover menuClick"></div> <style> .category-name, .page-header, .home-header-content, body h1, body h2, body h3, body h4, body h5 { font-family: 'Montserrat', sans-serif; } .navMenu ul { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 15px; padding: 0; text-transform: uppercase; } .navMenu ul li { margin: 0; } .navMenu ul li a, .navMenu ul li a:focus { padding: 1em 1.2em; display: block; font-weight: 300; font-size: 15px; letter-spacing: 0; color: #000; } .navMenu ul li a:hover { color: #bc8c0c; text-decoration: none; } .hamburger .line { width: 36px; height: 3px; background-color: #ecf0f1; display: block; margin: 7px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger:hover { cursor: pointer; } #hamburger-11 { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #burger.active #hamburger-11 { animation: smallbig 0.6s forwards; } @keyframes smallbig { 0%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } #burger.active #hamburger-11 .line:nth-child(1), #burger.active #hamburger-11 .line:nth-child(2), #burger.active #hamburger-11 .line:nth-child(3) { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #burger.active #hamburger-11 .line:nth-child(2) { opacity: 0; } #burger.active #hamburger-11 .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } #burger.active #hamburger-11 .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } @media (max-width: 1600px) { .navMenu ul li a, .navMenu ul li a:focus { text-align: center; font-size: 13px; padding: 1px 14px; } } @media (max-width: 1200px) { .navMenu .bc-nav-logo { padding: 24px 50px; } .bc-nav-social { padding: 6px 30px !important; } .navMenu ul li a, .navMenu ul li a:focus { background-color: #383838; color: white; padding: 6px 30px !important; text-align: left; font-size: 15px !important; } .navMenu ul li.mobile-border { height: 2px; } .navMenu ul li.mobile-border>div { border-bottom: 2px solid #454545; } .navMenu ul li.navMenuSecondary a { background-color: unset; } .navMenu ul li.navMenuSecondary.nms-divider { display: none !important; } .navMenu { /*position: absolute; height: 100%;*/ width: 0px; display: block; transition: 0.5s cubic-bezier(0.75, 0.02, 0.33, 1); background-color: #222222; position: fixed; left: 0; top: 0; bottom: 0; z-index: 600; } .navMenu ul { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* height: 90vh; height: -moz-calc(100vh - 90px); height: -webkit-calc(100vh - 90px); height: -o-calc(100vh - 90px); height: calc(100vh - 90px); */ margin: 0; overflow-y: unset; padding: 0; } /* .navMenu ul li:first-of-type { margin-top: auto; } */ .navMenu ul li:last-of-type { margin-bottom: auto; } .navMenu ul li { display: none; transform: translateY(-40px); opacity: 0; text-align: center; position: relative; transition: 0.5s ease; } .navMenu ul li a { font-size: 16px; } .navMenu ul li.navMenuSecondary a { font-size: 14px; padding: 0.7em 1.2em; } #burger { z-index: 1; cursor: pointer; position: relative; display: block; color: #fff; height: 100%; z-index: 650; margin-right: 10px; } .menu_open .navMenu { width: 400px; } .menu-cover { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 500; opacity: 0; visibility: hidden; } .menu_open .menu-cover { opacity: 1; visibility: visible; } .nms-divider span { display: block; background-color: rgba(0, 0, 0, 0.3); height: 1px; margin: 20px 10px; } body.menu_open { overflow: hidden; } } @media (max-width: 480px) { .menu_open .navMenu { width: 85vw; } } @media (min-width: 1200px) { .header.content .navButton { display: none !important; } .navMenu ul li { display: block !important; opacity: 1 !important; transform: none !important; } .navMenu ul li.navMenuSecondary { display: none !important; } } </style> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> require(['jquery', 'jquery/ui' ], function($) { jQuery(document).ready(function() { var $listMenu = $('.navMenu ul li'); $('.menuClick').click(function() { console.log("menuClick clicked"); $('#burger').toggleClass('active'); $('body, .page-wrapper').toggleClass('menu_open'); if ($('#burger').hasClass('active')) { $listMenu.show(); setTimeout(function() { $listMenu.css('opacity', '1'); $listMenu.css('transform', 'translateY(0px)'); }, 200); } else { $listMenu.css('opacity', '0'); $listMenu.css('transform', 'translateY(-40px)'); setTimeout(function() { $listMenu.hide(); }, 500); } return false; }); }); }); </script><div class="header-klarna-logo d-none d-xl-flex flex-column align-items-center text-center mr-4"> <div class="klarna-logo"> <img src="/pub/media/BC/klarna/klarna-logo-small.png" alt=""> </div> <span class="text">Now Available</span> </div> <style> .header-klarna-logo .klarna-logo { border-radius: 9px; padding: 3px 5px; background-color: #ffb3c7; /* margin-bottom: 3px; */ } .header-klarna-logo .text { font-size: 8px; } .header-klarna-logo .klarna-logo img { width: 70px; } </style> <button type="button" class="search-modal-trigger" data-toggle="modal" data-target="#search_modal"><span>Search</span></button> <div class="modal fade kit-mobile-modal top-search-modal" id="search_modal" tabindex="-1" aria-labelledby="search_modal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Search</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="block block-search test-ct test-ct2"> <div class="block block-title"><strong>Search</strong></div> <div class="block block-content"> <form class="form minisearch" id="search_mini_form" action="https://www.bc-racing.co.uk/catalogsearch/result/" method="get"> <div class="field search"> <div class="control"> <input id="search" data-mage-init='{"quickSearch":{ "formSelector":"#search_mini_form", "url":"https://www.bc-racing.co.uk/search/ajax/suggest/", "destinationSelector":"#search_autocomplete", "minSearchLength":"3"} }' type="text" name="q" value="" placeholder="Search entire store here..." class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false"/> <div id="search_autocomplete" class="search-autocomplete"></div> <div class="nested"> <a class="action advanced" href="https://www.bc-racing.co.uk/catalogsearch/advanced/" data-action="advanced-search"> Advanced Search </a> </div> </div> </div> <div class="actions"> <button type="submit" title="Search" class="action search" aria-label="Search" > <span>Search</span> </button> </div> </form> </div> </div> </div> </div> </div> </div> <style> .search-modal-trigger { display: inline-block; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 0; } .search-modal-trigger:focus, .search-modal-trigger:hover { background: none; border: none; outline: none; } .search-modal-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 30px; color: #000; content: '\e615'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .search-modal-trigger:hover:before { color: #b69f15; } .search-modal-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .top-search-modal .modal-content { padding-top: 10px; } .top-search-modal .close { font-size: 24px; } .top-search-modal .modal-body { padding: 20px 0 5px; } .top-search-modal .block-search .block-content { position: relative; } .top-search-modal .block-search .control { border-top: none; margin: 0; } .top-search-modal .block-search input { margin: 0; font-size: 18px; height: 40px; border: 1px solid #626262; left: unset; position: relative; } .top-search-modal .block-search .action.search { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 5px 0; position: absolute; right: 10px; top: 0; z-index: 1; } .top-search-modal .block-search .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: 30px; color: #8f8f8f; content: '\e615'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .top-search-modal .block-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .header.content .top-search-modal .block-search { width: 100%; float: none; } .top-search-modal .mst-searchautocomplete__autocomplete._active { left: 0 !important; width: 100% !important; right: 0; min-width: unset; } @media (max-width: 575.98px) { .top-search-modal .modal-content { padding: 10px; } } </style> </div><div class="bc-marquee text-white test"> <div class="Marquee"> <div class="Marquee-content"> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> </div> </div> </div></header>  <style> .klarna-homepage { background-color: #ffb3c7; display: flex; justify-content: center; align-items: center; flex-direction: column; } .klarna-homepage>img { width: 186px; padding: 6px; padding-bottom: 0; } .klarna-homepage>a { padding-bottom: 6px; color: #000000; font-weight: bold; text-decoration: underline; font-size: 13px; } </style> <div class="bcLeftBox"></div> <div class="bcRightLogoBox"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 459.8 220.4" style="enable-background:new 0 0 459.8 220.4;" xml:space="preserve"> <g> <g> <path d="M459.8,48.6V25.8c0-14.2-11.5-25.8-25.8-25.8h-146c-14.2,0-25.8,11.5-25.8,25.8v73.7 c0,14.2,11.5,25.8,25.8,25.8h146c14.2,0,25.8-11.5,25.8-25.8V76.7h-37.3v13.7c0,3.7-3,6.7-6.7,6.7H306.4c-3.7,0-6.7-3-6.7-6.7 V34.8c0-3.7,3-6.8,6.7-6.8h109.4c3.7,0,6.7,3,6.7,6.8v13.7H459.8z" /> <path d="M95.8,76.7h91.8v0c5.6,0,10.2,4.6,10.2,10.2c0,5.6-4.6,10.2-10.2,10.2v0H77L95.8,76.7z M187.6,28.1 c5.6,0,10.2,4.6,10.2,10.2c0,5.6-4.6,10.2-10.2,10.2l0,0h-66l18.8-20.5H187.6z M227.4,62.7L227.4,62.7 c12.1-4.8,20.6-16.5,20.6-30.3C248,14.5,233.5,0,215.6,0H115.1L0,125.3l215.6,0c17.9,0,32.4-14.5,32.4-32.4 C248,79.1,239.5,67.4,227.4,62.7" /> </g> <g> <g> <path d="M47.3,173.4c2.3-2.1,3.5-5.4,3.5-9.9c0-4.5-1.2-7.6-3.6-9.3c-2.4-1.7-6.6-2.5-12.6-2.5h-14v24.8h13.7 C40.6,176.5,45,175.4,47.3,173.4 M69.8,163.4c0,13.4-5.3,22.1-15.9,26l16.1,30H49.2l-13.5-26.7H20.5v26.7H1.8v-83.8h31.8 c13,0,22.3,2.2,27.9,6.6C67,146.6,69.8,153.7,69.8,163.4" /> <path d="M210.9,202.9c9.2,0,16.7-3.6,22.5-10.9l12,12.4c-9.5,10.7-20.7,16.1-33.6,16.1c-12.9,0-23.5-4.1-31.9-12.2 c-8.4-8.2-12.5-18.4-12.5-30.9c0-12.4,4.3-22.8,12.8-31.1c8.5-8.3,18.9-12.5,31.2-12.5c13.8,0,25.3,5.2,34.5,15.7l-11.6,13.2 c-5.9-7.3-13.3-11-22.1-11c-7,0-13.1,2.3-18,6.9c-5,4.6-7.5,10.8-7.5,18.6c0,7.8,2.4,14.1,7.1,18.8 C198.5,200.5,204.2,202.9,210.9,202.9" /> </g> <rect x="261.2" y="135.6" width="18.7" height="83.8" /> <polygon points="351.6,135.6 370.3,135.6 370.3,219.4 351.6,219.4 311.7,166.9 311.7,219.4 293,219.4 293,135.6 310.5,135.6 351.6,189.5" /> <g> <path d="M441,176.7h18.8v29.7c-8.3,9.3-19.8,13.9-34.5,13.9c-12.3,0-22.6-4.1-31-12.2c-8.4-8.2-12.5-18.4-12.5-30.9 c0-12.4,4.3-22.8,12.8-31.1c8.5-8.3,18.8-12.5,30.8-12.5c12,0,22.5,4,31.4,11.9l-9.7,14c-3.8-3.3-7.2-5.5-10.4-6.8 c-3.2-1.2-6.6-1.9-10.3-1.9c-7.1,0-13.1,2.4-18,7.3c-4.9,4.8-7.3,11.2-7.3,19.1c0,7.9,2.3,14.2,7,19c4.7,4.8,10.3,7.1,16.7,7.1 c6.5,0,11.9-1.2,16.2-3.7V176.7z" /> </g> <polygon points="123.7,160.5 98.2,219.4 78.3,219.4 114.5,135.6 132.7,135.6 168.9,219.4 149,219.4" /> </g> </g> </svg> </div> <div class="homeHero position-relative">  <video muted="" loop="" autoplay="true" src="/pub/media/BC/homepage/homepage-eu-desktop-2024.mp4" class="header-media w-100 desk"></video> <video muted="" loop="" autoplay="true" class="header-media w-100 mob" style="" src="/pub/media/BC/homepage/homepage-eu-mobile-2024.mp4"></video> <style> .header-media.mob { display: none } @media only screen and (max-width: 797px) { .header-media.mob { display: block } .header-media.desk { display: none } } </style> </div> <svg width="0" height="0" class="position-absolute"> <defs> <clipPath id="leftBox" clipPathUnits="objectBoundingBox"> <path d="M 0 0 L 0.55 0 L 1 1 L 0 1 Z" /> </clipPath> </defs> </svg> <style> .home-header-content { position: relative; background-image: url('https://res.cloudinary.com/apex-performance/image/upload/v1663842074/HomepageBanner1_vun0nw.jpg?v=2'); background-size: cover; background-position: 50%; /*background: rgb(201,222,150); background: -moz-linear-gradient(45deg, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); background: -webkit-linear-gradient(45deg, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); background: linear-gradient(45deg, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 );*/ } .home-header-content>.page-header { background-color: unset !important; margin-bottom: -40px !important; } .home-header-content .bc-marquee { z-index: 1; background-color: #202020c2 !important; } .home-header-content .bc-marquee .Marquee-tag { background-color: unset !important; } .home-header-content { /*background-image: url('/pub/media/wysiwyg/BC/homepage/header-bg.jpg?v=5');*/ } @media (max-width: 600px) { .home-header-content { background-image: url('/pub/media/wysiwyg/BC/homepage/header-bg_mobile.jpg?v=6'); } } .header-cats { margin-top: -80px; } .header-cat-link { height: 150px; text-align: center; display: flex; flex-direction: column; } .header-cat-link .category-name { width: 100%; margin-top: auto; background-color: #000000e0; color: white; font-weight: bold; padding: 10px; font-size: 1.4rem; } .header-cat-link>.inner { background-position: center; background-size: cover; height: 100%; display: flex; border: 1px solid white; border-radius: 4px; } .header-cat-link.link-1>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-1.jpg?v=2.0'); } .header-cat-link.link-2>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-2.jpg?v=2.0'); } .header-cat-link.link-3>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-3-asp.jpg?v=3.0'); } .header-cat-link.link-4>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-4.jpg?v=2.0'); } @media (max-width: 600px) { .header-cat-link.link-1>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-1_mobile.jpg?v=4.0'); } .header-cat-link.link-2>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-2_mobile.jpg?v=4.0'); } .header-cat-link.link-3>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-3_mobile.jpg?v=4.0'); } .header-cat-link.link-4>.inner { background-image: url('/pub/media/wysiwyg/BC/homepage/block-4_mobile.jpg?v=4.0'); } } @media (min-width: 768px) { .header-cat-link { height: 200px; } .header-cat-link .category-name { font-size: 2rem; } } .home-header-content .page-header { border-bottom: none; margin-bottom: 0; background: -moz-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 60%, rgba(34, 34, 34, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 60%, rgba(34, 34, 34, 0.8) 100%); background: linear-gradient(to bottom, rgba(34, 34, 34, 1) 0%, rgba(34, 34, 34, 1) 60%, rgba(34, 34, 34, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#cc222222', GradientType=0); } .home-header-content .panel.wrapper, .home-header-content .header.content { z-index: 10; position: relative; } .homeBannerContent { height: 60vh; max-height: 500px; position: relative; z-index: 5; } .homeBannerContent h1, .homeBannerContent h2 { font-weight: 900; color: #fff; padding: 30px 0; text-transform: uppercase; text-align: center; text-shadow: 4px 6px 6px rgb(0 0 0), 4px 6px 25px rgb(0 0 0); font-size: 45px; line-height: 1.1; } .homeBannerContent h2 { padding: 0; font-size: 24px; } .homeBannerContent h1 span { display: block; color: #ae9833; } .hbc-button, .hbc-button:focus, .hbc-button:visited { color: #fff; text-transform: uppercase; font-weight: 200; letter-spacing: 0.1em; padding: 14px 28px; display: inline-block; border: 1px solid; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .hbc-button:hover { color: #ae9833; text-decoration: none; background-color: #fff; } .bcLeftBox { position: absolute; top: 0; left: 0; bottom: 0; width: 15vw; opacity: 0.25; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#4dffffff', GradientType=0); -webkit-clip-path: url(#leftBox); clip-path: url(#leftBox); } .bcRightLogoBox { position: absolute; top: 0; right: 0; bottom: 0; width: 42vw; overflow: hidden; opacity: 0.2; } .bcRightLogoBox svg { height: 100%; width: auto; transform: rotate(350deg); -webkit-transform: rotate(350deg); -moz-transform: rotate(350deg); -o-transform: rotate(350deg); -ms-transform: rotate(350deg); } .bcLeftBox, .bcRightLogoBox { display: none !important; } @media (min-width: 576px) { .homeBannerContent h1 { font-size: 40px; text-align: right; } } @media (min-width: 768px) { .homeBannerContent { max-height: unset; } .homeBannerContent h1 { font-size: 50px; } } @media (min-width: 992px) { .homeBannerContent h1 { font-size: 60px; } .homeBannerContent h2 { font-size: 44px; } } /* Mobile Images */ @media (max-width: 600px) { /* Coilover Images */ .coilover-items .coil-image-br { background-image: url('/pub/media/BC/BRSeries/BR-SERIES1_mobile.jpg?v=6') !important; } .coilover-items .coil-image-rm { background-image: url('/pub/media/BC/RMSeries/RM-SERIES_1_mobile.jpg?v=6') !important; } .coilover-items .coil-image-er { background-image: url('/pub/media/BC/ERSeries/ERSERIES1_mobile.jpg?v=6') !important; } .coilover-items .coil-image-hm { background-image: url('/pub/media/BC/HMSeries/HMSERIES1_mobile.jpg?v=6') !important; } .coilover-items .coil-image-zr { background-image: url('/pub/media/BC/ZRSeries/ZRSERIES1_mobile.jpg?v=6') !important; } .coilover-items .coil-image-ds { background-image: url('/pub/media/BC/DSSeries/DSSeries_mobile.jpg?v=6') !important; } .coilover-items .coil-image-v1 { background-image: url('/pub/media/BC/V1Series/v1_mobile.jpg?v=6') !important; } /* Coolwall images */ .homeCoolWall .cool-wall-img-1 { background-image: url('/media/wysiwyg/BC/CoolWall/1_mobile.jpg?v=0.5') !important; } .homeCoolWall .cool-wall-img-2 { background-image: url('/media/wysiwyg/BC/CoolWall/2_mobile.jpg?v=0.5') !important; } .homeCoolWall .cool-wall-img-3 { background-image: url('/media/wysiwyg/BC/CoolWall/3_mobile.jpg?v=0.5') !important; } .homeCoolWall .cool-wall-img-4 { background-image: url('/media/wysiwyg/BC/CoolWall/4_mobile.jpg?v=0.5') !important; } } </style> <style> .header-cat-link.link-4, .cms-bc-homepage-page-new .home-featured-intro, .cms-bc-homepage-page-new .block-products-list { display: none; } </style> <script> (function(h, o, t, j, a, r) { h.hj = h.hj || function() { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 3791382, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script></div> <div class="container-fluid header-cats"> <div class="row"> <a href="/applications.html" class="col-6 col-md-4 p-2 header-cat-link link-1"> <div class="inner"> <div class="category-name">VEHICLE SEARCH</div> </div> </a> <a href="/coilovers.html" class="col-6 col-md-4 p-2 header-cat-link link-2"> <div class="inner"> <div class="category-name">COILOVER TYPES</div> </div> </a> <a href="/asp-products" class="col-6 col-md-4 p-2 header-cat-link link-3"> <div class="inner"> <div class="category-name">ASP PRODUCTS</div> </div> </a>  </div> </div> <div class="homeBcSearch"> <div class="homeBcSearch-Top"></div> <div class="container"> <style> .nav-sections-items .navigation > .menu > ul > li:nth-child(2) { display: none; } </style><style> .nav-sections-items .navigation > ul > li:nth-child(1) { display: none; } </style> <div class="row align-items-center"> <div class="col-12 col-lg mt-3 mb-lg-3 text-center searchIntro"> <span>Select</span> Your Car </div> <div class="col mm-col-one"> <select class="manu-select 2 custom-select custom-select-lg my-3"> <option selected value="0">Manufacturer</option> <option value="5">ALFA ROMEO</option><option value="47">ASTON MARTIN</option><option value="6">AUDI</option><option value="4">BMW</option><option value="1287">BUICK</option><option value="1290">BYD</option><option value="1289">CADILLAC</option><option value="7">CHEVROLET</option><option value="8">CHRYSLER</option><option value="9">CITROEN</option><option value="10">DAIHATSU</option><option value="11">DODGE</option><option value="2872">FERRARI</option><option value="12">FIAT</option><option value="13">FORD</option><option value="2986">GEELY</option><option value="1405">GREAT WALL</option><option value="1286">HAFEI</option><option value="44">HOLDEN</option><option value="14">HONDA/ACURA</option><option value="15">HYUNDAI</option><option value="16">INFINITI</option><option value="46">JAGUAR</option><option value="17">JEEP</option><option value="18">KIA</option><option value="43">LADA</option><option value="19">LANCIA</option><option value="1403">LAND ROVER</option><option value="20">LEXUS</option><option value="21">LOTUS</option><option value="1291">LUXGEN</option><option value="1435">LYNK & CO</option><option value="22">MAZDA</option><option value="45">MASERATI</option><option value="23">MERCEDES BENZ</option><option value="1409">MG MOTOR</option><option value="24">MINI (BMW)</option><option value="25">MITSUBISHI</option><option value="26">NISSAN</option><option value="27">VAUXHALL / OPEL</option><option value="28">PEUGEOT</option><option value="29">PONTIAC</option><option value="30">PORSCHE</option><option value="31">PROTON</option><option value="32">RENAULT</option><option value="1288">ROEWE</option><option value="33">SAAB</option><option value="34">SEAT</option><option value="35">SCION</option><option value="36">SKODA</option><option value="37">SMART</option><option value="38">SUBARU</option><option value="39">SUZUKI</option><option value="48">TESLA</option><option value="40">TOYOTA</option><option value="41">VOLKSWAGEN</option><option value="42">VOLVO</option><option value="2492">TRUMPCHI</option> </select> </div> <div class="col mm-col-two"> <select class="part-select custom-select custom-select-lg my-3"> <option selected value="0">Model</option> </select> </div> <div class="col-12 col-sm d-flex"> <button type="submit" class="search-btn action primary btn-lg mb-3 mt-3 w-100">Shop the kits</button> </div> </div> </div> <style> .homeBcSearch { position: relative; padding-bottom: 12px; } .homeBcSearch-Top { position: absolute; top: -12px; left: 0; right: 0; height: 24px; overflow: hidden; } /* .homeBcSearch-Top:before, .homeBcSearch-Top:after { content: ""; position: absolute; top: 0; height: 24px; width: 65%; border-top: 1px solid #848484; background: rgb(234, 232, 232); background: -moz-linear-gradient(top, rgba(234, 232, 232, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(234, 232, 232, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(234, 232, 232, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae8e8', endColorstr='#ffffff', GradientType=0); } .homeBcSearch-Top:before { right: 50%; transform: skew(34deg, 0deg); -webkit-transform: skew(34deg, 0deg); -moz-transform: skew(34deg, 0deg); -o-transform: skew(34deg, 0deg); -ms-transform: skew(34deg, 0deg); } .homeBcSearch-Top:after { left: 50%; transform: skew(-34deg, 0deg); -webkit-transform: skew(-34deg, 0deg); -moz-transform: skew(-34deg, 0deg); -o-transform: skew(-34deg, 0deg); -ms-transform: skew(-34deg, 0deg); } */ .homeBcSearch>.container { position: relative; z-index: 1; } .homeBcSearch select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 1px solid; padding-left: 2px; font-weight: 700; font-size: 15px; } .homeBcSearch .searchIntro { font-weight: 900; text-transform: uppercase; color: #ae9833; line-height: 1; font-size: 20px; } .homeBcSearch .searchIntro span { color: initial; } .homeBcSearch .search-btn { text-transform: uppercase; font-weight: 900; } @media (min-width: 992px) { .homeBcSearch .searchIntro span { display: block; font-size: 27px; } } @media (max-width: 575.98px) { .mm-col-one { padding-right: 7px; } .mm-col-two { padding-left: 7px; } } </style> <script type="text/javascript"> require(['bootstrap']); </script> <script> var baseUrl = "www.bc-racing.co.uk"; require(['jquery', 'jquery/ui'], function($) { jQuery(document).ready(function() { // When Select box is changed $('.manu-select').change(function() { var id = $('.manu-select').val(); console.log(id + " SELECTED"); // Ajax to get sub Categories $.ajax({ url: "/menu/cars.php", data: { cat_id: id, task: "getSub", is_bc: 1, base_url: baseUrl, store: 2 }, method: 'GET', async: false, contentType: 'text', success: function(data) { console.log(data); $('.part-select').html(data); } }); }); //When search button is pressed $(".search-btn").click(function(e) { e.preventDefault(); var catUrl = $('.part-select').val(); var manuId = $('.manu-select').val(); if (catUrl != 0) { console.log("GOIN TO: " + catUrl); window.location.href = catUrl; } else if (manuId != 0) { $.ajax({ url: "/menu/cars.php", data: { cat_id: manuId, task: "getUrl", is_bc: 1, base_url: baseUrl, store: 2 }, method: 'GET', async: false, contentType: 'text', success: function(data) { console.log(data); window.location.href = data; } }); } }); }); }); </script> </div><div class="bc-marquee text-white test"> <div class="Marquee"> <div class="Marquee-content"> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> <div class="Marquee-tag"><span>FREE WORLDWIDE SHIPPING ON KITS</span></div> </div> </div> </div> <style> .bc-marquee { background-color: #202020; overflow: hidden; position: relative; } .bc-marquee:before, .bc-marquee:after { content: ""; position: absolute; top: 8px; bottom: 8px; width: 8vw; background-color: #666666; z-index: 1; } .bc-marquee:before { left: -10px; border-right: 2.5vw solid #ae9833; transform: skew(-16deg, 0deg); -webkit-transform: skew(-16deg, 0deg); -moz-transform: skew(-16deg, 0deg); -o-transform: skew(-16deg, 0deg); -ms-transform: skew(-16deg, 0deg); -webkit-box-shadow: 2vw 0px 10px -4px rgba(32, 32, 32, 0.8); -moz-box-shadow: 2vw 0px 10px -4px rgba(32, 32, 32, 0.8); box-shadow: 2vw 0px 10px -4px rgba(32, 32, 32, 0.8); } .bc-marquee:after { right: -10px; border-left: 2.5vw solid #ae9833; transform: skew(16deg, 0deg); -webkit-transform: skew(16deg, 0deg); -moz-transform: skew(16deg, 0deg); -o-transform: skew(16deg, 0deg); -ms-transform: skew(16deg, 0deg); -webkit-box-shadow: -2vw 0px 10px -4px rgba(32, 32, 32, 0.8); -moz-box-shadow: -2vw 0px 10px -4px rgba(32, 32, 32, 0.8); box-shadow: -2vw 0px 10px -4px rgba(32, 32, 32, 0.8); } .Marquee { width: 100vw; padding: 4px; color: #fff; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .Marquee-content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-animation: marquee 60s linear infinite running; -moz-animation: marquee 60s linear infinite running; -o-animation: marquee 60s linear infinite running; -ms-animation: marquee 60s linear infinite running; animation: marquee 60s linear infinite running; } .Marquee-content:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; } .Marquee-tag { width: auto; margin: 0 10px; padding: 5px 20px; font-weight: 900; font-size: 13px; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); background-color: #202020; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .Marquee-tag span { display: block; white-space: nowrap; } .Marquee-tag span:before { content: ""; display: inline-block; background-image: url('/static/frontend/CT/BCnew/en_GB/img/delivery-van.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 45px; height: 22px; margin-right: 10px; vertical-align: bottom; } @-moz-keyframes marquee { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } @-o-keyframes marquee { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } @keyframes marquee { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } } </style><div class="container"> <div class="eu-shipping-text d-none "> <div class="title-back"> <h2><i class="fas fa-exclamation-triangle mr-2"></i> EUROPEAN SHIPPING</h2> <hr> </div> <p class="snippet"> We are still shipping to Europe but are experiencing a lot of delays. We are doing our job, UPS are doing their job but the local customs departments in individual European countries have not geared up to handle the volume of imports and so they have a back log of work that they are working through. This is causing delays with all couriers trying to move goods from the UK to recipients in Europe. </p> <div class="collapse" id="eu_shipping_text_col"> <p> We have spoken to multiple shipping companies to try to work round the problem but it is across the board, all the shipping companies are facing the same issue as it is mainly down to the individual countries customs clearance capacity being exceeded, not the failings of the couriers themselves. </p> <p> As time progresses the various customs clearance departments will start implementing systems which will be capable of handling the volume of goods and the problem will dissipate but this will take some weeks at a minimum. We, BC racing UK, have a European subsidiary company set up and are in the process of working through various systems to negate the delays but at the moment we are at the mercy of the inadequate customs clearance processes. Please take note that there could be a delays of weeks when ordering. Many orders go through without delay but many are taking longer than they should. This is out of our control. </p> <hr> </div> <a class="action primary btn btn-primary" data-toggle="collapse" href="#eu_shipping_text_col" role="button" aria-expanded="false" aria-controls="eu_shipping_text_col"> Read More </a> </div> </div> <style> .eu-shipping-text { max-width: 830px; margin: auto; padding: 40px 0; } .eu-shipping-text .title-back { /* background-image: url(https://eu.bc-racing.co.uk/pub/media/BC/homepage/hero/homepage_eu.jpg?v=3?t=1613055597); */ background-position: bottom; margin-bottom: 13px; } .eu-shipping-text h2 { font-weight: 600; padding: 5px 5px; color: black; text-align: center; font-size: 20px; } .eu-shipping-text h2 i { color: var(--theme-gold); } @media (min-width: 768px) { .eu-shipping-text { padding: 70px 0; font-size: 18px; } .eu-shipping-text h2 { font-size: 30px; } } </style> <div class="mb-5" style="border: 5px solid #fff;"> <div class="slider coilover-items"> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-br" style="background-image: url('/pub/media/BC/BRSeries/BR-SERIES1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>BR/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/br-series-coilovers" class="action primary my-3">BR Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">Offering the most affordable entry level suspension without sacrificifing on handling, comfort, build quality or vehicle height let us introduce our BR Series range of coilovers. The BR Series offer a wide range of damping adjustment, with 30 click of compression/rebound adjusted simultaneously. Specially chosen spring rates, damper valving, and a huge range of adjustment in the industry, What's not to like about or BR Series system.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-rm" style="background-image: url('/pub/media/BC/RMSeries/RM-SERIES_1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>RM/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/rm-series-coilovers" class="action primary my-3">RM Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">The BC Racing RM series feature high quality damping adjustable monotube inverted dampers at the front or front and rear, depending on vehicle. The RM coilovers offer the majority of the features of the BR series but with the additional benefit of the inverted damper unit. Inverting the damper unit brings with it a number of advantages.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-er" style="background-image: url('/pub/media/BC/ERSeries/ERSERIES1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>ER/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/er-series-coilovers" class="action primary my-3">ER Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">BC Racings premium flagship coilovers are the external reservoir ER Series with separate compression and rebound damping adjustment. The ER Series coilovers bring with them the high quality and unique features seen on the BR and RM type but have the additional benefit of external reservoirs and the ability to allow the end user to individually adjust and set compression and rebound damping rates.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-hm" style="background-image: url('/pub/media/BC/HMSeries/HMSERIES1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>HM/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/hm-series-coilovers" class="action primary my-3">HM Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">BC Racing's HM Coilover system offers the same great benefits of the RM Series with the addition of 2 way damping adjustment. Each HM Coilover system features inverted mono-tube dampers with independently adjustable compression and rebound. The inverted damper design moves vital damper fluid away from detrimental heat sources to avoid overheating which can cause damper fade under extreme track use.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-zr" style="background-image: url('/pub/media/BC/ZRSeries/ZRSERIES1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>ZR/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/zr-series-coilovers" class="action primary my-3">ZR Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">BC Racing's new ZR Series Coilovers bring a 3-way adjustable track ready coilover system to racers from novice to pro for a price not seen before in the performance suspension market. Each ZR Series Coilover system offers independent low speed and high speed compression adjustment and separate rebound adjustment. They also offer full height adjustability independent of piston travel and spring preload.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-ds" style="background-image: url('/pub/media/BC/DSSeries/DSSeries.jpg?v=4');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>DS/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/ds-series-coilovers" class="action primary my-3">Shop DS Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">BC Racing's DS Coilover system is built with digressive valving offering the same great benefits of the BR Type model and is considered a perfect choice for those who are looking for track biased coilovers. The digressive valving offers more stability and enhances cornering ability at low shaft speed which gives you a different ride from the conventional linear valving.</p> </div> </div> </div> <div class="kitdisplayCol"> <div class="d-flex h-100 flex-column"> <div class="hoverKitBg d-flex coil-image-v1" style="background-image: url('/pub/media/BC/V1Series/v1.jpg?v=3');"></div> <div class="p-4"> <h3 class="mb-4 px-2"><span>V1/</span>Series</h3> <div class="kitsIcons form-row"> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> <div class="col-4 d-flex flex-column align-items-center justify-content-center"> <img src="https://www.bc-racing.co.uk/static/version1715252945/frontend/CT/BCnew/en_GB/img/track-icon.png" alt="" /> <span class="d-block py-3 pl-2 pr-2 pr-xl-0">Road & Track</span> </div> </div> <div class="kitsBtn text-center mt-4"> <a href="/v1-series-coilovers" class="action primary my-3">V1 Series Details</a> </div>  <p class="m-auto pt-4 pb-3 px-3">The V1 series coilovers use a large 44mm diameter piston in a 50mm diameter damper body to maximise oil capacity. As the damper unit operates the oil contained within heats up. The viscosity of oil changes as its temperature varies which can lead to changes in the damping characteristics of the unit.</p> </div> </div> </div> </div> </div> <script> require(['jquery', 'jquery/ui', 'slick' ], function($){ jQuery(document).ready(function(){ jQuery('.coilover-items').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 1, autoplay: false, swipeToSlide: true, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 3 } }, { breakpoint: 992, settings: { slidesToShow: 2 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); }); }); </script> <style> .coilover-items { display: none; } .coilover-items.slick-initialized { display: block; } .coilover-items .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; } .coilover-items .slick-track .slick-slide { height: inherit; } .coilover-items .slick-prev, .coilover-items .slick-next { box-shadow: none; /*top: unset; bottom: -36px; width: 15px;*/ z-index: 1; border: none !important; top: 22%; width: auto; height: auto; background-color: #666; padding: 15px; } .coilover-items .slick-prev.slick-disabled, .coilover-items .slick-next.slick-disabled { opacity: 0.8; } .coilover-items .slick-prev { left: 0; } .coilover-items .slick-next { right: 0; } .coilover-items .slick-prev:before, .coilover-items .slick-next:before { content: ""; width: 0; height: 0; border-style: solid; display: block; } .coilover-items .slick-prev:before { border-color: transparent #fff transparent transparent; border-width: 9px 15px 9px 0; } .coilover-items .slick-next:before { border-color: transparent transparent transparent #fff; border-width: 9px 0 9px 15px; } .coilover-items .slick-dots { padding: 0 30px; } .coilover-items .slick-dots li button { box-shadow: none; } .coilover-items .slick-dots li button:before { font-size: 13px; } .kitdisplayCol { background-color: #f5f5f5; border: 5px solid #fff; } .kitdisplayCol:nth-child(odd) { background-color: #e4e4e4; } .hoverKitBg { position: relative; background-size:cover; /*height: 60vw;*/ height: 88vw; margin: 1px; } .kitdisplayCol h3 { color: var(--theme-grey); font-size: 3em; font-weight: 900; text-transform: uppercase; } .kitdisplayCol h3 span { color: var(--theme-gold); } .kitsIcons { display: none; text-align: center; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding: 1.5rem 0; } .kitsIcons span { text-transform: uppercase; font-size: 1.3rem; line-height: 1.2; font-weight: bold; } .kitsBtn .action.primary { text-transform: uppercase; font-size: 1.1em; padding: 10px 24px; } @media (min-width: 576px) { .hoverKitBg { /*height: 40vw;*/ height: 43vw; } } @media (min-width: 768px) { .hoverKitBg { /*height: 35vw;*/ } } @media (min-width: 992px) { .hoverKitBg { /*height: 25vw;*/ height: 29vw; } } @media (min-width: 1200px) { .hoverKitBg { /*height: 20vw;*/ height: 22vw; } } </style> <main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a> <div class="page messages"><div data-placeholder="messages"></div> <div data-bind="scope: 'messages'">  <div aria-atomic="true" role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"> <div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"> <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> </div> </div>   <div aria-atomic="true" role="alert" class="messages" data-bind="foreach: { data: messages().messages, as: 'message' }"> <div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"> <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div> </div> </div>  </div> <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "messages": { "component": "Magento_Theme/js/view/messages" } } } } } </script> </div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="d7BIRc1PaItdZs7g" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}"> <script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/www.bc-racing.co.uk\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/www.bc-racing.co.uk\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/www.bc-racing.co.uk\/"}</script>  <script type="text/x-magento-init"> { "#authenticationPopup": { "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"},"amazon-button":{"component":"Amazon_Login\/js\/view\/login-button-wrapper","sortOrder":"0","displayArea":"additional-login-form-fields","config":{"tooltip":"Securely login to our website using your existing Amazon details.","componentDisabled":true}}}}}} }, "*": { "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fstatic\u002Fversion1715252945\u002Ffrontend\u002FCT\u002FBCnew\u002Fen_GB\u002Fimages\u002Floader\u002D1.gif" } } </script> </div> <script type="text/x-magento-init"> { "*": { "Magento_Customer/js/section-config": { "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart"],"sales\/order\/reorder":["cart"],"checkout\/cart\/add":["cart","directory-data"],"checkout\/cart\/delete":["cart"],"checkout\/cart\/updatepost":["cart"],"checkout\/cart\/updateitemoptions":["cart"],"checkout\/cart\/couponpost":["cart"],"checkout\/cart\/estimatepost":["cart"],"checkout\/cart\/estimateupdatepost":["cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","amasty-checkout-data"],"checkout\/sidebar\/removeitem":["cart"],"checkout\/sidebar\/updateitemqty":["cart"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","amasty-checkout-data"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","amasty-checkout-data"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart"],"paypal\/express\/placeorder":["cart","checkout-data","amasty-checkout-data"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","amasty-checkout-data"],"paypal\/express\/onauthorization":["cart","checkout-data"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"clearpay\/payment\/capture":["cart","checkout-data","last-ordered-items"],"clearpay\/express\/placeorder":["cart","checkout-data","last-ordered-items"],"braintree\/paypal\/placeorder":["cart","checkout-data"],"braintree\/googlepay\/placeorder":["cart","checkout-data"]}, "clientSideSections": ["checkout-data","cart-data","amasty-checkout-data","chatData"], "baseUrls": ["https:\/\/www.bc-racing.co.uk\/"], "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","instant-purchase","loggedAsCustomer","persistent","review","wishlist","chatData","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"] } } } </script> <script type="text/x-magento-init"> { "*": { "Magento_Customer/js/customer-data": { "sectionLoadUrl": "https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fcustomer\u002Fsection\u002Fload\u002F", "expirableSectionLifetime": 60, "expirableSectionNames": ["cart","persistent"], "cookieLifeTime": "3600", "updateSessionUrl": "https\u003A\u002F\u002Fwww.bc\u002Dracing.co.uk\u002Fcustomer\u002Faccount\u002FupdateSession\u002F" } } } </script> <script type="text/x-magento-init"> { "*": { "Magento_Customer/js/invalidation-processor": { "invalidationRules": { "website-rule": { "Magento_Customer/js/invalidation-rules/website-rule": { "scopeConfig": { "websiteId": "2" } } } } } } } </script> <script type="text/x-magento-init"> { "body": { "pageCache": {"url":"https:\/\/www.bc-racing.co.uk\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_bc-homepage-page-new"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/"},"versionCookieName":"private_content_version"} } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.bc-racing.co.uk/", "potentialAction": { "@type": "SearchAction", "target": "https://www.bc-racing.co.uk/catalogsearch/result/index/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <style> .home-featured-items { display: none; } .home-featured-items.slick-initialized { display: block; } .home-featured-items .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; } .home-featured-items .slick-track .slick-slide { height: inherit; padding: 0 8px; } .home-featured-items .slick-prev, .home-featured-items .slick-next { box-shadow: none; top: unset; bottom: -36px; z-index: 1; border: none !important; width: 15px; } .home-featured-items .slick-prev { left: 10px; } .home-featured-items .slick-next { right: 10px; } .home-featured-items .slick-prev:before, .home-featured-items .slick-next:before { content: ""; width: 0; height: 0; border-style: solid; display: block; } .home-featured-items .slick-prev:before { border-color: transparent var(--theme-grey) transparent transparent; border-width: 9px 15px 9px 0; } .home-featured-items .slick-next:before { border-color: transparent transparent transparent var(--theme-grey); border-width: 9px 0 9px 15px; } .home-featured-items .slick-dots { padding: 0 30px; } .home-featured-items .slick-dots li button { box-shadow: none; } .home-featured-items .slick-dots li button:before { font-size: 13px; } .home-featured-items .product-item-name { border-top: 1px solid; padding-top: 10px; } .home-featured-intro { text-align: center; } .home-featured-intro h4 { font-size: 2.5em; font-weight: 900; text-transform: uppercase; color: var(--theme-gold); margin-bottom: 30px; } .home-featured-intro p { font-weight: 900; } .home-featured-intro p a { color: var(--theme-gold); display: block; } .home-featured-intro a.action.primary { text-transform: uppercase; padding: 11px 22px; } @media (min-width: 768px) { .home-featured-intro { text-align: left; } } </style> <script> require(['jquery', 'jquery/ui', 'slick' ], function($){ jQuery(document).ready(function(){ jQuery('.home-featured-items').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 1, autoplay: false, swipeToSlide: true, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 3 } }, { breakpoint: 992, settings: { slidesToShow: 2 } } ] }); }); }); </script> <div class="new-products"> <h4>What's New/</h4> <div class="product-list"> <div class="row"> <div class="d-none">https://www.bc-racing.co.uk/applications/bmw-coilovers/bmw-3-series/bmw-3-series-e46/bmw-3-series-e46-true-rear-coilover-98-06.html</div> <div class="col-12 col-md-6 "> <a href="https://www.bc-racing.co.uk/applications/bmw-coilovers/bmw-3-series/bmw-3-series-e46/bmw-3-series-e46-true-rear-coilover-98-06.html?series=ZR&sku=0073266" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/ZRSeries/ZRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/ZRSeries/ZRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0073266</strong> BMW 3 SEDAN/COUPE (Rear Integrated) E46 (98-06) 7/6kg.mm</div> <div class="time">2024-11-25</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/chevrolet-coilovers/chevrolet-corvette/chevrolet-corvette-c5-c6-rose-joint-bottom-mount-bush.html</div> <div class="col-12 col-md-6 "> <a href="https://www.bc-racing.co.uk/applications/chevrolet-coilovers/chevrolet-corvette/chevrolet-corvette-c5-c6-rose-joint-bottom-mount-bush.html?series=ZX&sku=0073247" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/ZXSeries/ZXSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/ZXSeries/ZXSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0073247</strong> CHEVROLET CORVETTE (W/ spherical bottom bushing) RWD C5/C6 (97-13) 10/12kg.mm</div> <div class="time">2024-11-21</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/chevrolet-coilovers/chevrolet-corvette/chevrolet-corvette-c5-c6-rose-joint-bottom-mount-bush.html</div> <div class="col-12 col-md-6 "> <a href="https://www.bc-racing.co.uk/applications/chevrolet-coilovers/chevrolet-corvette/chevrolet-corvette-c5-c6-rose-joint-bottom-mount-bush.html?series=ER&sku=0073246" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/ERSeries/ERSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/ERSeries/ERSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0073246</strong> CHEVROLET CORVETTE (W/ spherical bottom bushing) RWD C5/C6 (97-13) 10/12kg.mm</div> <div class="time">2024-11-21</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/mini-coilovers-bmw/mini-countyman/mini-countryman-se-awd-u25-23.html</div> <div class="col-12 col-md-6 "> <a href="https://www.bc-racing.co.uk/applications/mini-coilovers-bmw/mini-countyman/mini-countryman-se-awd-u25-23.html?series=BR&sku=0073244" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0073244</strong> Mini COUNTRYMAN SE AWD U25 (23+) 6.5/12kg.mm</div> <div class="time">2024-11-19</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/mini-coilovers-bmw/mini-countyman/mini-countryman-se-awd-u25-23.html</div> <div class="col-12 col-md-6 "> <a href="https://www.bc-racing.co.uk/applications/mini-coilovers-bmw/mini-countyman/mini-countryman-se-awd-u25-23.html?series=BR&sku=0073238" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0073238</strong> Mini COUNTRYMAN SE AWD U25 (23+) 6.5/12kg.mm</div> <div class="time">2024-11-18</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/applications/honda-coilovers/honda-cr-v/honda-cr-v-hybrid-rt5-17.html</div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/applications/honda-coilovers/honda-cr-v/honda-cr-v-hybrid-rt5-17.html?series=BR&sku=0071911" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071911</strong> Honda CRV HYBRID FWD RT5 (17-23) 6/6kg.mm</div> <div class="time">2024-11-13</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/lexus-coilovers/lexus-lbx/lexus-lbx-fwd-mayh10-24.html</div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/applications/lexus-coilovers/lexus-lbx/lexus-lbx-fwd-mayh10-24.html?series=BR&sku=0071891" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071891</strong> LEXUS LBX FWD MAYH10 (24+) 5/3.3kg.mm</div> <div class="time">2024-11-04</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/bmw-coilovers/bmw-5-series/bmw-5-series-g60/bmw-5-series-awd-g60-24.html</div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/applications/bmw-coilovers/bmw-5-series/bmw-5-series-g60/bmw-5-series-awd-g60-24.html?series=BR&sku=0071890" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071890</strong> BMW 5 SERIES AWD G60 (24+) 9/4.5kg.mm</div> <div class="time">2024-11-04</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/volkswagen-coilovers/volkswagen-tiguan/vw-tiguan-fwd-ct1-24-54-5mm-strut.html</div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/applications/volkswagen-coilovers/volkswagen-tiguan/vw-tiguan-fwd-ct1-24-54-5mm-strut.html?series=BR&sku=0071889" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071889</strong> VW TIGUAN (strut 54.5mm) FWD CT1 (24+) 6.5/6kg.mm</div> <div class="time">2024-11-04</div> </div> </div> </a> </div> <div class="d-none">https://www.bc-racing.co.uk/homepage-featured.html</div><div class="d-none">https://www.bc-racing.co.uk/applications/porsche-coilovers/porsche-panamera/porsche-panamera-rwd-971-16-22.html</div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/applications/porsche-coilovers/porsche-panamera/porsche-panamera-rwd-971-16-22.html?series=BR&sku=0071888" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/BC/BRSeries/BRSeries.jpg" alt=""> <img class="img-mobile" src="/media/BC/BRSeries/BRSeries_mobile.jpg" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071888</strong> PORSCHE PANAMERA RWD 971 (16-22) 9/10.5kg.mm</div> <div class="time">2024-11-04</div> </div> </div> </a> </div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/porsche-911-turbo-s-awd-992-19-20mm-22mm-asp-camber-front-0071851.html" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/catalog/product//1/3/131pe003c1.jpg" alt=""> <img class="img-mobile" src="https://www.bc-racing.co.uk/media/logo/stores/2/bc-racing-logo.png" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071851</strong> PORSCHE 911 TURBO S AWD 992 (19+) -20MM -22MM ASP CAMBER FRONT</div> <div class="time">2024-10-23</div> </div> </div> </a> </div> <div class="col-12 col-md-6 d-none d-md-block"> <a href="https://www.bc-racing.co.uk/porsche-911-turbo-s-awd-992-19-20mm-22mm-asp-0071850.html" class="product-item"> <div class="row"> <div class="col-3 col-md-auto"> <img class="img-desktop" src="/media/catalog/product//1/3/131pe003n1.jpg" alt=""> <img class="img-mobile" src="https://www.bc-racing.co.uk/media/logo/stores/2/bc-racing-logo.png" alt=""> </div> <div class="col-9 col-md-auto"> <div class="name"><strong>0071850</strong> PORSCHE 911 TURBO S AWD 992 (19+) -20MM -22MM ASP</div> <div class="time">2024-10-23</div> </div> </div> </a> </div> </div> <a href="/new-products?widget=1" class="new-products-link">View Latest Products</a> </div> </div> <style> @media (max-width: 600px) { .new-products .img-desktop { display: none; } } @media (min-width: 601px) { .new-products .img-mobile { display: none; } } .new-products { /* padding: 10px; */ /* max-width: 1000px; */ margin: auto; margin-top: 20px; } .new-products h4 { font-size: 2.5em; font-weight: 900; text-transform: uppercase; color: var(--theme-gold); margin-bottom: 30px; } .product-list { margin-top: 30px; } .new-products .product-item { display: block; margin-bottom: 10px; padding: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; } .new-products .product-item:hover { background-color: #f8f8f8; text-decoration: none; } .new-products .product-item img { width: 50px; } .new-products .product-item .name, .new-products .product-item .time { color: #000; } .new-products .product-item .name { font-size: 16px; } .new-products .product-item .time { opacity: .6; } </style> <style> .products-grid.widget-list div.product-item-info { width: 100%; } a.new-products-link, a.new-products-link:visited { display: inline-block; margin-bottom: 40px; margin-top: 20px; font-size: 1.8rem; color: black; } @media (min-width: 768px) { .products-grid.widget-list div.product-item-info { width: 240px; } } </style> <div><div class="widget block block-static-block"> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="homeCoolWall"> <div class="row no-gutters"> <a href="/cool-wall" class="hcw-img hcw-img-first col-12 col-md-6 cool-wall-img-1" style="background-image: url('/media/wysiwyg/BC/CoolWall/1.jpg?v=0.5')"> <h3>Cool/Wall</h3> </a> <div class="col-12 col-md-6"> <div class="row no-gutters"> <a class="hcw-img col-5 col-md-6 col-lg-5 cool-wall-img-2" style="background-image: url('/media/wysiwyg/BC/CoolWall/2.jpg?v=0.5')" href="/cool-wall"></a> <a class="hcw-img col-7 col-md-6 col-lg-7 cool-wall-img-3" style="background-image: url('/media/wysiwyg/BC/CoolWall/3.jpg?v=0.5')" href="/cool-wall"></a> <a class="hcw-img hcw-img-last col-12 cool-wall-img-4" style="background-image: url('/media/wysiwyg/BC/CoolWall/4.jpg?v=0.5')" href="/cool-wall"></a> </div> </div> </div> </div> <div id="cool_wall_insta_feed"> </div> <style> #cool_wall_insta_feed { display: flex; flex-wrap: wrap; } #cool_wall_insta_feed>.cool-wall-item { display: inline-block; width: 50%; padding: 4px; box-sizing: border-box; } #cool_wall_insta_feed>.cool-wall-item>.inner { background-position: center; background-size: cover; padding-bottom: 100%; width: 100%; } @media (min-width: 768px) { #cool_wall_insta_feed>.cool-wall-item { width: 33.3333%; } } @media (min-width: 992px) { #cool_wall_insta_feed>.cool-wall-item { width: 20%; } } </style> <script> async function updateInstaFeed() { const response = await fetch('/instagramFeed.php?t=' + Date.now()); const json = await response.json(); // let feed_images = JSON.stringify(json); console.log("Feed images", json); if (json.length) { const list = document.getElementById("cool_wall_insta_feed"); for (let index = 0; index < json.length; index++) { const image = json[index]; console.log("IMAGE ", image); list.innerHTML += ` <a href="/cool-wall" class="cool-wall-item"> <div class="inner" style="background-image:url('${image}')"></div> </a> `; } } } updateInstaFeed(); </script></div></div> </div> </div></div></div></main><footer class="page-footer"><div class="footer content"> <style> div.vat-country-logo { position: absolute; top: 0; height: auto; right: 0; display: flex; transform: translate(11%, -25%); } div.vat-country-logo:hover { cursor: help; } .vat-country-logo img { width: 17px; } .minimal-price>.price-container div.vat-country-logo, .price-container.price-final_price div.vat-country-logo { transform: translate(140%, -25%); } .price-container.price-final_price .vat-country-logo img { width: 13px; } .custom-price-display div.vat-country-logo { transform: translate(120%, 35%); } .cart.item .col.price div.vat-country-logo, .cart.item .col.subtotal div.vat-country-logo { transform: translate(101%, -46%); } .cart.item .col.price .vat-country-logo img, .cart.item .col.subtotal .vat-country-logo img { width: 12px; } .vat-hover-tooltip { position: absolute; background-color: #f4f3f0; padding: 10px; border-radius: 5px; font-size: 13px; border: solid #aba8a8 1px; font-weight: 500; z-index: 10; text-align: center; } .vat-hover-tooltip:after {} #wrongstore_modal .flag { padding: 10px; display: flex; justify-content: center; } #wrongstore_modal .flag>img { width: 180px; max-width: 90%; } #wrongstore_modal .message-area { padding: 20px; font-size: 10px; } #wrongstore_modal .message-area h3 { font-size: 22px; text-align: center; } #wrongstore_modal .button-area { display: flex; flex-direction: column; align-items: center; } #wrongstore_modal .button-area a.confirm-store-switch { background-color: var(--theme-gold); padding: 10px 60px; color: white; font-size: 22px; font-weight: 300; border-radius: 8px; } #wrongstore_modal .button-area a.confirm-store-stay { margin-top: 20px; color: #6c6b6b; text-decoration: underline; font-size: 13px; } </style>  <div class="custom-footer"> <div class="container-fluid"> <div class="row justify-content-center"> <div class="w-100 d-md-none"></div> <div class="col-12 col-sm-auto footerContacts pt-3 mt-5 mt-md-0"> <img src="/media/logo/stores/2/bc-logo-transparent-white.png" class="footer-logo" alt="BC Racing Suspension Systems"> <div class="mt-3 footer-details"> <div class="mb-3 d-flex align-items-center"> <div class="icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 94.5 94.5" style="enable-background:new 0 0 94.5 94.5;" xml:space="preserve"> <path d="M47.3,0C21.2,0,0,21.2,0,47.3s21.2,47.3,47.3,47.3s47.3-21.2,47.3-47.3S73.3,0,47.3,0z M76.9,68.2l-4.1,4.1 c-0.3,0.3-0.5,0.5-0.8,0.7c-5.5,4.9-13.2,6-19.8,3.4c0,0,0,0,0,0c-3.7-0.8-11.6-6.6-19.7-14.6c-8-8.1-13.8-15.9-14.6-19.7 c0,0,0,0,0,0c-2.6-6.5-1.5-14.3,3.4-19.8c0.2-0.3,0.5-0.5,0.7-0.8l4.1-4.1c1.3-1.3,3.3-1.2,4.4,0.4l6.5,9.3c1,1.5,0.9,3.8-0.3,5.1 c0,0.1-0.1,0.1-0.1,0.1l-4.4,4.4c-1,1-1.5,2.3-1.5,3.6c-0.1,0.1-0.1,0.3-0.1,0.5c0,2.3,3.8,7.9,9.4,13.5c6.1,6.1,12.1,10,14,9.3 c1.3,0,2.6-0.5,3.6-1.5l4.4-4.4c0.1-0.1,0.1-0.1,0.1-0.1c1.4-1.2,3.6-1.4,5.1-0.3l9.3,6.5C78.1,64.8,78.3,66.8,76.9,68.2z"></path> </svg> </div> <div class="text"> <a href="tel:+441274683633">+44 (0) 1274 683 633</a> </div> </div> <div class="mb-3 d-flex align-items-center"> <div class="icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 94.5 94.5" style="enable-background:new 0 0 94.5 94.5;" xml:space="preserve"> <path d="M47.3,0C21.2,0,0,21.2,0,47.3s21.2,47.3,47.3,47.3s47.3-21.2,47.3-47.3S73.3,0,47.3,0z M76.9,68.2l-4.1,4.1 c-0.3,0.3-0.5,0.5-0.8,0.7c-5.5,4.9-13.2,6-19.8,3.4c0,0,0,0,0,0c-3.7-0.8-11.6-6.6-19.7-14.6c-8-8.1-13.8-15.9-14.6-19.7 c0,0,0,0,0,0c-2.6-6.5-1.5-14.3,3.4-19.8c0.2-0.3,0.5-0.5,0.7-0.8l4.1-4.1c1.3-1.3,3.3-1.2,4.4,0.4l6.5,9.3c1,1.5,0.9,3.8-0.3,5.1 c0,0.1-0.1,0.1-0.1,0.1l-4.4,4.4c-1,1-1.5,2.3-1.5,3.6c-0.1,0.1-0.1,0.3-0.1,0.5c0,2.3,3.8,7.9,9.4,13.5c6.1,6.1,12.1,10,14,9.3 c1.3,0,2.6-0.5,3.6-1.5l4.4-4.4c0.1-0.1,0.1-0.1,0.1-0.1c1.4-1.2,3.6-1.4,5.1-0.3l9.3,6.5C78.1,64.8,78.3,66.8,76.9,68.2z"></path> </svg> </div> <div class="text"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1665777a73655674756477757f787138757938637d">[email protected]</a> </div> </div> <div class="mb-3 d-flex align-items-center"> <div class="icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 94.5 94.5" style="enable-background:new 0 0 94.5 94.5;" xml:space="preserve"> <path d="M47.3,0C21.2,0,0,21.2,0,47.3s21.2,47.3,47.3,47.3s47.3-21.2,47.3-47.3S73.3,0,47.3,0z M76.9,68.2l-4.1,4.1 c-0.3,0.3-0.5,0.5-0.8,0.7c-5.5,4.9-13.2,6-19.8,3.4c0,0,0,0,0,0c-3.7-0.8-11.6-6.6-19.7-14.6c-8-8.1-13.8-15.9-14.6-19.7 c0,0,0,0,0,0c-2.6-6.5-1.5-14.3,3.4-19.8c0.2-0.3,0.5-0.5,0.7-0.8l4.1-4.1c1.3-1.3,3.3-1.2,4.4,0.4l6.5,9.3c1,1.5,0.9,3.8-0.3,5.1 c0,0.1-0.1,0.1-0.1,0.1l-4.4,4.4c-1,1-1.5,2.3-1.5,3.6c-0.1,0.1-0.1,0.3-0.1,0.5c0,2.3,3.8,7.9,9.4,13.5c6.1,6.1,12.1,10,14,9.3 c1.3,0,2.6-0.5,3.6-1.5l4.4-4.4c0.1-0.1,0.1-0.1,0.1-0.1c1.4-1.2,3.6-1.4,5.1-0.3l9.3,6.5C78.1,64.8,78.3,66.8,76.9,68.2z"></path> </svg> </div> <div class="text"> Apex Performance Parts Ltd, Unit 4D, Wharfedale Rd, Bradford BD4 6SG, UK - Company Reg: 04554789 </div> </div> <div class="mb-3 d-flex align-items-center"> <div class="icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 94.5 94.5" style="enable-background:new 0 0 94.5 94.5;" xml:space="preserve"> <path d="M47.3,0C21.2,0,0,21.2,0,47.3s21.2,47.3,47.3,47.3s47.3-21.2,47.3-47.3S73.3,0,47.3,0z M76.9,68.2l-4.1,4.1 c-0.3,0.3-0.5,0.5-0.8,0.7c-5.5,4.9-13.2,6-19.8,3.4c0,0,0,0,0,0c-3.7-0.8-11.6-6.6-19.7-14.6c-8-8.1-13.8-15.9-14.6-19.7 c0,0,0,0,0,0c-2.6-6.5-1.5-14.3,3.4-19.8c0.2-0.3,0.5-0.5,0.7-0.8l4.1-4.1c1.3-1.3,3.3-1.2,4.4,0.4l6.5,9.3c1,1.5,0.9,3.8-0.3,5.1 c0,0.1-0.1,0.1-0.1,0.1l-4.4,4.4c-1,1-1.5,2.3-1.5,3.6c-0.1,0.1-0.1,0.3-0.1,0.5c0,2.3,3.8,7.9,9.4,13.5c6.1,6.1,12.1,10,14,9.3 c1.3,0,2.6-0.5,3.6-1.5l4.4-4.4c0.1-0.1,0.1-0.1,0.1-0.1c1.4-1.2,3.6-1.4,5.1-0.3l9.3,6.5C78.1,64.8,78.3,66.8,76.9,68.2z"></path> </svg> </div> <div class="text"> MON- FRI: 9AM - 5:30PM GMT </div> </div> </div> <div class="footerSocials"> <ul> <li> <a href="https://www.facebook.com/BCRacingUK/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M29.4,9.5c-4.4,0-7.4,2.7-7.4,7.6v4.3h-5v5.8h5V42h6V27.2h5 l0.7-5.8h-5.7v-3.7c0-1.7,0.5-2.8,2.9-2.8h3.1V9.8C33.3,9.7,31.5,9.5,29.4,9.5L29.4,9.5z" /> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z" /> </svg> </a> </li> <li> <a href="https://www.instagram.com/bcracing_uk/" target="_blank"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.7 51.6" style="enable-background:new 0 0 51.7 51.6;" xml:space="preserve"> <path inkscape:connector-curvature="0" d="M15,0C6.7,0,0,6.7,0,15v21.6c0,8.3,6.7,15,15,15h21.8 c8.3,0,15-6.7,15-15V15c0-8.3-6.7-15-15-15H15z M15,4.4h21.8c5.9,0,10.5,4.7,10.5,10.5v21.6c0,5.9-4.7,10.5-10.5,10.5H15 c-5.9,0-10.5-4.7-10.5-10.5V15C4.4,9.1,9.1,4.4,15,4.4z M39.7,8.9c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1s3.1-1.4,3.1-3.1 C42.8,10.3,41.4,8.9,39.7,8.9z M25.8,12.5c-7.3,0-13.3,6-13.3,13.3c0,7.3,6,13.3,13.3,13.3s13.3-6,13.3-13.3S33.1,12.5,25.8,12.5z M25.8,16.9c4.9,0,8.8,3.9,8.8,8.8c0,4.9-3.9,8.8-8.8,8.8c-4.9,0-8.8-3.9-8.8-8.8C17,20.9,20.9,16.9,25.8,16.9z" /> </svg> </a> </li> <li> <a href="https://vm.tiktok.com/ZMeUYJGdU/" target="_blank"> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="tiktok" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-tiktok fa-w-14 fa-7x"> <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23, 71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z" class=""> </path> </svg> </a> </li> </ul> </div> </div> <div class="col-12 col-md-auto ml-auto pt-3"> <ul class="footerLinks"> <li><a href="/contact">Contact Us</a></li> <li><a href="/dealer/application/form">Become a Dealer</a></li> <li><a href="/request-a-kit">Request Kit Development</a></li> <li><a href="/coilovers.html">Products</a></li> <li><a href="/applications.html">Vehicle Search</a></li> <li> <a href=" /klarna-finance "> Klarna Finance </a> </li> <li><a href="/springs.html">Springs</a></li>  <li><a href="/coilovers.html">Coilovers</a></li> <li><a href="/replacement-parts">Replacement Parts</a></li> <li><a href="/serial-number">Register Serial Number</a></li> <li><a href="/sponsorship-scheme">Sponsorship Scheme</a></li> <li><a href="/logo-downloads">Logo Download</a></li> </ul> </div> <div class="col-12 col-md-auto pt-3"> <ul class="footerLinks flSecond"> <li><a href="/terms-and-conditions">T&C<span>s</span></a></li> <li><a href="/returns">Returns</a></li> <li><a href="/returns#warrantyPolicy">Warranty</a></li> <li><a href="/shipping">Shipping</a></li> <li id="shipping_times_link"><a href="/shipping-times">Shipping Times</a></li> <li><a href="/terms-and-conditions#cookieInfo">Cookie Law</a></li> <li><a href="/bc-racing-privacy-policy">Privacy Policy</a></li> <li><a href="/gdpr">GDPR</a></li> </ul> </div> </div> <style> footer { /* z-index: 2; */ } .world-pay-footer { width: 260px; } .footerLinks { margin: 0 20px 0 0; } .footer ul.footerLinks { margin-right: 20px; font-size: 12px; } .footer ul.footerLinks.flSecond { margin-right: 0; } .footer ul.footerLinks li { margin: 0 0 3px 0; } .footerLinks a { color: #fff; text-transform: uppercase; font-weight: 300; letter-spacing: 0.02em; } .footerContacts { /* text-align: center; */ } /* .footerContacts p { margin: 0; color: #fff; font-weight: 300; font-size: 12px; } .footerContacts a { color: #fff; font-weight: 900; font-size: 16px; } .footerLinks a:hover, .footerContacts a:hover { color: #b69f15; text-decoration: none; } */ .footerSocials { margin: 15px 0; } .footer .footerSocials ul li { display: inline-block; margin-right: 8px; } .footerSocials svg { width: 20px; height: 20px; fill: #fff; } .footerSocials a:hover svg { fill: #b69f15; } .footerLogo img { max-height: 90px; } @media (min-width: 576px) { .footerContacts { /* text-align: right; */ } } @media (min-width: 768px) { .footerLogo img { max-height: 130px; } } .block-minicart .item.product .message.notice { display: none; } </style> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> window.current_store = "2"; if (window.current_store != 3) { document.getElementById('shipping_times_link').classList.toggle("d-none", true); } </script></div></footer><script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "storage-manager": { "component": "Magento_Catalog/js/storage-manager", "appendTo": "", "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.bc-racing.co.uk\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/www.bc-racing.co.uk\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.bc-racing.co.uk\/rest\/bcracing_store_view\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.bc-racing.co.uk\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}} } } } } } </script> <script defer type="text/javascript">require(['bootstrap']);</script> <script> (function() { var ta = document.createElement('script'); ta.type = 'text/javascript'; ta.async = true; ta.defer= true; ta.src = 'https://analytics.tiktok.com/i18n/pixel/sdk.js?sdkid=BUMI0CG2VHL9VREJ2LNG'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ta, s); })(); </script>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/5d15f75636eab9721119b14b/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '387387475212127'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=387387475212127&ev=PageView&noscript=1" /></noscript>  <style> .mst-searchautocomplete__wrapper .price-box { display: none !important; } </style></div> </body> </html>

CINXE.COM

BC Racing - Coilovers Engineered for Street & Circuit.