Showing source for: https://clearview-imaging.com/
Duration: 0.222881s
Server: cloudflare
<!doctype html>
<html class="js" lang="en">
<head>
<meta name="format-detection" content="telephone=no">
<script>
window.localizedRoutes = {"error":"json not allowed for this object"};
</script>
<script type="text/javascript" src="https://secure.leadforensics.com/js/11743.js" ></script>
<noscript><img alt="" src="https://secure.leadforensics.com/11743.png" style="display:none;" /></noscript>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://clearview-imaging.com/"><link rel="icon" type="image/png" href="//clearview-imaging.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1716417489&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Machine Vision Systems, Components & Support | Clearview
</title>
<meta name="description" content="UK & EU supplier of machine vision components, systems & solutions. From single cameras to full vision systems, get expert specification & lifetime support">
<meta property="og:site_name" content="Clearview">
<meta property="og:url" content="https://clearview-imaging.com/">
<meta property="og:title" content="Machine Vision Systems, Components & Support | Clearview">
<meta property="og:type" content="website">
<meta property="og:description" content="UK & EU supplier of machine vision components, systems & solutions. From single cameras to full vision systems, get expert specification & lifetime support"><meta property="og:image" content="http://clearview-imaging.com/cdn/shop/files/clearview-logo.svg?height=628&pad_color=ffffff&v=1716417422&width=1200">
<meta property="og:image:secure_url" content="https://clearview-imaging.com/cdn/shop/files/clearview-logo.svg?height=628&pad_color=ffffff&v=1716417422&width=1200">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Machine Vision Systems, Components & Support | Clearview">
<meta name="twitter:description" content="UK & EU supplier of machine vision components, systems & solutions. From single cameras to full vision systems, get expert specification & lifetime support">
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/constants.js?v=58251544750838685771787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/pubsub.js?v=158357773527763999511787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/global.js?v=134511841137799715051787573035" defer="defer"></script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/animations.js?v=88693664871331136111787573035" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="iWVBnyLliN-m8REQoh7Ntg4Pt8m556C8Ipjx5l2T6Nc">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55692689470/digital_wallets/dialog">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://clearview-imaging.com/">
<link rel="alternate" hreflang="en" href="https://clearview-imaging.com/">
<link rel="alternate" hreflang="de" href="https://clearview-imaging.com/de">
<link rel="alternate" hreflang="fr" href="https://clearview-imaging.com/fr">
<link rel="alternate" hreflang="es" href="https://clearview-imaging.com/es">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=191004734"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=191004734&shop_id=55692689470" crossorigin="anonymous"></script>
<script id="shopify-features" type="application/json">{"accessToken":"94c5c215ba0bdb78ec7781084322d65a","betas":["rich-media-storefront-analytics"],"domain":"clearview-imaging.com","predictiveSearch":true,"shopId":55692689470,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "clearview-clearview.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"20260824 Lens Exit Link Text","id":141972111422,"schema_name":"Dawn","schema_version":"14.0.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "clearview-imaging.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["\/\/cdn.shopify.com\/proxy\/6ef8a2a81e887e88e24b406e5f79bd2505cc1e98309b3603540413127f7c41c4\/quotify.dev\/js\/widget.js?shop=clearview-clearview.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/6fe05b4f5f6dcf33abce97abce567355bf60e44e300b47c1889f8c7691f2311b\/shopify-script-tags.s3.eu-west-1.amazonaws.com\/smartseo\/instantpage.js?shop=clearview-clearview.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":55692689470,"offset":0,"reqid":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246","pageurl":"clearview-imaging.com\/","u":"b54f3b6ee864","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//clearview-imaging.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//clearview-imaging.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//clearview-imaging.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "clearview-clearview.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/clearview-imaging.com\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/clearview-imaging.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
</script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://clearview-imaging.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://clearview-imaging.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script id="sections-script" data-sections="header" defer="defer" src="//clearview-imaging.com/cdn/shop/t/15/compiled_assets/scripts.js?v=184325197989695213571787573035"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify>
@font-face {
font-family: Assistant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
url("//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 41,36,63;
--color-background-contrast: 191,191,191;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 41,36,63;
--color-badge-background: 255,255,255;
--color-badge-border: 41,36,63;
--payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-2 {
--color-background: 149,127,184;
--gradient-background: #957fb8;
--color-foreground: 41,36,63;
--color-background-contrast: 86,65,118;
--color-shadow: 18,18,18;
--color-button: 18,18,18;
--color-button-text: 243,243,243;
--color-secondary-button: 149,127,184;
--color-secondary-button-text: 18,18,18;
--color-link: 18,18,18;
--color-badge-foreground: 41,36,63;
--color-badge-background: 149,127,184;
--color-badge-border: 41,36,63;
--payment-terms-background-color: rgb(149 127 184);
}
.color-scheme-3 {
--color-background: 36,40,51;
--gradient-background: #242833;
--color-foreground: 255,255,255;
--color-background-contrast: 47,52,66;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 0,0,0;
--color-secondary-button: 36,40,51;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 36,40,51;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(36 40 51);
}
.color-scheme-4 {
--color-background: 41,36,63;
--gradient-background: #29243f;
--color-foreground: 255,255,255;
--color-background-contrast: 52,45,79;
--color-shadow: 18,18,18;
--color-button: 149,127,184;
--color-button-text: 255,255,255;
--color-secondary-button: 41,36,63;
--color-secondary-button-text: 0,0,0;
--color-link: 0,0,0;
--color-badge-foreground: 255,255,255;
--color-badge-background: 41,36,63;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(41 36 63);
}
.color-scheme-5 {
--color-background: 51,79,180;
--gradient-background: #334fb4;
--color-foreground: 255,255,255;
--color-background-contrast: 23,35,81;
--color-shadow: 18,18,18;
--color-button: 255,255,255;
--color-button-text: 51,79,180;
--color-secondary-button: 51,79,180;
--color-secondary-button-text: 255,255,255;
--color-link: 255,255,255;
--color-badge-foreground: 255,255,255;
--color-badge-background: 51,79,180;
--color-badge-border: 255,255,255;
--payment-terms-background-color: rgb(51 79 180);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 1px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 60px;
--grid-desktop-horizontal-spacing: 22px;
--grid-mobile-vertical-spacing: 30px;
--grid-mobile-horizontal-spacing: 11px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 16px;
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
font-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
font-style: normal;
font-weight: 400;
}
@media screen and (min-width: 750px) {
body {
font-size: 16px;
}
}
</style>
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/base.css?v=124183267937207096761787573035" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="//clearview-imaging.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-localization-form.css?v=79621436242421830121787573035" rel="stylesheet" type="text/css" media="all" />
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/localization-form.js?v=144176611646395275351787573035" defer="defer"></script><link
rel="stylesheet"
href="//clearview-imaging.com/cdn/shop/t/15/assets/component-predictive-search.css?v=118923337488134913561787573035"
media="print"
onload="this.media='all'"
><script>
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<script async src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<style>
.cv--breadcrumbs-block.cv--product-fam-breadcrumbs {
display: none !important;
}
</style>
<meta name="google-site-verification" content="uT3o6yGLxu8zvhXNKxQlPcwlToeVU0ktqfvDEfMAJPk" /><!-- BEGIN app block: shopify://apps/smart-seo/blocks/smartseo/7b0a6064-ca2e-4392-9a1d-8c43c942357b --><meta name="smart-seo-integrated" content="true" /><!-- metatagsSavedToSEOFields: true --><!-- BEGIN app snippet: smartseo.website.info.jsonld --><!--JSON-LD data generated by Smart SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://clearview-imaging.com",
"name": "Clearview",
"potentialAction": {
"@type": "SearchAction",
"target": "https://clearview-imaging.com/search?q={query}",
"query-input": "required name=query"
}
}
</script><!-- END app snippet --><!-- BEGIN app snippet: smartseo.localbusiness.info.jsonld -->
<!--JSON-LD data generated by Smart SEO-->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "Clearview",
"url": "https://clearview-imaging.com/",
"description": "Clearview is a leading supplier of Machine Vision components, solutions, systems and services. Whether you’re a manufacturer developing a vision system from scratch, or an end user looking to source a complete system, we can provide you with invaluable experience and support to help deliver the system you need.",
"email": "[email protected]",
"logo": "https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-logo_4d9b7002-80c1-45c4-bb46-73a80fd23129.png?v=1766054170",
"image": "https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-logo_4d9b7002-80c1-45c4-bb46-73a80fd23129.png?v=1766054170",
"sameAs": ["https://www.facebook.com/ClearViewImagingLtd","https://x.com/clearviewltd","https://www.youtube.com/@clearview782","https://uk.linkedin.com/company/clearview-machine-vision","https://find-and-update.company-information.service.gov.uk/company/06536557"],
"openingHours": ["Mo,We,Tu,Th,Sa,Fr,Su"],
"hasMap": "https://www.google.com/maps/@51.741936,-1.0047474,16z",
"address": {
"@type": "PostalAddress",
"streetAddress": "Unit 11, Christmas Hill Business Park, Rycote Ln",
"addressLocality": "Thame",
"addressRegion": "Oxfordshire",
"postalCode": "OX9 2FZ",
"addressCountry": "GB"
},
"priceRange": "£££",
"telephone": "+44 1844 217270",
"geo": {
"@type": "GeoCoordinates",
"latitude": 51.741936,
"longitude": -1.0047474
}
}
</script><!-- END app snippet --><!-- END app block --><script src="https://cdn.shopify.com/extensions/01a08082-d092-749c-87fb-d7fdd89713b9/announcement-bar-maker-by-apphero-7/assets/attrac-embed-bars.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/01a1072e-f5dc-7361-825c-3390e3aec4b3/quotify-26/assets/widget.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 55692689470,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 55692689470,storefrontBaseUrl: "https://clearview-imaging.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://clearview-imaging.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1425047614","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-73JC3ZT6P4\\\",\\\"GT-PZZMWSGB\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-73JC3ZT6P4\\\",\\\"MC-Y9NKBVBCQK\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-73JC3ZT6P4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1169293374","configuration":"{\"shop\":\"clearview-clearview.myshopify.com\",\"url\":\"https:\\\/\\\/sortwise.mezereon.net\\\/t\",\"customEvents\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"858af8c77a364ea5bdaaa6d4998682cb","type":"APP","apiClientId":216838471681,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"136544318","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Clearview tool analytics"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Clearview","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"clearview-clearview.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/clearview-imaging.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://clearview-imaging.com/cdn","9f5e2762wb720532ap19708c42m93b2bec3",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"141972111422","themeStoreId":"887","themePublished":"true","eventMetadataId":"aa780cc3-f12a-4e17-ae09-f4df3e9072cb","pageType":"home","shopId":"55692689470","storefrontBaseUrl":"https:\/\/clearview-imaging.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"9f5e2762wb720532ap19708c42m93b2bec3","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'GBP';
var meta = {"page":{"pageType":"home","requestId":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (method == 'track' || method == 'page') {
var pageUrl;
try {
pageUrl = window.location.href;
} catch (e) {}
var pageReferrer;
try {
pageReferrer = document.referrer;
} catch (e) {}
try {
if (window.__TREKKIE_SHIM_QUEUE == null) {
window.__TREKKIE_SHIM_QUEUE = [];
}
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1),
pageContext: {
url: pageUrl,
referrer: pageReferrer
}
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 55692689470,
theme_id: 141972111422,
app_name: "storefront",
context_url: window.location.href,
source_url: "//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//clearview-imaging.com/cdn/s/trekkie.storefront.32ff6085714fe9c4d5859e332c5de5f8759a859e.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55692689470,"isMerchantRequest":null,"themeId":141972111422,"themeCityHash":"9801437037541265288","contentLanguage":"en","currency":"GBP","eventMetadataId":"aa780cc3-f12a-4e17-ae09-f4df3e9072cb"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"a5a96cff-22bc-4c87-94bc-9fe4cad33414-1792199246","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//clearview-imaging.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://clearview-imaging.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.11.0.min.js"
data-application="storefront-renderer"
data-shop-id="55692689470"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="141972111422"
data-theme-name="Dawn"
data-theme-version="14.0.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://clearview-imaging.com/api/collect"
></script>
<meta name="shopify-y" content="50234b61-53a0-4826-97fc-20ea7e1a4b99" data-expiration="1823756846000"><meta name="shopify-s" content="2230bc9e-8560-4d18-9624-fc720cc6b664" data-expiration="1792201046000">
</head>
<body class="gradient animate--hover-default">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a>
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/quantity-popover.css?v=78745769908715669131787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-card.css?v=17611270903833357411787573035" rel="stylesheet" type="text/css" media="all" />
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart.js?v=107864062532657556931787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/quantity-popover.js?v=987015268078116491787573035" defer="defer"></script>
<style>
.drawer {
visibility: hidden;
}
</style>
<cart-drawer class="drawer is-empty">
<div id="CartDrawer" class="cart-drawer">
<div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
<div
class="drawer__inner gradient color-scheme-1"
role="dialog"
aria-modal="true"
aria-label="Your cart"
tabindex="-1"
><div class="drawer__inner-empty">
<div class="cart-drawer__warnings center">
<div class="cart-drawer__empty-content">
<h2 class="cart__empty-text">Your cart is empty</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Close"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-close"
fill="none"
viewBox="0 0 18 17"
>
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
<a href="/collections/all" class="button">
Continue shopping
</a><p class="cart__login-title h3">Have an account?</p>
<p class="cart__login-paragraph">
<a href="https://clearview-imaging.com/customer_authentication/redirect?locale=en®ion_country=GB" class="link underlined-link">Log in</a> to check out faster.
</p></div>
</div></div><div class="drawer__header">
<h2 class="drawer__heading">Your cart</h2>
<button
class="drawer__close"
type="button"
onclick="this.closest('cart-drawer').close()"
aria-label="Close"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-close"
fill="none"
viewBox="0 0 18 17"
>
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
</div>
<cart-drawer-items
class=" is-empty"
>
<form
action="/cart"
id="CartDrawer-Form"
class="cart__contents cart-drawer__form"
method="post"
>
<div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
<p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
Loading...
</p>
</div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
</cart-drawer-items>
<div class="drawer__footer"><details id="Details-CartDrawer">
<summary>
<span class="summary__title">
If applicable enter your Customer Reference (PO) Number.
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</summary>
<cart-note class="cart__note field">
<label class="visually-hidden" for="CartDrawer-Note">If applicable enter your Customer Reference (PO) Number.</label>
<textarea
id="CartDrawer-Note"
class="text-area text-area--resize-vertical field__input"
name="note"
placeholder="If applicable enter your Customer Reference (PO) Number."
></textarea>
</cart-note>
</details><!-- Start blocks -->
<!-- Subtotals -->
<div class="cart-drawer__footer" >
<div></div>
<div class="totals" role="status">
<h2 class="totals__total">Estimated total</h2>
<p class="totals__total-value">£0.00 GBP</p>
</div>
<small class="tax-note caption-large rte">Taxes, Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
</small>
</div>
<!-- VAT -->
<div class="outside-form-tax-exemption tax-number">
<label for="vat-number-drawer">VAT Number (required)*</label>
<input
type="text"
id="vat-number-drawer"
name="attributes[VAT Number]"
placeholder="Enter your VAT Number"
value=""
form="CartDrawer-Form"
>
</div>
<style>
.vat-error {
border-color: red !important;
}
</style>
<script>
function attachVatValidation() {
const checkoutButton = document.getElementById('CartDrawer-Checkout');
const vatInput = document.getElementById('vat-number-drawer');
if (!checkoutButton || !vatInput) return;
// Prevent multiple listeners
if (checkoutButton.dataset.vatListenerAttached === 'true') {
return;
}
checkoutButton.addEventListener('click', function (e) {
if (vatInput.value.trim() === '') {
e.preventDefault();
vatInput.classList.add('vat-error');
vatInput.focus();
} else {
vatInput.classList.remove('vat-error');
}
});
checkoutButton.dataset.vatListenerAttached = 'true';
}
document.addEventListener('DOMContentLoaded', function () {
// Initial call
attachVatValidation();
// Observe drawer for changes
const drawer = document.getElementById('CartDrawer');
if (!drawer) {
return;
}
const observer = new MutationObserver((mutations) => {
attachVatValidation();
});
observer.observe(drawer, { childList: true, subtree: true });
});
</script>
<!-- CTAs -->
<div class="cart__ctas" >
<button
type="submit"
id="CartDrawer-Checkout"
class="cart__checkout-button button"
name="checkout"
form="CartDrawer-Form"
disabled
>
Check out
</button>
</div>
</div>
</div>
</div>
</cart-drawer>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19244329664574__top-bar" class="shopify-section shopify-section-group-header-group"><section
class="top-bar"
style="background-color: #29243f; color: #ffffff;"
>
<div class="container">
<div class="top-bar__content">
<div class="header__icons header__icons--localization header-localization">
<div class="top-bar__localization desktop-localization-wrapper"><localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountry-country-results"
aria-describedby="HeaderCountryLabel"
>
<span>United Kingdom |
GBP
£</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use xlink:href="#icon-reset">
</svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce">
<svg class="icon icon-search" aria-hidden="true" focusable="false">
<use xlink:href="#icon-search">
</svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-close"
fill="none"
viewBox="0 0 18 17"
>
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountry-country-results"
>
<ul
role="list"
class="list-unstyled popular-countries"
aria-label="Popular countries/regions"
><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AX"
id="Åland Islands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Åland Islands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AL"
id="Albania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Albania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AD"
id="Andorra"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Andorra</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BY"
id="Belarus"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Belarus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BA"
id="Bosnia & Herzegovina"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Bosnia & Herzegovina</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FO"
id="Faroe Islands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Faroe Islands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GI"
id="Gibraltar"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Gibraltar</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GG"
id="Guernsey"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Guernsey</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IS"
id="Iceland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Iceland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IM"
id="Isle of Man"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Isle of Man</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="JE"
id="Jersey"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Jersey</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="XK"
id="Kosovo"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Kosovo</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LI"
id="Liechtenstein"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Liechtenstein</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MD"
id="Moldova"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Moldova</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MC"
id="Monaco"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Monaco</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ME"
id="Montenegro"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Montenegro</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Netherlands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MK"
id="North Macedonia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">North Macedonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NO"
id="Norway"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Norway</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RU"
id="Russia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Russia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SM"
id="San Marino"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">San Marino</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RS"
id="Serbia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Serbia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SJ"
id="Svalbard & Jan Mayen"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Svalbard & Jan Mayen</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CH"
id="Switzerland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Switzerland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="UA"
id="Ukraine"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Ukraine</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="GB"
id="United Kingdom"
>
<span
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="VA"
id="Vatican City"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Vatican City</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="GB">
</div></form></localization-form>
<localization-form class="small-hide medium-hide" data-prevent-hide><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderLanguageLabel">Language</h2><div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderLanguageList"
aria-describedby="HeaderLanguageLabel"
>
<span>English</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="en"
lang="en"
aria-current="true"
data-value="en"
>
<span
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
English
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="de"
lang="de"
data-value="de"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Deutsch
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="fr"
lang="fr"
data-value="fr"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Français
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="es"
lang="es"
data-value="es"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Español
</span>
</a>
</li></ul>
</div>
</div>
<input type="hidden" name="locale_code" value="en">
</div></form></localization-form></div>
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Search"
>
<span>
<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</svg>
<svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</svg>
</span>
</summary>
<div
class="search-modal modal__content gradient"
role="dialog"
aria-modal="true"
aria-label="Search"
>
<div class="modal-overlay"></div>
<div
class="search-modal__content search-modal__content-bottom"
tabindex="-1"
><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input
class="search__input field__input"
id="Search-In-Modal"
type="search"
name="q"
value=""
placeholder="Search"role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Clear search term"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use xlink:href="#icon-reset">
</svg>
</button>
<button class="search__button field__button" aria-label="Search">
<svg class="icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</svg>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-loading-spinner.css?v=116724955567955766481787573035" rel="stylesheet" type="text/css" media="all" />
<div class="predictive-search__loading-state">
<svg
aria-hidden="true"
focusable="false"
class="spinner"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Close"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</svg>
</button>
</div>
</div>
</details>
</details-modal>
<a
href="https://clearview-imaging.com/customer_authentication/redirect?locale=en®ion_country=GB"
class="header__icon header__icon--account link focus-inset"
>
<account-icon><svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-account"
fill="none"
viewBox="0 0 18 19"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
</account-icon>
<span class="visually-hidden">Log in</span>
</a><div class="top-bar__cart">
<a
href="/cart"
class="header__icon header__icon--cart link focus-inset"
id="cart-icon-bubble"
><svg
class="icon icon-cart-empty"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40"
fill="none"
>
<path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
</div>
</div>
</div>
</div>
</section>
<style>
.top-bar {
padding: 4px 30px;
}
.top-bar__content {
display: flex;
justify-content: flex-end;
align-items: center;
}
.top-bar__localization,
.top-bar__cart {
display: flex;
align-items: center;
}
.top-bar__localization * {
color: #ffffff !important;
}
.top-bar__cart * {
color: #ffffff !important;
}
.header__icon {
color: #ffffff;
}
.cart-count-bubble {
background-color: #957fb8;
}
</style>
<style> #shopify-section-sections--19244329664574__top-bar .top-bar .container {display: block !important;} #shopify-section-sections--19244329664574__top-bar .top-bar__localization * {color: #222 !important;} #shopify-section-sections--19244329664574__top-bar .localization-selector span {color: #fff !important;} #shopify-section-sections--19244329664574__top-bar .disclosure__item span {color: #222 !important;} </style></div><div id="shopify-section-sections--19244329664574__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-list-menu.css?v=151968516119678728991787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-search.css?v=165164710990765432851787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-menu-drawer.css?v=108275830883138397371787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-notification.css?v=54116361853792938221787573035" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-items.css?v=127384614032664249911787573035" media="print" onload="this.media='all'"><link rel="stylesheet" href="//clearview-imaging.com/cdn/shop/t/15/assets/component-price.css?v=70172745017360139101787573035" media="print" onload="this.media='all'"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart-drawer.css?v=19530961819213608911787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-cart.css?v=172630077910018527761787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-totals.css?v=15906652033866631521787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-price.css?v=70172745017360139101787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-discounts.css?v=152760482443307489271787573035" rel="stylesheet" type="text/css" media="all" />
<style>
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: 1.065rem;
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: 1.065rem;;
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify>.header {
padding: 0px 3rem 0px 3rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 0px;
padding-bottom: 0px;
}
}</style><script src="//clearview-imaging.com/cdn/shop/t/15/assets/details-disclosure.js?v=13653116266235556501787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/details-modal.js?v=25581673532751508451787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart-notification.js?v=133508293167896966491787573035" defer="defer"></script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/search-form.js?v=133129549252120666541787573035" defer="defer"></script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/cart-drawer.js?v=105077087914686398511787573035" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
<symbol id="icon-search" viewbox="0 0 18 19" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
</symbol>
<symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
<circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
<path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
<path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
</symbol>
<symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor" />
</symbol>
</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center header--has-menu header--has-social header--has-account header--has-localizations">
<header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary
class="header__icon header__icon--menu header__icon--summary link focus-inset"
aria-label="Menu"
>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-hamburger"
fill="none"
viewBox="0 0 18 16"
>
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-close"
fill="none"
viewBox="0 0 18 17"
>
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
id="HeaderDrawer-pricing"
href="/pages/how-much-does-machine-vision-actually-cost"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Pricing
</a></li><li><details id="Details-menu-drawer-menu-item-2">
<summary
id="HeaderDrawer-components"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Components
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="link-components"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Components
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-components-2d-cameras"
href="/collections/cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
2D Cameras
</a></li><li><a
id="HeaderDrawer-components-3d-cameras"
href="/collections/3d-cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
3D Cameras
</a></li><li><a
id="HeaderDrawer-components-line-scan-cameras"
href="/collections/line-scan-cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Line Scan Cameras
</a></li><li><a
id="HeaderDrawer-components-thermal-cameras"
href="/collections/thermal-cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Thermal Cameras
</a></li><li><a
id="HeaderDrawer-components-smart-cameras"
href="/collections/smart-vision-cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Smart Cameras
</a></li><li><a
id="HeaderDrawer-components-vision-sensors"
href="/collections/vision-sensors"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Vision Sensors
</a></li><li><a
id="HeaderDrawer-components-fixed-industrial-scanners"
href="/collections/fixed-industrial-scanners"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Fixed Industrial Scanners
</a></li><li><a
id="HeaderDrawer-components-hyperspectral-cameras"
href="/collections/hyperspectral-cameras"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Hyperspectral Cameras
</a></li><li><a
id="HeaderDrawer-components-embedded-systems"
href="/collections/embedded-vision-systems"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Embedded Systems
</a></li><li><a
id="HeaderDrawer-components-frame-grabbers"
href="/collections/frame-grabbers"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Frame Grabbers
</a></li><li><a
id="HeaderDrawer-components-lenses"
href="/collections/machine-vision-lenses"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Lenses
</a></li><li><a
id="HeaderDrawer-components-optical-filters"
href="/collections/optical-filters"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Optical Filters
</a></li><li><a
id="HeaderDrawer-components-illumination"
href="/collections/machine-vision-illumination"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Illumination
</a></li><li><a
id="HeaderDrawer-components-laser-modules"
href="/collections/laser-modules"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Laser Modules
</a></li><li><a
id="HeaderDrawer-components-machine-vision-software"
href="/collections/machine-vision-software"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision Software
</a></li><li><a
id="HeaderDrawer-components-partners"
href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Partners
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-3">
<summary
id="HeaderDrawer-systems"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Systems
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="link-systems"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Systems
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-systems-label-verification-solution"
href="/pages/labelverification-solutions"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Label Verification Solution
</a></li><li><a
id="HeaderDrawer-systems-barcode-validation-solution"
href="/pages/barcode-validation"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Barcode Validation Solution
</a></li><li><a
id="HeaderDrawer-systems-custom-vision-solutions"
href="/pages/custom-vision-solutions"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Custom Vision Solutions
</a></li></ul>
</div>
</div>
</details></li><li><a
id="HeaderDrawer-engineering-happiness"
href="/pages/engineering-happiness"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Engineering Happiness
</a></li><li><a
id="HeaderDrawer-solutions-services"
href="/pages/solutions-services"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Solutions & Services
</a></li><li><details id="Details-menu-drawer-menu-item-6">
<summary
id="HeaderDrawer-company"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Company
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="link-company"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Company
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-company-about-us"
href="/pages/about-us"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
About Us
</a></li><li><a
id="HeaderDrawer-company-great-place-to-work"
href="/pages/great-place-to-work"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Great Place to Work
</a></li><li><a
id="HeaderDrawer-company-careers"
href="/pages/careers"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Careers
</a></li><li><a
id="HeaderDrawer-company-industries-we-serve"
href="/pages/machine-vision-applications"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Industries We Serve
</a></li></ul>
</div>
</div>
</details></li><li><details id="Details-menu-drawer-menu-item-7">
<summary
id="HeaderDrawer-knowledge"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Knowledge
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="link-knowledge"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
>
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Knowledge
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
id="HeaderDrawer-knowledge-knowhow-webinars-seminars"
href="/pages/clearview-knowhow"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Knowhow Webinars & Seminars
</a></li><li><a
id="HeaderDrawer-knowledge-knowhow-training-courses"
href="/pages/training"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Knowhow Training Courses
</a></li><li><a
id="HeaderDrawer-knowledge-insights-test-your-products"
href="/pages/clearview-insights"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Insights Test Your Products
</a></li><li><a
id="HeaderDrawer-knowledge-inview-blog-newsletters"
href="/blogs/news"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Inview blog & newsletters
</a></li><li><a
id="HeaderDrawer-knowledge-experience-centre"
href="/pages/experience-centre"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Experience Centre
</a></li><li><details id="Details-menu-drawer-knowledge-guides">
<summary
id="HeaderDrawer-knowledge-guides"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Guides
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="childlink-guides"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button link link--text focus-inset"
aria-expanded="true"
>
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Guides
</button>
<ul
class="menu-drawer__menu list-menu"
role="list"
tabindex="-1"
><li>
<a
id="HeaderDrawer-knowledge-guides-machine-vision-suppliers-in-europe-the-complete-guide"
href="/pages/machine-vision-suppliers-europe"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision Suppliers in Europe: The Complete Guide
</a>
</li><li>
<a
id="HeaderDrawer-knowledge-guides-machine-vision-budget-planning-guide"
href="/pages/machine-vision-budget-planning-guide"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision Budget Planning Guide
</a>
</li><li>
<a
id="HeaderDrawer-knowledge-guides-guide-to-machine-vision-cameras-2026"
href="/pages/guide-to-machine-vision-cameras-2026"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Guide To Machine Vision Cameras 2026
</a>
</li></ul>
</div>
</details></li><li><details id="Details-menu-drawer-knowledge-tools">
<summary
id="HeaderDrawer-knowledge-tools"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Tools
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<div
id="childlink-tools"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
>
<button
class="menu-drawer__close-button link link--text focus-inset"
aria-expanded="true"
>
<svg width="20px" height="20px" viewBox="0 0 25 25" fill="black" xmlns="http://www.w3.org/2000/svg" stroke="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 7L15 12L10 17" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
Tools
</button>
<ul
class="menu-drawer__menu list-menu"
role="list"
tabindex="-1"
><li>
<a
id="HeaderDrawer-knowledge-tools-machine-vision-lens-calculator"
href="/pages/machine-vision-lens-calculator"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision Lens Calculator
</a>
</li><li>
<a
id="HeaderDrawer-knowledge-tools-machine-vision-readiness-assessment"
href="/pages/machine-vision-readiness-assessment"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision Readiness Assessment
</a>
</li><li>
<a
id="HeaderDrawer-knowledge-tools-machine-vision-faqs"
href="/pages/faq"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Machine Vision FAQ's
</a>
</li><li>
<a
id="HeaderDrawer-knowledge-tools-illumination-selector-tool"
href="/pages/illumination-selector-tool"
class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
>
Illumination Selector Tool
</a>
</li></ul>
</div>
</details></li></ul>
</div>
</div>
</details></li><li><a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
>
Contact
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links"><a
href="https://clearview-imaging.com/customer_authentication/redirect?locale=en®ion_country=GB"
class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
>
<account-icon><svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-account"
fill="none"
viewBox="0 0 18 19"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
</account-icon>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderCountryMobileLabel">
Country/region
</h2>
<div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderCountryMobile-country-results"
aria-describedby="HeaderCountryMobileLabel"
>
<span>United Kingdom |
GBP
£</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="disclosure__list-wrapper country-selector" hidden>
<div class="country-filter">
<div class="field">
<input
class="country-filter__input field__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Search"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
>
<label class="field__label" for="country-filter-input">Search</label>
<button
type="reset"
class="country-filter__reset-button field__button hidden"
aria-label="Clear search term"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use xlink:href="#icon-reset">
</svg>
</button>
<div class="country-filter__search-icon field__button motion-reduce">
<svg class="icon icon-search" aria-hidden="true" focusable="false">
<use xlink:href="#icon-search">
</svg>
</div>
</div>
<button
class="country-selector__close-button button--small link"
type="button"
aria-label="Close"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-close"
fill="none"
viewBox="0 0 18 17"
>
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>
</button>
</div>
<div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
<div
class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies"
id="HeaderCountryMobile-country-results"
>
<ul
role="list"
class="list-unstyled popular-countries"
aria-label="Popular countries/regions"
><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
<ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AX"
id="Åland Islands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Åland Islands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AL"
id="Albania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Albania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AD"
id="Andorra"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Andorra</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="AT"
id="Austria"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Austria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BY"
id="Belarus"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Belarus</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BE"
id="Belgium"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Belgium</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BA"
id="Bosnia & Herzegovina"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Bosnia & Herzegovina</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="BG"
id="Bulgaria"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Bulgaria</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HR"
id="Croatia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Croatia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CZ"
id="Czechia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Czechia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DK"
id="Denmark"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Denmark</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="EE"
id="Estonia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Estonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FO"
id="Faroe Islands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Faroe Islands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FI"
id="Finland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Finland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="FR"
id="France"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">France</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="DE"
id="Germany"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Germany</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GI"
id="Gibraltar"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Gibraltar</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GR"
id="Greece"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Greece</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="GG"
id="Guernsey"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Guernsey</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="HU"
id="Hungary"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Hungary</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IS"
id="Iceland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Iceland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IE"
id="Ireland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Ireland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IM"
id="Isle of Man"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Isle of Man</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="IT"
id="Italy"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Italy</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="JE"
id="Jersey"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Jersey</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="XK"
id="Kosovo"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Kosovo</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LV"
id="Latvia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Latvia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LI"
id="Liechtenstein"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Liechtenstein</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LT"
id="Lithuania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Lithuania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="LU"
id="Luxembourg"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MT"
id="Malta"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Malta</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MD"
id="Moldova"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Moldova</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MC"
id="Monaco"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Monaco</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ME"
id="Montenegro"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Montenegro</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NL"
id="Netherlands"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Netherlands</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="MK"
id="North Macedonia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">North Macedonia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="NO"
id="Norway"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Norway</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PL"
id="Poland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Poland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="PT"
id="Portugal"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Portugal</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RO"
id="Romania"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Romania</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RU"
id="Russia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Russia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SM"
id="San Marino"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">San Marino</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="RS"
id="Serbia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Serbia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SK"
id="Slovakia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Slovakia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SI"
id="Slovenia"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Slovenia</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="ES"
id="Spain"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Spain</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SJ"
id="Svalbard & Jan Mayen"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Svalbard & Jan Mayen</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="SE"
id="Sweden"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Sweden</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="CH"
id="Switzerland"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Switzerland</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="UA"
id="Ukraine"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Ukraine</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
aria-current="true"
data-value="GB"
id="United Kingdom"
>
<span
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">United Kingdom</span>
<span class="localization-form__currency motion-reduce">
GBP
£</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
data-value="VA"
id="Vatican City"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span class="country">Vatican City</span>
<span class="localization-form__currency motion-reduce">
EUR
€</span>
</a>
</li></ul>
</div>
</div>
<div class="country-selector__overlay"></div>
</div>
<input type="hidden" name="country_code" value="GB">
</div></form></localization-form>
<localization-form><form method="post" action="/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div>
<h2 class="visually-hidden" id="HeaderLanguageMobileLabel">
Language
</h2><div class="disclosure">
<button
type="button"
class="disclosure__button localization-form__select localization-selector link link--text caption-large"
aria-expanded="false"
aria-controls="HeaderLanguageMobileList"
aria-describedby="HeaderLanguageMobileLabel"
>
<span>English</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</button>
<div class="disclosure__list-wrapper" hidden>
<ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="en"
lang="en"
aria-current="true"
data-value="en"
>
<span
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
English
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="de"
lang="de"
data-value="de"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Deutsch
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="fr"
lang="fr"
data-value="fr"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Français
</span>
</a>
</li><li class="disclosure__item" tabindex="-1">
<a
class="link link--text disclosure__link caption-large focus-inset"
href="#"
hreflang="es"
lang="es"
data-value="es"
>
<span
class="visibility-hidden"
><svg
class="icon icon-checkmark"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 9"
fill="none"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/>
</svg>
</span>
<span>
Español
</span>
</a>
</li></ul>
</div>
</div>
<input type="hidden" name="locale_code" value="en">
</div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a href="https://www.facebook.com/ClearViewImagingLtd" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
<path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@clearview782" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
<path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
<img src="//clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&width=600" alt="Clearview" srcset="//clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&width=210 210w, //clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&width=315 315w, //clearview-imaging.com/cdn/shop/files/clearview-logo.svg?v=1716417422&width=420 420w" width="210" height="33.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 420px) 50vw, 210px">
</div></a></h1>
<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><a
id="HeaderMenu-pricing"
href="/pages/how-much-does-machine-vision-actually-cost"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Pricing</span>
</a></li><li><header-menu>
<details id="Details-HeaderMenu-2">
<summary
id="HeaderMenu-components"
class="header__menu-item list-menu__item link focus-inset"
>
<a href="/pages/components" class="cv--menu-primary">
<span
>Components</span>
</a>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-MenuList-2"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-components-2d-cameras"
href="/collections/cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
2D Cameras
</a></li><li><a
id="HeaderMenu-components-3d-cameras"
href="/collections/3d-cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
3D Cameras
</a></li><li><a
id="HeaderMenu-components-line-scan-cameras"
href="/collections/line-scan-cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Line Scan Cameras
</a></li><li><a
id="HeaderMenu-components-thermal-cameras"
href="/collections/thermal-cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Thermal Cameras
</a></li><li><a
id="HeaderMenu-components-smart-cameras"
href="/collections/smart-vision-cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Smart Cameras
</a></li><li><a
id="HeaderMenu-components-vision-sensors"
href="/collections/vision-sensors"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Vision Sensors
</a></li><li><a
id="HeaderMenu-components-fixed-industrial-scanners"
href="/collections/fixed-industrial-scanners"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Fixed Industrial Scanners
</a></li><li><a
id="HeaderMenu-components-hyperspectral-cameras"
href="/collections/hyperspectral-cameras"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Hyperspectral Cameras
</a></li><li><a
id="HeaderMenu-components-embedded-systems"
href="/collections/embedded-vision-systems"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Embedded Systems
</a></li><li><a
id="HeaderMenu-components-frame-grabbers"
href="/collections/frame-grabbers"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Frame Grabbers
</a></li><li><a
id="HeaderMenu-components-lenses"
href="/collections/machine-vision-lenses"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Lenses
</a></li><li><a
id="HeaderMenu-components-optical-filters"
href="/collections/optical-filters"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Optical Filters
</a></li><li><a
id="HeaderMenu-components-illumination"
href="/collections/machine-vision-illumination"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Illumination
</a></li><li><a
id="HeaderMenu-components-laser-modules"
href="/collections/laser-modules"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Laser Modules
</a></li><li><a
id="HeaderMenu-components-machine-vision-software"
href="/collections/machine-vision-software"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision Software
</a></li><li><a
id="HeaderMenu-components-partners"
href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Partners
</a></li></ul>
</details>
</header-menu></li><li><header-menu>
<details id="Details-HeaderMenu-3">
<summary
id="HeaderMenu-systems"
class="header__menu-item list-menu__item link focus-inset"
>
<a href="/pages/systems" class="cv--menu-primary">
<span
>Systems</span>
</a>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-MenuList-3"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-systems-label-verification-solution"
href="/pages/labelverification-solutions"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Label Verification Solution
</a></li><li><a
id="HeaderMenu-systems-barcode-validation-solution"
href="/pages/barcode-validation"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Barcode Validation Solution
</a></li><li><a
id="HeaderMenu-systems-custom-vision-solutions"
href="/pages/custom-vision-solutions"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Custom Vision Solutions
</a></li></ul>
</details>
</header-menu></li><li><a
id="HeaderMenu-engineering-happiness"
href="/pages/engineering-happiness"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Engineering Happiness</span>
</a></li><li><a
id="HeaderMenu-solutions-services"
href="/pages/solutions-services"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Solutions & Services</span>
</a></li><li><header-menu>
<details id="Details-HeaderMenu-6">
<summary
id="HeaderMenu-company"
class="header__menu-item list-menu__item link focus-inset"
>
<a href="/pages/about-us" class="cv--menu-primary">
<span
>Company</span>
</a>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-MenuList-6"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-company-about-us"
href="/pages/about-us"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
About Us
</a></li><li><a
id="HeaderMenu-company-great-place-to-work"
href="/pages/great-place-to-work"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Great Place to Work
</a></li><li><a
id="HeaderMenu-company-careers"
href="/pages/careers"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Careers
</a></li><li><a
id="HeaderMenu-company-industries-we-serve"
href="/pages/machine-vision-applications"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Industries We Serve
</a></li></ul>
</details>
</header-menu></li><li><header-menu>
<details id="Details-HeaderMenu-7">
<summary
id="HeaderMenu-knowledge"
class="header__menu-item list-menu__item link focus-inset"
>
<a href="/pages/clearview-knowhow" class="cv--menu-primary">
<span
>Knowledge</span>
</a>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-MenuList-7"
class="header__submenu list-menu list-menu--disclosure color-scheme-1 gradient caption-large motion-reduce global-settings-popup"
role="list"
tabindex="-1"
><li><a
id="HeaderMenu-knowledge-knowhow-webinars-seminars"
href="/pages/clearview-knowhow"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Knowhow Webinars & Seminars
</a></li><li><a
id="HeaderMenu-knowledge-knowhow-training-courses"
href="/pages/training"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Knowhow Training Courses
</a></li><li><a
id="HeaderMenu-knowledge-insights-test-your-products"
href="/pages/clearview-insights"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Insights Test Your Products
</a></li><li><a
id="HeaderMenu-knowledge-inview-blog-newsletters"
href="/blogs/news"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Inview blog & newsletters
</a></li><li><a
id="HeaderMenu-knowledge-experience-centre"
href="/pages/experience-centre"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Experience Centre
</a></li><li><details id="Details-HeaderSubMenu-knowledge-guides">
<summary
id="HeaderMenu-knowledge-guides"
class="header__menu-item link link--text list-menu__item focus-inset caption-large"
>
<span>Guides</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-SubMenuList-knowledge-guides-"
class="header__submenu list-menu motion-reduce"
><li>
<a
id="HeaderMenu-knowledge-guides-machine-vision-suppliers-in-europe-the-complete-guide"
href="/pages/machine-vision-suppliers-europe"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision Suppliers in Europe: The Complete Guide
</a>
</li><li>
<a
id="HeaderMenu-knowledge-guides-machine-vision-budget-planning-guide"
href="/pages/machine-vision-budget-planning-guide"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision Budget Planning Guide
</a>
</li><li>
<a
id="HeaderMenu-knowledge-guides-guide-to-machine-vision-cameras-2026"
href="/pages/guide-to-machine-vision-cameras-2026"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Guide To Machine Vision Cameras 2026
</a>
</li></ul>
</details></li><li><details id="Details-HeaderSubMenu-knowledge-tools">
<summary
id="HeaderMenu-knowledge-tools"
class="header__menu-item link link--text list-menu__item focus-inset caption-large"
>
<span>Tools</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</summary>
<ul
id="HeaderMenu-SubMenuList-knowledge-tools-"
class="header__submenu list-menu motion-reduce"
><li>
<a
id="HeaderMenu-knowledge-tools-machine-vision-lens-calculator"
href="/pages/machine-vision-lens-calculator"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision Lens Calculator
</a>
</li><li>
<a
id="HeaderMenu-knowledge-tools-machine-vision-readiness-assessment"
href="/pages/machine-vision-readiness-assessment"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision Readiness Assessment
</a>
</li><li>
<a
id="HeaderMenu-knowledge-tools-machine-vision-faqs"
href="/pages/faq"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Machine Vision FAQ's
</a>
</li><li>
<a
id="HeaderMenu-knowledge-tools-illumination-selector-tool"
href="/pages/illumination-selector-tool"
class="header__menu-item list-menu__item link link--text focus-inset caption-large"
>
Illumination Selector Tool
</a>
</li></ul>
</details></li></ul>
</details>
</header-menu></li><li><a
id="HeaderMenu-contact"
href="/pages/contact"
class="header__menu-item list-menu__item link link--text focus-inset"
>
<span
>Contact</span>
</a></li></ul>
</nav>
<div class="header-ricons">
<details-modal class="header__search">
<details>
<summary
class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
aria-haspopup="dialog"
aria-label="Search"
>
<span>
<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</svg>
<svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</svg>
</span>
</summary>
<div
class="search-modal modal__content gradient"
role="dialog"
aria-modal="true"
aria-label="Search"
>
<div class="modal-overlay"></div>
<div
class="search-modal__content search-modal__content-bottom"
tabindex="-1"
><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input
class="search__input field__input"
id="Search-In-Modal"
type="search"
name="q"
value=""
placeholder="Search"role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button
type="reset"
class="reset__button field__button hidden"
aria-label="Clear search term"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use xlink:href="#icon-reset">
</svg>
</button>
<button class="search__button field__button" aria-label="Search">
<svg class="icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</svg>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-loading-spinner.css?v=116724955567955766481787573035" rel="stylesheet" type="text/css" media="all" />
<div class="predictive-search__loading-state">
<svg
aria-hidden="true"
focusable="false"
class="spinner"
viewBox="0 0 66 66"
xmlns="http://www.w3.org/2000/svg"
>
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button
type="button"
class="search-modal__close-button modal__close-button link link--text focus-inset"
aria-label="Close"
>
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</svg>
</button>
</div>
</div>
</details>
</details-modal>
<a href="https://clearview-imaging.com/customer_authentication/redirect?locale=en®ion_country=GB"
class="header__icon header__icon--account link focus-inset small-hide">
<account-icon><svg
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
class="icon icon-account"
fill="none"
viewBox="0 0 18 19"
>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</svg>
</account-icon>
<span class="visually-hidden">Log in</span>
</a><div class="top-bar__cart">
<a
href="/cart"
class="header__icon header__icon--cart link focus-inset"
id="cart-icon-bubble"
><svg
class="icon icon-cart-empty"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40"
fill="none"
>
<path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
</svg>
<span class="visually-hidden">Cart</span></a>
</div>
</div>
</header>
</sticky-header>
<script>
(function() {
var KEY = 'cv_scroll_to_section';
var MAP = {
'components': 'components',
'systems': 'systems',
'custom vision solutions': 'custom-vision-solutions'
};
function norm(s) {
return (s || '').toString().trim().toLowerCase().replace(/\s+/g, ' ');
}
function scrollToAnchor(id) {
var el = id && document.getElementById(id);
if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
function tagMenuLinks(root) {
var links = (root || document).querySelectorAll('a[href="/collections"], a[href="/collections/"]');
links.forEach(function(a) {
var text = norm(a.textContent);
var target = MAP[text];
if (target) {
a.classList.add('js-collections-link');
a.dataset.target = target;
}
});
}
document.addEventListener('DOMContentLoaded', function() { tagMenuLinks(); });
document.addEventListener('shopify:section:load', function(e) { tagMenuLinks(e.target); });
document.addEventListener('click', function(e) {
var a = e.target.closest && e.target.closest('a.js-collections-link[data-target]');
if (!a) return;
var href = (a.getAttribute('href') || '').replace(/\/+$/, '');
var target = a.dataset.target;
if (!target || href !== '/collections') return;
e.preventDefault();
try { sessionStorage.setItem(KEY, target); } catch (err) {}
if (location.pathname.replace(/\/+$/, '') === '/collections') {
scrollToAnchor(target);
try { history.replaceState(null, '', '#'+target); } catch (err) {}
try { sessionStorage.removeItem(KEY); } catch (err) {}
} else {
window.location.href = '/collections';
}
}, { passive: false });
document.addEventListener('DOMContentLoaded', function() {
if (location.pathname.replace(/\/+$/, '') !== '/collections') return;
var target = '';
try { target = sessionStorage.getItem(KEY) || ''; } catch (err) {}
if (target) {
scrollToAnchor(target);
try { history.replaceState(null, '', '#'+target); } catch (err) {}
try { sessionStorage.removeItem(KEY); } catch (err) {}
}
});
})();
</script>
<style>
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 0; }
header-menu>details:hover .header__submenu,
details:hover .header__menu-item .header__submenu{animation:none; animation-fill-mode: none; z-index: 1; opacity: 1 !important;display: block;transform:none !important;}
/* Nested (3rd-level) flyouts: pop out to the LEFT instead of stacking below */
.header__submenu details {
position: relative;
}
.header__submenu .header__submenu {
position: absolute;
top: 0;
right: 100%; /* sits to the LEFT of the parent panel */
left: auto;
margin: 0;
width: 28rem;
min-width: 28rem;
background-color: rgb(var(--color-background));
z-index: 2;
}
</style><style> @media screen and (min-width: 990px) {#shopify-section-sections--19244329664574__header .header--middle-left {grid-template-columns: auto 1fr; } #shopify-section-sections--19244329664574__header .header__heading-logo {padding-bottom: 0px; } #shopify-section-sections--19244329664574__header .header {padding: 10px 3rem 0px 3rem; }} #shopify-section-sections--19244329664574__header .header__heading-link {padding: 0;} #shopify-section-sections--19244329664574__header .list-menu--inline {align-items: flex-end; width: 100%; justify-content: flex-end;} #shopify-section-sections--19244329664574__header .mega-menu__content {background-color: var(--cv-accent);} @media screen and (max-width: 749px) {#shopify-section-sections--19244329664574__header .header {align-items: center !important; padding: 10px 3rem 10px 3rem; } #shopify-section-sections--19244329664574__header .header__heading-logo {padding-bottom: 5px; }} </style></div><section id="shopify-section-sections--19244329664574__175758697313aa0f26" class="shopify-section shopify-section-group-header-group section"><div class="page-width scroll-trigger animate--slide-in"></div>
</section>
<!-- END sections: header-group -->
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
<div id="shopify-section-template--19244336545854__banner-section" class="shopify-section"><!-- sections/banner-section.liquid -->
<section class="banner-section">
<div class="banner-background">
<div class="banner-overlay"> </div>
<div class="banner-content">
<h1>Working with you to create great vision systems</h1>
</div>
</div>
</section>
<style>
.banner-section {
position: relative;
width: 100%;
height: auto;
background-color: var(--cv-primary);
}
.banner-background {
position: relative;
width: 100%;
background-image: url('//clearview-imaging.com/cdn/shop/files/Clearview_-07_47f39778-6096-4104-9202-f722320668e6.jpg?v=1758796685');
height: 500px;
display: flex;
align-items: center;
background-size: cover;
justify-content: flex-start;
background-position: 0 40%;
}
.banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--cv-primary);
opacity: 0.45;
z-index: 1;
}
.banner-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-left: 10%;
padding-right: 10%;
color: white;
z-index: 2;
}
.banner-content h1 {
color: var(--cv-base);
font-size: 5rem;
font-weight: 500;
margin: 0;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.banner-background {
justify-content: center;
}
.banner-content {
padding: 0 30px;
}
.banner-content h1 {
font-size: 3rem;
}
}
</style><style> #shopify-section-template--19244336545854__banner-section .banner-content {padding-left: 10%; padding-bottom: 10%; align-content: center; color: white; z-index: 2;} #shopify-section-template--19244336545854__banner-section .banner-content h1 {color: var(--cv-base); font-size: 3.5rem; font-weight: 500;} </style></div><div id="shopify-section-template--19244336545854__card_layout_section_text_8x4RBd" class="shopify-section"><!-- sections/card-layout-section-text.liquid -->
<section class="custom-card-layout-section">
<div class="custom-card-layout-container">
<div class="custom-card">
<div class="custom-card-content">
<h3>Machine Vision</h3>
<h4>Components & Systems</h4>
<div class="cta_links">
<a href="/pages/components" class="custom-cta">Components</a>
<a href="/pages/systems" class="custom-cta">Systems</a>
</div>
</div>
<div class="custom-card-content">
<p>Whether you’re an OEM developing a vision system from scratch, or an end user looking to source components or a complete system, we can help you.</p>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<h3>Machine Vision</h3>
<h4>Solutions & Services</h4>
<a href="/pages/solutions-services" class="custom-cta">Learn More</a>
</div>
<div class="custom-card-content">
<p>A range of unique solutions, services and tools developed to strengthen your competitive advantage across a diverse range of applications and industries.</p>
</div>
</div>
</div>
</section>
<style>
.cta_links {
display:flex;
flex-wrap: wrap;
}
.cta_links a:last-child {
right: 50px
}
.custom-card-layout-section {
background-color: var(--cv-primary);
padding: 30px 0 140px;
position: relative;
}
.custom-card-layout-container {
max-width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-top: -220px;
flex-wrap: wrap;
}
.custom-card {
background-color: var(--cv-base);
overflow: hidden;
width: 48%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
z-index: 2;
}
.custom-card-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
z-index: 2;
}
.custom-card-content {
padding: 37px 50px 37px;
position: relative;
}
.custom-card-content h3 {
color: var(--cv-primary);
font-size: 1.875rem;
line-height: 2rem;
font-weight: 400;
margin: 0;
}
.custom-card-content h4 {
color: var(--cv-primary);
font-size: 1.875rem;
line-height: 2rem;
font-weight: 500;
margin: 0 0 38px 0;
}
.custom-card-content p {
color: var(--cv-accent);
font-size: 1rem;
line-height: 1.25rem;
letter-spacing: -0.1px;
margin:0;
}
.custom-cta {
position: absolute;
background-color: var(--cv-highlight);
color: var(--cv-base);
text-decoration: none;
padding: 15px 40px;
display: inline-block;
transition: background-color 0.3s ease, color 0.3s ease;
z-index: 2;
font-size: 1.125rem;
line-height: 1.375rem;
}
.custom-cta::after {
content: '>';
color: var(--cv-base);
margin-left: 8px;
transition: transform 0.3s ease;
}
.custom-cta:hover {
background-color: var(--cv-primary);
color: var(--cv-base);
}
/* Media Queries for Responsiveness */
@media (max-width: 768px) {
.banner-content {
padding: 0 20px !important;
}
.custom-card-layout-container {
flex-direction: column;
align-items: center;
margin-top: -140px;
}
.custom-card {
width: 100%;
max-width: 550px;
margin-bottom: 20px;
}
.custom-card-content {
padding: 20px 0;
order: 2;
}
.custom-card-content h4 {
margin: 0 0 20px 0;
}
.custom-card-content p {
width: 100%;
margin: 0 0 20px 0;
}
.custom-card-content p {
width: 100%;
}
.custom-cta {
position: static;
margin-top: 10px;
}
}
</style>
<style> #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links {gap: 1rem;} #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {position: static; padding: 15px 2.35vw;} @media screen and (max-width: 1160px) and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {padding: 15px 1.2vw; font-size: 1rem; }} @media screen and (max-width: 940px) and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .cta_links .custom-cta {padding: 15px 0.6vw; font-size: 0.8rem; }} @media screen and (min-width: 768px) {#shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .custom-card:nth-child(1) .custom-card-content:last-child {margin-top: -52px; }} #shopify-section-template--19244336545854__card_layout_section_text_8x4RBd .custom-card:nth-child(2) .custom-card-content:last-child {margin-top: 0 !important;} </style></div><div id="shopify-section-template--19244336545854__banner_section_callouts_UNtTpy" class="shopify-section"><!-- sections/banner-section-callouts.liquid -->
<section class="banner-section">
<div class="callouts-banner-background">
<div class="banner-overlay"></div>
<div class="callouts-banner-content callout-banner">
<div class="callout-subtitle-logo-container">
<img
src="https://cdn.shopify.com/s/files/1/0556/9268/9470/files/clearview-heading-logo.png?v=1718217615"
alt="Logo"
class="callout-logo"
>
<h3>What makes us unique?</h3>
</div>
<h1>Engineering Happiness</h1>
</div>
<div class="callouts-container">
<a href="/pages/engineering-happiness" class="callout-banner-cta">Find out more</a>
<div class="callouts">
<div class="callout">Obsessed with Customer Happiness</div>
<div class="callout">Certified Machine Vision Experts</div>
<div class="callout">Unique Engineering Capability</div>
</div>
</div>
</div>
</section>
<style>
.callouts-banner-background {
position: relative;
width: 100%;
background-image: url('//clearview-imaging.com/cdn/shop/files/Clearview_-2.jpg?v=1732818457');
height: 609px;
background-size: cover;
}
.callouts-banner-content {
padding-left: 10%;
align-content: center;
color: var(--cv-base);
z-index: 2;
padding-top: 150px;
position: relative;
}
.callouts-container {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
width: 500px;
}
.callout-banner h1 {
font-size: 5.57rem;
font-weight: 500;
line-height: 5rem;
width: 65%;
margin: 50px 0 0 0;
color: var(--cv-base);
}
.callout-banner h2 {
color: var(--cv-base);
}
.callout-banner-cta {
position: absolute;
top: 0;
left: 0;
background-color: var(--cv-highlight);
color: var(--cv-base);
text-decoration: none;
padding: 17px 57px;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1rem;
}
.callout-banner-cta::after {
content: '>';
color: var(--cv-base);
margin-left: 8px;
transition: transform 0.3s ease;
}
.callout-banner-cta:hover {
background-color: var(--cv-accent);
}
.callout-subtitle-logo-container {
display: inline-flex;
align-items: center;
}
.callout-banner h3 {
color: var(--cv-base);
position: relative;
font-size: 1.25rem;
line-height: 3.125rem;
font-weight: normal;
margin: 0;
}
.callout-logo {
width: 48px;
height: 53px;
margin-right: 15px;
}
.banner-cta:hover {
background-color: var(--cv-primary);
color: var(--cv-base);
}
.callouts {
background-color: var(--cv-primary);
padding: 87px 10px 70px 47px;
display: flex;
flex-direction: column;
}
.callout {
color: var(--cv-base);
font-size: 1.75rem;
margin-bottom: 25px;
width: 75%;
line-height: 1.875rem;
}
.callouts .callout:last-of-type {
margin-bottom: 0px;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.banner-background {
justify-content: center;
}
.banner-content {
margin-top: 20px;
align-content: normal;
}
.callout-banner {
padding-top: 70px !important;
}
.callout-banner h1 {
font-size: 2.57rem;
line-height: 2.3rem;
width: 100%;
margin: 40px 0;
color: var(--cv-base);
}
.callouts-container {
margin-right: 0px;
padding: 0px;
width: 100%;
}
.callouts {
padding: 30px 40px 60px;
width: 100%;
}
.callout-banner-cta {
top: auto;
left: auto;
bottom: -25px !important;
right: 0;
}
.banner-cta {
padding: 8px 20px;
font-size: 1em;
}
.callout {
font-size: 1.4rem;
width: 100%;
}
}
</style>
<style> #shopify-section-template--19244336545854__banner_section_callouts_UNtTpy .callouts-banner-background {background-position: top;} </style></div><div id="shopify-section-template--19244336545854__intro_text_section_wDcpHt" class="shopify-section"><!-- sections/intro-text-section.liquid -->
<section class="intro-text-section">
<div class="intro-text-container">
<h2>Future-focused machine vision solutions.</h2>
<div class="highlight-js"><p>Led by our obsession for customer happiness, we are a European business born out of engineering expertise in machine vision. By combining our expertise, experience and engineering excellence we supply the latest machine vision products, while innovating next generation systems.</p></div>
</div>
</section>
<style>
.intro-text-section {
background-color: var(--cv-primary);
color: var(--cv-accent);
padding: 100px 20px 250px 20px;
text-align: center;
}
.intro-text-container {
max-width: 750px;
margin: 0 auto;
text-align: left;
}
.intro-logo {
margin-bottom: 30px;
max-width: 100%;
}
.intro-text-container h2 {
color: var(--cv-accent);
margin: 0 0 36px 0;
font-size: 1.75rem;
font-weight: 400;
}
.intro-text-container p {
color: var(--cv-base);
line-height: 2.25rem;
font-size: 1.75rem;
margin: 0px 0px 80px 0px;
font-weight: 500;
}
.highlight-number {
background-color: var(--cv-highlight);
padding: 0 10px;
}
.intro-phone {
color: var(--cv-base);
font-size: 1.75rem;
font-weight: normal;
margin: 0px 0 !important;
}
.intro-additional-text {
color: var(--cv-accent) !important;
font-size: 1.25rem !important;
line-height: 1.5rem !important;
font-weight: normal;
letter-spacing: 0.05px;
margin: 0;
width: 57%;
}
@media (max-width: 768px) {
.intro-text-container p {
font-size: 1.4rem;
}
.intro-additional-text {
width: 100%;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const container = document.querySelector('.highlight-js');
if (container) {
let text = container.innerHTML;
text = text.replace(/3/, '<span class="highlight-number">3</span>');
container.innerHTML = text;
}
});
</script>
<style> #shopify-section-template--19244336545854__intro_text_section_wDcpHt .intro-text-section {background-color: var(--cv-base); padding-bottom: 0;} #shopify-section-template--19244336545854__intro_text_section_wDcpHt .intro-text-container p {color: var(--cv-contrast);} </style></div><div id="shopify-section-template--19244336545854__3_col_post_section_cFXiwH" class="shopify-section"><!-- sections/3-col-posts-section.liquid -->
<section class="three-col-posts-section">
<div class="posts-container">
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/Clearview_-26_360x360_crop_center.jpg?v=1732818457"
class="post-card-ft-img"
alt="Post Image 1"
>
<div>
<img
src="//clearview-imaging.com/cdn/shop/files/CV_KnowhowLogo_White_58_360x.png?v=1750107243"
alt="Post Card Logo 1"
class="post-card-logo"
>
</div>
<a href="/pages/training" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>Training Courses</h3>
<p>With over 150 years of combined experience in Machine Vision, we have the Know How to guide, train and support you in creating your Machine Vision system.</p>
</div>
</div>
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/Clearview_-08_360x360_crop_center.jpg?v=1732818457"
class="post-card-ft-img"
alt="Post Image 2"
>
<div>
<img
src="//clearview-imaging.com/cdn/shop/files/INSIGHTS_360x.png?v=1764936946"
alt="Post Card Logo 2"
class="post-card-logo"
>
</div>
<a href="/pages/clearview-insights" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>Proof of Concept</h3>
<p>See first hand how machine vision can help solve your needs in our dedicated Insights Test Lab where we create demonstrations, feasibility studies and proof of concepts</p>
</div>
</div>
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/twenty-twenty-hero_360x360_crop_center.jpg?v=1733136216"
class="post-card-ft-img"
alt="Post Image 3"
>
<div>
<img
src="//clearview-imaging.com/cdn/shop/files/CV_KnowhowLogo_White_58_360x.png?v=1750107243"
alt="Post Card Logo 3"
class="post-card-logo"
>
</div>
<a href="/pages/clearview-knowhow" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>Webinars & Seminars</h3>
<p>Each month, our machine vision experts will guide a live audience through electrifying topics around vision, aiming to explore the technologies that guide us every day towards a greater future.</p>
</div>
</div>
</div>
</section>
<style>
#shopify-section-template--15500113477694__3_col_post_section_cFXiwH .posts-section {
margin-top: 60px;
}
.three-col-posts-section {
background-color: var(--cv-base);
max-width: 1300px;
margin: 0 auto;
padding-top: 40px;
margin-top: 100px;
}
.posts-section-title {
color: var(--cv-primary);
position: relative;
margin-bottom: 40px;
font-size: 1.25rem;
line-height: 3.125rem;
font-weight: 400;
text-align: left;
}
.posts-section-title::before {
content: '';
position: absolute;
width: 100px;
height: 4px;
background-color: var(--cv-accent);
top: -10px;
left: 0;
}
.post-img-container {
position: relative;
height: 400px;
}
.posts-header h2 {
font-size: 2.5em;
color: var(--cv-primary);
margin: 0;
}
.posts-header p {
color: var(--cv-primary);
font-size: 1.2em;
margin: 10px 0 0;
}
.posts-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.post-card {
background-color: var(--cv-base);
width: 400px;
margin-bottom: 0px;
overflow: hidden;
}
.post-card-ft-img {
object-fit: cover;
width: 100%;
}
.post-card-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.post-content {
padding-top: 60px;
padding-bottom: 0px;
}
.post-content h3 {
font-size: 1.75rem;
color: var(--cv-primary);
font-weight: 400;
margin: 0 0 15px;
}
.post-title-logo {
margin: 0 0 15px;
}
.post-content p {
font-size: 1em;
color: var(--cv-accent);
margin: 0 0 20px;
font-size: 1rem;
line-height: 1.25rem;
padding-right: 10%;
}
.post-cta {
position: absolute;
bottom: -23px;
right: 0;
display: inline-block;
padding: 17px 57px;
background-color: var(--cv-highlight);
color: var(--cv-base);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1rem;
line-height: 1.1rem;
z-index: 2;
}
.post-cta:hover {
background-color: var(--cv-primary);
color: var(--cv-base);
}
.post-cta::after {
content: '>';
color: var(--cv-base);
margin-left: 8px;
transition: transform 0.3s ease;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.posts-container {
flex-direction: column;
align-items: center;
padding: 20px 20px;
}
.posts-section-title {
padding: 0px 20px;
}
.posts-section-title::before {
top: -20px;
left: 20px;
}
.post-content {
padding-top: 0px;
}
.post-card {
width: 100%;
margin-bottom: 30px;
}
.post-cta {
bottom: 23px;
}
}
</style>
<style> #shopify-section-template--19244336545854__3_col_post_section_cFXiwH .post-img-container div .post-card-logo {height: 50px; width: 90%;} </style></div><div id="shopify-section-template--19244336545854__3_col_post_section_njjMHU" class="shopify-section"><!-- sections/3-col-posts-section.liquid -->
<section class="three-col-posts-section">
<div class="posts-header">
<h4 class="posts-section-title">Find out more about us</h4>
</div>
<div class="posts-container">
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/Clearview_-19_360x360_crop_center.jpg?v=1732818457"
class="post-card-ft-img"
alt="Post Image 1"
>
<a href="/pages/about-us" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>About us</h3>
<p>By combining our expertise, experience and engineering excellence we supply the latest machine vision products, while innovating next generation systems.</p>
</div>
</div>
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/Clearview_-25_360x360_crop_center.jpg?v=1732818457"
class="post-card-ft-img"
alt="Post Image 2"
>
<div>
<img
src="//clearview-imaging.com/cdn/shop/files/youview-updated-white_360x.png?v=1733138252"
alt="Post Card Logo 2"
class="post-card-logo"
>
</div>
<a href="/pages/great-place-to-work" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>Great place to work</h3>
<p>Collaboration leads to innovation, it’s why we’re always searching, not just for new ideas but new people with new ideas.</p>
</div>
</div>
<div class="post-card">
<div class="post-img-container cv--image-overlay"">
<img
src="//clearview-imaging.com/cdn/shop/files/Clearview_-4_360x360_crop_center.jpg?v=1732818457"
class="post-card-ft-img"
alt="Post Image 3"
>
<a href="/pages/great-place-to-work" class="post-cta">Find out more</a>
</div>
<div class="post-content">
<h3>Careers with us</h3>
<p>If you can see yourself working with one of the UK’s most future-focused companies, there’s probably a place for you here. Check out our list of current job opportunities.</p>
</div>
</div>
</div>
</section>
<style>
#shopify-section-template--15500113477694__3_col_post_section_cFXiwH .posts-section {
margin-top: 60px;
}
.three-col-posts-section {
background-color: var(--cv-base);
max-width: 1300px;
margin: 0 auto;
padding-top: 40px;
margin-top: 100px;
}
.posts-section-title {
color: var(--cv-primary);
position: relative;
margin-bottom: 40px;
font-size: 1.25rem;
line-height: 3.125rem;
font-weight: 400;
text-align: left;
}
.posts-section-title::before {
content: '';
position: absolute;
width: 100px;
height: 4px;
background-color: var(--cv-accent);
top: -10px;
left: 0;
}
.post-img-container {
position: relative;
height: 400px;
}
.posts-header h2 {
font-size: 2.5em;
color: var(--cv-primary);
margin: 0;
}
.posts-header p {
color: var(--cv-primary);
font-size: 1.2em;
margin: 10px 0 0;
}
.posts-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.post-card {
background-color: var(--cv-base);
width: 400px;
margin-bottom: 0px;
overflow: hidden;
}
.post-card-ft-img {
object-fit: cover;
width: 100%;
}
.post-card-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.post-content {
padding-top: 60px;
padding-bottom: 0px;
}
.post-content h3 {
font-size: 1.75rem;
color: var(--cv-primary);
font-weight: 400;
margin: 0 0 15px;
}
.post-title-logo {
margin: 0 0 15px;
}
.post-content p {
font-size: 1em;
color: var(--cv-accent);
margin: 0 0 20px;
font-size: 1rem;
line-height: 1.25rem;
padding-right: 10%;
}
.post-cta {
position: absolute;
bottom: -23px;
right: 0;
display: inline-block;
padding: 17px 57px;
background-color: var(--cv-highlight);
color: var(--cv-base);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1rem;
line-height: 1.1rem;
z-index: 2;
}
.post-cta:hover {
background-color: var(--cv-primary);
color: var(--cv-base);
}
.post-cta::after {
content: '>';
color: var(--cv-base);
margin-left: 8px;
transition: transform 0.3s ease;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.posts-container {
flex-direction: column;
align-items: center;
padding: 20px 20px;
}
.posts-section-title {
padding: 0px 20px;
}
.posts-section-title::before {
top: -20px;
left: 20px;
}
.post-content {
padding-top: 0px;
}
.post-card {
width: 100%;
margin-bottom: 30px;
}
.post-cta {
bottom: 23px;
}
}
</style>
<style> #shopify-section-template--19244336545854__3_col_post_section_njjMHU .three-col-posts-section {padding-bottom: 125px; margin-top: 50px;} @media screen and (max-width: 750px) {#shopify-section-template--19244336545854__3_col_post_section_njjMHU .three-col-posts-section {padding-bottom: 50px; }} </style></div><section id="shopify-section-template--19244336545854__newsletter_UdV3pH" class="shopify-section section"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-newsletter.css?v=55272417996332363651787573035" rel="stylesheet" type="text/css" media="all" />
<link href="//clearview-imaging.com/cdn/shop/t/15/assets/newsletter-section.css?v=58952301981311587371787573035" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>.section-template--19244336545854__newsletter_UdV3pH-padding {
padding-top: 75px;
padding-bottom: 75px;
}
.newsletter-form-container {
max-width: 1023px;
margin: 0 auto;
}
.posts-section-title-inverse {
color: var(--cv-primary);
position: relative;
padding-top: 5px;
margin-bottom: 40px;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 500;
text-align: left;
width: 55%;
}
.posts-section-title-inverse::before {
content: '';
position: absolute;
width: 100px;
height: 4px;
background-color: var(--cv-base);
top: -10px;
left: 0;
}
.newsletter-cta {
position: relative;
padding: 10px 50px;
width: 40%;
background-color: var(--cv-primary);
color: var(--cv-base);
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1rem;
letter-spacing: 0.06rem;
font-family: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
border: none;
font-weight: normal;
}
.newsletter-cta:hover {
background-color: var(--cv-highlight);
color: var(--cv-base);
}
.newsletter-cta::after {
content: '>';
color: var(--cv-base);
margin-left: 8px;
transition: transform 0.3s ease;
}
@media screen and (min-width: 750px) {
.section-template--19244336545854__newsletter_UdV3pH-padding {
padding-top: 80px;
padding-bottom: 127px;
}
}
@media screen and (max-width: 749px) {
.newsletter-form-container {
padding: 0 20px;
}
.newsletter-form__field-wrapper {
row-gap: 20px;
}
.posts-section-title-inverse {
width: 100%;
}
.newsletter-cta {
width: 100%;
}
}</style><div class="newsletter center ">
<div class="newsletter__wrapper color-scheme-2 gradient content-container isolate content-container--full-width section-template--19244336545854__newsletter_UdV3pH-padding">
<div class="newsletter-form-container"><h2
class="posts-section-title-inverse inline-richtext h2 scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 1;"
>
Keep up to date with the latest technology and get access to email only content and events
</h2><div >
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<div
class="newsletter-form__field-wrapper scroll-trigger animate--slide-in"
data-cascade
style="--animation-order: 2;"
>
<div class="field">
<input
id="NewsletterForm--template--19244336545854__newsletter_UdV3pH"
type="text"
name="contact[first_name]"
class="field__input"
value=""
autocorrect="off"
autocapitalize="off"
placeholder="Your name"
>
<label class="field__label" for="NewsletterForm--template--19244336545854__newsletter_UdV3pH">Your Name</label>
<style>
#contact_form,
#ContactFooter,
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper {
width: 100%;
display: flex;
column-gap: 16px;
}
@media (max-width: 749px) {
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper {
flex-direction: column;
}
}
</style>
</div>
<div class="field">
<input
id="NewsletterForm--template--19244336545854__newsletter_UdV3pH"
type="email"
name="contact[email]"
class="field__input"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Email"
required
>
<label class="field__label" for="NewsletterForm--template--19244336545854__newsletter_UdV3pH">
Email
</label>
</div>
<button
type="submit"
class="newsletter-cta"
name="commit"
id="Subscribe"
aria-label="Subscribe"
>
Subscribe
</button></div></form>
</div></div>
</div>
</div>
</section><div id="shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx" class="shopify-section"><!-- sections/featured-blog.liquid -->
<section class="ft-blog--section">
<div class="blog-posts-header">
<h4 class="posts-section-title">Keep up to date</h4>
</div>
<div class="ft-blog--container">
<div class="ft-blog--item">
<div class="ft-blog--media cv--image-overlay">
<img src="//clearview-imaging.com/cdn/shop/articles/AF007ECD-2C80-42ED-A7F9-0FA348BCE84D_400x400.png?v=1791911578" alt="What Changed in Machine Vision and What to Ask Your Supplier Now">
</div>
<div class="ft-blog--content">
<h3 class="ft-blog--title"><a href="/blogs/news/what-changed-in-machine-vision-and-what-to-ask-your-supplier-now">What Changed in Machine Vision and What to Ask Your Supplier Now</a></h3>
<a href="/blogs/news/what-changed-in-machine-vision-and-what-to-ask-your-supplier-now" class="ft-blog--link">Read post</a>
</div>
</div>
<div class="ft-blog--item">
<div class="ft-blog--media cv--image-overlay">
<img src="//clearview-imaging.com/cdn/shop/articles/155690CC-E412-46AA-A837-2072DD32F123_1_201_a_400x400.jpg?v=1791806138" alt="Exaktera Lighting, A Comprehensive Review">
</div>
<div class="ft-blog--content">
<h3 class="ft-blog--title"><a href="/blogs/news/exaktera-lighting-a-comprehensive-review">Exaktera Lighting, A Comprehensive Review</a></h3>
<a href="/blogs/news/exaktera-lighting-a-comprehensive-review" class="ft-blog--link">Read post</a>
</div>
</div>
<div class="ft-blog--item">
<div class="ft-blog--media cv--image-overlay">
<img src="//clearview-imaging.com/cdn/shop/articles/Vision_Show_2026_Review_400x400.png?v=1791531310" alt="What Vision 2026 Told Us About Where Machine Vision Is Heading">
</div>
<div class="ft-blog--content">
<h3 class="ft-blog--title"><a href="/blogs/news/what-vision-2026-told-us-about-where-machine-vision-is-heading">What Vision 2026 Told Us About Where Machine Vision Is Heading</a></h3>
<a href="/blogs/news/what-vision-2026-told-us-about-where-machine-vision-is-heading" class="ft-blog--link">Read post</a>
</div>
</div>
</div>
</section>
<style>
.ft-blog--section {
background-color: var(--cv-base);
color: var(--cv-primary);
padding: 100px 20px;
}
.blog-posts-header {
max-width: 1300px;
margin: 0 auto;
}
.ft-blog--container {
max-width: 1300px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ft-blog--item {
background-color: var(--cv-base);
width: 30%;
margin-bottom: 20px;
}
.ft-blog--media {
position: relative;
}
.ft-blog--media img {
width: 100%;
height: 400px;
object-fit: cover;
}
.ft-blog--title {
font-size: 1.375rem;
line-height: 1.625rem;
margin: 20px 0 10px;
font-weight: normal;
}
.ft-blog--link {
text-decoration: none;
color: var(--cv-highlight);
text-decoration: underline;
display: inline-block;
margin-top: 10px;
font-size: 1rem;
transition: color 0.3s ease;
}
.ft-blog--link::after {
content: '\00a0>'; /* \00a0 is the Unicode for a non-breaking space */
}
.ft-blog--link:hover {
color: var(--cv-primary);
}
/* Media Queries for Responsiveness */
@media (max-width: 768px) {
.ft-blog--container {
flex-direction: column;
align-items: center;
padding: 0 20px; /* Add 20px padding to the left and right */
}
.ft-blog--item {
width: 100%;
margin-bottom: 40px;
}
.ft-blog--media img {
width: 100%;
height: auto;
}
.ft-blog--content {
padding: 0; /* Remove extra padding for mobile view */
}
}
</style>
<style> #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx *:has(img) {aspect-ratio: auto !important; padding-bottom: 0 !important; height: auto !important; min-height: 0 !important;} #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx /* Let the image sit at its natural size */img {position: static !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important;} #shopify-section-template--19244336545854__custom_ft_blog_section_7eH4fx .ft-blog--title a {color: inherit; /* matches the heading colour, kills the purple */ text-decoration: none; /* removes the underline */} </style></div>
</main>
<!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--19244329533502__17575871795545d37b" class="shopify-section shopify-section-group-footer-group section"><div class="page-width scroll-trigger animate--slide-in"></div>
</section><div id="shopify-section-sections--19244329533502__footer_new_section_JyLQyc" class="shopify-section shopify-section-group-footer-group"><link href="//clearview-imaging.com/cdn/shop/t/15/assets/component-list-social.css?v=145009791227830245301787573035" rel="stylesheet" type="text/css" media="all" />
<!-- sections/footer-new-section.liquid -->
<footer class="footer-new"><div class="footer-top">
<div class="footer-logo">
<img src="//clearview-imaging.com/cdn/shop/files/clearview_white_logo_400x.png?v=1718295618" alt="Logo">
</div>
<div class="footer-social-icons">
<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
<a href="https://uk.linkedin.com/company/clearview-machine-vision" class="link list-social__link"> <svg aria-hidden="true" focusable="false" class="icon icon-linkedin" viewBox="0 0 105 105" fill="currentColor" stroke="currentColor">
<g>
<path d="M11.185,0.08C5.004,0.08,0.001,5.092,0,11.259c0,6.173,5.003,11.184,11.186,11.184c6.166,0,11.176-5.011,11.176-11.184 C22.362,5.091,17.351,0.08,11.185,0.08z"></path>
<rect x="1.538" y="30.926" width="19.287" height="62.054"></rect>
<path d="M69.925,29.383c-9.382,0-15.673,5.144-18.248,10.022h-0.258v-8.479H32.921v62.053h19.27V62.281 c0-8.093,1.541-15.932,11.575-15.932c9.89,0,10.022,9.256,10.022,16.451v30.178H93.06V58.942 C93.06,42.235,89.455,29.383,69.925,29.383z"></path>
</g>
</svg><span class="visually-hidden">Translation missing: en.general.social.links.linkedin</span>
</a>
</li><li class="list-social__item">
<a href="https://www.facebook.com/ClearViewImagingLtd" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
<path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://www.youtube.com/@clearview782" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20">
<path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/>
</svg>
<span class="visually-hidden">YouTube</span>
</a>
</li></ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-contact-details">
<p>
UK
</p>
<p>+44 (0) 1844 217270</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<div class="footer-contact-address"><p>Clear View Imaging Limited<br/>Unit 11, Christmas Hill Business Park,</p><p>Rycote Lane, Thame OX9 2FZ, </p><p>United Kingdom</p><p>Company Registration No: 06536557 <br/>VAT No: GB930104574 <br/></p></div>
<p>
<a class="footer-map" href="https://www.google.com/maps/place/Clearview+Imaging/@51.739541,-0.9704529,17z/data=!3m1!4b1!4m6!3m5!1s0x4876f4893f46b4fb:0xd0830cb1924836d5!8m2!3d51.739541!4d-0.967878!16s%2Fg%2F1yh9ncmf9?entry=ttu">
Find us on Google Maps
</a>
</p>
</div>
<div class="footer-menus">
<div class="footer-menu">
<ul>
<li>
<a href="/pages/engineering-happiness">Engineering Happiness</a>
</li>
<li>
<a href="/pages/solutions-services">Solutions & Services</a>
</li>
<li>
<a href="/pages/clearview-knowhow">Knowhow Webinars & Seminars</a>
</li>
<li>
<a href="/pages/training">KnowHow Training Courses</a>
</li>
<li>
<a href="/pages/clearview-insights">Insights Test Lab</a>
</li>
<li>
<a href="/pages/about-us">About Us</a>
</li>
<li>
<a href="/pages/great-place-to-work">Great Place to Work</a>
</li>
<li>
<a href="/pages/careers">Careers</a>
</li>
<li>
<a href="/blogs/news">Inview blog & newsletters</a>
</li>
<li>
<a href="/pages/sitemap">Sitemap</a>
</li>
<li>
<a href="/pages/contact">Contact</a>
</li>
</ul>
</div>
<div class="footer-menu">
<h4>Components</h4>
<ul>
<li>
<a href="/collections/cameras">Cameras</a>
</li>
<li>
<a href="/collections/3d-cameras">3D Cameras</a>
</li>
<li>
<a href="/collections/line-scan-cameras">Linescan Cameras</a>
</li>
<li>
<a href="/collections/thermal-cameras">Thermal Cameras</a>
</li>
<li>
<a href="/collections/machine-vision-software">Software</a>
</li>
<li>
<a href="/collections/smart-vision-cameras">Smart Cameras</a>
</li>
<li>
<a href="/collections/vision-sensors">Vision Sensors</a>
</li>
<li>
<a href="/collections/embedded-vision-systems">Embedded Systems</a>
</li>
<li>
<a href="/collections/frame-grabbers">Frame Grabbers</a>
</li>
<li>
<a href="/collections/machine-vision-lenses">Lenses</a>
</li>
<li>
<a href="/collections/optical-filters">Optical Filters</a>
</li>
<li>
<a href="/collections/machine-vision-illumination">Illumination</a>
</li>
<li>
<a href="/collections/machine-vision-cables">Cabling</a>
</li>
<li>
<a href="/collections/hyperspectral-cameras">Hyperspectral Cameras</a>
</li>
<li>
<a href="/collections/machine-vision-software">Machine Vision Software</a>
</li>
<li>
<a href="https://clearview-clearview.myshopify.com/pages/components#shopify-section-template--17712163651646__company_logos_Xm3RhH">Partners</a>
</li>
<li>
<a href="/collections/laser-modules">Laser Modules</a>
</li>
</ul>
</div>
<div class="footer-menu">
<h4>Systems</h4>
<ul>
<li>
<a href="/pages/labelverification-solutions">Label Solutions</a>
</li>
<li>
<a href="/pages/barcode-validation">Barcode Validation</a>
</li>
<li>
<a href="/pages/custom-vision-solutions">Custom Vision Solutions</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© 2026 Clearview - All rights reserved</p><p><a href="/policies/refund-policy">Refund policy</a></p><p><a href="/policies/privacy-policy">Privacy policy</a></p><p><a href="/policies/shipping-policy">Shipping policy</a></p><p><a href="/policies/contact-information">Contact information</a></p><p><a href="/policies/legal-notice">Legal notice</a></p><p><a href="https://cdn.shopify.com/s/files/1/0556/9268/9470/files/Clearview_Terms_Conditions_2024_v1.pdf?v=1781537846" download>Download T&Cs</a></p><p><a href="mailto:[email protected]?subject=Security%20report">Report a security issue</a></p>
</div>
</footer>
<style>
.footer-new {
background-color: var(--cv-primary);
padding: 40px 20px;
color: var(--cv-base);
display: flex;
flex-direction: column;
align-items: center;
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1300px;
margin-bottom: 80px;
}
.footer-bottom {
display: flex;
width: 100%;
justify-content: space-between;
max-width: 1300px;
margin-bottom: 80px;
}
.footer-contact-details {
display: flex;
flex-direction: column;
}
.footer-contact-details p {
margin: 0;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer-contact-details a {
text-decoration: none;
color: var(--cv-base);
}
.footer-contact-address {
padding-top: 30px;
padding-bottom: 30px;
}
a.footer-map {
color: var(--cv-accent);
text-decoration: underline;
}
.footer-map:hover {
color: var(--cv-highlight);
}
.footer-menus {
display: flex;
justify-content: space-between;
margin-left: auto;
column-gap: 35px;
}
.footer-menu {
}
.footer-menu h4 {
color: var(--cv-accent);
margin: 0;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu li {
margin: 0;
font-size: 0.875rem;
line-height: 1.25rem;
}
.footer-menu a {
color: var(--cv-base);
text-decoration: none;
line-height: 1.25rem;
}
.footer-menu a:hover {
text-decoration: none;
}
.footer-copyright {
width: 100%;
max-width: 1200px;
display: flex;
align-items: center;
font-size: 0.75rem;
color: var(--cv-accent);
}
.footer-copyright a {
color: var(--cv-accent);
}
.footer-copyright a:hover {
color: var(--cv-highlight);
}
.footer-copyright p {
margin: 5px 0;
padding-right: 40px;
}
.footer-copyright a:hover {
text-decoration: underline;
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
.footer-top,
.footer-bottom,
.footer-contact-details,
.footer-menus {
flex-direction: column;
align-items: center;
}
.footer-menus {
padding-top: 30px;
}
.footer-menus .footer-menu:nth-child(2),
.footer-menus .footer-menu:nth-child(3) {
display: none;
}
.footer-copyright {
flex-direction: column;
}
.footer-contact-details p {
text-align: center !important;
}
.footer-copyright p {
padding-right: 0px;
text-align: center;
}
.footer-contact-details,
.footer-menus, .footer-menu {
width: 100%;
text-align: center;
}
.footer-social-icons {
margin-top: 20px;
}
}
</style>
</div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
<li id="a11y-new-window-message">Opens in a new window.</li>
</ul>
<script>
window.shopUrl = 'https://clearview-imaging.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`,
};
window.variantStrings = {
addToCart: `Add To Cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
unavailable_with_option: `[value] - Unavailable`,
};
window.quickOrderListStrings = {
itemsAdded: `[quantity] items added`,
itemAdded: `[quantity] item added`,
itemsRemoved: `[quantity] items removed`,
itemRemoved: `[quantity] item removed`,
viewCart: `View cart`,
each: `[money]/ea`,
min_error: `This item has a minimum of [min]`,
max_error: `This item has a maximum of [max]`,
step_error: `You can only add this item in increments of [step]`,
};
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
recipientFormExpanded: `Gift card recipient form expanded`,
recipientFormCollapsed: `Gift card recipient form collapsed`,
countrySelectorSearchCount: `[count] countries/regions found`,
};
</script><script src="//clearview-imaging.com/cdn/shop/t/15/assets/predictive-search.js?v=162273246065392412141787573035" defer="defer"></script>
<!-- GEO REDIRECT -->
<script>
(function() {
const LOCALE_COOKIE_NAME = "_locale_selected";
const LOCALE_COOKIE_VALUE = "1";
/* ============================
Helpers for locale cookie
============================ */
function hasLocaleCookie() {
return document.cookie.includes(LOCALE_COOKIE_NAME + "=" + LOCALE_COOKIE_VALUE);
}
function setLocaleCookie() {
document.cookie = LOCALE_COOKIE_NAME + "=" + LOCALE_COOKIE_VALUE + "; path=/; max-age=31536000";
console.log("[GEO] _locale_selected cookie set");
}
/* ======================================
Detect manual language switch (hooks)
====================================== */
function hookLanguageSwitcher() {
// 1) Forms Shopify localization (/localization)
const forms = document.querySelectorAll('form[action*="/localization"]');
forms.forEach(function(form) {
form.addEventListener("submit", function() {
console.log("[GEO] Localization form submit → manual language change");
setLocaleCookie();
});
});
// 2) Language links
// /es/, /de/, /fr/ –
document.addEventListener("click", function(e) {
const link = e.target.closest('a');
if (!link || !link.href) return;
try {
const url = new URL(link.href);
if (url.hostname !== window.location.hostname) return;
if (url.pathname.match(/^\/(es|de|fr)(\/|$)/) || url.search.includes("_locale=")) {
console.log("[GEO] Click on language link → manual language change");
setLocaleCookie();
}
} catch (err) {
// ignore bad URLs
}
});
}
/* ============================
GEO API (stable)
============================ */
function getCountry() {
return fetch("https://api.db-ip.com/v2/free/self")
.then(function(res) { return res.json(); })
.then(function(data) {
console.log("[GEO] GEO API countryCode:", data && data.countryCode);
return data.countryCode;
})
.catch(function(err) {
console.log("[GEO] GEO API error:", err);
return null;
});
}
/* ============================
Detect current locale by URL
============================ */
function detectLocaleFromUrl() {
const path = window.location.pathname;
const match = path.match(/^\/(es|de|fr)(\/|$)/);
const locale = match ? match[1] : "en";
console.log("[GEO] Current locale from URL:", locale, "| path:", path);
return locale;
}
/* ============================
Country → locale map
============================ */
const localeMap = {
"UK": "en",
"GB": "en",
"US": "en",
"UA": "en",
"ES": "es",
"DE": "de",
"FR": "fr",
"PT": "es",
"DEFAULT": "en"
};
/* ============================
Build redirect URL
============================ */
function buildLocaleUrl(locale) {
let cleanPath = window.location.pathname.replace(/^\/(es|de|fr)(\/|$)/, "");
if (locale === "en") {
const urlEn = "/" + cleanPath + window.location.search + window.location.hash;
console.log("[GEO] Redirect URL (EN):", urlEn);
return urlEn;
}
const urlLoc = "/" + locale + "/" + cleanPath + window.location.search + window.location.hash;
console.log("[GEO] Redirect URL (" + locale + "):", urlLoc);
return urlLoc;
}
/* ============================
MAIN auto-redirect logic
============================ */
function autoRedirect() {
console.log("[GEO] ----- autoRedirect START -----");
if (hasLocaleCookie()) {
console.log("[GEO] _locale_selected cookie exists → auto redirect DISABLED");
return;
}
const currentLocale = detectLocaleFromUrl();
getCountry().then(function(country) {
if (!country) {
console.log("[GEO] No country from API → stop");
return;
}
const targetLocale = localeMap[country] || localeMap["DEFAULT"];
console.log("[GEO] Visitor country:", country, "→ target locale:", targetLocale);
if (targetLocale === currentLocale) {
console.log("[GEO] Target locale equals current → no redirect");
return;
}
// Set cookie so
setLocaleCookie();
const finalUrl = buildLocaleUrl(targetLocale);
console.log("[GEO] Redirecting to:", finalUrl);
window.location.href = finalUrl;
});
}
/* ============================
Init on DOM ready
============================ */
document.addEventListener("DOMContentLoaded", function() {
console.log("[GEO] DOMContentLoaded");
hookLanguageSwitcher();
autoRedirect();
});
})();
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const inlineMenu = document.querySelector(".header__inline-menu");
const detailsItems = inlineMenu.querySelectorAll("details");
detailsItems.forEach(item => {
const ulElement = item.querySelector("ul");
item.addEventListener("mouseover", () => {
item.setAttribute("open", true);
ulElement.addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
item.addEventListener("mouseleave", () => {
item.removeAttribute("open");
});
});
});
});
</script>
<script src="//clearview-imaging.com/cdn/shop/t/15/assets/cv-tool-analytics.js?v=29514249740366191421789395832" defer></script>
<style> .top-bar__localization * {/* color: #ffffff !important; */} #product-grid .card .card__media:has(img[src*="/articles/"]) {display: none;} </style>
<div id="shopify-block-AdDRwVHp0N1J4OFFja__13070091535480640111" class="shopify-block shopify-app-block"><input type="hidden" class="aph_bars_app_embed" value="[]" />
<input type="hidden" class="aph_shop_plan" value="1740" />
<input type="hidden" class="aph_product_collection" value="" />
</div><!-- Failed to render app block "5674012996228588682": app block path "shopify://apps/cartbot/blocks/cartbot-script-append/f7a44e3b-3901-4412-9d5a-3db0980a9db0" does not exist --><div id="shopify-block-Ad1ZsWnRxR3lRWEZuR__7974659707553285070" class="shopify-block shopify-app-block"><script>
window.Quotify = Object.assign(window.Quotify || {}, {
shopId: "021f10f6-f70d-4281-9abc-123581721d18",
market: "united-kingdom",
customerId: "",
customerIdChecksum: "012cc8e841de3b9bad11873b7ee8b8fca4f114e57704e200c5ffdf36ebb34911",
storeFrontAccessToken: "fb134d869b68f4287b8d86d43f6d1f72"
});
</script>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://clearview-imaging.com/ |
|
2026-10-17 01:07:26 |
| 2 |
https://jp-max.com/ |
|
2026-10-17 01:07:26 |
| 3 |
https://www.u888.video/ |
|
2026-10-17 01:07:26 |
| 4 |
https://frankv875zoz8.blogs100.com/ |
|
2026-10-17 01:07:25 |
| 5 |
https://www.construtorab4.com.br/ |
|
2026-10-17 01:07:25 |
| 6 |
https://888starz-promo-code.co.ke/… |
|
2026-10-17 01:07:24 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 01:07:24 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 01:07:23 |
| 9 |
https://resi-dr.com/ |
|
2026-10-17 01:07:23 |
| 10 |
https://digi2.b-cdn.net/research/d… |
|
2026-10-17 01:07:23 |
| 11 |
https://barrettm913kmo8.wikibriefi… |
|
2026-10-17 01:07:23 |
| 12 |
https://gogogadgets.io/ |
|
2026-10-17 01:07:22 |
| 13 |
https://kotonoha32.com/ |
|
2026-10-17 01:07:22 |
| 14 |
https://www.fufucard.com/ |
|
2026-10-17 01:07:22 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 01:07:22 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 01:07:21 |
| 17 |
https://finnwpver.ampblogs.com/ |
|
2026-10-17 01:07:21 |
| 18 |
https://atlantahighwayseafood.com/… |
|
2026-10-17 01:07:21 |
| 19 |
https://bookmarkfame.com/ |
|
2026-10-17 01:07:20 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 01:07:20 |