PageSourceSearch

https://www.dulux.co.za/en/products

html dulux.co.za collected 2026-09-24 12:41:27 UTC 277,371 bytes, 8,915 lines download raw bytes

1
2<!DOCTYPE HTML>
3
4<html data-country="za" data-locale="en-ZA" dir="ltr" lang="en-ZA">
5
6
7  <head>
8    <meta charset="UTF-8"/>
9    <title>Products | Dulux</title>
10    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/>
11    
12    <meta name="description" content="Products | Dulux"/>
13    <meta name="template" content="t100-editable"/>
14    
15    
16    <meta name="robots" content="index,follow"/>
17    
18    <meta name="baidu-site-verification" content=""/>
19    
20
21    
22    
23    
24    <link rel="canonical" href="https://www.dulux.co.za/en/products"/>
25    
26      
27      <link rel="alternate" href="https://www.dulux.co.za/en/products"/>
28    
29    
30    
31    
32    
32<script>
33      if (window.rawData == undefined) {
34        window.rawData = [];
35      }
36    </script>
36
37    
38    
39      
40      
41      
42     
43     
44     
45     
46          <!-- OneTrust Cookies Consent Notice start for dulux.co.za -->
47<script type="text/javascript" src="https://cdn.cookielaw.org/consent/a385e6b8-8669-41c2-9799-79a35363a4b0/OtAutoBlock.js"></script>
47
48<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="a385e6b8-8669-41c2-9799-79a35363a4b0"></script>
48
49<script type="text/javascript">
50function OptanonWrapper() { }
51</script>
51<!-- OneTrust Cookies Consent Notice end for dulux.co.za -->
52
53   
53<script>
54  function isConsentGiven() {
55        var activeGroups = window.OptanonActiveGroups;
56    
57        // Check for the 'OptanonAlertBoxClosed' cookie
58        var optanonClosed = document.cookie.split('; ').find(row => row.startsWith('OptanonAlertBoxClosed'));
59    
60        if (!optanonClosed) {
61            return 3;
62        } else {
63            return activeGroups && activeGroups.split(',').indexOf('C0002') > -1 ? 1 : 2;
64        }}    
65window.VWO = window.VWO || [];
66window.VWO.init = window.VWO.init || function(state) { window.VWO.consentState = state; }
67window.VWO.init(isConsentGiven());
68</script>
68
69
70<!-- Start VWO Async SmartCode -->
71<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com"/>
72<script type='text/javascript' id='vwoCode'>
73window._vwo_code=window._vwo_code || (function() {
74var account_id=393216,
75version = 1.5,
76settings_tolerance=2000,
77library_tolerance=2500,
78use_existing_jquery=false,
79is_spa=1,
80hide_element='body',
81hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
82/* DO NOT EDIT BELOW THIS LINE */
83f=false,w=window,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;w.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.currentScript,t=d.createElement('style'),i=e&&!e.async?hide_element?hide_element+'{'+hide_element_style+'}':'':code.lA=1,n=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&t.setAttribute('nonce',vwoCodeEl.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));n.appendChild(t);var o=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(o?'&c='+o:''));return settings_timer}};w._vwo_settings_timer = code.init();return code;}());
84</script>
84
85<!-- End VWO Async SmartCode -->
86     
87          
88     
89
90    
91
92
93
94    
95
96    
97    
98
99
100
101
102<script data-ot-ignore src="//assets.adobedtm.com/feb986e74bf7/f95cb7da5d29/launch-532cb729038f.min.js" async></script>
102
103
104
105
106
107
108
109
110
111    
112
113    
114  
115    
116<link rel="stylesheet" href="/etc.clientlibs/akzonobel-common/clientlibs/clientlib-base.min.d90632675378cdea92e8d65dda23518a.css" type="text/css">
117
118
119
120  
121  
122  
123  
124  
125  
126  
127  
128  
129  
130  
131  
132  
133  
134  
135  
136  
137  
138  
139  
140  
141  
142  
143  
144
145
146
147    
148  
149  
150    
151<link rel="stylesheet" href="/etc.clientlibs/akzonobel-common/clientlibs/clientlib-site-flourish.min.50c5a35242a9619dea7c3d7430abb354.css" type="text/css">
152
153
154
155
156
157    
158    
159    
160
161    
162
163    
164    
165    
166
167    
168  
169  <link rel="apple-touch-icon" sizes="180x180" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/apple-touch-icon-180x180.png"/>
170  <link rel="icon" type="image/png" sizes="192x192" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/icon-192x192.png"/>
171  <link rel="icon" type="image/png" sizes="512x512" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/icon-512x512.png"/>
172  <link rel="icon" type="image/png" sizes="32x32" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/icon-32x32.png"/>
173  <link rel="icon" type="image/png" sizes="16x16" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/icon-16x16.png"/>
174  <link rel="shortcut icon" type="image/x-icon" href="/content/dam/akzonobel-flourish/dulux/uk/favicons/favicon.ico"/>
175
176
177    
178    
179    
180    
181    
182    
183    
184
185    
186    
187    
188    
189    
190    
191    
192    
193    
194    
195    
196    
197    
198
199    
200    
201    
202    
203
204    
205    
206
207    
208    
209
210   
211    
212    
213    
214    
215
216    
217    
218
219    
220    
221
222    
222<script>
223      var woodStainBaseUrl = 'https://codtranslucent-tst.azureedge.net/api/colors/';
224      window.pageInfo = {
225        generic: {
226          environment: 'prod',
227          dataLayerVersion: '2020may',
228          siteCode: 'ezadlx',
229          colorPopupFlag: 'true',
230          displayShippingInformation: 'false'
231        },
232        user: {
233          userID: undefined
234        },
235        page: {
236          info: {
237            ID: '1eb137a9-5bd9-393c-bf24-8b9be01f888a',
238            name: 'Products',
239            version: '202402161437',
240            language: 'en-ZA',
241            geoRegion: 'ZA',
242            brand: 'Dulux'
243          },
244          visualizationInfo: {
245            environment: 'prod',
246            siteCode: 'ezadlx',
247            language: 'en-ZA',
248            brand: 'Dulux',
249            name: 'Products'
250          },
251          category: {
252            pageType: 'Decision',
253            primaryCategory: 'Product',
254            subCategory1: undefined,
255            subCategory2: undefined,
256            subCategory3: undefined,
257            subCategory4: undefined,
258            subCategory5: undefined,
259            templateName: 't100-editable'
260          },
261          attributes: {
262            functionalityVersion: '0'
263          }
264        },
265        products: {
266          info: {
267            ID: undefined,
268            name: undefined,
269            brand: undefined,
270            colourID: undefined,
271            colourName: undefined,
272            colourCollectionID: undefined,
273            colourCollectionName: undefined,
274            glossGroup: undefined,
275            finishEffect: undefined,
276            texture: undefined,
277          },
278          category: {
279            subCategory1: undefined,
280            subCategory2: undefined,
281            subCategory3: undefined,
282            productType: undefined,
283            primaryCategory: undefined,
284          }
285        }
286      };
287
288      window.globalData = {
289        errorMessages: {
290          presence: 'This value is required.',
291          email: 'The provided email is invalid.',
292          includesCapital: 'The value must contain at least one capital.',
293          includesSpecialCharactersOrNumber: 'The value must contain one number or special character.',
294          tooShort: 'This value must be at least %{count} characters.',
295          phoneNumber: 'The provided phone number is invalid',
296          telephoneNumber:'The provided telephone number is invalid',
297          checkbox: 'This checkbox is required.',
298          numericality: 'This value can only contain numbers.',
299          equality: 'This value must be equal to %{attribute}',
300          inequality: 'This value should not be equal to current password.',
301          recaptcha: 'The captcha is required.',
302          atLeast: 'Select at least one value',
303          blockedEmailMessage: 'Emails from this domain are not allowed.'
304        },
305        api: {
306          scrapbook: '/bin/api/scrapbook?domainCode=ezadlx',
307          shoppingList: '/bin/api/shoppingListSave?page=/content/akzonobel-flourish/dulux/za/en/products',
308          cartGet: '/api/order/cart_details',
309          cartAdd: '/api/v2/cart',
310          cartStock: '/api/stock/sku',
311          orderHistory: '/api/order/history',
312          stock: '/api/stock',
313          userLogin: '/bin/api/login?page=/content/akzonobel-flourish/dulux/za/en/products',
314          colorPopUp: '/bin/api/colorPopUp?page=/content/akzonobel-flourish/dulux/za/en/products',
315          userLogout: '/bin/api/logout',
316          userStatus: '/bin/api/status?domainCode=ezadlx',
317          b2cUserStatus: '/bin/api/b2c-sso?path=/content/akzonobel-flourish/dulux/za/en/products&domainCode=ezadlx',
318          userRecovery: '/bin/api/password?page=/content/akzonobel-flourish/dulux/za/en/products&domainCode=ezadlx',
319          userForgot: '/bin/api/forgot-password?domainCode=ezadlx&page=/content/akzonobel-flourish/dulux/za/en/products',
320          order: '/api/order',
321          documents: '/bin/api/documents?domainCode=ezadlx&language=en',
322          storeLocationsOffices: '/bin/api/v2/store-locations-list',
323          storeLocations: '/bin/api/v2/store-locations-countries',
324          salesLocationsOffices: '/bin/api/v2/sales-representatives',
325          salesLocations: '/bin/api/v2/sales-representatives',
326          vocProducts: '/bin/api/v1/calculator/build?page=/content/akzonobel-flourish/
326dulux/za/en/products',
327          woodStainBaseUrl: woodStainBaseUrl
328        },
329        translations: {
330          genericRequestError: "Something has gone wrong, please try again.",
331          accountSuccessMessage: "Details updated Successfully",
332          colorScrapbookSuccessMessage: "Color added to <a href=\"/en/workspace\">My Favourites</a>.",
333          articleScrapbookSuccessMessage: "Article added to <a href=\"/en/workspace\">My Favourites</a>.",
334          productScrapbookSuccessMessage:"Product added to <a href=\"/en/workspace\">My Favourites</a>.",
335          loginScrapbookMessage:  "You are not logged in! To view or save your project make sure you <button type='button' class='js-login-button'>Login</button> or <button type ='button' class='js-register-button'> Sign up</button>",
336          addToCartSuccessMessage: "Product was successfully added to your cart",
337          addToCartOutOfStockMessage: "The product is out of stock",
338          kilometers: "km",
339          miles: "miles",
340          squareMeters: "m²",
341          compare: "Compare",
342          seeCompared:"See compared",
343          contactFormSentButton:"Sent",
344          contactFormSendButton:"Send",
345          productWorkspaceSuccessMessage: "We’ve added your product to <a href=\"/en/workspace/detail?spaceId={spaceId}\">Your {spaceName} space</a>.",
346          colorWorkspaceSuccessMessage: "We’ve added your color to  <a href=\"/en/workspace/detail?spaceId={spaceId}\">Your {spaceName} space</a>.",
347          removeProductFromWorkspace: "We’ve deleted the product. <button type='button' data-item-id='{itemId}' data-item-type='{type}'class='js-undo-button'>Undo</button>",
348          removeColorFromWorkspace: "We’ve deleted the color. <button type='button' data-item-id='{itemId}' data-item-type='{type}'class='js-undo-button'>Undo</button>",
349          addToShoppingList: "We’ve added {product} to your <a href=\"/en/shoppinglist\">shopping list</a>.",
350          removeFromShoppingList: "We’ve removed {product} from your <a href=\"/en/shoppinglist\">shopping list</a>.",
351          removeTesterShoppingList: "We’ve removed drytester from your <a href=\"/en/shoppinglist\">shopping list</a>.",
352          buyNow:"Buy from retailer",
353          acceptCookies:"Please accept all cookies if you want to view the videos"
354        },
355        url: {
356          comparePagePath: ''
357        },
358        config: {
359          enableScrapbook:false,
360          enableSurvey:true
361        },
362        bazaarVoice: {
363          enabled: false,
364          environment: 'production',
365          brand: '',
366          country: 'ZA',
367          locale: 'en'
368        }
369      };
370      try {
371        window.userObj = JSON.parse(window.localStorage.getItem("loginSession"));
372        <!--/* Some of the clientlibs rewrites userID and set it to empty value. This code invokes after libs are loaded. */-->
373        window.addEventListener("load", function(){
374          window.pageInfo.user.userID = window.userObj?.uuid;
375        });
376      } catch (e) {
377        window.userObj = null;
378      }
379
380    </script>
380
381
382    
383
384    
385    
386<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"errorBeacon":"bam.nr-data.net","licenseKey":"0c1c321f89","agent":"","beacon":"bam.nr-data.net","applicationTime":30,"applicationID":"771427490","transactionName":"MwMGMRRVX0VXUxULWgpJNwkPWlYZVV8PFlAKEksEDU5eWFlSBA4YAgoLEBRdQl4ZHk9MGk5IDBELWA==","queueTime":0};
387(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"0c1c321f89",applicationID:"771427490",browserID:"1589178062"};;/*! For license information please see nr-loader-rum-1.322.0.min.js.LICENSE.txt */
388(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),a=0===Object.keys(r).length?e:r;for(let s in a)if(void 0!==e[s])try{if(null===e[s]){r[s]=null;continue}Array.isArray(e[s])&&Array.isArray(t[s])?r[s]=Array.from(new Set([...e[s],...t[s]])):e[s]instanceof Map||e[s]instanceof Set||e[s]instanceof Date||e[s]instanceof RegExp?r[s]=e[s]:"object"==typeof e[s]&&null!==t[s]&&"object"==typeof t[s]?r[s]=i(e[s],t[s]):r[s]=e[s]}catch(e){r[s]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>s});var n=r(384),i=r(8122);const a={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function s(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,a)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["xv",0,"1.322.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,a="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),s=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===s?.document?.visibilityState),c=""+s?.location,u=/iPad|iPhone|iPod/.test(s.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=((()=>{const e=s.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)());r.d(t,["OF",0,u,"RI",0,i,"WN",0,l,"bv",0,a,"gm",0,s,"m",0,c,"mw",0,o,"sb",0,d,"zk",0,()=>{const e=s?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<s.performance.now())return e}])},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>u,x3:()=>c});var n=r(3241),i=r(3606),a=r(860),s=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:a.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&d(e))}function u(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,d(e)}}function d(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>
388e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const a=e.ee,o=i.i.handlers;if(a&&!a.aborted&&a.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=a.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof s.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}a.isolatedBacklog||delete o[t],a.backlog[t]=null,a.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],a=e[2];n.apply(i,a)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),a=r(2646),s=r(5607);const o="nr@context:".concat(s.W),c=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,a){!1!==a&&(a=!0);if(c.aborted&&!i)return;t&&a&&t.emit(e,r,n);var o=g(n);m(e).forEach(e=>{e.apply(o,r)});var u=v()[s[e]];u&&u.push([f,e,r,o]);return o},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{s[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,o,()=>new a.y(o)):new a.y(o)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,a){a?(a.buffer([e],i),a.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(9908);a.on=s;var i=a.handlers={};function a(e,t,r,a){s(a||n.d,i,e,t,r)}function s(e,t,r,i,a){a||(a="feature"),e||(e=n.d);var s=t[a]=t[a]||{};(s[r]=s[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function a(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>a,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,a=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const s=[];for(var o=0;o<e;o++)s.push(i(r,a++).toString(16));return s.join("")}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>a});var n=r(944);const i=new Map;function a(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),a=t.includes("nrWrapper");return r||a||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},5289(e,t,r){"use strict";r.d(t,{GG:()=>s,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function a(){return"undefined"==typeof document||"complete"===document.readyState}function s(e,t){if(a())return e();const r=(0,i.J)(e),s=setInterval(()=>
388{a()&&(clearInterval(s),r())},500);(0,n.sp)("load",r,t)}function o(e){if(a())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(a())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>d,dV:()=>u,pV:()=>l});var n=r(6154),i=r(1863),a=r(944),s=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function u(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,s.i)(...Object.values(e.o))),e}function d(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,a.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),u(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>a,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function a(e,t,r){(0,n.sp)("pagehide",e,t,r)}},9300(e,t,r){"use strict";r(860).K7.ajax;r.d(t,["mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>a});var n=r(9566),i=r(1741);class a extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>a});var n=r(944),i=r(4261);class a{#e(e,...t){if(this[e]!==a.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>d});var n=r(3241),i=r(9908),a=r(1863),s=r(944),o=r(3969),c=r(8362),u=r(860);function d(e,t,r,a){const d=a||r;!d||d[e]&&d[e]!==c.d.prototype[e]||(d[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,u.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,s.R)(23,e)}})}function l(e,t,r,n,s){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(s||null===r)&&(0,i.p)("api-"+n,[(0,a.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",a="browser/blobs",s="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},u={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:a,[o.sessionReplay]:a,[o.logging]:s,[o.genericEvents]:"ins"};r.d(t,["$J",0,u,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,s,"df",0,a,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],a=t[n++];r.o(e,i)?0===a&&n++:0===a?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:a})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"nr-rum-1.322.0.min.js",r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.322.0.PROD:";r.l=(n,i,a,s)=>{if(e[n])return void e[n].push(i);let o,c;if(void 0!==a){const e=document.getElementsByTagName("script");for(var u=0;u<e.length;u++){const r=e[u];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+a){o=r;break}}}if(!o){c=!0;var d={296:"sha512-/59P7qAoMYQDJAZerTRPChdYcdrlcoEAw2TwA1wz6Y0/XLmt3sblL
388I5JCXAuxG0YxsW7iqJzgrcO7NJWO58EfQ=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+a),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),d[s]&&(o.integrity=d[s])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={374:0,840:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const a=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=a);const s=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(s,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,a,s]=n;var o,c,u=0;if(i.some(t=>0!==e[t])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(s)s(r)}for(t&&t(n);u<i.length;u++)c=i[u],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.322.0.PROD"]=self["webpackChunk:NRBA-1.322.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),a=r(1741);var s=r(2555),o=r(981);t.K7.genericEvents,o.R.PA,o.R.UA,o.R.BP;const c={RESOURCES:"experimental.resources",REGISTER:"register"};var u=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var l=r(2614),f=r(944),g=r(8122);const p="[data-nr-mask]",m=e=>(0,g.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:u.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(c.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(c.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,f.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(c.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:l.wk,inactiveMs:l.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(p):""===t||null===t?e.mask_selector=p:(0,f.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,f.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,f.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var h=r(6154),v=r(9324);let b=0;const y={buildEnv:"PROD",distMethod:"CDN",version:v.xv,originTime:h.WN},_={consented:!1},w={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||_.consented},set consented(e){_.consented=e}
388,customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++b},listeningForIframeMessages:!1},R="BA";var A=r(7836),x=r(3241);const E={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908);const k="newrelic-iframe-";function T(e,t={},n,o){let{init:c,info:u,loader_config:d,runtime:l={},exposed:f=!0}=t;if(!u){const e=(0,i.pV)();c=e.init,u=e.info,d=e.loader_config}var p;e.init=m(c||{}),e.loader_config=(p=d||{},(0,g.a)(p,E)),u.jsAttributes??={},h.bv&&(u.jsAttributes.isWorker=!0),e.info=(0,s.D)(u);const v=e.init;e.runtime??=(e=>{const t=(0,g.a)(e,w),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:R,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(a.W.prototype).forEach(r=>{const n=a.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=A.ee.get(e.agentIdentifier),e.exposed=f,(0,x.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&h.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(k)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var j=r(1863),P=r(4261),N=r(1738);
388var O=r(1687),M=r(4234),I=r(5289),D=r(7767);function V(e){return!!(0,i.dV)().o.MO&&(0,D.V)(e)&&!0===e?.session_trace.enabled}var W=r(6389),B=r(7699);const C=new WeakSet,K=new WeakMap;class U extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,W.J)(()=>{(0,O.Ak)(e,this.featureName),t()}))}):(0,O.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,s.f)(e.info))return(0,f.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(K.has(e))return K.get(e);const i=(async()=>{if((0,D.V)(e.init))try{const{setupAgentSession:t}=await r.e(296).then(r.bind(r,1768));t(e)}catch(e){(0,f.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(B.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await Promise.resolve().then(function(){const e=new Error("Cannot find module '../../loaders/configure/iframe-message-handler'");throw e.code="MODULE_NOT_FOUND",e});t(e)}catch(e){(0,f.R)(23,e)}const[{Connector:i},{Harvester:a}]=await Promise.all([r.e(296).then(r.bind(r,6589)),r.e(296).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new a(e);const s=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(s.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();K.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,f.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,f.R)(34,e),this.abortHandler?.(),(0,O.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};h.RI?(0,I.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return V(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!C.has(e)&&(C.add(e),!(0,s.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}T(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var L=r(6630);class F extends U{static featureName=L.T;constructor(e){var t;super(e,L.T),this.setupInspectionEvents(),t=e,(0,N.Y)(P.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+P.Fw,[(0,j.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(296).then(r.bind(r,908)):r.e(296).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,x.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,I.sB)(t=>{e(t,"DOMContentLoaded")}),(0,I.GG)(t=>{e(t,"load")}),(0,I.Qr)(t=>{e(t,"navigate")}),this.ee.on(l.tS.UPDATE,(e,t)=>{(0,x.W)({type:"lifecycle",name:"session",data:t})})}}class G extends e.d{constructor(e){var t;(super(),h.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(F),T(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(P.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,P.cD,n);(0,f.R)(40,typeof r)}else(0,f.R)(39,typeof e)},t),function(e){(0,N.Y)(P.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,f.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,P.Dl,!0)},e)}(this),function(e){(0,N.Y)(P.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,P.nb,!1);(0,f.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(P.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+P.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,f.R)(65,typeof t)},e)}(this),this.run()):(0,f.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};
388return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,f.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,f.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var H=r(2843),z=r(782);class Y extends U{static featureName=z.T;constructor(e){super(e,z.T),h.RI&&((0,H.u)(()=>(0,S.p)("docHidden",[(0,j.t)()],void 0,z.T,this.ee),!0),(0,H.G)(()=>(0,S.p)("winPagehide",[(0,j.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9981))))}}var Z=r(3969);class q extends U{static featureName=Z.TZ;constructor(e){super(e,Z.TZ),this.importAggregator(e,()=>r.e(296).then(r.bind(r,9623)))}}new G({features:[F,Y,q],loaderType:"lite"})})()})();</script>
388
389  </head>
390
391
392<body class="page basicpage font-en-ZA  style-extreme-left-align" data-theme=" " data-sitecode="ezadlx" data-editor="false">
393      <a href="#app" class="skip-link">Skip to main content</a>
394
395
396
397
398
399
400  
401
402
403
404  <main id="app">
405  <div data-component="app-root" class="app-root" data-page-id="/content/akzonobel-flourish/dulux/za/en/products/jcr:content">
406    
407    
408  
409
410  <div data-component="a41-alert" class="a41-alert" role="alert" data-type="info">
411    <div class="content-wrapper s-no-padding">
412      <div class="grid">
413        <div class="col col-12">
414          <div class="alert-body body-copy-xs ">
415            <div class="js-icon">
416              
417            </div>
418            <div class="js-alert-body">
419              
420            </div>
421            <button class="close-button js-close-button" aria-label="Close the alert">
422              
423  <span class="icon " data-component="icon" data-icon="cross"></span>
424
425            </button>
426          </div>
427        </div>
428      </div>
429    </div>
430  </div>
431
432
433    
434    
435
436
437
438
439
440
441
442    
443
444<header data-component="s1-header" data-id="s1_header-1402837984" data-back-ground-color="false" data-azureb2c-enabled="false" data-is-geolocation-site-switcher="false" class="s1-header full-layout cp-top-spacing-none cp-bottom-spacing-none style-default has-multi-brand " data-geolocation-content-api="/bin/api/languagelist?countryPagePath=/content/akzonobel-flourish/dulux/za/en/products" data-is-mega-menu-enabled="false" data-scroll-component>
445  <div class="header-backdrop js-backdrop"></div>
446  <nav>
447    
448
449  <div class="m60-corporate-bar full-layout cb-gradient" data-component="m60-corporate-bar" data-is-gradient="true" data-gradient-hex="#012169">
450    <div class="content-wrapper s-no-padding">
451      <div class="multibrand">
452        
453          
454        
455          <a href="https://hammerite.dulux.co.za" class="brand-logo" title="Hammerite">
456            
457  
458  
459  
460  
461  
462  
463  
464  
465  
466  <picture class="a3-image " data-component="a3-image">
467    
468    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto"/>
469    <img data-src="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto" alt="Brand logo" class="image js-normal-image    lazyload" itemprop="image"/>
470  </picture>
471
472          </a>
473        
474          <a href="https://woodgard.dulux.co.za" class="brand-logo" title="Woodgard">
475            
476  
477  
478  
479  
480  
481  
482  
483  
484  
485  <picture class="a3-image " data-component="a3-image">
486    
487    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto"/>
488    <img data-src="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto" alt="Brand logo" class="image js-normal-image    lazyload" itemprop="image"/>
489  </picture>
490
491          </a>
492        
493      </div>
494      
495      
496      <div class="site-switch">
497        
498          
499            <a href="/en" class="site body-copy-xs js-sites is-active" data-label="Consumer" target="_self">
500              Consumer
501            </a>
502          
503            <a href="https://www.duluxtrade.co.za" class="site body-copy-xs js-sites " data-label="Professional" target="_self">
504              Professional
505            </a>
506          
507      </div>
508      
509      <div class="corporate-logo">
510          
511            
512        
513        <a href="https://www.akzonobel.com/en" target="_self" aria-label="Corporate logo">
514  <span class="icon " data-component="icon" data-icon="akzoNobel-logo-gradient"></span>
515</a>
516        
517      </div>
518    </div>
519  </div>
520
521
522    <div class="content-wrapper main-nav-wrapper js-main-nav">
523      <div class="grid">
524        <button class="hamburger-icon js-menu-button" aria-label="Menu">
525          <span class="hamburger-bars"></span>
526        </button>
527        <div class="col logo-wrapper col-3 col-m-2 ">
528          <a href="https://www.dulux.co.za/en" class="logo js-logo " aria-label="Logo">
529            
530  
531  
532  
533  
534  
535  
536  
537  
538  
539  <picture class="a3-image " data-component="a3-image">
540    
541    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/
541dulux/logo/DULUX_RGB_imp_05.png?impolicy=.auto"/>
542    <img data-src="//images.akzonobel.com/akzonobel-flourish/dulux/logo/DULUX_RGB_imp_05.png?impolicy=.auto" alt="Brand Logo" class="image js-normal-image    lazyload" itemprop="image"/>
543  </picture>
544
545          </a>
546        </div>
547        <div class="col col-5 col-l-10 navigation-wrapper" data-longer-logo="0">
548          
549  <div class="m29-primary-navigation" data-component="m29-primary-navigation" data-is-mega-menu-enabled="false">
550    
551    <div class="primary-navigation-wrapper js-primary-navigation-wrapper">
552        <ul class="navigation-menu">
553
554          
555          <li class="has-dropdown  body-copy-s ">
556             
557            <button class="js-dropdown-item custom-btn" aria-haspopup="true" aria-expanded="false" target="_self" href="/en/colour-palettes">
558              <span class="menu-title">
559                Find a colour
560              </span>
561              
562              
563  <span class="icon " data-component="icon" data-icon="chevron-down"></span>
564
565            </button>
566            
567            <ul class="sub-menu js-sub-item">
568              <li>
569                <a href="/en/colour-palettes#tabId=in-store-colour-wall" target="_self">
570                  Colour Wall</a>
571              </li>
572<li>
573                <a href="/en/colour-palettes#tabId=colour-collections" target="_self">
574                  Colour Collections</a>
575              </li>
576
577            </ul>
578          </li>
579        
580
581          
582          <li class=" is-active body-copy-s ">
583             
584            <a aria-haspopup="false" aria-expanded="false" target="_self" href="/en/products">
585              <span class="menu-title">
586                Choose a product
587              </span>
588              
589              
590            </a>
591            
592            
593          </li>
594        
595
596          
597          <li class="  body-copy-s ">
598             
599            <a aria-haspopup="false" aria-expanded="false" target="_self" href="/en/colour-inspiration">
600              <span class="menu-title">
601                Ideas
602              </span>
603              
604              
605            </a>
606            
607            
608          </li>
609        
610
611          
612          <li class="  body-copy-s ">
613             
614            <a aria-haspopup="false" aria-expanded="false" target="_self" href="/en/decorating-tips-and-advice">
615              <span class="menu-title">
616                Expert Help
617              </span>
618              
619              
620            </a>
621            
622            
623          </li>
624        
625
626          
627          <li class="  body-copy-s ">
628             
629            <a aria-haspopup="false" aria-expanded="false" target="_self" href="/en/find-a-store">
630              <span class="menu-title">
631                Find a store
632              </span>
633              
634              
635            </a>
636            
637            
638          </li>
639        </ul>
640    </div>
641
642    
643
644  <div class="m60-corporate-bar full-layout cb-gradient" data-component="m60-corporate-bar" data-is-gradient="true" data-gradient-hex="#012169">
645    <div class="content-wrapper s-no-padding">
646      <div class="multibrand">
647        
648          
649        
650          <a href="https://hammerite.dulux.co.za" class="brand-logo" title="Hammerite">
651            
652  
653  
654  
655  
656  
657  
658  
659  
660  
661  <picture class="a3-image " data-component="a3-image">
662    
663    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto"/>
664    <img data-src="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto" alt="Brand logo" class="image js-normal-image    lazyload" itemprop="image"/>
665  </picture>
666
667          </a>
668        
669          <a href="https://woodgard.dulux.co.za" class="brand-logo" title="Woodgard">
670            
671  
672  
673  
674  
675  
676  
677  
678  
679  
680  <picture class="a3-image " data-component="a3-image">
681    
682    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto"/>
683    <img data-src="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto" alt="Brand logo" class="image js-normal-image    lazyload" itemprop="image"/>
684  </picture>
685
686          </a>
687        
688      </div>
689      
690      
691      <div class="site-switch">
692        
693          
694            <a href="/en" class="site body-copy-xs js-sites is-active" data-label="Consumer" target="_self">
695              Consumer
696            </a>
697          
698            <a href="https://www.duluxtrade.co.za" class="site body-copy-xs js-sites " data-label="Professional" target="_self">
699              Professional
700            </a>
701          
702      </div>
703      
704      <div class="corporate-logo">
705          
706            
707        
708        <a href="https://www.akzonobel.com/en" target="_self" aria-label="Corporate logo">
709  <span class="icon " data-component="icon" data-icon="akzoNobel-logo-gradient"></span>
710</a>
711        
712      </div>
713    </div>
714  </div>
715
716  </div>
717
718          
719  <div class="m43-secondary-navigation" data-component="m43-secondary-navigation" data-iscart-enabled="false">
720    
721    
722    
723    
724    
725
726    <ul class="secondary-navigation-menu">
727
728      <li>
729        
730    
731    
732    <button class="a8-icon-button js-search-button
733             " data-component="a8-icon-button" aria-label="Search">
734      
735  <span class="icon " data-component="icon" data-icon="search"></span>
736
737      
738    </button>
739  
740      </li>
741
742      
743
744      <li class="shopping-list js-shopping-list" data-multibrand="true">
745        
746    
747    
748    <button class="a8-icon-button js-shopping-list-button
749             " data-component="a8-icon-button" aria-label="Shopping list" aria-expanded="false" aria-haspopup="true">
750      
751  <span class="icon " data-component="icon" data-icon="shopping-list-empty"></span>
752
753      
754    </button>
755  
756        
757  <div data-component="m13-shopping-list-dropdown" class="m13-shopping-list-dropdown" data-logged-in="false" style="--left-position:10px">
758
759    
760    
761    
762    <button class="a8-icon-button close-button js-close-button
763             " data-component="a8-icon-button">
764      
765  <span class="icon " data-component="icon" data-icon="cross"></span>
766
767      
768    </button>
769  
770
771    <div class="brands">
772      
773        <a href="https://www.dulux.co.za/en/shoppinglist" class="brand body-copy-s">
774          
775  
776  
777  
778  
779  
780  
781  
782  
783  
784  <picture class="a3-image brand-image" data-component="a3-image">
785    
786    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-common/DULUX_RGB_imp_05.png?impolicy=.auto"/>
787    <img data-src="//images.akzonobel.com/akzonobel-common/DULUX_RGB_imp_05.png?impolicy=.auto" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
788  </picture>
789
790          Dulux
791        </a>
792      
793        <a href="https://hammerite.dulux.co.za/en/shoppinglist" class="brand body-copy-s">
794          
795  
796  
797  
798  
799  
800  
801  
802  
803  
804  <picture class="a3-image brand-image" data-component="a3-image">
805    
806    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto"/>
807    <img data-src="//images.akzonobel.com/akzonobel-flourish/duluxvalentine/fr/hammerite/fr/homepage/hammerite.png?impolicy=.auto" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
808  </picture>
809
810          Hammerite
811        </a>
812      
813        <a href="https://woodgard.dulux.co.za/en/shoppinglist" class="brand body-copy-s">
814          
815  
816  
817  
818  
819  
820  
821  
822  
823  
824  <picture class="a3-image brand-image" data-component="a3-image">
825    
826    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto"/>
827    <img data-src="//images.akzonobel.com/akzonobel-flourish/woodguard/south-africa/home/Woodgard-logo.png?impolicy=.auto" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
828  </picture>
829
830          Woodgard
831        </a>
832      
833    </div>
834
835  </div>
836
837      </li>
838
839
840      
841
842      
843      
844      <li class="js-user-button" data-login-label="My Account" data-logout-label="Login"></li>
845    </ul>
846
847    
848  <div data-component="m12-my-account-dropdown" class="m12-my-account-dropdown" data-logged-in="false" data-redirect-url="https://www.dulux.co.za/en/products.html/no-selector" data-domain-code="ezadlx" data-is-azure-enabled="false">
849    <button class="close-button js-close-button">
850      
851  <span class="icon " data-component="icon" data-icon="cross"></span>
852
853    </button>
854
855    
856  <span class="icon user-icon" data-component="icon" data-icon="user"></span>
857
858
859    <div class="details">
860       <span class="blockquote title">
861          My Account
862       </span>
863
864      
865    
866    
867    
868    
869    
870    
871    
872    
873    <button data-component="a122-primary-button" class="a122-primary-button  
874              js-login-button   " data-icon-alignment="left">
875      
876      
877      <span class="cta-text body-copy-rg">Login to My Account</span>
878      
879      
880    </button>
881  
882      <span class="register body-copy-s">
883        No account?
884        <span class="register-cta js-register-button" role="button">Register here</span>
885      </span>
886
887      <div class="my-account-footer">
888        
889          
890  
891  
892  
893
894  <a class="a2-text-link body-copy-s js-favourite-button  " data-component="a2-text-link" data-label="My Workspace" href="/en/workspace" target="_self">
895    
896  <span class="icon icon" data-component="icon" data-icon="favourite-empty"></span>
897
898    
899    <div class="text-link-label ">
900      
901      <span>My Workspace</span>
902    </div>
903    
904    
905    
906  </a>
907
908        
909        
910      </div>
911    </div>
912    <div class="logged-in-details">
913      
914      
915        
916  
917  
918  
919
920  <a class="a2-text-link blockquote title  " data-component="a2-text-link" data-label="My Account" href="/en/my-account" target="_self">
921    
922    
923    <div class="text-link-label ">
924      
925      <span>My Account</span>
926    </div>
927    
928    
929    
930  </a>
931
932      <span class="user-name body-copy-xs js-user-name"></span>
933
934      <div class="my-account-footer">
935        
936  
937  
938  
939
940  <a class="a2-text-link body-copy-s js-logout-button  " data-component="a2-text-link" data-label="Logout" href="#" target="_self">
941    
942  <span class="icon " data-component="icon" data-icon="logout"></span>
943
944    
945    <div class="text-link-label ">
946      
947      <span>Logout</span>
948    </div>
949    
950    
951    
952  </a>
953
954        
955          
956  
957  
958  
959
960  <a class="a2-text-link body-copy-s js-favourite-button  " data-component="a2-text-link" data-label="My Workspace" href="/en/workspace" target="_self">
961    
962  <span class="icon icon" data-component="icon" data-icon="favourite-empty"></span>
963
964    
965    <div class="text-link-label ">
966      
967      <span>My Workspace</span>
968    </div>
969    
970    
971    
972  </a>
973
974        
975        
976      </div>
977      
978      <div class="my-account-delete js-ad-link">
979        
980        
981        
982  
983  
984  
985
986  <button class="a2-text-link body-copy-s delete-account-link js-delete-account-button  " data-component="a2-text-link" data-label="Delete Account" target="_self">
987    
988    
989    <div class="text-link-label ">
990      <span>Delete Account</span>
991      
992    </div>
993    
994    
995    
996  </button>
997
998     </div>
999     
1000    </div>
1001  </div>
1002
1003
1004  </div>
1005
1006        </div>
1007      </div>
1008      <div class="notification-wrapper js-notifications">
1009        
1010      </div>
1011    </div>
1012
1013    
1014    
1015  
1016  
1017  <div data-component="m10-search-bar" class="m10-search-bar">
1018    <form action="/en/search" method="GET" novalidate class="js-form" data-suggestions-api="/bin/api/search?page=/content/akzonobel-flourish/dulux/za/en/products" data-hybrid-search="false">
1019      
1020    
1021    
1022    <button class="a8-icon-button js-search-button search-button
1023             " data-component="a8-icon-button" aria-label="Search" type="submit">
1024      
1025  <span class="icon " data-component="icon" data-icon="search"></span>
1026
1027      
1028    </button>
1029  
1030      <div class="input-wrapper">
1031        <input type="text" class="search-field body-copy-rg js-search-input override-focus-visible" aria-label="search-field" name="search" placeholder="Search For"/>
1032        <div class="clear-button js-clear-button-wrapper">
1033          
1034  
1035  
1036  
1037
1038  <button class="a2-text-link body-copy-s js-clear-button  " type="button" data-component="a2-text-link" data-label="Clear" target="_self">
1039    
1040    
1041    <div class="text-link-label ">
1042      
1043      <span>Clear</span>
1044    </div>
1045    
1046    
1047    
1048  </button>
1049
1050        </div>
1051      </div>
1052      
1053    
1054    
1055    <button class="a8-icon-button js-close-button close-button
1056             " data-component="a8-icon-button" aria-label="Close" type="button">
1057      
1058  <span class="icon " data-component="icon" data-icon="cross"></span>
1059
1060      
1061    </button>
1062  
1063    </form>
1064  </div>
1065
1066    <div class="suggestion-container js-suggestion-container" data-no-results-title="No Results found" data-show-all-label="Show All Results" data-show-all-url="/en/search" data-is-author="false" data-is-sustainable2d-enabled="false" data-default-wood-type="dark">
1067    </div>
1068  </nav>
1069  
1070</header>
1071
1072
1073
1074
1075
1076
1077
1078
1079<section data-component="c36-login" class="c36-login" data-id="c36_login_copy_copy-996727614" data-disable-captcha="false">
1080  <div class="mask js-mask" role="presentation"></div>
1081    <div class="modal js-modal">
1082      <header>
1083        
1084    
1085    
1086    <button class="a8-icon-button close-button js-close-button
1087             " data-component="a8-icon-button" title="Close">
1088      
1089  <span class="icon " data-component="icon" data-icon="cross"></span>
1090
1091      
1092    </button>
1093  
1094      </header>
1095      <div class="card-container js-card">
1096
1097        
1098        
1099        
1100
1101  <section data-component="m31-form-content" class="m31-form-content" data-state="login">
1102    <header class="form-content-header">
1103      
1104      <p class="header-04 title">Good to see you!</p>
1105    </header>
1106    
1107          
1108     
1109  <div class="m36-login-form" data-component="m36-login-form">
1110    <form class="login-form js-form" action="/bin/api/login" method="POST" novalidate>
1111      
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124 
1125 
1126
1127    
1128
1129    
1130
1131    
1132
1133    
1134
1135    
1136
1137    
1138
1139
1140<div class="a11-input-field js-input-parent js-email" data-component="a11-input-field">
1141 <div class="input-wrapper">
1142   
1143   <label class="text-label body-copy-s">
1144     Email
1145     
1146       <span class="required">*</span>
1147     
1148   </label>
1149   <div class="wrapper">
1150     <input type="email" class="text-input js-text-input js-input body-copy-s js-email" name="email" placeholder="Enter your email address here" data-required="true" autocomplete="username"/>           
1151     
1152   </div>
1153  </div>
1154</div>
1155
1156      
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169 
1170 
1171
1172    
1173
1174    
1175
1176    
1177
1178    
1179
1180    
1181
1182    
1183
1184
1185<div class="a11-input-field js-input-parent js-password" data-component="a11-input-field">
1186 <div class="input-wrapper">
1187   
1188   <label class="text-label body-copy-s">
1189     Password
1190     
1191       <span class="required">*</span>
1192     
1193   </label>
1194   <div class="wrapper">
1195     <input type="password" class="text-input js-text-input js-input body-copy-s js-password" name="password" placeholder="Enter your password" data-required="true" autocomplete="current-password"/>           
1196     <button class="password-visibility js-password-visibility" type="button" data-show="View password" data-hide="Hide password">
1197       
1198  <span class="icon view-show" data-component="icon" data-icon="view-show"></span>
1199
1200       
1201  <span class="icon view-hide" data-component="icon" data-icon="view-hide"></span>
1202
1203     </button>
1204   </div>
1205  </div>
1206</div>
1207
1208      <button class="body-copy-s forgot-button js-button" data-target="forgot-password" type="button">
1209        I forgot my password</button>
1210      
1211  
1212
1213  <div class="recaptcha" data-component="recaptcha" data-sitekey="6LeO3K8ZAAAAAClkwsvFeN5a5L218NdG2EXCl-vE" data-language="en-ZA">
1214    <div class="js-widget"></div>
1215  </div>
1216
1217      
1218    
1219    
1220    
1221    
1222    
1223    
1224    
1225    
1226    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
1227              login-button js-submit   " data-icon-alignment="left">
1228      
1229      <span class="cta-text body-copy-rg">Login</span>
1230      
1231      
1232      
1233    </button>
1234  
1235    </form>
1236  </div>
1237
1238        
1239    <footer class="form-content-footer">
1240      <p class="body-copy-s">Don't have an account yet?</p>
1241      <button class="body-copy-s footer-link" data-target="register">
1242        Register here
1243      </button>
1244    </footer>
1245  </section>
1246
1247
1248        
1249        
1250        
1251
1252  <section data-component="m31-form-content" class="m31-form-content" data-state="register">
1253    <header class="form-content-header">
1254      
1255      <p class="header-04 title">Welcome to Dulux</p>
1256    </header>
1257    
1258            
1259  <div class="m37-register-form" data-component="m37-register-form">
1260    <form class="register-form js-form" action="/bin/api/register?page=/content/akzonobel-flourish/dulux/za/en/products" method="POST" novalidate>
1261      
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274 
1275 
1276
1277    
1278
1279    
1280
1281    
1282
1283    
1284
1285    
1286
1287    
1288
1289
1290<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
1291 <div class="input-wrapper">
1292   
1293   <label class="text-label body-copy-s">
1294     Email
1295     
1296       <span class="required">*</span>
1297     
1298   </label>
1299   <div class="wrapper">
1300     <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Enter your email address here" data-required="true" autocomplete="username"/>           
1301     
1302   </div>
1303  </div>
1304</div>
1305
1306      
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319 
1320 
1321
1322    
1323
1324    
1325
1326    
1327
1328    
1329
1330    
1331
1332    
1333
1334
1335<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
1336 <div class="input-wrapper">
1337   
1338   <label class="text-label body-copy-s">
1339     Password
1340     
1341       <span class="required">*</span>
1342     
1343   </label>
1344   <div class="wrapper">
1345     <input type="password" class="text-input js-text-input js-input body-copy-s input" name="password" placeholder="Enter your password" data-required="true" autocomplete="new-password"/>           
1346     <button class="password-visibility js-password-visibility" type="button" data-show="View password" data-hide="Hide password">
1347       
1348  <span class="icon view-show" data-component="icon" data-icon="view-show"></span>
1349
1350       
1351  <span class="icon view-hide" data-component="icon" data-icon="view-hide"></span>
1352
1353     </button>
1354   </div>
1355  </div>
1356</div>
1357
1358      
1359     
1360  <div class="m83-password-requirements " data-component="m83-password-requirements">
1361    <p class="body-copy-s password-requirements-title">Password requirements:</p>
1362    <ul>
1363      
1364      <li class="body-copy-s" data-password-requirement="includesCapital">
1365        
1366  <span class="icon icon" data-component="icon" data-icon="checkmark"></span>
1367
1368        At least one capital letter
1369      </li>
1370      <li class="body-copy-s" data-password-requirement="includesSpecialCharactersOrNumber">
1371        
1372  <span class="icon icon" data-component="icon" data-icon="checkmark"></span>
1373
1374        At least one special character or number
1375      </li>
1376      <li class="body-copy-s" data-password-requirement="length|presence">
1377        
1378  <span class="icon icon" data-component="icon" data-icon="checkmark"></span>
1379
1380        Minimum of 8 characters
1381      </li>
1382    </ul>
1383  </div>
1384
1385      
1386  
1387
1388  <div class="recaptcha" data-component="recaptcha" data-sitekey="6LeO3K8ZAAAAAClkwsvFeN5a5L218NdG2EXCl-vE" data-language="en-ZA">
1389    <div class="js-widget"></div>
1390  </div>
1391
1392      
1393    
1394    
1395    
1396    
1397    
1398    
1399    
1400    
1401    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
1402              login-button js-submit   " data-icon-alignment="left">
1403      
1404      <span class="cta-text body-copy-rg">Continue to next step</span>
1405      
1406      
1407      
1408    </button>
1409  
1410    </form>
1411  </div>
1412
1413        
1414    <footer class="form-content-footer">
1415      <p class="body-copy-s">Already have an account?</p>
1416      <button class="body-copy-s footer-link" data-target="login">
1417        Login here
1418      </button>
1419    </footer>
1420  </section>
1421
1422
1423        
1424        
1425        
1426
1427  <section data-component="m31-form-content" class="m31-form-content" data-state="terms">
1428    <header class="form-content-header">
1429      
1430  <span class="icon title-icon" data-component="icon" data-icon="terms-illustration"></span>
1431
1432      <p class="header-04 title">Terms &amp; Conditions</p>
1433    </header>
1434    
1435          
1436  <div class="m33-terms" data-component="m33-terms">
1437    <form class="terms-form js-form" action="/bin/api/register?page=/content/akzonobel-flourish/dulux/za/en/products" method="POST" novalidate>
1438      <input type="hidden" name="email"/>
1439      <input type="hidden" name="password"/>
1440      <input type="hidden" name="g-recaptcha-response" aria-label="Google reCAPTCHA response"/>
1441      
1442  
1443  
1444  
1445       
1446  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1447    <label for="privacy-policy" class="checkbox-label-wrapper ">
1448      <input type="checkbox" id="privacy-policy" name="privacy-policy" class="checkbox-input js-checkbox-input " aria-hidden="true" tabindex="-1"/>
1449      <span class="checkbox">
1450        <span class="checkbox-icon">
1451          
1452  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1453
1454        </span>
1455      </span>
1456      <span class="checkbox-label-title body-copy-s" data-label="&lt;p>By checking this box, I confirm that I have read and agree that we process your information in accordance with our &lt;a href=&#34;/content/akzonobel-flourish/dulux/za/en/legal.html&#34; target=&#34;_blank&#34;>Terms and Conditions&lt;/a> and our &lt;a href=&#34;/content/akzonobel-flourish/dulux/za/en/privacy-policy.html&#34; target=&#34;_blank&#34;>Privacy Policy&lt;/a>.&lt;/p>
1457">
1458        <p>By checking this box, I confirm that I have read and agree that we process your information in accordance with our <a href="/en/legal" target="_blank">Terms and Conditions</a> and our <a href="/en/privacy-policy" target="_blank">Privacy Policy</a>.</p>
1459
1460        
1461        
1462        
1463        
1464      </span>
1465    </label>
1466    
1467  </div>
1468
1469
1470      
1471  
1472  
1473  
1474       
1475  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1476    <label for="newsletter" class="checkbox-label-wrapper ">
1477      <input type="checkbox" id="newsletter" name="newsletter" class="checkbox-input js-checkbox-input " aria-hidden="true" tabindex="-1"/>
1478      <span class="checkbox">
1479        <span class="checkbox-icon">
1480          
1481  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1482
1483        </span>
1484      </span>
1485      <span class="checkbox-label-title body-copy-s" data-label="&lt;p>By checking this box, I consent to receiving marketing emails. You can unsubscribe at any time by clicking the unsubscribe link at the bottom of our emails.&lt;/p>
1486">
1487        <p>By checking this box, I consent to receiving marketing emails. You can unsubscribe at any time by clicking the unsubscribe link at the bottom of our emails.</p>
1488
1489        
1490        
1491        
1492        
1493      </span>
1494    </label>
1495    
1496  </div>
1497
1498
1499      
1500      
1501    
1502    
1503    
1504    
1505    
1506    
1507    
1508    
1509    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
1510              js-submit   " data-icon-alignment="left">
1511      
1512      <span class="cta-text body-copy-rg">Create account</span>
1513      
1514      
1515      
1516    </button>
1517  
1518      
1518<script type="text/json" class="js-explanation-content">
1519        {
1520          "title": "What does it mean?",
1521          "copy": "<p>For contacting you with personalized commercial messages, we will create profiles and analyze your interactions with us. For this, we will look at your personal data such as:</p>\r\n<ul>\r\n<li><p>your name, gender, date of birth, e-mail address, and physical address;</p>\r\n</li>\r\n<li><p>your preferences and interests, such as those that you have actively shared with us, but also those inferred through your registered interactions with AkzoNobel websites and apps (for which we may use cookies);</p>\r\n</li>\r\n<li><p>your shopping history, both online (if you link your purchases to your profile) and offline (when making an offline purchase) ; and</p>\r\n</li>\r\n<li><p>the links you click in our emails.</p>\r\n</li>\r\n</ul>\r\n<p>This way we learn about your interests and can ensure that we provide you with the information and promotions that are of most interest to you. We may also ask you for your opinion about our products and services. If you don\u2019t want to receive any more messages or if you want to opt-out of a particular form of communication with us (for example SMS, E-mail or regular mail), just, follow the steps in that particular communication.</p>\r\n<p>For further information, please read our full\u00A0<a href=\"/content/akzonobel-flourish/dulux/za/en/privacy-policy.html\" target=\"_blank\">Privacy Statement</a>.</p>\r\n"
1522        }
1523      </script>
1523
1524    </form>
1525  </div>
1526
1527        
1528    <footer class="form-content-footer">
1529      <p class="body-copy-s">If you have concerns about your privacy?</p>
1530      <a class="body-copy-s footer-link" href="/en/privacy-policy">
1531        Read our privacy policy
1532      </a>
1533    </footer>
1534  </section>
1535
1536
1537        
1538        
1539        
1540
1541  <section data-component="m31-form-content" class="m31-form-content" data-state="registration-success">
1542    <header class="form-content-header">
1543      
1544  <span class="icon title-icon" data-component="icon" data-icon="account-illustration"></span>
1545
1546      <p class="header-04 title">Registration complete</p>
1547    </header>
1548    
1549          <div class="base-content">
1550            <p class="body-copy-s base-description">Successfully registered, please login</p>
1551            
1552    
1553    
1554    
1555    
1556    
1557    
1558    
1559    
1560    <button data-component="a122-primary-button" class="a122-primary-button  
1561              js-registration-success-button   " data-icon-alignment="left">
1562      
1563      <span class="cta-text body-copy-rg">Login</span>
1564      
1565      
1566      
1567    </button>
1568  
1569          </div>
1570        
1571    <footer class="form-content-footer">
1572      <p class="body-copy-s">If you have concerns about your privacy?</p>
1573      <a class="body-copy-s footer-link" href="/en/privacy-policy">
1574        Read our privacy policy
1575      </a>
1576    </footer>
1577  </section>
1578
1579
1580        
1581        
1582        
1583
1584  <section data-component="m31-form-content" class="m31-form-content" data-state="registration-duplicate">
1585    <header class="form-content-header">
1586      
1587  <span class="icon title-icon" data-component="icon" data-icon="account-illustration"></span>
1588
1589      <p class="header-04 title">Registration complete</p>
1590    </header>
1591    
1592          <div class="base-content">
1593            <p class="body-copy-s base-description js-duplicate-message" data-description="{email} already registered."></p>
1594            
1595    
1596    
1597    
1598    
1599    
1600    
1601    
1602    
1603    <button data-component="a122-primary-button" class="a122-primary-button  
1604              js-login-button   " data-icon-alignment="left">
1605      
1606      <span class="cta-text body-copy-rg">Login</span>
1607      
1608      
1609      
1610    </button>
1611  
1612          </div>
1613        
1614    <footer class="form-content-footer">
1615      <p class="body-copy-s">  </p>
1616      <a class="body-copy-s footer-link" href="#">
1617          
1618      </a>
1619    </footer>
1620  </section>
1621
1622
1623        
1624        
1625        
1626
1627  <section data-component="m31-form-content" class="m31-form-content" data-state="forgot-password">
1628    <header class="form-content-header">
1629      
1630  <span class="icon title-icon" data-component="icon" data-icon="password-illustration"></span>
1631
1632      <p class="header-04 title">Forgotten your password?</p>
1633    </header>
1634    
1635          
1636     
1637  <div class="m38-forgot-password-form" data-component="m38-forgot-password-form">
1638    <p class="body-copy-s forgot-title">Please enter email address associated to your account</p>
1639    <form class="forgot-password-form js-form" action="/bin/api/forgot-password?domainCode=ezadlx&page=/content/akzonobel-flourish/dulux/za/en/products" method="POST" novalidate>
1640      
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653 
1654 
1655
1656    
1657
1658    
1659
1660    
1661
1662    
1663
1664    
1665
1666    
1667
1668
1669<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
1670 <div class="input-wrapper">
1671   
1672   <label class="text-label body-copy-s">
1673     Email
1674     
1675       <span class="required">*</span>
1676     
1677   </label>
1678   <div class="wrapper">
1679     <input type="email" class="text-input js-text-input js-input body-copy-s input" name="email" placeholder="Enter your email address" data-required="true" autocomplete="username"/>           
1680     
1681   </div>
1682  </div>
1683</div>
1684
1685      
1686      
1687    
1688    
1689    
1690    
1691    
1692    
1693    
1694    
1695    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
1696              js-submit   " data-icon-alignment="left">
1697      
1698      <span class="cta-text body-copy-rg">Send</span>
1699      
1700      
1701      
1702    </button>
1703  
1704    </form>
1705  </div>
1706
1707        
1708    <footer class="form-content-footer">
1709      <p class="body-copy-s"></p>
1710      <button class="body-copy-s footer-link" data-target="login">
1711        Back to Login
1712      </button>
1713    </footer>
1714  </section>
1715
1716
1717        
1718        
1719        
1720
1721  <section data-component="m31-form-content" class="m31-form-content" data-state="change-password-success">
1722    <header class="form-content-header">
1723      
1724      <p class="header-04 title">Change Password</p>
1725    </header>
1726    
1727          <div class="base-content">
1728            <p class="body-copy-s base-description">Password changed successfully.</p>
1729            
1730            
1731    
1732    
1733    
1734    
1735    
1736    
1737    
1738    
1739    <button data-component="a122-primary-button" class="a122-primary-button  
1740              js-login-button   " data-icon-alignment="left">
1741      
1742      <span class="cta-text body-copy-rg">Back to my account</span>
1743      
1744      
1745      
1746    </button>
1747  
1748          </div>
1749        
1750    
1751  </section>
1752
1753
1754        
1755        
1756        
1757
1758  <section data-component="m31-form-content" class="m31-form-content" data-state="email-sent">
1759    <header class="form-content-header">
1760      
1761  <span class="icon title-icon" data-component="icon" data-icon="plane-illustration"></span>
1762
1763      <p class="header-04 title">Request sent!</p>
1764    </header>
1765    
1766          <div class="base-content">
1767            <p class="body-copy-s base-description js-sent-message" data-description="You should receive an email with instructions to reset your password shortly."></p>
1768            
1769    
1770    
1771    
1772    
1773    
1774    
1775    
1776    
1777    <button data-component="a122-primary-button" class="a122-primary-button  
1778              js-login-button   " data-icon-alignment="left">
1779      
1780      <span class="cta-text body-copy-rg">Back to login</span>
1781      
1782      
1783      
1784    </button>
1785  
1786          </div>
1787        
1788    
1789  </section>
1790
1791
1792
1793        
1794        
1795
1796  <section data-component="m31-form-content" class="m31-form-content" data-state="survey">
1797    <header class="form-content-header">
1798      
1799      <p class="header-04 title">For more tailored inspiration, please fill in the 3 questions below.</p>
1800    </header>
1801    
1802          
1803
1804  
1805  
1806  
1807  
1808  
1809        
1810
1811  <div class="m19-survey-form" data-component="m19-survey-form" data-error>
1812    
1813  <div class="a34-body-copy body-copy-s wysiwyg" data-component="a34-body-copy">
1814    <div class="js-camp-temp-text-color ">
1815      
1816      You need to answer all of the questions before submitting.
1817    </div>
1818    
1819  </div>
1820
1821    <form action="/bin/api/newsletter/subscribe/survey?domainCode=ezadlx&locale=en&path=/content/akzonobel-flourish/dulux/za/en/conf/admin/jcr:content/root/responsivegrid/c36_login_copy_copy" class="js-form" method="POST">
1822      
1823        <fieldset>
1824          <span class="body-copy-rg fieldset-count">1</span>
1825          <p class="blockquote fieldset-title">When are you decorating? (*)</p>
1826          <span class="error-portal error-portal-when"></span>
1827          
1828            
1829              
1830
1831  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="when">
1832    <label class="radio-button-label-wrapper" for="when-In the next month">
1833      <span class="radio-button-label-title body-copy-s">In the next month</span>
1834      <input type="radio" name="when" id="when-In the next month" data-value="In the next month" value="In the next month" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
1835      <div class="radio-button-custom-indicator"></div>
1836    </label>
1837  </div>
1838
1839            
1840            
1841          
1842            
1843              
1844
1845  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="when">
1846    <label class="radio-button-label-wrapper" for="when-From 1-3 months">
1847      <span class="radio-button-label-title body-copy-s">From 1-3 months</span>
1848      <input type="radio" name="when" id="when-From 1-3 months" data-value="From 1-3 months" value="From 1-3 months" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
1849      <div class="radio-button-custom-indicator"></div>
1850    </label>
1851  </div>
1852
1853            
1854            
1855          
1856            
1857              
1858
1859  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="when">
1860    <label class="radio-button-label-wrapper" for="when-From 3-6 months">
1861      <span class="radio-button-label-title body-copy-s">From 3-6 months</span>
1862      <input type="radio" name="when" id="when-From 3-6 months" data-value="From 3-6 months" value="From 3-6 months" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
1863      <div class="radio-button-custom-indicator"></div>
1864    </label>
1865  </div>
1866
1867            
1868            
1869          
1870            
1871              
1872
1873  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="when">
1874    <label class="radio-button-label-wrapper" for="when-After 6 months">
1875      <span class="radio-button-label-title body-copy-s">After 6 months</span>
1876      <input type="radio" name="when" id="when-After 6 months" data-value="After 6 months" value="After 6 months" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
1877      <div class="radio-button-custom-indicator"></div>
1878    </label>
1879  </div>
1880
1881            
1882            
1883          
1884        </fieldset>
1885      
1886        <fieldset>
1887          <span class="body-copy-rg fieldset-count">2</span>
1888          <p class="blockquote fieldset-title">What are you decorating? (*)</p>
1889          <span class="error-portal error-portal-what"></span>
1890          
1891            
1892            
1893              
1894  
1895  
1896  
1897       
1898  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1899    <label for="what-All" class="checkbox-label-wrapper ">
1900      <input type="checkbox" id="what-All" name="what" class="checkbox-input js-checkbox-input " data-value="All" aria-hidden="true" tabindex="-1" value="All"/>
1901      <span class="checkbox">
1902        <span class="checkbox-icon">
1903          
1904  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1905
1906        </span>
1907      </span>
1908      <span class="checkbox-label-title body-copy-s" data-label="All">
1909        All
1910        
1911        
1912        
1913        
1914      </span>
1915    </label>
1916    
1917  </div>
1918
1919            
1920          
1921            
1922            
1923              
1924  
1925  
1926  
1927       
1928  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1929    <label for="what-Hallway" class="checkbox-label-wrapper ">
1930      <input type="checkbox" id="what-Hallway" name="what" class="checkbox-input js-checkbox-input " data-value="Hallway" aria-hidden="true" tabindex="-1" value="Hallway"/>
1931      <span class="checkbox">
1932        <span class="checkbox-icon">
1933          
1934  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1935
1936        </span>
1937      </span>
1938      <span class="checkbox-label-title body-copy-s" data-label="Hallway">
1939        Hallway
1940        
1941        
1942        
1943        
1944      </span>
1945    </label>
1946    
1947  </div>
1948
1949            
1950          
1951            
1952            
1953              
1954  
1955  
1956  
1957       
1958  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1959    <label for="what-Living room" class="checkbox-label-wrapper ">
1960      <input type="checkbox" id="what-Living room" name="what" class="checkbox-input js-checkbox-input " data-value="Living room" aria-hidden="true" tabindex="-1" value="Living room"/>
1961      <span class="checkbox">
1962        <span class="checkbox-icon">
1963          
1964  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1965
1966        </span>
1967      </span>
1968      <span class="checkbox-label-title body-copy-s" data-label="Living room">
1969        Living room
1970        
1971        
1972        
1973        
1974      </span>
1975    </label>
1976    
1977  </div>
1978
1979            
1980          
1981            
1982            
1983              
1984  
1985  
1986  
1987       
1988  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
1989    <label for="what-Bedroom" class="checkbox-label-wrapper ">
1990      <input type="checkbox" id="what-Bedroom" name="what" class="checkbox-input js-checkbox-input " data-value="Bedroom" aria-hidden="true" tabindex="-1" value="Bedroom"/>
1991      <span class="checkbox">
1992        <span class="checkbox-icon">
1993          
1994  <span class="icon " data-component="icon" data-icon="checkmark"></span>
1995
1996        </span>
1997      </span>
1998      <span class="checkbox-label-title body-copy-s" data-label="Bedroom">
1999        Bedroom
2000        
2001        
2002        
2003        
2004      </span>
2005    </label>
2006    
2007  </div>
2008
2009            
2010          
2011            
2012            
2013              
2014  
2015  
2016  
2017       
2018  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2019    <label for="what-Kitchen" class="checkbox-label-wrapper ">
2020      <input type="checkbox" id="what-Kitchen" name="what" class="checkbox-input js-checkbox-input " data-value="Kitchen" aria-hidden="true" tabindex="-1" value="Kitchen"/>
2021      <span class="checkbox">
2022        <span class="checkbox-icon">
2023          
2024  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2025
2026        </span>
2027      </span>
2028      <span class="checkbox-label-title body-copy-s" data-label="Kitchen">
2029        Kitchen
2030        
2031        
2032        
2033        
2034      </span>
2035    </label>
2036    
2037  </div>
2038
2039            
2040          
2041            
2042            
2043              
2044  
2045  
2046  
2047       
2048  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2049    <label for="what-Bathroom" class="checkbox-label-wrapper ">
2050      <input type="checkbox" id="what-Bathroom" name="what" class="checkbox-input js-checkbox-input " data-value="Bathroom" aria-hidden="true" tabindex="-1" value="Bathroom"/>
2051      <span class="checkbox">
2052        <span class="checkbox-icon">
2053          
2054  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2055
2056        </span>
2057      </span>
2058      <span class="checkbox-label-title body-copy-s" data-label="Bathroom">
2059        Bathroom
2060        
2061        
2062        
2063        
2064      </span>
2065    </label>
2066    
2067  </div>
2068
2069            
2070          
2071            
2072            
2073              
2074  
2075  
2076  
2077       
2078  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2079    <label for="what-Study" class="checkbox-label-wrapper ">
2080      <input type="checkbox" id="what-Study" name="what" class="checkbox-input js-checkbox-input " data-value="Study" aria-hidden="true" tabindex="-1" value="Study"/>
2081      <span class="checkbox">
2082        <span class="checkbox-icon">
2083          
2084  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2085
2086        </span>
2087      </span>
2088      <span class="checkbox-label-title body-copy-s" data-label="Study">
2089        Study
2090        
2091        
2092        
2093        
2094      </span>
2095    </label>
2096    
2097  </div>
2098
2099            
2100          
2101            
2102            
2103              
2104  
2105  
2106  
2107       
2108  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2109    <label for="what-Dining room" class="checkbox-label-wrapper ">
2110      <input type="checkbox" id="what-Dining room" name="what" class="checkbox-input js-checkbox-input " data-value="Dining room" aria-hidden="true" tabindex="-1" value="Dining room"/>
2111      <span class="checkbox">
2112        <span class="checkbox-icon">
2113          
2114  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2115
2116        </span>
2117      </span>
2118      <span class="checkbox-label-title body-copy-s" data-label="Dining room">
2119        Dining room
2120        
2121        
2122        
2123        
2124      </span>
2125    </label>
2126    
2127  </div>
2128
2129            
2130          
2131            
2132            
2133              
2134  
2135  
2136  
2137       
2138  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2139    <label for="what-Outside" class="checkbox-label-wrapper ">
2140      <input type="checkbox" id="what-Outside" name="what" class="checkbox-input js-checkbox-input " data-value="Outside" aria-hidden="true" tabindex="-1" value="Outside"/>
2141      <span class="checkbox">
2142        <span class="checkbox-icon">
2143          
2144  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2145
2146        </span>
2147      </span>
2148      <span class="checkbox-label-title body-copy-s" data-label="Outside">
2149        Outside
2150        
2151        
2152        
2153        
2154      </span>
2155    </label>
2156    
2157  </div>
2158
2159            
2160          
2161            
2162            
2163              
2164  
2165  
2166  
2167       
2168  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2169    <label for="what-Childrens room" class="checkbox-label-wrapper ">
2170      <input type="checkbox" id="what-Childrens room" name="what" class="checkbox-input js-checkbox-input " data-value="Childrens room" aria-hidden="true" tabindex="-1" value="Childrens room"/>
2171      <span class="checkbox">
2172        <span class="checkbox-icon">
2173          
2174  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2175
2176        </span>
2177      </span>
2178      <span class="checkbox-label-title body-copy-s" data-label="Childrens room">
2179        Childrens room
2180        
2181        
2182        
2183        
2184      </span>
2185    </label>
2186    
2187  </div>
2188
2189            
2190          
2191        </fieldset>
2192      
2193        <fieldset>
2194          <span class="body-copy-rg fieldset-count">3</span>
2195          <p class="blockquote fieldset-title">Why are you decorating? (*)</p>
2196          <span class="error-portal error-portal-why"></span>
2197          
2198            
2199              
2200
2201  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="why">
2202    <label class="radio-button-label-wrapper" for="why-I am decorating in order to refresh">
2203      <span class="radio-button-label-title body-copy-s">I am decorating in order to refresh my room style (e.g. lighten/refresh) (functional)</span>
2204      <input type="radio" name="why" id="why-I am decorating in order to refresh" data-value="I am decorating in order to refresh" value="I am decorating in order to refresh" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
2205      <div class="radio-button-custom-indicator"></div>
2206    </label>
2207  </div>
2208
2209            
2210            
2211          
2212            
2213              
2214
2215  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="why">
2216    <label class="radio-button-label-wrapper" for="why-I am decorating in order to change">
2217      <span class="radio-button-label-title body-copy-s">I am decorating in order to change my room style (e.g. modernise) (decorating)</span>
2218      <input type="radio" name="why" id="why-I am decorating in order to change" data-value="I am decorating in order to change" value="I am decorating in order to change" class="radio-button-input " aria-hidden="true" tabindex="-1"/>
2219      <div class="radio-button-custom-indicator"></div>
2220    </label>
2221  </div>
2222
2223            
2224            
2225          
2226        </fieldset>
2227      
2228      <input type="hidden" value="" name="email" class="js-email-input"/>
2229      <p class="body-copy-s error-message js-error-message"> </p>
2230
2231      
2232    
2233    
2234    
2235    
2236    
2237    
2238    
2239    
2240    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
2241              login-button js-submit   " data-icon-alignment="left">
2242      
2243      <span class="cta-text body-copy-rg"> Submit</span>
2244      
2245      
2246      
2247    </button>
2248  
2249    </form>
2250  </div>
2251
2252
2253
2254        
2255    
2256  </section>
2257
2258
2259        
2260        
2261
2262  <section data-component="m31-form-content" class="m31-form-content" data-state="survey-success">
2263    <header class="form-content-header">
2264      
2265  <span class="icon title-icon" data-component="icon" data-icon="newsletter-illustration"></span>
2266
2267      <p class="header-04 title">Thanks!</p>
2268    </header>
2269    
2270          <div class="base-content">
2271            <p class="body-copy-s base-description">
2272              Our latest tips and inspirations are on their way to your mailbox</p>
2273          </div>
2274        
2275    
2276  </section>
2277
2278
2279          
2280        
2281      
2282      
2283      
2284
2285  <section data-component="m31-form-content" class="m31-form-content" data-state="delete-account">
2286    <header class="form-content-header">
2287      
2288      <p class="header-04 title">Delete Account</p>
2289    </header>
2290    
2291      
2292     
2293     
2294     <div class="m118-delete-account-form" data-component="m118-delete-account-form" data-success-message="Your account and data will be deleted in 3 days.">
2295    <form class="delete-acccount-form js-form" action="/bin/api/delete?domainCode=ezadlx&page=/content/akzonobel-flourish/dulux/za/en/products" method="POST" novalidate>
2296          
2297
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307
2308
2309 
2310 
2311
2312    
2313
2314    
2315
2316    
2317
2318    
2319
2320    
2321
2322    
2323
2324
2325<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
2326 <div class="input-wrapper">
2327   
2328   
2329   <div class="wrapper">
2330     <input type="hidden" class="text-input js-text-input js-input body-copy-s input" name="sessionId"/>           
2331     
2332   </div>
2333  </div>
2334</div>
2335
2336          
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349 
2350 
2351
2352    
2353
2354    
2355
2356    
2357
2358    
2359
2360    
2361
2362    
2363
2364
2365<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
2366 <div class="input-wrapper">
2367   
2368   
2369   <div class="wrapper">
2370     <input type="hidden" class="text-input js-text-input js-input body-copy-s input" name="userId"/>           
2371     
2372   </div>
2373  </div>
2374</div>
2375
2376          
2377            
2378     		<p class="body-copy-s">Deleting your account will permanently delete all of your saved data.</p>
2379          <div class="cta-wrapper">
2380            <div class="cta-container">
2381            
2382            
2383            
2384    
2385    
2386    
2387    
2388    
2389    
2390    
2391    
2392    <button data-component="a122-primary-button" type="button" class="a122-primary-button  
2393              js-close-button   " data-icon-alignment="left">
2394      
2395      
2396      <span class="cta-text body-copy-rg">Cancel</span>
2397      
2398      
2399    </button>
2400  
2401
2402           
2403           
2404           
2405    
2406    
2407    
2408    
2409    
2410    
2411    
2412    
2413    
2414  
2415    <button data-component="a126-secondary-button" class="a126-secondary-button  
2416              js-confirm-button js-submit
2417            " type="submit" target="_self">
2418      
2419      
2420      <span class="cta-text body-copy-rg">Delete</span>
2421    </button>
2422  
2423              </div>
2424        </div>
2425    </form>
2426  </div>
2427
2428      
2429    
2430  </section>
2431
2432
2433      </div>
2434    </div>
2435</section>
2436
2437
2438
2439    
2440    
2441
2442
2443    
2444
2445
2446<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
2447    
2448    <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12">
2449
2450
2451<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
2452    
2453    <div class="c27-product-listing aem-GridColumn aem-GridColumn--default--12">
2454
2455
2456<section data-component="c27-product-listing" data-id="c27_product_listing-862219055" class="c27-product-listing cp-top-spacing-default cp-bottom-spacing-default style-default" data-base-path="/en/products/filters" data-no-filter-path="/en/products" data-url-pattern="/:roomTypes?/:positions?/:productTypes?/:surfaces?/:numberOfComponents?/:applicationObject?/:aggregatedFunctions?/:aggregatedFinishEffects?/:substrateSubTypes?/:systemType?/:aggregatedCuringMethods?/:sheens?/:sheen?/:fieldOfApplication?/:colorTypes?/:substrates?/:regions?/:carParts?/:subBrands?/:applicationGroups?/:oem?/:brands?/:category?/:subCategory?/:features?/:composition?/:trends?/:cccId?/:page?/:search?/:productChemistry?/:volumeSolids?/:vocEpa24?/:glossGroup?/:solventTechnology?/:fireTypes?/:certifications?/:maximumFireDuration?/:applicationTypes?/:seriesName?/:passiveFireProtection?/:applicationObjects?" data-scroll-component>
2457  
2458
2459  <div class="content-wrapper">
2460    <div class="grid">
2461      
2462    </div>
2463    <div class="grid">
2464      <div class="col col-12 col-m-4 col-l-3">
2465        
2466
2467  <div class="m18-horizontal-filters vertical-filters" data-component="m18-horizontal-filters" data-tracking-name="product listing">
2468    <div class="show-filter-button">
2469      
2470    
2471    
2472    
2473    
2474    
2475    
2476    
2477    
2478    <button data-component="a122-primary-button" class="a122-primary-button  
2479              js-filter-button   " data-icon-alignment="left">
2480      
2481  <span class="icon js-filter-button" data-component="icon" data-icon="settings"></span>
2482
2483      
2484      <span class="cta-text body-copy-rg">Filters</span>
2485      
2486      
2487    </button>
2488  
2489    </div>
2490    <div class="horizontal-filters-wrapper js-filter-wrapper">
2491      <div class="filters-title">
2492        
2493  
2494  
2495  
2496  
2497  
2498  
2499  
2500
2501  <div class="a1-heading" data-component="a1-heading" style="color: ">
2502    <div class="js-camp-temp-heading-text">
2503      
2504      <h1 class="heading-title header-03" data-transition-item>
2505        
2506        
2507          
2508          
2509            Filter
2510          
2511        
2512      </h1>
2513      
2514      
2515  </div>
2516  </div>
2517  
2518
2519        
2520  <span class="icon close-button js-close-filter-button" data-component="icon" data-icon="cross"></span>
2521
2522
2523        
2524  
2525  
2526  
2527
2528  <button class="a2-text-link clear-cta body-copy-s js-clear-button  " data-component="a2-text-link" data-label="Clear All" target="_self">
2529    
2530    
2531    <div class="text-link-label ">
2532      
2533      <span>Clear All</span>
2534    </div>
2535    
2536    
2537    
2538  </button>
2539
2540      </div>
2541      <div class="horizontal-filters-inner-wrapper js-inner-filter-wrapper">
2542        <form data-layout="vertical" class="js-form">
2543          
2544            
2545
2546  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="checkbox" data-tracking-name="product listing">
2547    <div class="select-menu-wrapper body-copy-rg">
2548      <button class="select-menu-label js-label" type="button">
2549        Position
2550        
2551  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
2552
2553        <span class="selected-amount body-copy-xs js-selected-amount"></span>
2554      </button>
2555      <div class="select-menu-list js-select-menu-list" inert>
2556        
2557
2558        <div class="select-menu-list-wrapper">
2559            
2560
2561          <div class="select-menu-list-inner" tabindex="0">
2562              
2563            
2564
2565            
2566              <div class="select-menu-option">
2567                
2568  
2569  
2570  
2571       
2572  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2573    <label for="positions-Exterior" class="checkbox-label-wrapper ">
2574      <input type="checkbox" id="positions-Exterior" name="positions" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Exterior" aria-hidden="true" tabindex="-1" value="Exterior"/>
2575      <span class="checkbox">
2576        <span class="checkbox-icon">
2577          
2578  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2579
2580        </span>
2581      </span>
2582      <span class="checkbox-label-title body-copy-s" data-label="Exterior">
2583        Exterior
2584        
2585        
2586        
2587        
2588      </span>
2589    </label>
2590    
2591  </div>
2592
2593                  
2594                    
2595              </div>
2596            
2597              <div class="select-menu-option">
2598                
2599  
2600  
2601  
2602       
2603  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
2604    <label for="positions-Interior" class="checkbox-label-wrapper ">
2605      <input type="checkbox" id="positions-Interior" name="positions" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Interior" aria-hidden="true" tabindex="-1" value="Interior"/>
2606      <span class="checkbox">
2607        <span class="checkbox-icon">
2608          
2609  <span class="icon " data-component="icon" data-icon="checkmark"></span>
2610
2611        </span>
2612      </span>
2613      <span class="checkbox-label-title body-copy-s" data-label="Interior">
2614        Interior
2615        
2616        
2617        
2618        
2619      </span>
2620    </label>
2621    
2622  </div>
2623
2624                  
2625                    
2626              </div>
2627            
2628            
2629
2630          </div>
2631        </div>
2632      </div>
2633    </div>
2634  </div>
2635
2636          
2637            
2638
2639  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="radio" data-tracking-name="product listing">
2640    <div class="select-menu-wrapper body-copy-rg">
2641      <button class="select-menu-label js-label" type="button">
2642        brands
2643        
2644  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
2645
2646        <span class="selected-amount body-copy-xs js-selected-amount"></span>
2647      </button>
2648      <div class="select-menu-list js-select-menu-list" inert>
2649        
2650
2651        <div class="select-menu-list-wrapper">
2652            
2653
2654          <div class="select-menu-list-inner" tabindex="0">
2655              
2656            
2657              <div class="select-menu-option" data-id="All">
2658                
2659
2660  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2661    <label class="radio-button-label-wrapper" for="brands-all">
2662      <span class="radio-button-label-title body-copy-s">All</span>
2663      <input type="radio" name="brands" id="brands-all" data-value="all" value="all" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" checked/>
2664      <div class="radio-button-custom-indicator"></div>
2665    </label>
2666  </div>
2667
2668              </div>
2669            
2670              <div class="select-menu-option" data-id="Dulux">
2671                
2672
2673  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2674    <label class="radio-button-label-wrapper" for="brands-Dulux">
2675      <span class="radio-button-label-title body-copy-s">Dulux</span>
2676      <input type="radio" name="brands" id="brands-Dulux" data-value="Dulux" value="Dulux" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2677      <div class="radio-button-custom-indicator"></div>
2678    </label>
2679  </div>
2680
2681              </div>
2682            
2683              <div class="select-menu-option" data-id="Dulux Pre-paint">
2684                
2685
2686  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2687    <label class="radio-button-label-wrapper" for="brands-Dulux-Pre-paint">
2688      <span class="radio-button-label-title body-copy-s">Dulux Pre-paint</span>
2689      <input type="radio" name="brands" id="brands-Dulux-Pre-paint" data-value="Dulux-Pre-paint" value="Dulux-Pre-paint" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2690      <div class="radio-button-custom-indicator"></div>
2691    </label>
2692  </div>
2693
2694              </div>
2695            
2696              <div class="select-menu-option" data-id="Dulux Trade">
2697                
2698
2699  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2700    <label class="radio-button-label-wrapper" for="brands-Dulux-Trade">
2701      <span class="radio-button-label-title body-copy-s">Dulux Trade</span>
2702      <input type="radio" name="brands" id="brands-Dulux-Trade" data-value="Dulux-Trade" value="Dulux-Trade" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2703      <div class="radio-button-custom-indicator"></div>
2704    </label>
2705  </div>
2706
2707              </div>
2708            
2709              <div class="select-menu-option" data-id="Hammerite">
2710                
2711
2712  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2713    <label class="radio-button-label-wrapper" for="brands-Hammerite">
2714      <span class="radio-button-label-title body-copy-s">Hammerite</span>
2715      <input type="radio" name="brands" id="brands-Hammerite" data-value="Hammerite" value="Hammerite" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2716      <div class="radio-button-custom-indicator"></div>
2717    </label>
2718  </div>
2719
2720              </div>
2721            
2722              <div class="select-menu-option" data-id="Maxicover">
2723                
2724
2725  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2726    <label class="radio-button-label-wrapper" for="brands-Maxicover">
2727      <span class="radio-button-label-title body-copy-s">Maxicover</span>
2728      <input type="radio" name="brands" id="brands-Maxicover" data-value="Maxicover" value="Maxicover" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2729      <div class="radio-button-custom-indicator"></div>
2730    </label>
2731  </div>
2732
2733              </div>
2734            
2735              <div class="select-menu-option" data-id="Rockgrip">
2736                
2737
2738  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2739    <label class="radio-button-label-wrapper" for="brands-Rockgrip">
2740      <span class="radio-button-label-title body-copy-s">Rockgrip</span>
2741      <input type="radio" name="brands" id="brands-Rockgrip" data-value="Rockgrip" value="Rockgrip" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2742      <div class="radio-button-custom-indicator"></div>
2743    </label>
2744  </div>
2745
2746              </div>
2747            
2748              <div class="select-menu-option" data-id="Woodgard">
2749                
2750
2751  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="brands">
2752    <label class="radio-button-label-wrapper" for="brands-Woodgard">
2753      <span class="radio-button-label-title body-copy-s">Woodgard</span>
2754      <input type="radio" name="brands" id="brands-Woodgard" data-value="Woodgard" value="Woodgard" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2755      <div class="radio-button-custom-indicator"></div>
2756    </label>
2757  </div>
2758
2759              </div>
2760            
2761
2762            
2763            
2764
2765          </div>
2766        </div>
2767      </div>
2768    </div>
2769  </div>
2770
2771          
2772            
2773
2774  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="radio" data-tracking-name="product listing">
2775    <div class="select-menu-wrapper body-copy-rg">
2776      <button class="select-menu-label js-label" type="button">
2777        Product type
2778        
2779  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
2780
2781        <span class="selected-amount body-copy-xs js-selected-amount"></span>
2782      </button>
2783      <div class="select-menu-list js-select-menu-list" inert>
2784        
2785
2786        <div class="select-menu-list-wrapper">
2787            
2788
2789          <div class="select-menu-list-inner" tabindex="0">
2790              
2791            
2792              <div class="select-menu-option" data-id="Bonding liquid">
2793                
2794
2795  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2796    <label class="radio-button-label-wrapper" for="productTypes-Bonding-liquid">
2797      <span class="radio-button-label-title body-copy-s">Bonding liquid</span>
2798      <input type="radio" name="productTypes" id="productTypes-Bonding-liquid" data-value="Bonding-liquid" value="Bonding-liquid" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2799      <div class="radio-button-custom-indicator"></div>
2800    </label>
2801  </div>
2802
2803              </div>
2804            
2805              <div class="select-menu-option" data-id="Cleaner">
2806                
2807
2808  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2809    <label class="radio-button-label-wrapper" for="productTypes-Cleaner">
2810      <span class="radio-button-label-title body-copy-s">Cleaner</span>
2811      <input type="radio" name="productTypes" id="productTypes-Cleaner" data-value="Cleaner" value="Cleaner" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2812      <div class="radio-button-custom-indicator"></div>
2813    </label>
2814  </div>
2815
2816              </div>
2817            
2818              <div class="select-menu-option" data-id="Clear varnishes">
2819                
2820
2821  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2822    <label class="radio-button-label-wrapper" for="productTypes-Clear-varnishes">
2823      <span class="radio-button-label-title body-copy-s">Clear varnishes</span>
2824      <input type="radio" name="productTypes" id="productTypes-Clear-varnishes" data-value="Clear-varnishes" value="Clear-varnishes" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2825      <div class="radio-button-custom-indicator"></div>
2826    </label>
2827  </div>
2828
2829              </div>
2830            
2831              <div class="select-menu-option" data-id="Equaliser">
2832                
2833
2834  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
2835    <label class="radio-button-label-wrapper" for="productTypes-Equaliser">
2836      <span class="radio-button-label-title body-copy-s">Equaliser</span>
2837      <input type="radio" name="productTypes" id="productTypes-Equaliser" data-value="Equaliser" value="Equaliser" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
2838      <div class="radio-button-custom-indicator"></div>
2839    </label>
2840  </div>
2841
2842              </div>
2843            
2844              <div class="select-menu-option" data-id="Filler">
2845                
2846
2847  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2848    <label class="radio-button-label-wrapper" for="productTypes-Filler">
2849      <span class="radio-button-label-title body-copy-s">Filler</span>
2850      <input type="radio" name="productTypes" id="productTypes-Filler" data-value="Filler" value="Filler" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2851      <div class="radio-button-custom-indicator"></div>
2852    </label>
2853  </div>
2854
2855              </div>
2856            
2857              <div class="select-menu-option" data-id="Lacquer">
2858                
2859
2860  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
2861    <label class="radio-button-label-wrapper" for="productTypes-Lacquer">
2862      <span class="radio-button-label-title body-copy-s">Lacquer</span>
2863      <input type="radio" name="productTypes" id="productTypes-Lacquer" data-value="Lacquer" value="Lacquer" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
2864      <div class="radio-button-custom-indicator"></div>
2865    </label>
2866  </div>
2867
2868              </div>
2869            
2870              <div class="select-menu-option" data-id="Marker">
2871                
2872
2873  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2874    <label class="radio-button-label-wrapper" for="productTypes-Marker">
2875      <span class="radio-button-label-title body-copy-s">Marker</span>
2876      <input type="radio" name="productTypes" id="productTypes-Marker" data-value="Marker" value="Marker" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2877      <div class="radio-button-custom-indicator"></div>
2878    </label>
2879  </div>
2880
2881              </div>
2882            
2883              <div class="select-menu-option" data-id="Metal paint">
2884                
2885
2886  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
2887    <label class="radio-button-label-wrapper" for="productTypes-Metal-paint">
2888      <span class="radio-button-label-title body-copy-s">Metal paint</span>
2889      <input type="radio" name="productTypes" id="productTypes-Metal-paint" data-value="Metal-paint" value="Metal-paint" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
2890      <div class="radio-button-custom-indicator"></div>
2891    </label>
2892  </div>
2893
2894              </div>
2895            
2896              <div class="select-menu-option" data-id="Other">
2897                
2898
2899  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2900    <label class="radio-button-label-wrapper" for="productTypes-Other">
2901      <span class="radio-button-label-title body-copy-s">Other</span>
2902      <input type="radio" name="productTypes" id="productTypes-Other" data-value="Other" value="Other" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2903      <div class="radio-button-custom-indicator"></div>
2904    </label>
2905  </div>
2906
2907              </div>
2908            
2909              <div class="select-menu-option" data-id="Paint">
2910                
2911
2912  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2913    <label class="radio-button-label-wrapper" for="productTypes-Paint">
2914      <span class="radio-button-label-title body-copy-s">Paint</span>
2915      <input type="radio" name="productTypes" id="productTypes-Paint" data-value="Paint" value="Paint" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2916      <div class="radio-button-custom-indicator"></div>
2917    </label>
2918  </div>
2919
2920              </div>
2921            
2922              <div class="select-menu-option" data-id="Primer">
2923                
2924
2925  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2926    <label class="radio-button-label-wrapper" for="productTypes-Primer">
2927      <span class="radio-button-label-title body-copy-s">Primer</span>
2928      <input type="radio" name="productTypes" id="productTypes-Primer" data-value="Primer" value="Primer" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2929      <div class="radio-button-custom-indicator"></div>
2930    </label>
2931  </div>
2932
2933              </div>
2934            
2935              <div class="select-menu-option" data-id="Sealer">
2936                
2937
2938  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2939    <label class="radio-button-label-wrapper" for="productTypes-Sealer">
2940      <span class="radio-button-label-title body-copy-s">Sealer</span>
2941      <input type="radio" name="productTypes" id="productTypes-Sealer" data-value="Sealer" value="Sealer" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2942      <div class="radio-button-custom-indicator"></div>
2943    </label>
2944  </div>
2945
2946              </div>
2947            
2948              <div class="select-menu-option" data-id="Special product">
2949                
2950
2951  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2952    <label class="radio-button-label-wrapper" for="productTypes-Special-product">
2953      <span class="radio-button-label-title body-copy-s">Special product</span>
2954      <input type="radio" name="productTypes" id="productTypes-Special-product" data-value="Special-product" value="Special-product" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2955      <div class="radio-button-custom-indicator"></div>
2956    </label>
2957  </div>
2958
2959              </div>
2960            
2961              <div class="select-menu-option" data-id="Spray Paint">
2962                
2963
2964  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2965    <label class="radio-button-label-wrapper" for="productTypes-Spray-Paint">
2966      <span class="radio-button-label-title body-copy-s">Spray Paint</span>
2967      <input type="radio" name="productTypes" id="productTypes-Spray-Paint" data-value="Spray-Paint" value="Spray-Paint" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2968      <div class="radio-button-custom-indicator"></div>
2969    </label>
2970  </div>
2971
2972              </div>
2973            
2974              <div class="select-menu-option" data-id="Trim">
2975                
2976
2977  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2978    <label class="radio-button-label-wrapper" for="productTypes-Trim">
2979      <span class="radio-button-label-title body-copy-s">Trim</span>
2980      <input type="radio" name="productTypes" id="productTypes-Trim" data-value="Trim" value="Trim" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2981      <div class="radio-button-custom-indicator"></div>
2982    </label>
2983  </div>
2984
2985              </div>
2986            
2987              <div class="select-menu-option" data-id="Undercoat">
2988                
2989
2990  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
2991    <label class="radio-button-label-wrapper" for="productTypes-Undercoat">
2992      <span class="radio-button-label-title body-copy-s">Undercoat</span>
2993      <input type="radio" name="productTypes" id="productTypes-Undercoat" data-value="Undercoat" value="Undercoat" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
2994      <div class="radio-button-custom-indicator"></div>
2995    </label>
2996  </div>
2997
2998              </div>
2999            
3000              <div class="select-menu-option" data-id="Waterproofing">
3001                
3002
3003  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
3004    <label class="radio-button-label-wrapper" for="productTypes-Waterproofing">
3005      <span class="radio-button-label-title body-copy-s">Waterproofing</span>
3006      <input type="radio" name="productTypes" id="productTypes-Waterproofing" data-value="Waterproofing" value="Waterproofing" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
3007      <div class="radio-button-custom-indicator"></div>
3008    </label>
3009  </div>
3010
3011              </div>
3012            
3013              <div class="select-menu-option" data-id="Wood lacquer">
3014                
3015
3016  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="productTypes">
3017    <label class="radio-button-label-wrapper" for="productTypes-Wood-lacquer">
3018      <span class="radio-button-label-title body-copy-s">Wood lacquer</span>
3019      <input type="radio" name="productTypes" id="productTypes-Wood-lacquer" data-value="Wood-lacquer" value="Wood-lacquer" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3020      <div class="radio-button-custom-indicator"></div>
3021    </label>
3022  </div>
3023
3024              </div>
3025            
3026              <div class="select-menu-option" data-id="Wood Paint">
3027                
3028
3029  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
3030    <label class="radio-button-label-wrapper" for="productTypes-Wood-Paint">
3031      <span class="radio-button-label-title body-copy-s">Wood Paint</span>
3032      <input type="radio" name="productTypes" id="productTypes-Wood-Paint" data-value="Wood-Paint" value="Wood-Paint" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
3033      <div class="radio-button-custom-indicator"></div>
3034    </label>
3035  </div>
3036
3037              </div>
3038            
3039              <div class="select-menu-option" data-id="Wood treatment">
3040                
3041
3042  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="productTypes">
3043    <label class="radio-button-label-wrapper" for="productTypes-Wood-treatment">
3044      <span class="radio-button-label-title body-copy-s">Wood treatment</span>
3045      <input type="radio" name="productTypes" id="productTypes-Wood-treatment" data-value="Wood-treatment" value="Wood-treatment" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
3046      <div class="radio-button-custom-indicator"></div>
3047    </label>
3048  </div>
3049
3050              </div>
3051            
3052
3053            
3054            
3055
3056          </div>
3057        </div>
3058      </div>
3059    </div>
3060  </div>
3061
3062          
3063            
3064
3065  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="radio" data-tracking-name="product listing">
3066    <div class="select-menu-wrapper body-copy-rg">
3067      <button class="select-menu-label js-label" type="button">
3068        Location
3069        
3070  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
3071
3072        <span class="selected-amount body-copy-xs js-selected-amount"></span>
3073      </button>
3074      <div class="select-menu-list js-select-menu-list" inert>
3075        
3076
3077        <div class="select-menu-list-wrapper">
3078            
3079
3080          <div class="select-menu-list-inner" tabindex="0">
3081              
3082            
3083              <div class="select-menu-option" data-id="Bathroom">
3084                
3085
3086  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3087    <label class="radio-button-label-wrapper" for="roomTypes-Bathroom">
3088      <span class="radio-button-label-title body-copy-s">Bathroom</span>
3089      <input type="radio" name="roomTypes" id="roomTypes-Bathroom" data-value="Bathroom" value="Bathroom" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3090      <div class="radio-button-custom-indicator"></div>
3091    </label>
3092  </div>
3093
3094              </div>
3095            
3096              <div class="select-menu-option" data-id="Bedroom">
3097                
3098
3099  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3100    <label class="radio-button-label-wrapper" for="roomTypes-Bedroom">
3101      <span class="radio-button-label-title body-copy-s">Bedroom</span>
3102      <input type="radio" name="roomTypes" id="roomTypes-Bedroom" data-value="Bedroom" value="Bedroom" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3103      <div class="radio-button-custom-indicator"></div>
3104    </label>
3105  </div>
3106
3107              </div>
3108            
3109              <div class="select-menu-option" data-id="Children&#39;s room">
3110                
3111
3112  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3113    <label class="radio-button-label-wrapper" for="roomTypes-Children&#39;s-room">
3114      <span class="radio-button-label-title body-copy-s">Children&#39;s room</span>
3115      <input type="radio" name="roomTypes" id="roomTypes-Children&#39;s-room" data-value="Children&#39;s-room" value="Children&#39;s-room" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3116      <div class="radio-button-custom-indicator"></div>
3117    </label>
3118  </div>
3119
3120              </div>
3121            
3122              <div class="select-menu-option" data-id="Dining room">
3123                
3124
3125  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3126    <label class="radio-button-label-wrapper" for="roomTypes-Dining-room">
3127      <span class="radio-button-label-title body-copy-s">Dining room</span>
3128      <input type="radio" name="roomTypes" id="roomTypes-Dining-room" data-value="Dining-room" value="Dining-room" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3129      <div class="radio-button-custom-indicator"></div>
3130    </label>
3131  </div>
3132
3133              </div>
3134            
3135              <div class="select-menu-option" data-id="Hallway">
3136                
3137
3138  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3139    <label class="radio-button-label-wrapper" for="roomTypes-Hallway">
3140      <span class="radio-button-label-title body-copy-s">Hallway</span>
3141      <input type="radio" name="roomTypes" id="roomTypes-Hallway" data-value="Hallway" value="Hallway" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3142      <div class="radio-button-custom-indicator"></div>
3143    </label>
3144  </div>
3145
3146              </div>
3147            
3148              <div class="select-menu-option" data-id="Home office">
3149                
3150
3151  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3152    <label class="radio-button-label-wrapper" for="roomTypes-Home-office">
3153      <span class="radio-button-label-title body-copy-s">Home office</span>
3154      <input type="radio" name="roomTypes" id="roomTypes-Home-office" data-value="Home-office" value="Home-office" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3155      <div class="radio-button-custom-indicator"></div>
3156    </label>
3157  </div>
3158
3159              </div>
3160            
3161              <div class="select-menu-option" data-id="Kitchen">
3162                
3163
3164  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3165    <label class="radio-button-label-wrapper" for="roomTypes-Kitchen">
3166      <span class="radio-button-label-title body-copy-s">Kitchen</span>
3167      <input type="radio" name="roomTypes" id="roomTypes-Kitchen" data-value="Kitchen" value="Kitchen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3168      <div class="radio-button-custom-indicator"></div>
3169    </label>
3170  </div>
3171
3172              </div>
3173            
3174              <div class="select-menu-option" data-id="Living room">
3175                
3176
3177  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="roomTypes">
3178    <label class="radio-button-label-wrapper" for="roomTypes-Living-room">
3179      <span class="radio-button-label-title body-copy-s">Living room</span>
3180      <input type="radio" name="roomTypes" id="roomTypes-Living-room" data-value="Living-room" value="Living-room" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
3181      <div class="radio-button-custom-indicator"></div>
3182    </label>
3183  </div>
3184
3185              </div>
3186            
3187
3188            
3189            
3190
3191          </div>
3192        </div>
3193      </div>
3194    </div>
3195  </div>
3196
3197          
3198            
3199
3200  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="checkbox" data-tracking-name="product listing">
3201    <div class="select-menu-wrapper body-copy-rg">
3202      <button class="select-menu-label js-label" type="button">
3203        Surface
3204        
3205  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
3206
3207        <span class="selected-amount body-copy-xs js-selected-amount"></span>
3208      </button>
3209      <div class="select-menu-list js-select-menu-list" inert>
3210        
3211
3212        <div class="select-menu-list-wrapper">
3213            
3214
3215          <div class="select-menu-list-inner" tabindex="0">
3216              
3217            
3218
3219            
3220              <div class="select-menu-option">
3221                
3222  
3223  
3224  
3225       
3226  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3227    <label for="surfaces-Aluminium" class="checkbox-label-wrapper ">
3228      <input type="checkbox" id="surfaces-Aluminium" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Aluminium" aria-hidden="true" tabindex="-1" value="Aluminium"/>
3229      <span class="checkbox">
3230        <span class="checkbox-icon">
3231          
3232  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3233
3234        </span>
3235      </span>
3236      <span class="checkbox-label-title body-copy-s" data-label="Aluminium">
3237        Aluminium
3238        
3239        
3240        
3241        
3242      </span>
3243    </label>
3244    
3245  </div>
3246
3247                  
3248                    
3249              </div>
3250            
3251              <div class="select-menu-option">
3252                
3253  
3254  
3255  
3256       
3257  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3258    <label for="surfaces-Benches" class="checkbox-label-wrapper ">
3259      <input type="checkbox" id="surfaces-Benches" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Benches" aria-hidden="true" tabindex="-1" value="Benches"/>
3260      <span class="checkbox">
3261        <span class="checkbox-icon">
3262          
3263  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3264
3265        </span>
3266      </span>
3267      <span class="checkbox-label-title body-copy-s" data-label="Benches">
3268        Benches
3269        
3270        
3271        
3272        
3273      </span>
3274    </label>
3275    
3276  </div>
3277
3278                  
3279                    
3280              </div>
3281            
3282              <div class="select-menu-option">
3283                
3284  
3285  
3286  
3287       
3288  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3289    <label for="surfaces-Bluestone" class="checkbox-label-wrapper ">
3290      <input type="checkbox" id="surfaces-Bluestone" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Bluestone" aria-hidden="true" tabindex="-1" value="Bluestone"/>
3291      <span class="checkbox">
3292        <span class="checkbox-icon">
3293          
3294  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3295
3296        </span>
3297      </span>
3298      <span class="checkbox-label-title body-copy-s" data-label="Bluestone">
3299        Bluestone
3300        
3301        
3302        
3303        
3304      </span>
3305    </label>
3306    
3307  </div>
3308
3309                  
3310                    
3311              </div>
3312            
3313              <div class="select-menu-option">
3314                
3315  
3316  
3317  
3318       
3319  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3320    <label for="surfaces-Brick" class="checkbox-label-wrapper ">
3321      <input type="checkbox" id="surfaces-Brick" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Brick" aria-hidden="true" tabindex="-1" value="Brick"/>
3322      <span class="checkbox">
3323        <span class="checkbox-icon">
3324          
3325  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3326
3327        </span>
3328      </span>
3329      <span class="checkbox-label-title body-copy-s" data-label="Brick">
3330        Brick
3331        
3332        
3333        
3334        
3335      </span>
3336    </label>
3337    
3338  </div>
3339
3340                  
3341                    
3342              </div>
3343            
3344              <div class="select-menu-option">
3345                
3346  
3347  
3348  
3349       
3350  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3351    <label for="surfaces-Ceilings" class="checkbox-label-wrapper ">
3352      <input type="checkbox" id="surfaces-Ceilings" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Ceilings" aria-hidden="true" tabindex="-1" value="Ceilings"/>
3353      <span class="checkbox">
3354        <span class="checkbox-icon">
3355          
3356  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3357
3358        </span>
3359      </span>
3360      <span class="checkbox-label-title body-copy-s" data-label="Ceilings">
3361        Ceilings
3362        
3363        
3364        
3365        
3366      </span>
3367    </label>
3368    
3369  </div>
3370
3371                  
3372                    
3373              </div>
3374            
3375              <div class="select-menu-option">
3376                
3377  
3378  
3379  
3380       
3381  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3382    <label for="surfaces-Cement" class="checkbox-label-wrapper ">
3383      <input type="checkbox" id="surfaces-Cement" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Cement" aria-hidden="true" tabindex="-1" value="Cement"/>
3384      <span class="checkbox">
3385        <span class="checkbox-icon">
3386          
3387  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3388
3389        </span>
3390      </span>
3391      <span class="checkbox-label-title body-copy-s" data-label="Cement">
3392        Cement
3393        
3394        
3395        
3396        
3397      </span>
3398    </label>
3399    
3400  </div>
3401
3402                  
3403                    
3404              </div>
3405            
3406              <div class="select-menu-option">
3407                
3408  
3409  
3410  
3411       
3412  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3413    <label for="surfaces-Concrete" class="checkbox-label-wrapper ">
3414      <input type="checkbox" id="surfaces-Concrete" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Concrete" aria-hidden="true" tabindex="-1" value="Concrete"/>
3415      <span class="checkbox">
3416        <span class="checkbox-icon">
3417          
3418  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3419
3420        </span>
3421      </span>
3422      <span class="checkbox-label-title body-copy-s" data-label="Concrete">
3423        Concrete
3424        
3425        
3426        
3427        
3428      </span>
3429    </label>
3430    
3431  </div>
3432
3433                  
3434                    
3435              </div>
3436            
3437              <div class="select-menu-option">
3438                
3439  
3440  
3441  
3442       
3443  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3444    <label for="surfaces-Cupboards" class="checkbox-label-wrapper ">
3445      <input type="checkbox" id="surfaces-Cupboards" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Cupboards" aria-hidden="true" tabindex="-1" value="Cupboards"/>
3446      <span class="checkbox">
3447        <span class="checkbox-icon">
3448          
3449  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3450
3451        </span>
3452      </span>
3453      <span class="checkbox-label-title body-copy-s" data-label="Cupboards">
3454        Cupboards
3455        
3456        
3457        
3458        
3459      </span>
3460    </label>
3461    
3462  </div>
3463
3464                  
3465                    
3466              </div>
3467            
3468              <div class="select-menu-option">
3469                
3470  
3471  
3472  
3473       
3474  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3475    <label for="surfaces-Door-frames" class="checkbox-label-wrapper ">
3476      <input type="checkbox" id="surfaces-Door-frames" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Door-frames" aria-hidden="true" tabindex="-1" value="Door-frames"/>
3477      <span class="checkbox">
3478        <span class="checkbox-icon">
3479          
3480  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3481
3482        </span>
3483      </span>
3484      <span class="checkbox-label-title body-copy-s" data-label="Door frames">
3485        Door frames
3486        
3487        
3488        
3489        
3490      </span>
3491    </label>
3492    
3493  </div>
3494
3495                  
3496                    
3497              </div>
3498            
3499              <div class="select-menu-option">
3500                
3501  
3502  
3503  
3504       
3505  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3506    <label for="surfaces-Doors" class="checkbox-label-wrapper ">
3507      <input type="checkbox" id="surfaces-Doors" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Doors" aria-hidden="true" tabindex="-1" value="Doors"/>
3508      <span class="checkbox">
3509        <span class="checkbox-icon">
3510          
3511  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3512
3513        </span>
3514      </span>
3515      <span class="checkbox-label-title body-copy-s" data-label="Doors">
3516        Doors
3517        
3518        
3519        
3520        
3521      </span>
3522    </label>
3523    
3524  </div>
3525
3526                  
3527                    
3528              </div>
3529            
3530              <div class="select-menu-option">
3531                
3532  
3533  
3534  
3535       
3536  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3537    <label for="surfaces-Fascia" class="checkbox-label-wrapper ">
3538      <input type="checkbox" id="surfaces-Fascia" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Fascia" aria-hidden="true" tabindex="-1" value="Fascia"/>
3539      <span class="checkbox">
3540        <span class="checkbox-icon">
3541          
3542  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3543
3544        </span>
3545      </span>
3546      <span class="checkbox-label-title body-copy-s" data-label="Fascia">
3547        Fascia
3548        
3549        
3550        
3551        
3552      </span>
3553    </label>
3554    
3555  </div>
3556
3557                  
3558                    
3559              </div>
3560            
3561              <div class="select-menu-option">
3562                
3563  
3564  
3565  
3566       
3567  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3568    <label for="surfaces-Fences" class="checkbox-label-wrapper ">
3569      <input type="checkbox" id="surfaces-Fences" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Fences" aria-hidden="true" tabindex="-1" value="Fences"/>
3570      <span class="checkbox">
3571        <span class="checkbox-icon">
3572          
3573  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3574
3575        </span>
3576      </span>
3577      <span class="checkbox-label-title body-copy-s" data-label="Fences">
3578        Fences
3579        
3580        
3581        
3582        
3583      </span>
3584    </label>
3585    
3586  </div>
3587
3588                  
3589                    
3590              </div>
3591            
3592              <div class="select-menu-option">
3593                
3594  
3595  
3596  
3597       
3598  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3599    <label for="surfaces-Ferrous-metals" class="checkbox-label-wrapper ">
3600      <input type="checkbox" id="surfaces-Ferrous-metals" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Ferrous-metals" aria-hidden="true" tabindex="-1" value="Ferrous-metals"/>
3601      <span class="checkbox">
3602        <span class="checkbox-icon">
3603          
3604  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3605
3606        </span>
3607      </span>
3608      <span class="checkbox-label-title body-copy-s" data-label="Ferrous metals">
3609        Ferrous metals
3610        
3611        
3612        
3613        
3614      </span>
3615    </label>
3616    
3617  </div>
3618
3619                  
3620                    
3621              </div>
3622            
3623              <div class="select-menu-option">
3624                
3625  
3626  
3627  
3628       
3629  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3630    <label for="surfaces-Floors" class="checkbox-label-wrapper ">
3631      <input type="checkbox" id="surfaces-Floors" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Floors" aria-hidden="true" tabindex="-1" value="Floors"/>
3632      <span class="checkbox">
3633        <span class="checkbox-icon">
3634          
3635  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3636
3637        </span>
3638      </span>
3639      <span class="checkbox-label-title body-copy-s" data-label="Floors">
3640        Floors
3641        
3642        
3643        
3644        
3645      </span>
3646    </label>
3647    
3648  </div>
3649
3650                  
3651                    
3652              </div>
3653            
3654              <div class="select-menu-option">
3655                
3656  
3657  
3658  
3659       
3660  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3661    <label for="surfaces-Frames" class="checkbox-label-wrapper ">
3662      <input type="checkbox" id="surfaces-Frames" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Frames" aria-hidden="true" tabindex="-1" value="Frames"/>
3663      <span class="checkbox">
3664        <span class="checkbox-icon">
3665          
3666  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3667
3668        </span>
3669      </span>
3670      <span class="checkbox-label-title body-copy-s" data-label="Frames">
3671        Frames
3672        
3673        
3674        
3675        
3676      </span>
3677    </label>
3678    
3679  </div>
3680
3681                  
3682                    
3683              </div>
3684            
3685              <div class="select-menu-option">
3686                
3687  
3688  
3689  
3690       
3691  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3692    <label for="surfaces-Furniture" class="checkbox-label-wrapper ">
3693      <input type="checkbox" id="surfaces-Furniture" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Furniture" aria-hidden="true" tabindex="-1" value="Furniture"/>
3694      <span class="checkbox">
3695        <span class="checkbox-icon">
3696          
3697  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3698
3699        </span>
3700      </span>
3701      <span class="checkbox-label-title body-copy-s" data-label="Furniture">
3702        Furniture
3703        
3704        
3705        
3706        
3707      </span>
3708    </label>
3709    
3710  </div>
3711
3712                  
3713                    
3714              </div>
3715            
3716              <div class="select-menu-option">
3717                
3718  
3719  
3720  
3721       
3722  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3723    <label for="surfaces-Galvanized-steel" class="checkbox-label-wrapper ">
3724      <input type="checkbox" id="surfaces-Galvanized-steel" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Galvanized-steel" aria-hidden="true" tabindex="-1" value="Galvanized-steel"/>
3725      <span class="checkbox">
3726        <span class="checkbox-icon">
3727          
3728  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3729
3730        </span>
3731      </span>
3732      <span class="checkbox-label-title body-copy-s" data-label="Galvanized steel">
3733        Galvanized steel
3734        
3735        
3736        
3737        
3738      </span>
3739    </label>
3740    
3741  </div>
3742
3743                  
3744                    
3745              </div>
3746            
3747              <div class="select-menu-option">
3748                
3749  
3750  
3751  
3752       
3753  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3754    <label for="surfaces-Garage-doors" class="checkbox-label-wrapper ">
3755      <input type="checkbox" id="surfaces-Garage-doors" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Garage-doors" aria-hidden="true" tabindex="-1" value="Garage-doors"/>
3756      <span class="checkbox">
3757        <span class="checkbox-icon">
3758          
3759  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3760
3761        </span>
3762      </span>
3763      <span class="checkbox-label-title body-copy-s" data-label="Garage doors">
3764        Garage doors
3765        
3766        
3767        
3768        
3769      </span>
3770    </label>
3771    
3772  </div>
3773
3774                  
3775                    
3776              </div>
3777            
3778              <div class="select-menu-option">
3779                
3780  
3781  
3782  
3783       
3784  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3785    <label for="surfaces-Glass" class="checkbox-label-wrapper ">
3786      <input type="checkbox" id="surfaces-Glass" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Glass" aria-hidden="true" tabindex="-1" value="Glass"/>
3787      <span class="checkbox">
3788        <span class="checkbox-icon">
3789          
3790  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3791
3792        </span>
3793      </span>
3794      <span class="checkbox-label-title body-copy-s" data-label="Glass">
3795        Glass
3796        
3797        
3798        
3799        
3800      </span>
3801    </label>
3802    
3803  </div>
3804
3805                  
3806                    
3807              </div>
3808            
3809              <div class="select-menu-option">
3810                
3811  
3812  
3813  
3814       
3815  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3816    <label for="surfaces-Iron" class="checkbox-label-wrapper ">
3817      <input type="checkbox" id="surfaces-Iron" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Iron" aria-hidden="true" tabindex="-1" value="Iron"/>
3818      <span class="checkbox">
3819        <span class="checkbox-icon">
3820          
3821  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3822
3823        </span>
3824      </span>
3825      <span class="checkbox-label-title body-copy-s" data-label="Iron">
3826        Iron
3827        
3828        
3829        
3830        
3831      </span>
3832    </label>
3833    
3834  </div>
3835
3836                  
3837                    
3838              </div>
3839            
3840              <div class="select-menu-option">
3841                
3842  
3843  
3844  
3845       
3846  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3847    <label for="surfaces-Masonry" class="checkbox-label-wrapper ">
3848      <input type="checkbox" id="surfaces-Masonry" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Masonry" aria-hidden="true" tabindex="-1" value="Masonry"/>
3849      <span class="checkbox">
3850        <span class="checkbox-icon">
3851          
3852  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3853
3854        </span>
3855      </span>
3856      <span class="checkbox-label-title body-copy-s" data-label="Masonry">
3857        Masonry
3858        
3859        
3860        
3861        
3862      </span>
3863    </label>
3864    
3865  </div>
3866
3867                  
3868                    
3869              </div>
3870            
3871              <div class="select-menu-option">
3872                
3873  
3874  
3875  
3876       
3877  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3878    <label for="surfaces-Melamine" class="checkbox-label-wrapper ">
3879      <input type="checkbox" id="surfaces-Melamine" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Melamine" aria-hidden="true" tabindex="-1" value="Melamine"/>
3880      <span class="checkbox">
3881        <span class="checkbox-icon">
3882          
3883  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3884
3885        </span>
3886      </span>
3887      <span class="checkbox-label-title body-copy-s" data-label="Melamine">
3888        Melamine
3889        
3890        
3891        
3892        
3893      </span>
3894    </label>
3895    
3896  </div>
3897
3898                  
3899                    
3900              </div>
3901            
3902              <div class="select-menu-option">
3903                
3904  
3905  
3906  
3907       
3908  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3909    <label for="surfaces-Metal" class="checkbox-label-wrapper ">
3910      <input type="checkbox" id="surfaces-Metal" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Metal" aria-hidden="true" tabindex="-1" value="Metal"/>
3911      <span class="checkbox">
3912        <span class="checkbox-icon">
3913          
3914  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3915
3916        </span>
3917      </span>
3918      <span class="checkbox-label-title body-copy-s" data-label="Metal">
3919        Metal
3920        
3921        
3922        
3923        
3924      </span>
3925    </label>
3926    
3927  </div>
3928
3929                  
3930                    
3931              </div>
3932            
3933              <div class="select-menu-option">
3934                
3935  
3936  
3937  
3938       
3939  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3940    <label for="surfaces-Metal-Doors-or-Frames" class="checkbox-label-wrapper ">
3941      <input type="checkbox" id="surfaces-Metal-Doors-or-Frames" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Metal-Doors-or-Frames" aria-hidden="true" tabindex="-1" value="Metal-Doors-or-Frames"/>
3942      <span class="checkbox">
3943        <span class="checkbox-icon">
3944          
3945  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3946
3947        </span>
3948      </span>
3949      <span class="checkbox-label-title body-copy-s" data-label="Metal Doors or Frames">
3950        Metal Doors or Frames
3951        
3952        
3953        
3954        
3955      </span>
3956    </label>
3957    
3958  </div>
3959
3960                  
3961                    
3962              </div>
3963            
3964              <div class="select-menu-option">
3965                
3966  
3967  
3968  
3969       
3970  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
3971    <label for="surfaces-Non-Ferrous-Metal" class="checkbox-label-wrapper ">
3972      <input type="checkbox" id="surfaces-Non-Ferrous-Metal" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Non-Ferrous-Metal" aria-hidden="true" tabindex="-1" value="Non-Ferrous-Metal"/>
3973      <span class="checkbox">
3974        <span class="checkbox-icon">
3975          
3976  <span class="icon " data-component="icon" data-icon="checkmark"></span>
3977
3978        </span>
3979      </span>
3980      <span class="checkbox-label-title body-copy-s" data-label="Non-Ferrous Metal">
3981        Non-Ferrous Metal
3982        
3983        
3984        
3985        
3986      </span>
3987    </label>
3988    
3989  </div>
3990
3991                  
3992                    
3993              </div>
3994            
3995              <div class="select-menu-option">
3996                
3997  
3998  
3999  
4000       
4001  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4002    <label for="surfaces-Outdoor-furniture" class="checkbox-label-wrapper ">
4003      <input type="checkbox" id="surfaces-Outdoor-furniture" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Outdoor-furniture" aria-hidden="true" tabindex="-1" value="Outdoor-furniture"/>
4004      <span class="checkbox">
4005        <span class="checkbox-icon">
4006          
4007  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4008
4009        </span>
4010      </span>
4011      <span class="checkbox-label-title body-copy-s" data-label="Outdoor furniture">
4012        Outdoor furniture
4013        
4014        
4015        
4016        
4017      </span>
4018    </label>
4019    
4020  </div>
4021
4022                  
4023                    
4024              </div>
4025            
4026              <div class="select-menu-option">
4027                
4028  
4029  
4030  
4031       
4032  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4033    <label for="surfaces-pergola" class="checkbox-label-wrapper ">
4034      <input type="checkbox" id="surfaces-pergola" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="pergola" aria-hidden="true" tabindex="-1" value="pergola"/>
4035      <span class="checkbox">
4036        <span class="checkbox-icon">
4037          
4038  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4039
4040        </span>
4041      </span>
4042      <span class="checkbox-label-title body-copy-s" data-label="pergola">
4043        pergola
4044        
4045        
4046        
4047        
4048      </span>
4049    </label>
4050    
4051  </div>
4052
4053                  
4054                    
4055              </div>
4056            
4057              <div class="select-menu-option">
4058                
4059  
4060  
4061  
4062       
4063  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4064    <label for="surfaces-Plaster" class="checkbox-label-wrapper ">
4065      <input type="checkbox" id="surfaces-Plaster" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Plaster" aria-hidden="true" tabindex="-1" value="Plaster"/>
4066      <span class="checkbox">
4067        <span class="checkbox-icon">
4068          
4069  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4070
4071        </span>
4072      </span>
4073      <span class="checkbox-label-title body-copy-s" data-label="Plaster">
4074        Plaster
4075        
4076        
4077        
4078        
4079      </span>
4080    </label>
4081    
4082  </div>
4083
4084                  
4085                    
4086              </div>
4087            
4088              <div class="select-menu-option">
4089                
4090  
4091  
4092  
4093       
4094  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4095    <label for="surfaces-Plastic" class="checkbox-label-wrapper ">
4096      <input type="checkbox" id="surfaces-Plastic" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Plastic" aria-hidden="true" tabindex="-1" value="Plastic"/>
4097      <span class="checkbox">
4098        <span class="checkbox-icon">
4099          
4100  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4101
4102        </span>
4103      </span>
4104      <span class="checkbox-label-title body-copy-s" data-label="Plastic">
4105        Plastic
4106        
4107        
4108        
4109        
4110      </span>
4111    </label>
4112    
4113  </div>
4114
4115                  
4116                    
4117              </div>
4118            
4119              <div class="select-menu-option">
4120                
4121  
4122  
4123  
4124       
4125  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4126    <label for="surfaces-PVC" class="checkbox-label-wrapper ">
4127      <input type="checkbox" id="surfaces-PVC" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="PVC" aria-hidden="true" tabindex="-1" value="PVC"/>
4128      <span class="checkbox">
4129        <span class="checkbox-icon">
4130          
4131  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4132
4133        </span>
4134      </span>
4135      <span class="checkbox-label-title body-copy-s" data-label="PVC">
4136        PVC
4137        
4138        
4139        
4140        
4141      </span>
4142    </label>
4143    
4144  </div>
4145
4146                  
4147                    
4148              </div>
4149            
4150              <div class="select-menu-option">
4151                
4152  
4153  
4154  
4155       
4156  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4157    <label for="surfaces-Roofs" class="checkbox-label-wrapper ">
4158      <input type="checkbox" id="surfaces-Roofs" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Roofs" aria-hidden="true" tabindex="-1" value="Roofs"/>
4159      <span class="checkbox">
4160        <span class="checkbox-icon">
4161          
4162  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4163
4164        </span>
4165      </span>
4166      <span class="checkbox-label-title body-copy-s" data-label="Roofs">
4167        Roofs
4168        
4169        
4170        
4171        
4172      </span>
4173    </label>
4174    
4175  </div>
4176
4177                  
4178                    
4179              </div>
4180            
4181              <div class="select-menu-option">
4182                
4183  
4184  
4185  
4186       
4187  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4188    <label for="surfaces-Shed" class="checkbox-label-wrapper ">
4189      <input type="checkbox" id="surfaces-Shed" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Shed" aria-hidden="true" tabindex="-1" value="Shed"/>
4190      <span class="checkbox">
4191        <span class="checkbox-icon">
4192          
4193  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4194
4195        </span>
4196      </span>
4197      <span class="checkbox-label-title body-copy-s" data-label="Shed">
4198        Shed
4199        
4200        
4201        
4202        
4203      </span>
4204    </label>
4205    
4206  </div>
4207
4208                  
4209                    
4210              </div>
4211            
4212              <div class="select-menu-option">
4213                
4214  
4215  
4216  
4217       
4218  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4219    <label for="surfaces-Shutter" class="checkbox-label-wrapper ">
4220      <input type="checkbox" id="surfaces-Shutter" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Shutter" aria-hidden="true" tabindex="-1" value="Shutter"/>
4221      <span class="checkbox">
4222        <span class="checkbox-icon">
4223          
4224  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4225
4226        </span>
4227      </span>
4228      <span class="checkbox-label-title body-copy-s" data-label="Shutter">
4229        Shutter
4230        
4231        
4232        
4233        
4234      </span>
4235    </label>
4236    
4237  </div>
4238
4239                  
4240                    
4241              </div>
4242            
4243              <div class="select-menu-option">
4244                
4245  
4246  
4247  
4248       
4249  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4250    <label for="surfaces-Skirting-boards" class="checkbox-label-wrapper ">
4251      <input type="checkbox" id="surfaces-Skirting-boards" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Skirting-boards" aria-hidden="true" tabindex="-1" value="Skirting-boards"/>
4252      <span class="checkbox">
4253        <span class="checkbox-icon">
4254          
4255  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4256
4257        </span>
4258      </span>
4259      <span class="checkbox-label-title body-copy-s" data-label="Skirting boards">
4260        Skirting boards
4261        
4262        
4263        
4264        
4265      </span>
4266    </label>
4267    
4268  </div>
4269
4270                  
4271                    
4272              </div>
4273            
4274              <div class="select-menu-option">
4275                
4276  
4277  
4278  
4279       
4280  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4281    <label for="surfaces-Steel" class="checkbox-label-wrapper ">
4282      <input type="checkbox" id="surfaces-Steel" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Steel" aria-hidden="true" tabindex="-1" value="Steel"/>
4283      <span class="checkbox">
4284        <span class="checkbox-icon">
4285          
4286  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4287
4288        </span>
4289      </span>
4290      <span class="checkbox-label-title body-copy-s" data-label="Steel">
4291        Steel
4292        
4293        
4294        
4295        
4296      </span>
4297    </label>
4298    
4299  </div>
4300
4301                  
4302                    
4303              </div>
4304            
4305              <div class="select-menu-option">
4306                
4307  
4308  
4309  
4310       
4311  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4312    <label for="surfaces-Stone" class="checkbox-label-wrapper ">
4313      <input type="checkbox" id="surfaces-Stone" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Stone" aria-hidden="true" tabindex="-1" value="Stone"/>
4314      <span class="checkbox">
4315        <span class="checkbox-icon">
4316          
4317  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4318
4319        </span>
4320      </span>
4321      <span class="checkbox-label-title body-copy-s" data-label="Stone">
4322        Stone
4323        
4324        
4325        
4326        
4327      </span>
4328    </label>
4329    
4330  </div>
4331
4332                  
4333                    
4334              </div>
4335            
4336              <div class="select-menu-option">
4337                
4338  
4339  
4340  
4341       
4342  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4343    <label for="surfaces-Tiles" class="checkbox-label-wrapper ">
4344      <input type="checkbox" id="surfaces-Tiles" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Tiles" aria-hidden="true" tabindex="-1" value="Tiles"/>
4345      <span class="checkbox">
4346        <span class="checkbox-icon">
4347          
4348  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4349
4350        </span>
4351      </span>
4352      <span class="checkbox-label-title body-copy-s" data-label="Tiles">
4353        Tiles
4354        
4355        
4356        
4357        
4358      </span>
4359    </label>
4360    
4361  </div>
4362
4363                  
4364                    
4365              </div>
4366            
4367              <div class="select-menu-option">
4368                
4369  
4370  
4371  
4372       
4373  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4374    <label for="surfaces-Trims" class="checkbox-label-wrapper ">
4375      <input type="checkbox" id="surfaces-Trims" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Trims" aria-hidden="true" tabindex="-1" value="Trims"/>
4376      <span class="checkbox">
4377        <span class="checkbox-icon">
4378          
4379  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4380
4381        </span>
4382      </span>
4383      <span class="checkbox-label-title body-copy-s" data-label="Trims">
4384        Trims
4385        
4386        
4387        
4388        
4389      </span>
4390    </label>
4391    
4392  </div>
4393
4394                  
4395                    
4396              </div>
4397            
4398              <div class="select-menu-option">
4399                
4400  
4401  
4402  
4403       
4404  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4405    <label for="surfaces-Walls" class="checkbox-label-wrapper ">
4406      <input type="checkbox" id="surfaces-Walls" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Walls" aria-hidden="true" tabindex="-1" value="Walls"/>
4407      <span class="checkbox">
4408        <span class="checkbox-icon">
4409          
4410  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4411
4412        </span>
4413      </span>
4414      <span class="checkbox-label-title body-copy-s" data-label="Walls">
4415        Walls
4416        
4417        
4418        
4419        
4420      </span>
4421    </label>
4422    
4423  </div>
4424
4425                  
4426                    
4427              </div>
4428            
4429              <div class="select-menu-option">
4430                
4431  
4432  
4433  
4434       
4435  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4436    <label for="surfaces-Window-frames" class="checkbox-label-wrapper ">
4437      <input type="checkbox" id="surfaces-Window-frames" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Window-frames" aria-hidden="true" tabindex="-1" value="Window-frames"/>
4438      <span class="checkbox">
4439        <span class="checkbox-icon">
4440          
4441  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4442
4443        </span>
4444      </span>
4445      <span class="checkbox-label-title body-copy-s" data-label="Window frames">
4446        Window frames
4447        
4448        
4449        
4450        
4451      </span>
4452    </label>
4453    
4454  </div>
4455
4456                  
4457                    
4458              </div>
4459            
4460              <div class="select-menu-option">
4461                
4462  
4463  
4464  
4465       
4466  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4467    <label for="surfaces-Windows" class="checkbox-label-wrapper ">
4468      <input type="checkbox" id="surfaces-Windows" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Windows" aria-hidden="true" tabindex="-1" value="Windows"/>
4469      <span class="checkbox">
4470        <span class="checkbox-icon">
4471          
4472  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4473
4474        </span>
4475      </span>
4476      <span class="checkbox-label-title body-copy-s" data-label="Windows">
4477        Windows
4478        
4479        
4480        
4481        
4482      </span>
4483    </label>
4484    
4485  </div>
4486
4487                  
4488                    
4489              </div>
4490            
4491              <div class="select-menu-option">
4492                
4493  
4494  
4495  
4496       
4497  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
4498    <label for="surfaces-Wood" class="checkbox-label-wrapper ">
4499      <input type="checkbox" id="surfaces-Wood" name="surfaces" class="checkbox-input js-checkbox-input js-checkbox-button" data-value="Wood" aria-hidden="true" tabindex="-1" value="Wood"/>
4500      <span class="checkbox">
4501        <span class="checkbox-icon">
4502          
4503  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4504
4505        </span>
4506      </span>
4507      <span class="checkbox-label-title body-copy-s" data-label="Wood">
4508        Wood
4509        
4510        
4511        
4512        
4513      </span>
4514    </label>
4515    
4516  </div>
4517
4518                  
4519                    
4520              </div>
4521            
4522            
4523
4524          </div>
4525        </div>
4526      </div>
4527    </div>
4528  </div>
4529
4530          
4531            
4532
4533  <div class="a32-select-menu" data-component="a32-select-menu" data-select-type="radio" data-tracking-name="product listing">
4534    <div class="select-menu-wrapper body-copy-rg">
4535      <button class="select-menu-label js-label" type="button">
4536        Finish
4537        
4538  <span class="icon chevron" data-component="icon" data-icon="chevron-down"></span>
4539
4540        <span class="selected-amount body-copy-xs js-selected-amount"></span>
4541      </button>
4542      <div class="select-menu-list js-select-menu-list" inert>
4543        
4544
4545        <div class="select-menu-list-wrapper">
4546            
4547
4548          <div class="select-menu-list-inner" tabindex="0">
4549              
4550            
4551              <div class="select-menu-option" data-id="Gloss">
4552                
4553
4554  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4555    <label class="radio-button-label-wrapper" for="sheen-Gloss">
4556      <span class="radio-button-label-title body-copy-s">Gloss</span>
4557      <input type="radio" name="sheen" id="sheen-Gloss" data-value="Gloss" value="Gloss" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4558      <div class="radio-button-custom-indicator"></div>
4559    </label>
4560  </div>
4561
4562              </div>
4563            
4564              <div class="select-menu-option" data-id="High Gloss">
4565                
4566
4567  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4568    <label class="radio-button-label-wrapper" for="sheen-High-Gloss">
4569      <span class="radio-button-label-title body-copy-s">High Gloss</span>
4570      <input type="radio" name="sheen" id="sheen-High-Gloss" data-value="High-Gloss" value="High-Gloss" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4571      <div class="radio-button-custom-indicator"></div>
4572    </label>
4573  </div>
4574
4575              </div>
4576            
4577              <div class="select-menu-option" data-id="High Gloss, Sheen and Matt">
4578                
4579
4580  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4581    <label class="radio-button-label-wrapper" for="sheen-High-Gloss,-Sheen-and-Matt">
4582      <span class="radio-button-label-title body-copy-s">High Gloss, Sheen and Matt</span>
4583      <input type="radio" name="sheen" id="sheen-High-Gloss,-Sheen-and-Matt" data-value="High-Gloss,-Sheen-and-Matt" value="High-Gloss,-Sheen-and-Matt" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4584      <div class="radio-button-custom-indicator"></div>
4585    </label>
4586  </div>
4587
4588              </div>
4589            
4590              <div class="select-menu-option" data-id="High Sheen">
4591                
4592
4593  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4594    <label class="radio-button-label-wrapper" for="sheen-High-Sheen">
4595      <span class="radio-button-label-title body-copy-s">High Sheen</span>
4596      <input type="radio" name="sheen" id="sheen-High-Sheen" data-value="High-Sheen" value="High-Sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4597      <div class="radio-button-custom-indicator"></div>
4598    </label>
4599  </div>
4600
4601              </div>
4602            
4603              <div class="select-menu-option" data-id="Low Sheen">
4604                
4605
4606  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4607    <label class="radio-button-label-wrapper" for="sheen-Low-Sheen">
4608      <span class="radio-button-label-title body-copy-s">Low Sheen</span>
4609      <input type="radio" name="sheen" id="sheen-Low-Sheen" data-value="Low-Sheen" value="Low-Sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4610      <div class="radio-button-custom-indicator"></div>
4611    </label>
4612  </div>
4613
4614              </div>
4615            
4616              <div class="select-menu-option" data-id="Matt">
4617                
4618
4619  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4620    <label class="radio-button-label-wrapper" for="sheen-Matt">
4621      <span class="radio-button-label-title body-copy-s">Matt</span>
4622      <input type="radio" name="sheen" id="sheen-Matt" data-value="Matt" value="Matt" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4623      <div class="radio-button-custom-indicator"></div>
4624    </label>
4625  </div>
4626
4627              </div>
4628            
4629              <div class="select-menu-option" data-id="Matt finish">
4630                
4631
4632  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="sheen">
4633    <label class="radio-button-label-wrapper" for="sheen-Matt-finish">
4634      <span class="radio-button-label-title body-copy-s">Matt finish</span>
4635      <input type="radio" name="sheen" id="sheen-Matt-finish" data-value="Matt-finish" value="Matt-finish" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
4636      <div class="radio-button-custom-indicator"></div>
4637    </label>
4638  </div>
4639
4640              </div>
4641            
4642              <div class="select-menu-option" data-id="Matt, Lightly textured">
4643                
4644
4645  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4646    <label class="radio-button-label-wrapper" for="sheen-Matt,-Lightly-textured">
4647      <span class="radio-button-label-title body-copy-s">Matt, Lightly textured</span>
4648      <input type="radio" name="sheen" id="sheen-Matt,-Lightly-textured" data-value="Matt,-Lightly-textured" value="Matt,-Lightly-textured" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4649      <div class="radio-button-custom-indicator"></div>
4650    </label>
4651  </div>
4652
4653              </div>
4654            
4655              <div class="select-menu-option" data-id="Mid Sheen">
4656                
4657
4658  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4659    <label class="radio-button-label-wrapper" for="sheen-Mid-Sheen">
4660      <span class="radio-button-label-title body-copy-s">Mid Sheen</span>
4661      <input type="radio" name="sheen" id="sheen-Mid-Sheen" data-value="Mid-Sheen" value="Mid-Sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4662      <div class="radio-button-custom-indicator"></div>
4663    </label>
4664  </div>
4665
4666              </div>
4667            
4668              <div class="select-menu-option" data-id="Mid-sheen">
4669                
4670
4671  <div class="a13-radio js-input-parent is-disabled" data-component="a13-radio" data-group="sheen">
4672    <label class="radio-button-label-wrapper" for="sheen-Mid-sheen">
4673      <span class="radio-button-label-title body-copy-s">Mid-sheen</span>
4674      <input type="radio" name="sheen" id="sheen-Mid-sheen" data-value="Mid-sheen" value="Mid-sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1" disabled/>
4675      <div class="radio-button-custom-indicator"></div>
4676    </label>
4677  </div>
4678
4679              </div>
4680            
4681              <div class="select-menu-option" data-id="Sheen">
4682                
4683
4684  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4685    <label class="radio-button-label-wrapper" for="sheen-Sheen">
4686      <span class="radio-button-label-title body-copy-s">Sheen</span>
4687      <input type="radio" name="sheen" id="sheen-Sheen" data-value="Sheen" value="Sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4688      <div class="radio-button-custom-indicator"></div>
4689    </label>
4690  </div>
4691
4692              </div>
4693            
4694              <div class="select-menu-option" data-id="Smooth gloss">
4695                
4696
4697  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4698    <label class="radio-button-label-wrapper" for="sheen-Smooth-gloss">
4699      <span class="radio-button-label-title body-copy-s">Smooth gloss</span>
4700      <input type="radio" name="sheen" id="sheen-Smooth-gloss" data-value="Smooth-gloss" value="Smooth-gloss" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4701      <div class="radio-button-custom-indicator"></div>
4702    </label>
4703  </div>
4704
4705              </div>
4706            
4707              <div class="select-menu-option" data-id="Smooth gloss incorporating a hammered pattern">
4708                
4709
4710  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4711    <label class="radio-button-label-wrapper" for="sheen-Smooth-gloss-incorporating-a-hammered-pattern">
4712      <span class="radio-button-label-title body-copy-s">Smooth gloss incorporating a hammered pattern</span>
4713      <input type="radio" name="sheen" id="sheen-Smooth-gloss-incorporating-a-hammered-pattern" data-value="Smooth-gloss-incorporating-a-hammered-pattern" value="Smooth-gloss-incorporating-a-hammered-pattern" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4714      <div class="radio-button-custom-indicator"></div>
4715    </label>
4716  </div>
4717
4718              </div>
4719            
4720              <div class="select-menu-option" data-id="Smooth Low sheen">
4721                
4722
4723  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4724    <label class="radio-button-label-wrapper" for="sheen-Smooth-Low-sheen">
4725      <span class="radio-button-label-title body-copy-s">Smooth Low sheen</span>
4726      <input type="radio" name="sheen" id="sheen-Smooth-Low-sheen" data-value="Smooth-Low-sheen" value="Smooth-Low-sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4727      <div class="radio-button-custom-indicator"></div>
4728    </label>
4729  </div>
4730
4731              </div>
4732            
4733              <div class="select-menu-option" data-id="Soft Sheen">
4734                
4735
4736  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4737    <label class="radio-button-label-wrapper" for="sheen-Soft-Sheen">
4738      <span class="radio-button-label-title body-copy-s">Soft Sheen</span>
4739      <input type="radio" name="sheen" id="sheen-Soft-Sheen" data-value="Soft-Sheen" value="Soft-Sheen" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4740      <div class="radio-button-custom-indicator"></div>
4741    </label>
4742  </div>
4743
4744              </div>
4745            
4746              <div class="select-menu-option" data-id="Suede">
4747                
4748
4749  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4750    <label class="radio-button-label-wrapper" for="sheen-Suede">
4751      <span class="radio-button-label-title body-copy-s">Suede</span>
4752      <input type="radio" name="sheen" id="sheen-Suede" data-value="Suede" value="Suede" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4753      <div class="radio-button-custom-indicator"></div>
4754    </label>
4755  </div>
4756
4757              </div>
4758            
4759              <div class="select-menu-option" data-id="Textured, Matt">
4760                
4761
4762  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4763    <label class="radio-button-label-wrapper" for="sheen-Textured,-Matt">
4764      <span class="radio-button-label-title body-copy-s">Textured, Matt</span>
4765      <input type="radio" name="sheen" id="sheen-Textured,-Matt" data-value="Textured,-Matt" value="Textured,-Matt" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4766      <div class="radio-button-custom-indicator"></div>
4767    </label>
4768  </div>
4769
4770              </div>
4771            
4772              <div class="select-menu-option" data-id="Varies with type of product">
4773                
4774
4775  <div class="a13-radio js-input-parent " data-component="a13-radio" data-group="sheen">
4776    <label class="radio-button-label-wrapper" for="sheen-Varies-with-type-of-product">
4777      <span class="radio-button-label-title body-copy-s">Varies with type of product</span>
4778      <input type="radio" name="sheen" id="sheen-Varies-with-type-of-product" data-value="Varies-with-type-of-product" value="Varies-with-type-of-product" class="radio-button-input js-radio-button" aria-hidden="true" tabindex="-1"/>
4779      <div class="radio-button-custom-indicator"></div>
4780    </label>
4781  </div>
4782
4783              </div>
4784            
4785
4786            
4787            
4788
4789          </div>
4790        </div>
4791      </div>
4792    </div>
4793  </div>
4794
4795          
4796          
4797        </form>
4798      </div>
4799      <div class="filters-footer">
4800        
4801  
4802  
4803  
4804
4805  <button class="a2-text-link body-copy-s clear-cta js-clear-mobile-button  " data-component="a2-text-link" data-label="Clear All" target="_self">
4806    
4807    
4808    <div class="text-link-label ">
4809      
4810      <span>Clear All</span>
4811    </div>
4812    
4813    
4814    
4815  </button>
4816
4817        
4818    
4819    
4820    
4821    
4822    
4823    
4824    
4825    
4826    <button data-component="a122-primary-button" class="a122-primary-button  
4827              js-show-results   " data-icon-alignment="left">
4828      
4829      
4830      <span class="cta-text body-copy-rg">show Results</span>
4831      
4832      
4833    </button>
4834  
4835      </div>
4836    </div>
4837  </div>
4838
4839
4840        <!-- schramm block -->
4841        
4842        
4843      </div>
4844      <div class="col col-12 col-m-8 col-l-9">
4845        
4846  
4847  
4848  
4849  
4850  
4851  
4852  
4853
4854  <div class="a1-heading" data-component="a1-heading" style="color: ">
4855    <div class="js-camp-temp-heading-text">
4856      
4857      <h1 class="heading-title header-03" data-transition-item>
4858        
4859        
4860          
4861          
4862            Find the products for your project
4863          
4864        
4865      </h1>
4866      
4867      
4868  </div>
4869  </div>
4870  
4871
4872
4873        <!-- Adding search functionality for coatings site -->
4874        
4875
4876        
4877          <span class="product-listing-quantity body-copy-s">
4878          <b> 93 </b> product Found
4879        </span>
4880
4881          
4882
4883  <div class="m21-active-filters justify-left" data-component="m21-active-filters" data-tracking-name="product listing">
4884    <div class="active-filters-label body-copy-s">
4885      My Filters
4886    </div>
4887    <ul class="active-filter-list js-filter-container" data-filter-list="[]"></ul>
4888    <div class="clear-active-filters">
4889      <span class="clear-cta body-copy-s">
4890        
4891  
4892  
4893  
4894
4895  <button class="a2-text-link js-clear-cta  " data-component="a2-text-link" data-label="Clear All" target="_self">
4896    
4897    
4898    <div class="text-link-label ">
4899      <span>Clear All</span>
4900      
4901    </div>
4902    
4903    
4904    
4905  </button>
4906
4907      </span>
4908    </div>
4909  </div>
4910
4911
4912          <div class="show-mobile-filter-button" data-filter-button>
4913            
4914    
4915    
4916    
4917    
4918    
4919    
4920    
4921    
4922    <button data-component="a122-primary-button" class="a122-primary-button  
4923              js-filter-button   " data-icon-alignment="left">
4924      
4925  <span class="icon " data-component="icon" data-icon="settings"></span>
4926
4927      
4928      <span class="cta-text body-copy-rg">Filters</span>
4929      
4930      
4931    </button>
4932  
4933          </div>
4934        
4935        
4936          
4937            <div class="product-grid">
4938              
4939                <div class="item " data-transition-item>
4940                  
4941                  
4942  
4943
4944  <article class="m24-product-card height-100" data-component="m24-product-card">
4945    <a href="/en/products/dulux-weatherguard-fine-textured" target="_self">
4946      <div class="inner-card">
4947        <div class="product-image">
4948          
4949  
4950  
4951  
4952  
4953  
4954  
4955  
4956  
4957  
4958  <picture class="a3-image " data-component="a3-image">
4959    
4960    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/f5/da/60/dc/packshot_medium.png"/>
4961    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/f5/da/60/dc/packshot_medium.png" alt="Dulux Weatherguard Fine Textured" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
4962  </picture>
4963
4964        </div>
4965        <header class="product-header">
4966          <div class="product-info">
4967            <span class="product-title body-copy-rg">Dulux Weatherguard Fine Textured</span>
4968            
4969            <div class="specs-wrapper">
4970              <div class="mobile-product-image">
4971                
4972  
4973  
4974  
4975  
4976  
4977  
4978  
4979  
4980  
4981  <picture class="a3-image " data-component="a3-image">
4982    
4983    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/f5/da/60/dc/packshot_medium.png"/>
4984    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
4985  </picture>
4986
4987              </div>
4988              <ul class="specs-list body-copy-xs">
4989                <li>
4990                  
4991  <span class="icon " data-component="icon" data-icon="checkmark"></span>
4992
4993                  
4994                  Flexible paint film
4995                </li>
4996              
4997                <li>
4998                  
4999  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5000
5001                  
5002                  Hides imperfections
5003                </li>
5004              
5005                <li>
5006                  
5007  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5008
5009                  
5010                  Long lasting protection
5011                </li>
5012              
5013                
5014              
5015                
5016              </ul>
5017            </div>
5018            <span class="store-only body-copy-xs">
5019              
5020  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5021
5022              Only Available in Store
5023            </span>
5024          </div>
5025          <div class="product-price">
5026            <div class="product-price-and-compare">
5027            
5028              
5029            </div>
5030            
5031    
5032    
5033    
5034  
5035      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5036        
5037  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5038
5039      </button>
5040  
5041          </div>
5042        </header>
5043        
5044        
5045    
5046    
5047  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Weatherguard Fine Textured" data-item-id="ff82f907-d7c3-41c5-bc27-a1f000a2ee8d" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/f5/da/60/dc/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5048  
5049  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5050
5051  
5052  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5053
5054  
5055  </button>
5056
5057      </div>
5058    </a>
5059  </article>
5060
5061                </div>
5062              
5063                <div class="item " data-transition-item>
5064                  
5065                  
5066  
5067
5068  <article class="m24-product-card height-100" data-component="m24-product-card">
5069    <a href="/en/products/dulux-weatherguard-fine-textured-tinted" target="_self">
5070      <div class="inner-card">
5071        <div class="product-image">
5072          
5073  
5074  
5075  
5076  
5077  
5078  
5079  
5080  
5081  
5082  <picture class="a3-image " data-component="a3-image">
5083    
5084    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/12/08/37/packshot_medium.png"/>
5085    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/12/08/37/packshot_medium.png" alt="Dulux Weatherguard Fine Textured Tinted" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5086  </picture>
5087
5088        </div>
5089        <header class="product-header">
5090          <div class="product-info">
5091            <span class="product-title body-copy-rg">Dulux Weatherguard Fine Textured Tinted</span>
5092            
5093            <div class="specs-wrapper">
5094              <div class="mobile-product-image">
5095                
5096  
5097  
5098  
5099  
5100  
5101  
5102  
5103  
5104  
5105  <picture class="a3-image " data-component="a3-image">
5106    
5107    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/12/08/37/packshot_medium.png"/>
5108    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5109  </picture>
5110
5111              </div>
5112              <ul class="specs-list body-copy-xs">
5113                <li>
5114                  
5115  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5116
5117                  
5118                  Flexible paint film
5119                </li>
5120              
5121                <li>
5122                  
5123  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5124
5125                  
5126                  Hides imperfections
5127                </li>
5128              
5129                <li>
5130                  
5131  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5132
5133                  
5134                  Long lasting protection
5135                </li>
5136              
5137                
5138              
5139                
5140              </ul>
5141            </div>
5142            <span class="store-only body-copy-xs">
5143              
5144  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5145
5146              Only Available in Store
5147            </span>
5148          </div>
5149          <div class="product-price">
5150            <div class="product-price-and-compare">
5151            
5152              
5153            </div>
5154            
5155    
5156    
5157    
5158  
5159      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5160        
5161  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5162
5163      </button>
5164  
5165          </div>
5166        </header>
5167        
5168        
5169    
5170    
5171  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Weatherguard Fine Textured Tinted" data-item-id="56b29ff3-1b5f-47a4-b33b-a2e40100cf6d" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/12/08/37/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5172  
5173  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5174
5175  
5176  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5177
5178  
5179  </button>
5180
5181      </div>
5182    </a>
5183  </article>
5184
5185                </div>
5186              
5187                <div class="item " data-transition-item>
5188                  
5189                  
5190  
5191
5192  <article class="m24-product-card height-100" data-component="m24
5192-product-card">
5193    <a href="/en/products/dulux-weatherguard-ft-colour-testers" target="_self">
5194      <div class="inner-card">
5195        <div class="product-image">
5196          
5197  
5198  
5199  
5200  
5201  
5202  
5203  
5204  
5205  
5206  <picture class="a3-image " data-component="a3-image">
5207    
5208    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/61/5d/46/d7/da_weatherguard_ft_tester_medium.png"/>
5209    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/61/5d/46/d7/da_weatherguard_ft_tester_medium.png" alt="Dulux Weatherguard FT Colour Testers" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5210  </picture>
5211
5212        </div>
5213        <header class="product-header">
5214          <div class="product-info">
5215            <span class="product-title body-copy-rg">Dulux Weatherguard FT Colour Testers</span>
5216            
5217            <div class="specs-wrapper">
5218              <div class="mobile-product-image">
5219                
5220  
5221  
5222  
5223  
5224  
5225  
5226  
5227  
5228  
5229  <picture class="a3-image " data-component="a3-image">
5230    
5231    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/61/5d/46/d7/da_weatherguard_ft_tester_medium.png"/>
5232    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5233  </picture>
5234
5235              </div>
5236              <ul class="specs-list body-copy-xs">
5237                <li>
5238                  
5239  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5240
5241                  
5242                  Flexible paint film
5243                </li>
5244              
5245                <li>
5246                  
5247  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5248
5249                  
5250                  Hides imperfections
5251                </li>
5252              
5253                <li>
5254                  
5255  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5256
5257                  
5258                  Long lasting
5259                </li>
5260              
5261                
5262              
5263                
5264              </ul>
5265            </div>
5266            <span class="store-only body-copy-xs">
5267              
5268  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5269
5270              Only Available in Store
5271            </span>
5272          </div>
5273          <div class="product-price">
5274            <div class="product-price-and-compare">
5275            
5276              
5277            </div>
5278            
5279    
5280    
5281    
5282  
5283      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5284        
5285  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5286
5287      </button>
5288  
5289          </div>
5290        </header>
5291        
5292        
5293    
5294    
5295  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Weatherguard FT Colour Testers" data-item-id="74e54e01-76f8-460f-981f-b2dc00c74737" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/61/5d/46/d7/da_weatherguard_ft_tester_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5296  
5297  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5298
5299  
5300  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5301
5302  
5303  </button>
5304
5305      </div>
5306    </a>
5307  </article>
5308
5309                </div>
5310              
5311                <div class="item " data-transition-item>
5312                  
5313                  
5314  
5315
5316  <article class="m24-product-card height-100" data-component="m24-product-card">
5317    <a href="/en/products/dulux-weatherguard-ultrasmooth" target="_self">
5318      <div class="inner-card">
5319        <div class="product-image">
5320          
5321  
5322  
5323  
5324  
5325  
5326  
5327  
5328  
5329  
5330  <picture class="a3-image " data-component="a3-image">
5331    
5332    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/
5332a7/ec/aa/31/packshot_medium.png"/>
5333    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a7/ec/aa/31/packshot_medium.png" alt="Dulux Weatherguard Ultrasmooth" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5334  </picture>
5335
5336        </div>
5337        <header class="product-header">
5338          <div class="product-info">
5339            <span class="product-title body-copy-rg">Dulux Weatherguard Ultrasmooth</span>
5340            
5341            <div class="specs-wrapper">
5342              <div class="mobile-product-image">
5343                
5344  
5345  
5346  
5347  
5348  
5349  
5350  
5351  
5352  
5353  <picture class="a3-image " data-component="a3-image">
5354    
5355    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a7/ec/aa/31/packshot_medium.png"/>
5356    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5357  </picture>
5358
5359              </div>
5360              <ul class="specs-list body-copy-xs">
5361                <li>
5362                  
5363  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5364
5365                  
5366                  Washable
5367                </li>
5368              
5369                <li>
5370                  
5371  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5372
5373                  
5374                  Flexible paint film
5375                </li>
5376              
5377                <li>
5378                  
5379  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5380
5381                  
5382                  Long lasting protection
5383                </li>
5384              
5385                
5386              
5387                
5388              </ul>
5389            </div>
5390            <span class="store-only body-copy-xs">
5391              
5392  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5393
5394              Only Available in Store
5395            </span>
5396          </div>
5397          <div class="product-price">
5398            <div class="product-price-and-compare">
5399            
5400              
5401            </div>
5402            
5403    
5404    
5405    
5406  
5407      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5408        
5409  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5410
5411      </button>
5412  
5413          </div>
5414        </header>
5415        
5416        
5417    
5418    
5419  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Weatherguard Ultrasmooth" data-item-id="a5f89ff2-3a9a-408c-bdf6-a1f000a2ef3f" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a7/ec/aa/31/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5420  
5421  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5422
5423  
5424  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5425
5426  
5427  </button>
5428
5429      </div>
5430    </a>
5431  </article>
5432
5433                </div>
5434              
5435                <div class="item " data-transition-item>
5436                  
5437                  
5438  
5439
5440  <article class="m24-product-card height-100" data-component="m24-product-card">
5441    <a href="/en/products/dulux-weatherguard-ultrasmooth-tinted" target="_self">
5442      <div class="inner-card">
5443        <div class="product-image">
5444          
5445  
5446  
5447  
5448  
5449  
5450  
5451  
5452  
5453  
5454  <picture class="a3-image " data-component="a3-image">
5455    
5456    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/96/17/9a/packshot_medium.png"/>
5457    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/96/17/9a/packshot_medium.png" alt="Dulux Weatherguard Ultrasmooth Tinted" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5458  </picture>
5459
5460        </div>
5461        <header class="product-header">
5462          <div class="product-info">
5463            <span class="product-title body-copy-rg">Dulux Weatherguard Ultrasmooth Tinted</span>
5464            
5465            <div class="specs-wrapper">
5466              <div class="mobile-product-image">
5467                
5468  
5469  
5470  
5471  
5472  
5473  
5474  
5475  
5476  
5477  <picture class="a3-image " data-component="a3-image">
5478    
5479    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/96/17/9a/packshot_medium.png"/>
5480    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5481  </picture>
5482
5483              </div>
5484              <ul class="specs-list body-copy-xs">
5485                <li>
5486                  
5487  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5488
5489                  
5490                  Washable
5491                </li>
5492              
5493                <li>
5494                  
5495  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5496
5497                  
5498                  Flexible paint film
5499                </li>
5500              
5501                <li>
5502                  
5503  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5504
5505                  
5506                  Long lasting protection
5507                </li>
5508              
5509                
5510              
5511                
5512              </ul>
5513            </div>
5514            <span class="store-only body-copy-xs">
5515              
5516  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5517
5518              Only Available in Store
5519            </span>
5520          </div>
5521          <div class="product-price">
5522            <div class="product-price-and-compare">
5523            
5524              
5525            </div>
5526            
5527    
5528    
5529    
5530  
5531      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5532        
5533  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5534
5535      </button>
5536  
5537          </div>
5538        </header>
5539        
5540        
5541    
5542    
5543  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Weatherguard Ultrasmooth Tinted" data-item-id="7cfa1478-ad1c-4476-a9d2-a2e40100cff5" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/4e/96/17/9a/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5544  
5545  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5546
5547  
5548  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5549
5550  
5551  </button>
5552
5553      </div>
5554    </a>
5555  </article>
5556
5557                </div>
5558              
5559                <div class="item " data-transition-item>
5560                  
5561                  
5562  
5563
5564  <article class="m24-product-card height-100" data-component="m24-product-card">
5565    <a href="/en/products/dulux-wallguard" target="_self">
5566      <div class="inner-card">
5567        <div class="product-image">
5568          
5569  
5570  
5571  
5572  
5573  
5574  
5575  
5576  
5577  
5578  <picture class="a3-image " data-component="a3-image">
5579    
5580    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/97/09/65/20/packshot_medium.png"/>
5581    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/97/09/65/20/packshot_medium.png" alt="Dulux Wallguard" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5582  </picture>
5583
5584        </div>
5585        <header class="product-header">
5586          <div class="product-info">
5587            <span class="product-title body-copy-rg">Dulux Wallguard</span>
5588            
5589            <div class="specs-wrapper">
5590              <div class="mobile-product-image">
5591                
5592  
5593  
5594  
5595  
5596  
5597  
5598  
5599  
5600  
5601  <picture class="a3-image " data-component="a3-image">
5602    
5603    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/97/09/65/20/packshot_medium.png"/>
5604    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5605  </picture>
5606
5607              </div>
5608              <ul class="specs-list body-copy-xs">
5609                <li>
5610                  
5611  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5612
5613                  
5614                  DIRT RESISTANT
5615                </li>
5616              
5617                <li>
5618                  
5619  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5620
5621                  
5622                  Mould resistant
5623                </li>
5624              
5625                <li>
5626                  
5627  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5628
5629                  
5630                  WATER REPELLANT
5631                </li>
5632              
5633                
5634              
5635                
5636              </ul>
5637            </div>
5638            <span class="store-only body-copy-xs">
5639              
5640  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5641
5642              Only Available in Store
5643            </span>
5644          </div>
5645          <div class="product-price">
5646            <div class="product-price-and-compare">
5647            
5648              
5649            </div>
5650            
5651    
5652    
5653    
5654  
5655      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5656        
5657  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5658
5659      </button>
5660  
5661          </div>
5662        </header>
5663        
5664        
5665    
5666    
5667  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Wallguard" data-item-id="4bcafe25-f52a-4599-bafd-a1f000a2ee47" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/97/09/65/20/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5668  
5669  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5670
5671  
5672  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5673
5674  
5675  </button>
5676
5677      </div>
5678    </a>
5679  </article>
5680
5681                </div>
5682              
5683                <div class="item " data-transition-item>
5684                  
5685                  
5686  
5687
5688  <article class="m24-product-card height-100" data-component="m24
5688-product-card">
5689    <a href="/en/products/dulux-roofguard" target="_self">
5690      <div class="inner-card">
5691        <div class="product-image">
5692          
5693  
5694  
5695  
5696  
5697  
5698  
5699  
5700  
5701  
5702  <picture class="a3-image " data-component="a3-image">
5703    
5704    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/6a/ec/a0/8d/packshot_medium.jpg"/>
5705    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/6a/ec/a0/8d/packshot_medium.jpg" alt="Dulux Roofguard" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5706  </picture>
5707
5708        </div>
5709        <header class="product-header">
5710          <div class="product-info">
5711            <span class="product-title body-copy-rg">Dulux Roofguard</span>
5712            
5713            <div class="specs-wrapper">
5714              <div class="mobile-product-image">
5715                
5716  
5717  
5718  
5719  
5720  
5721  
5722  
5723  
5724  
5725  <picture class="a3-image " data-component="a3-image">
5726    
5727    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/6a/ec/a0/8d/packshot_medium.jpg"/>
5728    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5729  </picture>
5730
5731              </div>
5732              <ul class="specs-list body-copy-xs">
5733                <li>
5734                  
5735  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5736
5737                  
5738                  High colour durability
5739                </li>
5740              
5741                <li>
5742                  
5743  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5744
5745                  
5746                  Long lasting protection
5747                </li>
5748              
5749                <li>
5750                  
5751  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5752
5753                  
5754                  UV Resistant
5755                </li>
5756              
5757                
5758              
5759                
5760              
5761                
5762              </ul>
5763            </div>
5764            <span class="store-only body-copy-xs">
5765              
5766  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5767
5768              Only Available in Store
5769            </span>
5770          </div>
5771          <div class="product-price">
5772            <div class="product-price-and-compare">
5773            
5774              
5775            </div>
5776            
5777    
5778    
5779    
5780  
5781      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5782        
5783  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5784
5785      </button>
5786  
5787          </div>
5788        </header>
5789        
5790        
5791    
5792    
5793  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Roofguard" data-item-id="d160368b-79ad-475a-adb4-a1f000a2ee05" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/6a/ec/a0/8d/packshot_medium.jpg" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5794  
5795  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5796
5797  
5798  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5799
5800  
5801  </button>
5802
5803      </div>
5804    </a>
5805  </article>
5806
5807                </div>
5808              
5809                <div class="item " data-transition-item>
5810                  
5811                  
5812  
5813
5814  <article class="m24-product-card height-100" data-component="m24-product-card">
5815    <a href="/en/products/dulux-luxurious-silk" target="_self">
5816      <div class="inner-card">
5817        <div class="product-image">
5818          
5819  
5820  
5821  
5822  
5823  
5824  
5825  
5826  
5827  
5828  <picture class="a3-image " data-component="a3-image">
5829    
5830    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/d2/69/da/09/packshot_medium.png"/>
5831    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/d2/69/da/09/packshot_medium.png" alt="Dulux Luxurious Silk" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5832  </picture>
5833
5834        </div>
5835        <header class="product-header">
5836          <div class="product-info">
5837            <span class="product-title body-copy-rg">Dulux Luxurious Silk</span>
5838            
5839            <div class="specs-wrapper">
5840              <div class="mobile-product-image">
5841                
5842  
5843  
5844  
5845  
5846  
5847  
5848  
5849  
5850  
5851  <picture class="a3-image " data-component="a3-image">
5852    
5853    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/d2/69/da/09/packshot_medium.png"/>
5854    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5855  </picture>
5856
5857              </div>
5858              <ul class="specs-list body-copy-xs">
5859                <li>
5860                  
5861  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5862
5863                  
5864                  High coverage
5865                </li>
5866              
5867                <li>
5868                  
5869  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5870
5871                  
5872                  Low odour
5873                </li>
5874              
5875                <li>
5876                  
5877  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5878
5879                  
5880                  Stain resistant
5881                </li>
5882              
5883                
5884              
5885                
5886              
5887                
5888              </ul>
5889            </div>
5890            <span class="store-only body-copy-xs">
5891              
5892  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
5893
5894              Only Available in Store
5895            </span>
5896          </div>
5897          <div class="product-price">
5898            <div class="product-price-and-compare">
5899            
5900              
5901            </div>
5902            
5903    
5904    
5905    
5906  
5907      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
5908        
5909  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
5910
5911      </button>
5912  
5913          </div>
5914        </header>
5915        
5916        
5917    
5918    
5919  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Luxurious Silk" data-item-id="9d1b4966-7aed-4e82-adab-a1f000a2e930" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/d2/69/da/09/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
5920  
5921  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
5922
5923  
5924  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
5925
5926  
5927  </button>
5928
5929      </div>
5930    </a>
5931  </article>
5932
5933                </div>
5934              
5935                <div class="item " data-transition-item>
5936                  
5937                  
5938  
5939
5940  <article class="m24-product-card height-100" data-component="m24-product-card">
5941    <a href="/en/products/dulux-luxurious-silk-tinted" target="_self">
5942      <div class="inner-card">
5943        <div class="product-image">
5944          
5945  
5946  
5947  
5948  
5949  
5950  
5951  
5952  
5953  
5954  <picture class="a3-image " data-component="a3-image">
5955    
5956    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/db/16/df/8b/packshot_medium.png"/>
5957    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/db/16/df/8b/packshot_medium.png" alt="Dulux Luxurious Silk Tinted" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5958  </picture>
5959
5960        </div>
5961        <header class="product-header">
5962          <div class="product-info">
5963            <span class="product-title body-copy-rg">Dulux Luxurious Silk Tinted</span>
5964            
5965            <div class="specs-wrapper">
5966              <div class="mobile-product-image">
5967                
5968  
5969  
5970  
5971  
5972  
5973  
5974  
5975  
5976  
5977  <picture class="a3-image " data-component="a3-image">
5978    
5979    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/db/16/df/8b/packshot_medium.png"/>
5980    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
5981  </picture>
5982
5983              </div>
5984              <ul class="specs-list body-copy-xs">
5985                <li>
5986                  
5987  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5988
5989                  
5990                  Stain resistant
5991                </li>
5992              
5993                <li>
5994                  
5995  <span class="icon " data-component="icon" data-icon="checkmark"></span>
5996
5997                  
5998                  High coverage
5999                </li>
6000              
6001                <li>
6002                  
6003  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6004
6005                  
6006                  Low odour
6007                </li>
6008              
6009                
6010              
6011                
6012              
6013                
6014              
6015                
6016              </ul>
6017            </div>
6018            <span class="store-only body-copy-xs">
6019              
6020  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6021
6022              Only Available in Store
6023            </span>
6024          </div>
6025          <div class="product-price">
6026            <div class="product-price-and-compare">
6027            
6028              
6029            </div>
6030            
6031    
6032    
6033    
6034  
6035      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6036        
6037  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6038
6039      </button>
6040  
6041          </div>
6042        </header>
6043        
6044        
6045    
6046    
6047  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Luxurious Silk Tinted" data-item-id="5867ba93-7421-4ba0-9153-a2e40100cdb5" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/db/16/df/8b/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6048  
6049  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6050
6051  
6052  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6053
6054  
6055  </button>
6056
6057      </div>
6058    </a>
6059  </article>
6060
6061                </div>
6062              
6063                <div class="item " data-transition-item>
6064                  
6065                  
6066  
6067
6068  <article class="m24-product-card height-100" data-component="m24-product-card">
6069    <a href="/en/products/dulux-wet-roller-testers" target="_self">
6070      <div class="inner-card">
6071        <div class="product-image">
6072          
6073  
6074  
6075  
6076  
6077  
6078  
6079  
6080  
6081  
6082  <picture class="a3-image " data-component="a3-image">
6083    
6084    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a8/1c/6e/e7/packshot_medium.png"/>
6085    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a8/1c/6e/e7/packshot_medium.png" alt="Dulux Wet Roller_Testers" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6086  </picture>
6087
6088        </div>
6089        <header class="product-header">
6090          <div class="product-info">
6091            <span class="product-title body-copy-rg">Dulux Wet Roller_Testers</span>
6092            
6093            <div class="specs-wrapper">
6094              <div class="mobile-product-image">
6095                
6096  
6097  
6098  
6099  
6100  
6101  
6102  
6103  
6104  
6105  <picture class="a3-image " data-component="a3-image">
6106    
6107    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/a8/1c/6e/e7/packshot_medium.png"/>
6108    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6109  </picture>
6110
6111              </div>
6112              <ul class="specs-list body-copy-xs">
6113                <li>
6114                  
6115  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6116
6117                  
6118                  Comfortable application
6119                </li>
6120              </ul>
6121            </div>
6122            <span class="store-only body-copy-xs">
6123              
6124  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6125
6126              Only Available in Store
6127            </span>
6128          </div>
6129          <div class="product-price">
6130            <div class="product-price-and-compare">
6131            
6132              
6133            </div>
6134            
6135    
6136    
6137    
6138  
6139      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6140        
6141  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6142
6143      </button>
6144  
6145          </div>
6146        </header>
6147        
6148        
6149    
6150    
6151  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Wet Roller_Testers" data-item-id="57c6edb6-bdf6-4443-bd29-a1f000a2f0a3" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/
6151a8/1c/6e/e7/packshot_medium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6152  
6153  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6154
6155  
6156  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6157
6158  
6159  </button>
6160
6161      </div>
6162    </a>
6163  </article>
6164
6165                </div>
6166              
6167                <div class="item " data-transition-item>
6168                  
6169                  
6170  
6171
6172  <article class="m24-product-card height-100" data-component="m24-product-card">
6173    <a href="/en/products/dulux-acrylic-pva" target="_self">
6174      <div class="inner-card">
6175        <div class="product-image">
6176          
6177  
6178  
6179  
6180  
6181  
6182  
6183  
6184  
6185  
6186  <picture class="a3-image " data-component="a3-image">
6187    
6188    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/1e/5f/3f/c3/acrylic_pva_5l_brilliant_whitemedium.png"/>
6189    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/1e/5f/3f/c3/acrylic_pva_5l_brilliant_whitemedium.png" alt="Dulux Acrylic PVA" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6190  </picture>
6191
6192        </div>
6193        <header class="product-header">
6194          <div class="product-info">
6195            <span class="product-title body-copy-rg">Dulux Acrylic PVA</span>
6196            
6197            <div class="specs-wrapper">
6198              <div class="mobile-product-image">
6199                
6200  
6201  
6202  
6203  
6204  
6205  
6206  
6207  
6208  
6209  <picture class="a3-image " data-component="a3-image">
6210    
6211    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/1e/5f/3f/c3/acrylic_pva_5l_brilliant_whitemedium.png"/>
6212    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6213  </picture>
6214
6215              </div>
6216              <ul class="specs-list body-copy-xs">
6217                <li>
6218                  
6219  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6220
6221                  
6222                  High coverage
6223                </li>
6224              
6225                <li>
6226                  
6227  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6228
6229                  
6230                  Long lasting white
6231                </li>
6232              
6233                <li>
6234                  
6235  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6236
6237                  
6238                  Low odour
6239                </li>
6240              
6241                
6242              
6243                
6244              </ul>
6245            </div>
6246            <span class="store-only body-copy-xs">
6247              
6248  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6249
6250              Only Available in Store
6251            </span>
6252          </div>
6253          <div class="product-price">
6254            <div class="product-price-and-compare">
6255            
6256              
6257            </div>
6258            
6259    
6260    
6261    
6262  
6263      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6264        
6265  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6266
6267      </button>
6268  
6269          </div>
6270        </header>
6271        
6272        
6273    
6274    
6275  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Acrylic PVA" data-item-id="bb8e7250-016f-44bd-89c6-a1f000a2e989" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/1e/5f/3f/c3/acrylic_pva_5l_brilliant_whitemedium.png" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6276  
6277  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6278
6279  
6280  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6281
6282  
6283  </button>
6284
6285      </div>
6286    </a>
6287  </article>
6288
6289                </div>
6290              
6291                <div class="item " data-transition-item>
6292                  
6293                  
6294  
6295
6296  <article class="m24-product-card height-100" data-component="m24
6296-product-card">
6297    <a href="/en/products/dulux-acrylic-pva-tinted" target="_self">
6298      <div class="inner-card">
6299        <div class="product-image">
6300          
6301  
6302  
6303  
6304  
6305  
6306  
6307  
6308  
6309  
6310  <picture class="a3-image " data-component="a3-image">
6311    
6312    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/37/c9/02/96/packshot_medium.jpg"/>
6313    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/37/c9/02/96/packshot_medium.jpg" alt="Dulux Acrylic PVA Tinted" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6314  </picture>
6315
6316        </div>
6317        <header class="product-header">
6318          <div class="product-info">
6319            <span class="product-title body-copy-rg">Dulux Acrylic PVA Tinted</span>
6320            
6321            <div class="specs-wrapper">
6322              <div class="mobile-product-image">
6323                
6324  
6325  
6326  
6327  
6328  
6329  
6330  
6331  
6332  
6333  <picture class="a3-image " data-component="a3-image">
6334    
6335    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/37/c9/02/96/packshot_medium.jpg"/>
6336    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6337  </picture>
6338
6339              </div>
6340              <ul class="specs-list body-copy-xs">
6341                <li>
6342                  
6343  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6344
6345                  
6346                  High coverage
6347                </li>
6348              
6349                <li>
6350                  
6351  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6352
6353                  
6354                  Long lasting
6355                </li>
6356              
6357                <li>
6358                  
6359  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6360
6361                  
6362                  Stain resistant
6363                </li>
6364              
6365                
6366              
6367                
6368              </ul>
6369            </div>
6370            <span class="store-only body-copy-xs">
6371              
6372  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6373
6374              Only Available in Store
6375            </span>
6376          </div>
6377          <div class="product-price">
6378            <div class="product-price-and-compare">
6379            
6380              
6381            </div>
6382            
6383    
6384    
6385    
6386  
6387      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6388        
6389  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6390
6391      </button>
6392  
6393          </div>
6394        </header>
6395        
6396        
6397    
6398    
6399  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Acrylic PVA Tinted" data-item-id="726ae54b-58be-4317-8c45-a2e40100ccbd" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/37/c9/02/96/packshot_medium.jpg" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6400  
6401  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6402
6403  
6404  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6405
6406  
6407  </button>
6408
6409      </div>
6410    </a>
6411  </article>
6412
6413                </div>
6414              
6415                <div class="item " data-transition-item>
6416                  
6417                  
6418  
6419
6420  <article class="m24-product-card height-100" data-component="m24-product-card">
6421    <a href="/en/products/dulux-easycare" target="_self">
6422      <div class="inner-card">
6423        <div class="product-image">
6424          
6425  
6426  
6427  
6428  
6429  
6430  
6431  
6432  
6433  
6434  <picture class="a3-image " data-component="a3-image">
6435    
6436    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/88/dd/76/76/packshot_medium.jpg"/>
6437    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/88/dd/76/76/packshot_medium.jpg" alt="Dulux  Easycare" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6438  </picture>
6439
6440        </div>
6441        <header class="product-header">
6442          <div class="product-info">
6443            <span class="product-title body-copy-rg">Dulux  Easycare</span>
6444            
6445            <div class="specs-wrapper">
6446              <div class="mobile-product-image">
6447                
6448  
6449  
6450  
6451  
6452  
6453  
6454  
6455  
6456  
6457  <picture class="a3-image " data-component="a3-image">
6458    
6459    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/88/dd/76/76/packshot_medium.jpg"/>
6460    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6461  </picture>
6462
6463              </div>
6464              <ul class="specs-list body-copy-xs">
6465                <li>
6466                  
6467  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6468
6469                  
6470                  Washable
6471                </li>
6472              
6473                <li>
6474                  
6475  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6476
6477                  
6478                  Stain resistant
6479                </li>
6480              
6481                <li>
6482                  
6483  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6484
6485                  
6486                  Long lasting
6487                </li>
6488              
6489                
6490              
6491                
6492              
6493                
6494              </ul>
6495            </div>
6496            <span class="store-only body-copy-xs">
6497              
6498  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6499
6500              Only Available in Store
6501            </span>
6502          </div>
6503          <div class="product-price">
6504            <div class="product-price-and-compare">
6505            
6506              
6507            </div>
6508            
6509    
6510    
6511    
6512  
6513      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6514        
6515  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6516
6517      </button>
6518  
6519          </div>
6520        </header>
6521        
6522        
6523    
6524    
6525  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux  Easycare" data-item-id="a3b91664-ebfd-4ee9-b15a-aa860109c7b4" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/88/dd/76/76/packshot_medium.jpg" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6526  
6527  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6528
6529  
6530  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6531
6532  
6533  </button>
6534
6535      </div>
6536    </a>
6537  </article>
6538
6539                </div>
6540              
6541                <div class="item " data-transition-item>
6542                  
6543                  
6544  
6545
6546  <article class="m24-product-card height-100" data-component="m24-product-card">
6547    <a href="/en/products/dulux-pearlglo-water-based" target="_self">
6548      <div class="inner-card">
6549        <div class="product-image">
6550          
6551  
6552  
6553  
6554  
6555  
6556  
6557  
6558  
6559  
6560  <picture class="a3-image " data-component="a3-image">
6561    
6562    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/39/c0/04/6e/packshot_medium.jpg"/>
6563    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/39/c0/04/6e/packshot_medium.jpg" alt="Dulux Pearlglo Water Based" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6564  </picture>
6565
6566        </div>
6567        <header class="product-header">
6568          <div class="product-info">
6569            <span class="product-title body-copy-rg">Dulux Pearlglo Water Based</span>
6570            
6571            <div class="specs-wrapper">
6572              <div class="mobile-product-image">
6573                
6574  
6575  
6576  
6577  
6578  
6579  
6580  
6581  
6582  
6583  <picture class="a3-image " data-component="a3-image">
6584    
6585    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/39/c0/04/6e/packshot_medium.jpg"/>
6586    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6587  </picture>
6588
6589              </div>
6590              <ul class="specs-list body-copy-xs">
6591                <li>
6592                  
6593  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6594
6595                  
6596                  Stain resistant
6597                </li>
6598              
6599                <li>
6600                  
6601  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6602
6603                  
6604                  Multi-surface
6605                </li>
6606              
6607                <li>
6608                  
6609  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6610
6611                  
6612                  Quick drying
6613                </li>
6614              
6615                
6616              </ul>
6617            </div>
6618            <span class="store-only body-copy-xs">
6619              
6620  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6621
6622              Only Available in Store
6623            </span>
6624          </div>
6625          <div class="product-price">
6626            <div class="product-price-and-compare">
6627            
6628              
6629            </div>
6630            
6631    
6632    
6633    
6634  
6635      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6636        
6637  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6638
6639      </button>
6640  
6641          </div>
6642        </header>
6643        
6644        
6645    
6646    
6647  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Pearlglo Water Based" data-item-id="b7f6da32-661f-4b13-b010-a1f000a2eaed" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/39/c0/04/6e/packshot_medium.jpg" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6648  
6649  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6650
6651  
6652  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6653
6654  
6655  </button>
6656
6657      </div>
6658    </a>
6659  </article>
6660
6661                </div>
6662              
6663                <div class="item " data-transition-item>
6664                  
6665                  
6666  
6667
6668  <article class="m24-product-card height-100" data-component="m24-product-card">
6669    <a href="/en/products/dulux-pearlglo-water-based-tinted" target="_self">
6670      <div class="inner-card">
6671        <div class="product-image">
6672          
6673  
6674  
6675  
6676  
6677  
6678  
6679  
6680  
6681  
6682  <picture class="a3-image " data-component="a3-image">
6683    
6684    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/26/49/03/69/packshot_medium.jpg"/>
6685    <img data-src="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/26/49/03/69/packshot_medium.jpg" alt="Dulux Pearlglo Water Based Tinted" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6686  </picture>
6687
6688        </div>
6689        <header class="product-header">
6690          <div class="product-info">
6691            <span class="product-title body-copy-rg">Dulux Pearlglo Water Based Tinted</span>
6692            
6693            <div class="specs-wrapper">
6694              <div class="mobile-product-image">
6695                
6696  
6697  
6698  
6699  
6700  
6701  
6702  
6703  
6704  
6705  <picture class="a3-image " data-component="a3-image">
6706    
6707    <source media="(max-width: 768px)" class="js-small-image" data-srcset="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/26/49/03/69/packshot_medium.jpg"/>
6708    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
6709  </picture>
6710
6711              </div>
6712              <ul class="specs-list body-copy-xs">
6713                <li>
6714                  
6715  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6716
6717                  
6718                  Stain resistant
6719                </li>
6720              
6721                <li>
6722                  
6723  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6724
6725                  
6726                  Multi-surface
6727                </li>
6728              
6729                <li>
6730                  
6731  <span class="icon " data-component="icon" data-icon="checkmark"></span>
6732
6733                  
6734                  Quick drying
6735                </li>
6736              
6737                
6738              </ul>
6739            </div>
6740            <span class="store-only body-copy-xs">
6741              
6742  <span class="icon " data-component="icon" data-icon="marker-empty"></span>
6743
6744              Only Available in Store
6745            </span>
6746          </div>
6747          <div class="product-price">
6748            <div class="product-price-and-compare">
6749            
6750              
6751            </div>
6752            
6753    
6754    
6755    
6756  
6757      <button class="a127-arrow-button right " data-component="a127-arrow-button" aria-label="Arrow Right" disabled="true">
6758        
6759  <span class="icon " data-component="icon" data-icon="arrow-right"></span>
6760
6761      </button>
6762  
6763          </div>
6764        </header>
6765        
6766        
6767    
6768    
6769  <button class="a47-add-to-space js-login-button  " type="button" data-component="a47-add-to-space" data-add-title="Add to space" data-item-type="product" data-item-name="Dulux Pearlglo Water Based Tinted" data-item-id="d2749272-6b5c-4d45-8e8a-a2e40100ce26" data-item-hex="#" data-item-image="https://msp.images.akzonobel.com/prd/dh/ezadlx/packshots/26/49/03/69/packshot_medium.jpg" data-is-sustainable2d-enabled="false" aria-label="Add to workspace">
6770  
6771  <span class="icon empty" data-component="icon" data-icon="favourite-empty"></span>
6772
6773  
6774  <span class="icon filled" data-component="icon" data-icon="favourite-filled"></span>
6775
6776  
6777  </button>
6778
6779      </div>
6780    </a>
6781  </article>
6782
6783                </div>
6784              
6785            </div>
6786            <div class="col col-12" data-transition-item>
6787              
6788
6789  <div class="m25-pagination" data-component="m25-pagination" data-base-path="/en/products/filters/no-selector" data-active-page="1" data-num-pages="7">
6790    
6791    
6792    
6793    
6794    
6795    
6796      
6797      
6798      
6799      
6800    
6801    <a class="pagination-button first js-first" href="https://www.dulux.co.za/en/products/filters/no-selector/page_1" tabindex="0">
6802  <span class="icon " data-component="icon" data-icon="double-arrow" aria-label="First" role="button"></span>
6803
6804    </a>
6805    <a class="pagination-button previous js-previous" href="https://www.dulux.co.za/en/products/filters/no-selector/page_0" tabindex="0">
6806  <span class="icon " data-component="icon" data-icon="chevron-left" aria-label="Previous" role="button"></span>
6807
6808    </a>
6809    <ol class="page-list js-page-list body-copy-rg" data-active-page="0">
6810      <li class="page">
6811        <a href="#">
6812          <span class="number">1</span>
6813        </a>
6814      </li>
6815    </ol>
6816    <a class="pagination-button next js-next" href="https://www.dulux.co.za/en/products/filters/no-selector/page_2" tabindex="0"> 
6817  <span class="icon " data-component="icon" data-icon="chevron-right" aria-label="Next" role="button"></span>
6818</a>
6819    <a class="pagination-button last js-last" href="https://www.dulux.co.za/en/products/filters/no-selector/page_7" tabindex="0"> 
6820  <span class="icon " data-component="icon" data-icon="double-arrow" aria-label="last" role="button"></span>
6821</a>
6822
6823  </div>
6824
6825
6826            </div>
6827          
6828
6829          
6830
6831          
6832        
6833      
6834      
6835      <!-- /* Add condition for schramm block mobile */-->
6836      
6837      </div>
6838    </div>
6839  </div>
6840</section>
6841</div>
6842<div class="cmp cmp-c56-workspace-actions aem-GridColumn aem-GridColumn--default--12">
6843
6844
6845
6846<section data-component="c56-workspace-actions" data-id="c56_workspace_action-834710585" data-api="/bin/api/workspace?page=/content/akzonobel-flourish/dulux/za/en/products" data-domain="ezadlx" class="c56-workspace-actions">
6847  <div class="mask js-mask" role="presentation"></div>
6848  <div class="modal js-modal">
6849    <header>
6850      
6851    
6852    
6853    <button class="a8-icon-button close-button js-close-button
6854            is-transparent is-small" data-component="a8-icon-button" title="Close">
6855      
6856  <span class="icon " data-component="icon" data-icon="cross"></span>
6857
6858      
6859    </button>
6860  
6861    </header>
6862    <div class="card-container js-card">
6863      
6864
6865      
6866
6867      
6868
6869  <section data-component="m31-form-content" class="m31-form-content" data-state="add-space">
6870    <header class="form-content-header">
6871      
6872      <p class="header-04 title">Add a new job</p>
6873    </header>
6874    
6875        
6876  
6877  
6878    
6879  
6880  
6881    
6882  
6883  
6884  <div class="m91-add-space-form" data-component="m91-add-space-form" data-redirect="/en/workspace/detail" data-state="add-space">
6885    <p class="body-copy-rg">
6886      
6887    </p>
6888    <form class="add-space-form js-form">
6889      
6890        
6891
6892
6893
6894
6895
6896
6897
6898
6899
6900
6901
6902
6903 
6904 
6905
6906    
6907
6908    
6909
6910    
6911
6912    
6913
6914    
6915
6916    
6917
6918
6919<div class="a11-input-field js-input-parent input js-job-name" data-component="a11-input-field">
6920 <div class="input-wrapper">
6921   
6922   <label for="jobName" class="text-label body-copy-s">
6923     Job name
6924     
6925       <span class="required">*</span>
6926     
6927   </label>
6928   <div class="wrapper">
6929     <input type="text" class="text-input js-text-input js-input body-copy-s input js-job-name" id="jobName" name="jobName" placeholder="e.g. Re-decorating living room" data-required="true"/>           
6930     
6931   </div>
6932  </div>
6933</div>
6934
6935        <ul class="recommendations-list">
6936          
6937            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Kitchen">
6938              Kitchen
6939            </li>
6940          
6941            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Bedroom">
6942              Bedroom
6943            </li>
6944          
6945            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Living room">
6946              Living room
6947            </li>
6948          
6949        </ul>
6950        
6951        
6952  
6953  
6954  
6955  
6956  
6957  
6958
6959  <div class="a10-text-field js-input-parent" data-component="a10-text-field">
6960    <div class="text-area-wrapper">
6961      <label for="jobDescriptionAdd" class="text-label  body-copy-s">Job description
6962          
6963      </label>
6964      <textarea type="text" class="body-copy-s text-area-input js-text-area-input js-input" id="jobDescriptionAdd" name="jobDescription" placeholder="Add notes about your job"></textarea>
6965    </div>
6966
6967    
6968  </div>
6969
6970
6971        
6972    
6973    
6974    
6975    
6976    
6977    
6978    
6979    
6980    <button data-component="a122-primary-button" class="a122-primary-button  
6981              add-space-button js-submit   " data-icon-alignment="left" title="Create a job">
6982      
6983      
6984      <span class="cta-text body-copy-rg">Create a job</span>
6985      
6986      
6987    </button>
6988  
6989      
6990      
6991      
6992    </form>
6993  </div>
6994
6995
6996      
6997    
6998  </section>
6999
7000      
7001      
7002
7003      
7004
7005      
7006
7007  <section data-component="m31-form-content" class="m31-form-content" data-state="copy-space">
7008    <header class="form-content-header">
7009      
7010      <p class="header-04 title">Add a new job</p>
7011    </header>
7012    
7013        
7014  
7015  
7016    
7017  
7018  
7019    
7020  
7021  
7022  <div class="m91-add-space-form" data-component="m91-add-space-form" data-redirect="/en/workspace/detail" data-state="copy-space">
7023    <p class="body-copy-rg">
7024      
7025    </p>
7026    <form class="add-space-form js-form">
7027      
7028        
7029
7030
7031
7032
7033
7034
7035
7036
7037
7038
7039
7040
7041 
7042 
7043
7044    
7045
7046    
7047
7048    
7049
7050    
7051
7052    
7053
7054    
7055
7056
7057<div class="a11-input-field js-input-parent input js-job-name" data-component="a11-input-field">
7058 <div class="input-wrapper">
7059   
7060   <label for="jobName" class="text-label body-copy-s">
7061     Job name
7062     
7063       <span class="required">*</span>
7064     
7065   </label>
7066   <div class="wrapper">
7067     <input type="text" class="text-input js-text-input js-input body-copy-s input js-job-name" id="jobName" name="jobName" placeholder="e.g. Re-decorating living room" data-required="true"/>           
7068     
7069   </div>
7070  </div>
7071</div>
7072
7073        <ul class="recommendations-list">
7074          
7075            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Kitchen">
7076              Kitchen
7077            </li>
7078          
7079            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Bedroom">
7080              Bedroom
7081            </li>
7082          
7083            <li class="recommendation-item body-copy-xs js-recommendation" data-id="Living room">
7084              Living room
7085            </li>
7086          
7087        </ul>
7088        
7089        
7090  
7091  
7092  
7093  
7094  
7095  
7096
7097  <div class="a10-text-field js-input-parent" data-component="a10-text-field">
7098    <div class="text-area-wrapper">
7099      <label for="jobDescriptionCopy" class="text-label  body-copy-s">Job description
7100          
7101      </label>
7102      <textarea type="text" class="body-copy-s text-area-input js-text-area-input js-input" id="jobDescriptionCopy" name="jobDescription" placeholder="Add notes about your job"></textarea>
7103    </div>
7104
7105    
7106  </div>
7107
7108
7109        
7110    
7111    
7112    
7113    
7114    
7115    
7116    
7117    
7118    <button data-component="a122-primary-button" class="a122-primary-button  
7119              add-space-button js-submit   " data-icon-alignment="left" title="Create a job">
7120      
7121      
7122      <span class="cta-text body-copy-rg">Create a job</span>
7123      
7124      
7125    </button>
7126  
7127      
7128      
7129      
7130    </form>
7131  </div>
7132
7133
7134      
7135    
7136  </section>
7137
7138      
7139      
7140
7141      
7142
7143  <section data-component="m31-form-content" class="m31-form-content" data-state="edit-space">
7144    <header class="form-content-header">
7145      
7146      <p class="header-04 title">Edit a job</p>
7147    </header>
7148    
7149        
7150  
7151  
7152  
7153  
7154  <div class="m91-add-space-form" data-component="m91-add-space-form" data-state="edit-space">
7155    <p class="body-copy-rg">
7156      
7157    </p>
7158    <form class="add-space-form js-form">
7159      
7160      
7161        
7162
7163
7164
7165
7166
7167
7168
7169
7170
7171
7172
7173
7174 
7175 
7176
7177    
7178
7179    
7180
7181    
7182
7183    
7184
7185    
7186
7187    
7188
7189
7190<div class="a11-input-field js-input-parent input" data-component="a11-input-field">
7191 <div class="input-wrapper">
7192   
7193   <label for="jobName" class="text-label body-copy-s">
7194     Job name
7195     
7196       <span class="required">*</span>
7197     
7198   </label>
7199   <div class="wrapper">
7200     <input type="text" class="text-input js-text-input js-input body-copy-s input" id="jobName" name="jobName" data-required="true"/>           
7201     
7202   </div>
7203  </div>
7204</div>
7205
7206        
7207  
7208  
7209  
7210  
7211  
7212  
7213
7214  <div class="a10-text-field js-input-parent" data-component="a10-text-field">
7215    <div class="text-area-wrapper">
7216      <label for="jobDescriptionEdit" class="text-label  body-copy-s">Job description
7217          
7218      </label>
7219      <textarea type="text" class="body-copy-s text-area-input js-text-area-input js-input" id="jobDescriptionEdit" name="jobDescription"></textarea>
7220    </div>
7221
7222    
7223  </div>
7224
7225
7226        
7227    
7228    
7229    
7230    
7231    
7232    
7233    
7234    
7235    <button data-component="a122-primary-button" class="a122-primary-button  
7236              edit-space-button js-submit   " data-icon-alignment="left" title="Save">
7237      
7238      
7239      <span class="cta-text body-copy-rg">Save</span>
7240      
7241      
7242    </button>
7243  
7244        <a class="remove-link body-copy-rg js-remove-space" href="#">
7245          Delete job
7246        </a>
7247      
7248      
7249    </form>
7250  </div>
7251
7252
7253      
7254    
7255  </section>
7256
7257
7258      
7259      
7260
7261      
7262
7263  <section data-component="m31-form-content" class="m31-form-content" data-state="remove-space">
7264    <header class="form-content-header">
7265      
7266      <p class="header-04 title">Delete job</p>
7267    </header>
7268    
7269        
7270  
7271    
7272    
7273  
7274  
7275  
7276    
7277  
7278  
7279    
7280  
7281  <div class="m91-add-space-form" data-component="m91-add-space-form" data-redirect="/en" data-state="remove-space" data-redirectUrl="/en/products">
7282    <p class="body-copy-rg">
7283      Are you sure? All notes, photos and saved items will be deleted.
7284    </p>
7285    <form class="add-space-form js-form">
7286      
7287      
7288      
7289        <div class="cta-wrapper">
7290          <div class="cta-container">
7291            
7292    
7293    
7294    
7295    
7296    
7297    
7298    
7299    
7300    
7301  
7302    <button data-component="a126-secondary-button" class="a126-secondary-button  
7303              js-close-button
7304            " title="No, cancel" target="_self">
7305      
7306      
7307      <span class="cta-text body-copy-rg">No, cancel</span>
7308    </button>
7309  
7310            
7311    
7312    
7313    
7314    
7315    
7316    
7317    
7318    
7319    
7320  
7321    <button data-component="a126-secondary-button" class="a126-secondary-button  
7322              js-remove-confirm
7323            " title="Yes, delete" target="_self">
7324      
7325      
7326      <span class="cta-text body-copy-rg">Yes, delete</span>
7327    </button>
7328  
7329          </div>
7330          <div class="global-errors js-global-errors"></div>
7331        </div>
7332      
7333    </form>
7334  </div>
7335
7336
7337      
7338    
7339  </section>
7340
7341
7342      
7343      
7344
7345      
7346
7347  <section data-component="m31-form-content" class="m31-form-content" data-state="save-color">
7348    <header class="form-content-header">
7349      
7350      <p class="header-04 title">Save colour</p>
7351    </header>
7352    
7353        
7354  
7355  
7356  <div class="m92-add-to-space" data-component="m92-add-to-space" data-type="color">
7357    <div class="add-to-space-form-inner">
7358      
7359        <div class="media-container">
7360          
7361          <div class="color-image js-color-image" style="background-color:#">
7362              <span class="color-name body-copy-s">
7363                  
7364              </span>
7365          </div>
7366           
7367        </div>
7368        <div class="actions-wrapper">
7369          
7370  
7371  
7372  
7373  
7374  
7375  
7376  
7377
7378  <div class="a1-heading" data-component="a1-heading" style="color: ">
7379    <div class="js-camp-temp-heading-text">
7380      
7381      <p class="heading-title header-05" data-transition-item>
7382        
7383        
7384          
7385          
7386            Save to My Workspace
7387          
7388        
7389      </p>
7390      
7391      
7392  </div>
7393  </div>
7394  
7395
7396          
7397    
7398    
7399    
7400    
7401    
7402    
7403    
7404    
7405    <button data-component="a122-primary-button" class="a122-primary-button  
7406              js-add-new-space   " data-icon-alignment="left">
7407      
7408      
7409      <span class="cta-text body-copy-rg">Add a new job</span>
7410      
7411      
7412    </button>
7413  
7414          <span class="divider"></span>
7415            <div class="spaces-cta-container js-spaces"></div>
7416        </div>
7417      
7418      
7419    </div>
7420  </div>
7421
7422      
7423    
7424  </section>
7425
7426
7427      
7428      
7429      
7430
7431  <section data-component="m31-form-content" class="m31-form-content" data-state="save-product">
7432    <header class="form-content-header">
7433      
7434      <p class="header-04 title">Save product</p>
7435    </header>
7436    
7437        
7438  
7439  
7440  <div class="m92-add-to-space" data-component="m92-add-to-space" data-type="product">
7441    <div class="add-to-space-form-inner">
7442      
7443        <div class="media-container">
7444          
7445            
7446  
7447  
7448  
7449  
7450  
7451  
7452  
7453  
7454  
7455  <picture class="a3-image product-image" data-component="a3-image">
7456    
7457    <source media="(max-width: 768px)" class="js-small-image"/>
7458    <img class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
7459  </picture>
7460
7461            <p class="product-title body-copy-rg">
7462              
7463            </p>
7464          
7465          
7466           
7467        </div>
7468        <div class="actions-wrapper">
7469          
7470  
7471  
7472  
7473  
7474  
7475  
7476  
7477
7478  <div class="a1-heading" data-component="a1-heading" style="color: ">
7479    <div class="js-camp-temp-heading-text">
7480      
7481      <p class="heading-title header-05" data-transition-item>
7482        
7483        
7484          
7485          
7486            Save job
7487          
7488        
7489      </p>
7490      
7491      
7492  </div>
7493  </div>
7494  
7495
7496          
7497    
7498    
7499    
7500    
7501    
7502    
7503    
7504    
7505    <button data-component="a122-primary-button" class="a122-primary-button  
7506              js-add-new-space   " data-icon-alignment="left">
7507      
7508      
7509      <span class="cta-text body-copy-rg">Add a new job</span>
7510      
7511      
7512    </button>
7513  
7514          <span class="divider"></span>
7515            <div class="spaces-cta-container js-spaces"></div>
7516        </div>
7517      
7518      
7519    </div>
7520  </div>
7521
7522      
7523    
7524  </section>
7525
7526    </div>
7527  </div>
7528</section>
7529</div>
7530
7531    
7532</div>
7533</div>
7534
7535    
7536</div>
7537
7538
7539    
7540    
7541
7542
7543
7544
7545
7546
7547
7548
7549
7550<section data-component="c20-newsletter" data-id="c20_newsletter_copy-1346496815" class="c20-newsletter js-newsletter-popup cp-top-spacing-default cp-bottom-spacing-default style-default newsletter-popup" data-scroll-component data-newsletter-popup="true" data-newsletter-popup-timer="5000">
7551  <div class="content-wrapper js-newsletter-popup-child-default">
7552    <div class="grid">
7553      <div class="col col-12 col-m-6 col-m-push-3 col-l-4 col-l-push-4 newsletter-content">
7554        <div data-transition-item class="newsletter-icon js-newsletter-clickable" role="presentation">
7555          
7556  <span class="icon " data-component="icon" data-icon="newsletter-illustration"></span>
7557
7558        </div>
7559        
7560  
7561  
7562  
7563  
7564  
7565  
7566  
7567
7568  <div class="a1-heading" data-component="a1-heading" style="color: ">
7569    <div class="js-camp-temp-heading-text">
7570      
7571      <h3 class="heading-title header-03 js-newsletter-clickable" data-transition-item role="presentation">
7572        
7573        
7574          
7575          
7576            Join our newsletter
7577          
7578        
7579      </h3>
7580      
7581      
7582  </div>
7583  </div>
7584  
7585
7586        <p data-transition-item class="body-copy-rg newsletter-description js-newsletter-clickable" role="presentation">Discover decorating trends and ideas in our new monthly newsletter.</p>
7587        <form class="newsletter-form js-form js-exclude-block-email" data-component="newsletter-signup-form" action="/bin/api/newsletter/subscribe?domainCode=ezadlx&path=/content/akzonobel-flourish/dulux/za/en/products&locale=en" method="POST" is-enabled="true" autocomplete="off" novalidate>
7588              <div class="honey-pot-field">
7589                <label for="honeypotC20">If you are human, leave this field blank:</label>
7590                <input type="text" name="honeypotC20" id="honeypotC20"/>
7591            </div>
7592          <fieldset data-transition-item>
7593            
7594
7595
7596
7597
7598
7599
7600
7601
7602
7603
7604
7605
7606 
7607 
7608
7609    
7610
7611    
7612
7613    
7614
7615    
7616
7617    
7618
7619    
7620
7621
7622<div class="a11-input-field js-input-parent js-email-input" data-component="a11-input-field">
7623 <div class="input-wrapper">
7624   <label for="newsletter-email" style="color: transparent;">enter-your-email</label>
7625   
7626   <div class="wrapper">
7627     <input type="email" class="text-input js-text-input js-input body-copy-s js-email-input" id="newsletter-email" name="email" placeholder="Email address" aria-label="enter-your-email" autocomplete="email"/>           
7628     
7629   </div>
7630  </div>
7631</div>
7632
7633          </fieldset>
7634          <fieldset class="hidden-content">
7635            
7636  
7637  
7638  
7639       
7640  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
7641    <label for="privacy-policy-c20" class="checkbox-label-wrapper ">
7642      <input type="checkbox" id="privacy-policy-c20" name="privacy-policy" class="checkbox-input js-checkbox-input " aria-hidden="true" tabindex="-1"/>
7643      <span class="checkbox">
7644        <span class="checkbox-icon">
7645          
7646  <span class="icon " data-component="icon" data-icon="checkmark"></span>
7647
7648        </span>
7649      </span>
7650      <span class="checkbox-label-title body-copy-s" data-label="&lt;p>By checking this box, I confirm that I have read and agree that we process your information in accordance with our &lt;a href=&#34;/content/akzonobel-flourish/dulux/za/en/legal.html&#34; target=&#34;_blank&#34;>Terms and Conditions&lt;/a> and our &lt;a href=&#34;/content/akzonobel-flourish/dulux/za/en/privacy-policy.html&#34; target=&#34;_blank&#34;>Privacy Policy&lt;/a>.&lt;/p>
7651">
7652        <p>By checking this box, I confirm that I have read and agree that we process your information in accordance with our <a href="/en/legal" target="_blank">Terms and Conditions</a> and our <a href="/en/privacy-policy" target="_blank">Privacy Policy</a>.</p>
7653
7654        
7655        
7656        
7657        
7658      </span>
7659    </label>
7660    
7661  </div>
7662
7663
7664            
7665  
7666  
7667  
7668       
7669  <div class="a15-checkbox js-input-parent " data-component="a15-checkbox">
7670    <label for="newsletter-c20" class="checkbox-label-wrapper ">
7671      <input type="checkbox" id="newsletter-c20" name="newsletter" class="checkbox-input js-checkbox-input " aria-hidden="true" tabindex="-1"/>
7672      <span class="checkbox">
7673        <span class="checkbox-icon">
7674          
7675  <span class="icon " data-component="icon" data-icon="checkmark"></span>
7676
7677        </span>
7678      </span>
7679      <span class="checkbox-label-title body-copy-s" data-label="&lt;p>By checking this box, I consent to receiving marketing emails. You can unsubscribe at any time by clicking the unsubscribe link at the bottom of our emails.&lt;/p>
7680">
7681        <p>By checking this box, I consent to receiving marketing emails. You can unsubscribe at any time by clicking the unsubscribe link at the bottom of our emails.</p>
7682
7683        
7684        
7685        
7686        
7687      </span>
7688    </label>
7689    
7690  </div>
7691
7692
7693            
7694  
7695
7696  <div class="recaptcha" data-component="recaptcha" data-sitekey="6LeO3K8ZAAAAAClkwsvFeN5a5L218NdG2EXCl-vE" data-language="en-ZA">
7697    <div class="js-widget"></div>
7698  </div>
7699
7700
7701            
7702    
7703    
7704    
7705    
7706    
7707    
7708    
7709    
7710    <button data-component="a122-primary-button" type="submit" class="a122-primary-button  
7711              js-submit   " data-icon-alignment="left">
7712      
7713      <span class="cta-text body-copy-rg">Subscribe</span>
7714      
7715      
7716      
7717    </button>
7718  
7719            <div class="body-copy-xs privacy-note"><p>If you'd like to know more about how we use your personal data, please read our <a href="/en/privacy-policy" target="_blank">privacy statement</a>.</p>
7720</div>
7721          </fieldset>
7722        </form>
7723      </div>
7724      
7725    
7726    
7727    <button class="a8-icon-button js-popup-close-button
7728            is-transparent is-small" data-component="a8-icon-button" aria-label="Close Button" type="button">
7729      
7730  <span class="icon " data-component="icon" data-icon="cross"></span>
7731
7732      
7733    </button>
7734  
7735      
7736    </div>
7737  </div>
7738
7739  
7739<script type="text/json" class="js-explanation-content">
7740      {
7741        "title": "What does it mean?",
7742        "copy": "<p class=\"body-copy-s\">For contacting you with personalized commercial messages, we will create profiles and analyze your interactions with us. For this, we will look at your personal data such as:</p>\r\n<ul class=\"body-copy-s\">\r\n<li>your name, gender, date of birth, e-mail address, and physical address;</li>\r\n<li>your preferences and interests, such as those that you have actively shared with us, but also those inferred through your registered interactions with AkzoNobel websites and apps (for which we may use cookies);</li>\r\n<li>your shopping history, both online (if you link your purchases to your profile) and offline (when making an offline purchase) ; and</li>\r\n<li>the links you click in our emails.</li>\r\n</ul>\r\n<p class=\"body-copy-s\">This way we learn about your interests and can ensure that we provide you with the information and promotions that are of most interest to you. We may also ask you for your opinion about our products and services. If you don\u2019t want to receive any more messages or if you want to opt-out of a particular form of communication with us (for example SMS, E-mail or regular mail), just, follow the steps in that particular communication.</p>\r\n<p class=\"body-copy-s\">For further information, please read our full <a href=\"/content/akzonobel-flourish/dulux/za/en/privacy-policy.html\" target=\"_blank\">Privacy Statement</a>.</p>\r\n"
7743      }
7744   </script>
7744
7745  <div data-component="newsletter-overlay" class="newsletter-overlay">
7746    <div class="mask js-mask"></div>
7747    <div class="modal js-modal">
7748      <header>
7749        
7750    
7751    
7752    <button class="a8-icon-button close-button js-close-button
7753            is-transparent is-small" data-component="a8-icon-button" aria-label="Close Button">
7754      
7755  <span class="icon " data-component="icon" data-icon="cross"></span>
7756
7757      
7758    </button>
7759  
7760      </header>
7761      
7762      
7763
7764  <section data-component="m31-form-content" class="m31-form-content" data-state="success">
7765    <header class="form-content-header">
7766      
7767  <span class="icon title-icon" data-component="icon" data-icon="newsletter-illustration"></span>
7768
7769      <p class="header-04 title">Thank you for subscribing.</p>
7770    </header>
7771    
7772        <div class="base-content">
7773          <p class="body-copy-s base-description">You will receive an e-mail to confirm your registration, please use the link to confirm you are happy to receive marketing emails.</p>
7774        </div>
7775      
7776    
7777  </section>
7778
7779    </div>
7780  </div>
7781
7782</section>
7783
7784
7785
7786
7787
7788
7789
7790
7791<section data-component="c18-logo-group" data-id="c18_footer_ctas-1820839068" class="c18-logo-group cp-top-spacing-none  cp-bottom-spacing-none" style="background-color:" data-scroll-component>
7792  <div class="content-wrapper">
7793    <div class="grid">
7794      
7795      
7796      <div class="col col-12 col-m-12 icon-list">
7797        
7798
7799  
7800  
7801  
7802
7803  <div class="m4-icon-list social-icons" data-component="m4-icon-list">
7804    
7805      <span class="body-copy-s icon-list-title">Add some colour to your feed</span>
7806    
7807    
7808
7809    
7810      
7811        <a href="https://www.facebook.com/dulux" target="_blank" title="Add some colour to your feed">
7812          
7813  <span class="icon " data-component="icon" data-icon="facebook"></span>
7814
7815        </a>
7816        
7817      
7818        <a href="https://www.instagram.com/duluxsa/" target="_blank" title="Add some colour to your feed">
7819          
7820  <span class="icon " data-component="icon" data-icon="instagram"></span>
7821
7822        </a>
7823        
7824      
7825        <a href="https://www.pinterest.com/duluxza/" target="_blank" title="Add some colour to your feed">
7826          
7827  <span class="icon " data-component="icon" data-icon="pinterest"></span>
7828
7829        </a>
7830        
7831      
7832        <a href="https://twitter.com/DuluxSA" target="_blank" title="Add some colour to your feed">
7833          
7834  <span class="icon " data-component="icon" data-icon="twitter"></span>
7835
7836        </a>
7837        
7838      
7839        <a href="https://www.youtube.com/user/LetsColourSA" target="_blank" title="Add some colour to your feed">
7840          
7841  <span class="icon " data-component="icon" data-icon="youtube"></span>
7842
7843        </a>
7844        
7845      
7846    
7847
7848    
7849
7850  </div>
7851
7852      </div>
7853    </div>
7854  </div>
7855</section>
7856
7857
7858
7859
7860
7861<div class="responsivegrid aem-GridColumn aem-GridColumn--default--12">
7862          
7863  <footer data-component="s2-primary-footer" data-scroll-component class="s2-primary-footer cp-top-spacing-default  cp-bottom-spacing-default" data-id="s2_primary_footer_co-944589695" data-editor="false">
7864    <div class="content-wrapper s-no-padding">
7865      <div class="grid">
7866        <div class="col col-12 col-m-3">
7867          
7868
7869  <div class="m1-link-list" data-component="m1-link-list">
7870  <span class="list-title body-copy-rg js-toggle" role="presentation">
7871    
7872  
7873  
7874  
7875  
7876  
7877  
7878  
7879
7880  <div class="a1-heading" data-component="a1-heading" style="color: ">
7881    <div class="js-camp-temp-heading-text">
7882      
7883      <h5 class="heading-title header-05" data-transition-item>
7884        
7885        
7886          
7887          
7888            Dulux
7889          
7890        
7891      </h5>
7892      
7893      
7894  </div>
7895  </div>
7896  
7897
7898    
7899  <span class="icon list-title-icon" data-component="icon" data-icon="chevron-down"></span>
7900
7901
7902  </span>
7903    <div class="list-wrapper js-list">
7904      <ul class="list-items">
7905        <li class="list-item body-copy-s">
7906          
7907  
7908  
7909  
7910
7911  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/about-us" target="_self">
7912    
7913    
7914    <div class="text-link-label ">
7915      
7916      <span>About Dulux</span>
7917    </div>
7918    
7919    
7920    
7921  </a>
7922
7923        </li>
7924<li class="list-item body-copy-s">
7925          
7926  
7927  
7928  
7929
7930  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/contact-us" target="_self">
7931    
7932    
7933    <div class="text-link-label ">
7934      
7935      <span>Contact us</span>
7936    </div>
7937    
7938    
7939    
7940  </a>
7941
7942        </li>
7943<li class="list-item body-copy-s">
7944          
7945  
7946  
7947  
7948
7949  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/find-a-store" target="_self">
7950    
7951    
7952    <div class="text-link-label ">
7953      
7954      <span>Find a Dulux store</span>
7955    </div>
7956    
7957    
7958    
7959  </a>
7960
7961        </li>
7962<li class="list-item body-copy-s">
7963          
7964  
7965  
7966  
7967
7968  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/html-site-map" target="_self">
7969    
7970    
7971    <div class="text-link-label ">
7972      
7973      <span>Sitemap</span>
7974    </div>
7975    
7976    
7977    
7978  </a>
7979
7980        </li>
7981
7982      </ul>
7983    </div>
7984  </div>
7985
7986
7987        </div>
7988      
7989        <div class="col col-12 col-m-3">
7990          
7991
7992  <div class="m1-link-list" data-component="m1-link-list">
7993  <span class="list-title body-copy-rg js-toggle" role="presentation">
7994    
7995  
7996  
7997  
7998  
7999  
8000  
8001  
8002
8003  <div class="a1-heading" data-component="a1-heading" style="color: ">
8004    <div class="js-camp-temp-heading-text">
8005      
8006      <h5 class="heading-title header-05" data-transition-item>
8007        
8008        
8009          
8010          
8011            Popular Categories
8012          
8013        
8014      </h5>
8015      
8016      
8017  </div>
8018  </div>
8019  
8020
8021    
8022  <span class="icon list-title-icon" data-component="icon" data-icon="chevron-down"></span>
8023
8024
8025  </span>
8026    <div class="list-wrapper js-list">
8027      <ul class="list-items">
8028        <li class="list-item body-copy-s">
8029          
8030  
8031  
8032  
8033
8034  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/colour-palettes" target="_self">
8035    
8036    
8037    <div class="text-link-label ">
8038      
8039      <span>Find a Dulux colour</span>
8040    </div>
8041    
8042    
8043    
8044  </a>
8045
8046        </li>
8047<li class="list-item body-copy-s">
8048          
8049  
8050  
8051  
8052
8053  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/products" target="_self">
8054    
8055    
8056    <div class="text-link-label ">
8057      
8058      <span>Products</span>
8059    </div>
8060    
8061    
8062    
8063  </a>
8064
8065        </li>
8066<li class="list-item body-copy-s">
8067          
8068  
8069  
8070  
8071
8072  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/colour-inspiration" target="_self">
8073    
8074    
8075    <div class="text-link-label ">
8076      
8077      <span>Decoration Ideas</span>
8078    </div>
8079    
8080    
8081    
8082  </a>
8083
8084        </li>
8085<li class="list-item body-copy-s">
8086          
8087  
8088  
8089  
8090
8091  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/decorating-tips-and-advice" target="_self">
8092    
8093    
8094    <div class="text-link-label ">
8095      
8096      <span>Expert Help</span>
8097    </div>
8098    
8099    
8100    
8101  </a>
8102
8103        </li>
8104<li class="list-item body-copy-s">
8105          
8106  
8107  
8108  
8109
8110  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/dulux-colour-of-the-year-2023" target="_self">
8111    
8112    
8113    <div class="text-link-label ">
8114      
8115      <span>Colour of the Year</span>
8116    </div>
8117    
8118    
8119    
8120  </a>
8121
8122        </li>
8123
8124      </ul>
8125    </div>
8126  </div>
8127
8128
8129        </div>
8130      
8131        <div class="col col-12 col-m-3">
8132          
8133
8134  <div class="m1-link-list" data-component="m1-link-list">
8135  <span class="list-title body-copy-rg js-toggle" role="presentation">
8136    
8137  
8138  
8139  
8140  
8141  
8142  
8143  
8144
8145  <div class="a1-heading" data-component="a1-heading" style="color: ">
8146    <div class="js-camp-temp-heading-text">
8147      
8148      <h5 class="heading-title header-05" data-transition-item>
8149        
8150        
8151          
8152          
8153            Access
8154          
8155        
8156      </h5>
8157      
8158      
8159  </div>
8160  </div>
8161  
8162
8163    
8164  <span class="icon list-title-icon" data-component="icon" data-icon="chevron-down"></span>
8165
8166
8167  </span>
8168    <div class="list-wrapper js-list">
8169      <ul class="list-items">
8170        <li class="list-item body-copy-s">
8171          
8172  
8173  
8174  
8175
8176  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/colour-accuracy" target="_self">
8177    
8178    
8179    <div class="text-link-label ">
8180      
8181      <span>Colour Accuracy</span>
8182    </div>
8183    
8184    
8185    
8186  </a>
8187
8188        </li>
8189<li class="list-item body-copy-s">
8190          
8191  
8192  
8193  
8194
8195  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="/en/accessibility" target="_self">
8196    
8197    
8198    <div class="text-link-label ">
8199      
8200      <span>Accessibility</span>
8201    </div>
8202    
8203    
8204    
8205  </a>
8206
8207        </li>
8208
8209      </ul>
8210    </div>
8211  </div>
8212
8213
8214        </div>
8215      
8216        <div class="col col-12 col-m-3">
8217          
8218
8219  <div class="m1-link-list" data-component="m1-link-list">
8220  <span class="list-title body-copy-rg js-toggle" role="presentation">
8221    
8222  
8223  
8224  
8225  
8226  
8227  
8228  
8229
8230  <div class="a1-heading" data-component="a1-heading" style="color: ">
8231    <div class="js-camp-temp-heading-text">
8232      
8233      <h5 class="heading-title header-05" data-transition-item>
8234        
8235        
8236          
8237          
8238            Related sites
8239          
8240        
8241      </h5>
8242      
8243      
8244  </div>
8245  </div>
8246  
8247
8248    
8249  <span class="icon list-title-icon" data-component="icon" data-icon="chevron-down"></span>
8250
8251
8252  </span>
8253    <div class="list-wrapper js-list">
8254      <ul class="list-items">
8255        <li class="list-item body-copy-s">
8256          
8257  
8258  
8259  
8260
8261  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="https://www.duluxtrade.co.za/" target="_blank">
8262    
8263    
8264    <div class="text-link-label ">
8265      
8266      <span>Dulux Trade</span>
8267    </div>
8268    
8269    
8270    
8271  </a>
8272
8273        </li>
8274<li class="list-item body-copy-s">
8275          
8276  
8277  
8278  
8279
8280  <a class="a2-text-link footer-links is-light " data-component="a2-text-link" href="http://www.duluxguarantee.co.za/" target="_blank">
8281    
8282    
8283    <div class="text-link-label ">
8284      
8285      <span>Dulux Guarantee</span>
8286    </div>
8287    
8288    
8289    
8290  </a>
8291
8292        </li>
8293
8294      </ul>
8295    </div>
8296  </div>
8297
8298
8299        </div>
8300      </div>
8301    </div>
8302  </footer>
8303</div>
8304
8305
8306
8307
8308
8309
8310<div class="responsivegrid aem-GridColumn aem-GridColumn--default--12">
8311
8312  <footer data-component="s3-secondary-footer" data-id="s3_secondary_footer_-1475997690" class="s3-secondary-footer cp-top-spacing-default  cp-bottom-spacing-default" style="background-color:" data-scroll-component>
8313
8314    <div class="content-wrapper">
8315      <div class="grid">
8316        
8317          <div class="col col-12 footer-brand-logos">
8318            
8319              <a href="/en" target="_self" class="footer-brand-logo" aria-label="Footer logo">
8320                
8321  
8322  
8323  
8324  
8325  
8326  
8327  
8328  
8329  
8330  <picture class="a3-image " data-component="a3-image">
8331    
8332    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-flourish/dulux/logo/dulux-logo_2x.png?impolicy=.auto"/>
8333    <img data-src="//images.akzonobel.com/akzonobel-flourish/dulux/logo/dulux-logo_2x.png?impolicy=.auto" alt="Dulux Logo" class="image js-normal-image    lazyload" itemprop="image"/>
8334  </picture>
8335
8336              </a>
8337            
8338          </div>
8339        
8340        <div class="col col-12 ">
8341          <ul class="secondary-footer-links ">
8342            
8343              <li class="secondary-footer-link body-copy-s">
8344                
8345  
8346  
8347  
8348
8349  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="/content/dam/akzonobel-flourish/dulux/za/en/homepage/akzonobel-south-africa-paia-manual.pdf" target="_blank">
8350    
8351    
8352    <div class="text-link-label ">
8353      
8354      <span>PAIA Manual</span>
8355    </div>
8356    
8357    
8358    
8359  </a>
8360
8361              </li>
8362            
8363              <li class="secondary-footer-link body-copy-s">
8364                
8365  
8366  
8367  
8368
8369  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="/en/cookies" target="_self">
8370    
8371    
8372    <div class="text-link-label ">
8373      
8374      <span>Cookies</span>
8375    </div>
8376    
8377    
8378    
8379  </a>
8380
8381              </li>
8382            
8383              <li class="secondary-footer-link body-copy-s">
8384                
8385  
8386  
8387  
8388
8389  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="/en/privacy-policy" target="_self">
8390    
8391    
8392    <div class="text-link-label ">
8393      
8394      <span>Privacy Policy</span>
8395    </div>
8396    
8397    
8398    
8399  </a>
8400
8401              </li>
8402            
8403              <li class="secondary-footer-link body-copy-s">
8404                
8405  
8406  
8407  
8408
8409  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="/en/legal" target="_self">
8410    
8411    
8412    <div class="text-link-label ">
8413      
8414      <span>Legal</span>
8415    </div>
8416    
8417    
8418    
8419  </a>
8420
8421              </li>
8422            
8423              <li class="secondary-footer-link body-copy-s">
8424                
8425  
8426  
8427  
8428
8429  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="https://www.akzonobel.com/en" target="_blank">
8430    
8431    
8432    <div class="text-link-label ">
8433      
8434      <span>Other Akzonobel Sites</span>
8435    </div>
8436    
8437    
8438    
8439  </a>
8440
8441              </li>
8442            
8443              <li class="secondary-footer-link body-copy-s">
8444                
8445  
8446  
8447  
8448
8449  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="javascript:void(0);" target="_self">
8450    
8451    
8452    <div class="text-link-label ">
8453      
8454      <span>Cookie settings</span>
8455    </div>
8456    
8457    
8458    
8459  </a>
8460
8461              </li>
8462            
8463              <li class="secondary-footer-link body-copy-s">
8464                
8465  
8466  
8467  
8468
8469  <a class="a2-text-link is-dark  " data-component="a2-text-link" href="/en/accessibility-statement" target="_self">
8470    
8471    
8472    <div class="text-link-label ">
8473      
8474      <span>Accessibility statement</span>
8475    </div>
8476    
8477    
8478    
8479  </a>
8480
8481              </li>
8482            
8483          </ul>
8484          
8485        </div>
8486        <div class="col col-12">
8487          
8488  
8489
8490  <div class="m2-copyright-bar" data-component="m2-copyright-bar">
8491    <div class="copyright body-copy-s">Copyright @ 2021 AkzoNobel Paints </div>
8492    <div class="copyright-logo">
8493      <a href="https://www.akzonobel.com/en" target="_blank" aria-label="Copyright Logo">
8494        
8495  
8496  
8497  
8498  
8499  
8500  
8501  
8502  
8503  
8504  <picture class="a3-image " data-component="a3-image">
8505    
8506    <source media="(max-width: 768px)" class="js-small-image" data-srcset="//images.akzonobel.com/akzonobel-common/akzo-nobel.png?impolicy=.auto"/>
8507    <img data-src="//images.akzonobel.com/akzonobel-common/akzo-nobel.png?impolicy=.auto" class="image js-normal-image   fit-contain lazyload" itemprop="image"/>
8508  </picture>
8509
8510      </a>
8511    </div>
8512  </div>
8513
8514        </div>
8515      </div>
8516    </div>
8517
8518  </footer>
8519
8520</div>
8521
8522
8523
8524
8525
8526        
8527
8528
8529
8530    
8531    
8532
8533    <div data-component="m34-text-overlay" class="m34-text-overlay">
8534        <div class="mask js-mask"></div>
8535        <div class="modal js-modal">
8536            
8537    
8538    
8539    <button class="a8-icon-button close-button js-close-button
8540            is-transparent is-small" data-component="a8-icon-button">
8541      
8542  <span class="icon " data-component="icon" data-icon="cross"></span>
8543
8544      
8545    </button>
8546  
8547            <header>
8548                <h2 class="header-04 js-title"></h2>
8549            </header>
8550            
8551  <div class="a34-body-copy js-body-copy body-copy-s wysiwyg" data-component="a34-body-copy">
8552    <div class="js-camp-temp-text-color ">
8553      
8554      
8555    </div>
8556    
8557  </div>
8558
8559        </div>
8560    </div>
8561
8562
8563
8564    
8565    
8566
8567  
8568  <div data-component="m78-video-overlay" class="m78-video-overlay" style="visibility: hidden; opacity: 0;">
8569    <div class="mask js-mask"></div>
8570    <div class="modal js-modal">
8571      <header>
8572        <h2 class="header-04 js-title"></h2>
8573        
8574    
8575    
8576    <button class="a8-icon-button close-button js-close-button
8577             " data-component="a8-icon-button">
8578      
8579  <span class="icon " data-component="icon" data-icon="cross"></span>
8580
8581      
8582    </button>
8583  
8584      </header>
8585      <div class="card-container js-video" data-video-url="" data-video-provider="">
8586
8587      </div>
8588    </div>
8589  </div>
8590
8591
8592  </div>
8593
8594  
8595
8596  
8597
8598  <div data-component="m71-wood-overlay" class="m71-wood-overlay">
8599    <div class="mask js-mask"></div>
8600    <div class="modal js-modal">
8601      <header>
8602        <h2 class="header-04 js-title"></h2>
8603        
8604    
8605    
8606    <button class="a8-icon-button close-button js-close-button
8607             " data-component="a8-icon-button">
8608      
8609  <span class="icon " data-component="icon" data-icon="cross"></span>
8610
8611      
8612    </button>
8613  
8614      </header>
8615      <div class="wood-container js-wood-container">
8616        <div class="wood-carousel">
8617        </div>
8618        <h2 class="header-04 js-wood-title"></h2>
8619      </div>
8620    </div>
8621  </div>
8622
8623  
8624  
8625
8626  
8627<div class="responsivegrid aem-GridColumn aem-GridColumn--default--12">
8628  <!-- START TRANSITION COMPONENT -->
8629  <section data-component="m113-select-a-color-overlay" class="m113-select-a-color-overlay" data-hue-api="/bin/api/colorPopUp?page=/content/akzonobel-flourish/
8629dulux/in/dulux/en/products/dulux-supergloss-5in1" data-show-more="Show all colours" data-show-less="Show less" data-is-sustainable2d-enabled="false">
8630    <div class="mask js-mask"></div>
8631    <div class="modal js-modal">
8632      <div class="content-wrapper">
8633        <header>
8634            <div class="col col-12 result-listing-title js-popup-heading" data-transition-item>
8635              <!-- JS will load the popup heading from a1-heading -->
8636            </div>
8637
8638            
8639    
8640    
8641    <button class="a8-icon-button close-button js-close-button
8642             " data-component="a8-icon-button" title="Close">
8643      
8644  <span class="icon " data-component="icon" data-icon="cross"></span>
8645
8646      
8647    </button>
8648  
8649          </header>
8650          
8651          
8652          
8653          
8654          
8655          
8656          
8657        <div class="grid">
8658          <div class="col col-12 col-m-6 col-m-push-3 col-l-6 col-l-push-3">
8659
8660                
8661  
8662<div class="m58-search-bar" data-component="m58-search-bar" data-live-search="true" data-search-on-enter="true" data-search-type="colors">
8663  
8664  
8665    
8666  
8667  <form method="GET" novalidate class="js-form" data-suggestions-api="/bin/api/colorSearch?page=/content/akzonobel-flourish/dulux/za/en/products">
8668    <div class="search-bar-wrapper body-copy-s">
8669      <input type="text" class="search-input js-search-input" id="search-input" placeholder="Search color" aria-label="Search Box" role="search"/>
8670      
8671  <span class="icon search-icon" data-component="icon" data-icon="search"></span>
8672
8673      <div class="clear-button js-clear-button-wrapper">
8674        
8675  
8676  
8677  
8678
8679  <button class="a2-text-link body-copy-s js-clear-button  " type="button" data-component="a2-text-link" data-label="Clear" target="_self">
8680    
8681    
8682    <div class="text-link-label ">
8683      <span>Clear</span>
8684      
8685    </div>
8686    
8687    
8688    
8689  </button>
8690
8691      </div>
8692      <div class="product-suggestion-container js-product-suggestion-container" data-no-results-title="No result found" data-no-results-content="Sorry, we couldn&#39;t find any results" data-show-all-label="Show all results" data-no-result-label="No result found" data-is-color-popup="true" data-is-sustainable2d-enabled="false">
8693      </div>
8694    </div>
8695  </form>
8696</div>
8697
8698
8699          </div>
8700        </div>
8701      </div>
8702      <div class="state-content">
8703	      <div data-component="overlay-state" class="overlay-state" data-state="start">
8704
8705
8706          <div class="hue-list js-huelist-container">
8707            <!-- JS will load the hue list from m17-hue-selector -->
8708          </div>
8709          <div class="hue-list js-reset-container">
8710            
8711    
8712    
8713    
8714    
8715    
8716    
8717    
8718    
8719    
8720  
8721    <button data-component="a126-secondary-button" class="a126-secondary-button  
8722              js-reset-button
8723            " target="_self">
8724      
8725      
8726      <span class="cta-text body-copy-rg">Reset</span>
8727    </button>
8728  
8729          </div>
8730          <div class="divider"></div>
8731          <div class="color-collection-search-listing js-color-list">
8732            <div class="content-wrapper">
8733              <div class="grid">
8734                  <div class="col col-12 result-listing-title js-color-heading" data-transition-item>
8735                    <!-- JS will load the color heading from a1-heading -->
8736                  </div>
8737              </div>
8738            </div>
8739            <div class="content-wrapper js-color-list-container">
8740              <!-- JS will load the color list from m8-hue-selector -->
8741            </div>
8742          </div>
8743          <div class="no-hue js-noHue-container">Sorry, we couldn&#39;t find any results</div>
8744        </div>
8745
8746      </div>
8747    </div>
8748    
8749  <div class="loading-indicator" data-component="loading-indicator">
8750    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38">
8751      <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
8752        <circle cx="18" cy="18" r="18" stroke-opacity=".5"/>
8753        <path d="M36 18c0-9.94-8.06-18-18-18">
8754          <animateTransform attributeName="transform" dur="1s" from="0 18 18" repeatCount="indefinite" to="360 18 18" type="rotate"/>
8755        </path>
8756      </g>
8757    </svg> 
8758    <div class="loading-text">Fetching the data, please wait...</div>
8759  </div>
8760
8761  </section>
8762  <!-- END TRANSITION COMPONENT -->
8763</div>
8764
8765
8766  
8767    <section data-component="m119-bim-download-overlay" class="m119-bim-download-overlay">
8768        <div class="mask js-mask"></div>
8769        <div class="modal js-modal">
8770            <div class="content-wrapper">
8771                <header>
8772                    <div class="col col-12 result-listing-title js-popup-heading" data-transition-item>
8773                        <p class='heading-title header-03 js-heading'></p>
8774                        <p class='heading-title header-03 js-subheading'></p>
8775                    </div>
8776                    
8777    
8778    
8779    <button class="a8-icon-button close-button js-close-button
8780             " data-component="a8-icon-button" title="Close">
8781      
8782  <span class="icon " data-component="icon" data-icon="cross"></span>
8783
8784      
8785    </button>
8786  
8787                </header>
8788            </div>
8789            <div class="state-content">
8790                <div data-component="overlay-state" class="overlay-state" data-state="start">
8791                    <div class="select-menu-option js-radio-options"></div>
8792                    <div class="btn-container">
8793                        
8794    
8795    
8796    
8797    
8798    
8799    
8800    
8801    
8802    <button data-component="a122-primary-button" class="a122-primary-button  
8803              js-download-btn   " data-icon-alignment="left">
8804      
8805  <span class="icon " data-component="icon" data-icon="download"></span>
8806
8807      
8808      <span class="cta-text body-copy-rg">Download</span>
8809      
8810      
8811    </button>
8812  
8813                    </div>
8814                </div>
8815            </div>
8816        </div>
8817    </section>
8818
8819      
8820  
8821    <section data-component="m120-geolocation-switch-overlay" class="m120-geolocation-switch-overlay">
8822        <div class="mask js-mask"></div>
8823        <div class="modal js-modal">
8824            <div class="content-wrapper">
8825                <header>
8826                    
8827    
8828    
8829    <button class="a8-icon-button close-button js-close-button
8830             " data-component="a8-icon-button" title="Close">
8831      
8832  <span class="icon " data-component="icon" data-icon="cross"></span>
8833
8834      
8835    </button>
8836  
8837                </header>
8838            </div>
8839            <div class="state-content">
8840                <div data-component="overlay-state" class="overlay-state" data-state="start">
8841                    <div class="geolocation-switch-message js-geolocation-switch-message">
8842                      <!-- Geolocation popup content will be injected -->
8843                    </div>
8844                </div>
8845            </div>
8846        </div>
8847    </section>
8848
8849
8850  
8850<script type="text/javascript">
8851    var msie = window.navigator.userAgent.indexOf('MSIE ');
8852    var trident = window.navigator.userAgent.indexOf('Trident/');
8853
8854    if (msie > 0 || trident > 0) {
8855      var messageContainer = document.createElement('div');
8856      messageContainer.setAttribute('class', 'unsupported-message');
8857      messageContainer.innerHTML = '<p class="body-copy-rg">Your current browser is not supported. For better results, please view in Microsoft Edge, Chrome, Firefox or your smartphone browser.</p>';
8858      messageContainer.addEventListener('click', function() {
8859        document.body.removeChild(messageContainer);
8860      });
8861      document.body.appendChild(messageContainer);
8862    }
8863  </script>
8863
8864</main>
8865
8866  
8867    
8868    
8869
8870
8871  
8872  
8873<script data-ot-ignore src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script>
vendor: 1 bytes, line 8873
8873
8874<script data-ot-ignore src="/etc.clientlibs/akzonobel-common/clientlibs/clientlib-base.min.js"></script>
8874
8875
8876  
8877
8878  
8879  
8880  
8881<script data-ot-ignore src="/etc.clientlibs/akzonobel-common/clientlibs/clientlib-site-nodemodules.min.js"></script>
vendor: 1 bytes, line 8881
8881
8882<script data-ot-ignore src="/etc.clientlibs/akzonobel-common/clientlibs/clientlib-site-flourish.min.js"></script>
8882
8883
8884  
8885
8886  
8887  
8888  
8889  
8890  
8891  
8892  
8893  
8894
8895    <div class="cloudservice googlerecaptcha"></div>
8896
8897
8898    
8899
8900    
8901
8902  
8903
8904
8905
8906
8907  <footer>
8908      
8909      
8910      
8911  </footer>
8912
8913
8914</body>
8915</html>

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