PageSourceSearch

https://glitterpot.co.uk/glitter-135-c.asp

html glitterpot.co.uk collected 2026-09-27 15:18:00 UTC 95,711 bytes, 2,909 lines download raw bytes

1<!-- 
2    --------------------------
3    EKM Theme:  Aerial
4    Released: Aug 2020
5    Last Edited: 07/09/2023
6    ---------------------------
7  -->
8  
9<!DOCTYPE html>
10<html lang="en-GB">
11<head>
12	<!-- EKM Theme:  Aerial -->
13	<link rel="preconnect" href="https://fonts.googleapis.com">
14	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    
15
16	<meta name="" />
17	<meta charset="utf-8">
18	<meta http-equiv="X-UA-Compatible" content="IE=edge">
19	<meta name="keywords" content="fine, cosmetic, grade, glitter, ideal, tattoos, face, painting, festival, faces, nail, candles, soaps, hyperallergenic, safe, body, ">
20	<meta name="description" content="Fine cosmetic grade glitter .008 Ideal for use with glitter tattoos, face painting, festival faces, nail art as well as candles and soaps. 100%">
21	<meta name="viewport" content="width=device-width, initial-scale=1">
22	
23	<link rel="shortcut icon" href="/ekmps/shops/juliecosgrove/favicon.ico?v=" type="image/x-icon" />
24<link rel="icon" href="/ekmps/shops/juliecosgrove/favicon.ico?v=" type="image/x-icon" />
25
26	
27	<title>Glitter</title>
28    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css" defer fetchpriority="low" >
29    <link href="//themes.cdn.ekm.net/themes/master/2271/css/base.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
30    <link href="//themes.cdn.ekm.net/themes/master/2271/css/buttons.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
31    <link href="//themes.cdn.ekm.net/themes/master/2271/css/style.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
32    <link href="//themes.cdn.ekm.net/themes/master/2271/css/blog_post.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
33    <link href="//themes.cdn.ekm.net/themes/master/2271/css/newsletter.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
34    
35    
36	
37		
38	
39	
40	
41	
42		
43	 <link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 
44<style>
45
46	:root{
47	    
48	    --ekm-search-anchor: .header-search-bar !important;
49	    
50		--header_icons: #9d4edd;
51		--header_background: #ffffff;
52
53		--account_bg: #e0aaff;
54		--account_icon: #FFFFFF;
55		
56		--cart_bg: #9d4edd;
57		--cart_icon: #FFFFFF;
58		
59		--cart_item_bg: #e0aaff;
60		--cart_item_text: #FFFFFF;
61		
62		--header_info_background: #ffffff;
63		--header_info_text: #565656;
64		
65		--nav-dropdown-background: #f6f6f6;
66		--nav_bar_background: #3c096c;
67		--nav_bar_links: #ffffff;
68		--nav_dropdown_links: #3c096c;
69		--nav-breadcrumb-bg: #eeeeee;
70		
71		--mobile_menu_icon: #9d4edd;
72		--mobile_menu_button_icon: #FFFFFF;
73	
74		--body_background: #FFFFFF;
75		--category_page_background: #F3F3F3;
76		--product_page_background: #F3F3F3;
77
78		--body_text: #222222;
79		--body_review_stars: #e0aaff;
80		--body_main_links: #9d4edd;
81		--body_headings: #3c096c;
82		--section_bg: #FFFFFF;
83
84
85		
86		--primary_button_btn_bg: #9d4edd;
87		--primary_button_btn_text: #FFFFFF;
88		
89		--btn-border-radius: 3px;
90		
91		--secondary_button_btn_bg: #9d4edd;
92		--secondary_button_btn_text: #ffffff;
93		
94		--atc_button_btn_bg: #9d4edd;
95		--atc_button_btn_text: #FFFFFF;
96		
97		--footer_bg: var(--settings_footer_bg);
98		--footer_text: var(--settings_footer_text);
99		--footer_link: var(--settings_footer_link);
100		
101		--webpages_background: ;
102		
103		--copyright_background: #e0aaff;
104		--copyright_text: #FFFFFF;
105		
106		--primary-font: Sen;
107		
108		--ekm-atc-background-colour: #9d4edd;		
109		
110	    --ekm-success-colour-text: #03c300;
111	    --ekm-success-colour-background: #bffdbf;	   
112	    --ekm-caution-colour-text: #c71908;
113	    --ekm-caution-colour-background: #fddebf;
114	    --ekm-warning-colour-text: #ff5241;
115	    --ekm-warning-colour-background: #fdbfbf;
116	    --ekm-inverse-colour-text: #ffffff;
117	    --ekm-inverse-colour-background: #000000;
118		--ekm-atc-background-colour: var(--primary_button_btn_bg);
119		--ekm-atc-text-colour: var(--primary_button_btn_text);
120		
121	}
122
123	
124
125</style>
126
127<script>
128var is_merchant_logged_in = 0;
129</script>
129
130 <link rel="stylesheet" href="https://shopui.ekmsecure.com/2%2E1%2E13/styles/shopui.css"  />
131<script>(window.dataLayer = window.dataLayer || []).push({'Username': 'juliecosgrove'}) ;</script>
131
132<!-- Google Tag Manager -->
132<script>
vendor: 320 bytes, line 132
132(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}) ;var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'' ;j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f) ;})(window,document,'script','dataLayer','
132GTM-KF9VMP
vendor: 4 bytes, line 132
132') ;
132</script>
132<!-- End Google Tag Manager -->
133<link rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
133<script src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/search/search.js?v=26" type="module"></script>
133<script type="application/json" data-config="search">
134{
135"user": "juliecosgrove",
136"isSearchPage": false,
137"disabled": false,
138"searchQuery": null,
139"searchCategories": [],
140"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7RDg1MDA4OUYtMDA5MS00QTczLTk2NjYtRDc0QTc0NzgwN0UwfSIsImlhdCI6MTc4OTY2NDc3NiwiZXhwIjoxNzk1MTk0Nzc2LCJvcmlnaW5zIjpbImh0dHBzOi8vanVsaWVjb3Nncm92ZS4xMy5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMTMuZWttLm5ldCIsImh0dHBzOi8vZ2xpdHRlcnBvdC5jby51ayIsImh0dHBzOi8vd3d3LmdsaXR0ZXJwb3QuY28udWsiXX0.HhIBhxWvu_rZoLGWig0jkGzKSl_Wl7EaKoewZcAJeuI",
141"showAttributeFilter": true,
142"showCategoryFilter": true,
143"showPriceFilter": true,
144"showTDPrices": true,
145"isTDUser": false,
146"topLevelCategories": ["Accessories","Festival Glitter","Glitter","Glitter For Walls","Glitter Tattoos","Pros Aide  Body Glue SFX","Seasonal"],
147"attributes": {},
148"attributeNames": {},
149"priceRange": {"min": 0, "max": 0},
150"currency": {"exponent": 2,"symbol": "£","format":"SYMBOL-PRICE"}
151}
152</script>
152<script async src="https://cdn.salesfire.co.uk/code/090cc2cb-2377-449a-825e-975369e4668a.js"></script>
152<style>
153/* Your CSS Here */
154.nav-d > ul > li > a {
155    font-weight: 700;
156}
157
158.social-icons img {
159    max-height: 3.4rem;
160}
161
162#ekmResponseSignupButton {
163    background: #9933cc;
164    color: #fff;
165}
166</style>
166<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
166<link rel="canonical" href="https://glitterpot.co.uk/glitter-135-c.asp" />
166<script src="https://13.cdn.ekm.net/ekmps/assets/js/showdata-thumbnailhover.min.js?v=1"></script>
166<link href="https://13.cdn.ekm.net/ekmps/css/showdata-thumbnailhover.css" rel="stylesheet" type="text/css" />
166<script src="https://13.cdn.ekm.net/ekmps/designs/assets/cart/1298/other/upsell-splide-init.min.js" type="module"/></script>
166<link type="text/css" rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/shop-front/softcart.min.css?_=22" />
166<script async type="text/JavaScript" data-ekm-softcart-options="{}" data-ekm-softcart-lc="{&quot;close&quot;: &quot;close&quot;, &quot;Shopping Cart Updated&quot;: &quot;Shopping Cart Updated&quot;, &quot;No items in cart&quot;: &quot;No items in cart&quot;, &quot;Quantity&quot;: &quot;Quantity&quot;, &quot;Remove&quot;: &quot;remove&quot;, &quot;Remove Bundle&quot;: &quot;remove bundle&quot;, &quot;Items: &quot;: &quot;Items: &quot;, &quot;Sub Total: &quot;: &quot;Subtotal: &quot;, &quot;Discounted Sub Total: &quot;: &quot;Discounted Sub Total: &quot;, &quot;Delivery: &quot;: &quot;Delivery: &quot;, &quot;Vat: &quot;: &quot;Vat: &quot;, &quot;Total: &quot;: &quot;Total: &quot;, &quot;View Cart&quot;: &quot;View Cart&quot;, &quot;Continue Shopping&quot;: &quot;Continue Shopping&quot;, &quot;Checkout&quot;: &quot;Checkout&quot;, &quot;Go To Checkout&quot;: &quot;Go To Checkout&quot;, &quot;Sorry, there was a problem&quot;: &quot;Sorry, there was a problem&quot;, &quot;Back&quot;: &quot;Back&quot;, &quot;Sorry, could not add to cart&quot;: &quot;Sorry, could not add to cart&quot;, &quot;Please ensure you've completed all the required fields.&quot;: &quot;Please ensure you've completed all the required fields.&quot;, &quot;Sorry, could not complete request&quot;: &quot;Sorry, could not complete request&quot;, &quot;There was an error processing your request.&quot;: &quot;There was an error processing your request.&quot;, &quot;More Details&quot;: &quot;More Details&quot;, &quot;Connection Problem&quot;: &quot;Connection Problem&quot;, &quot;There was a problem communicating with the server.&quot;: &quot;There was a problem communicating with the server.&quot;, &quot;Please check your internet connection and try again.&quot;: &quot;Please check your internet connection and try again.&quot;, &quot;Please try again.&quot;: &quot;Please try again. &quot;, &quot;Continue to Product Page&quot;: &quot;Continue to Product Page&quot;, &quot;Cancel&quot;: &quot;Cancel&quot;, &quot;Add product to your cart&quot;: &quot;Add product to your cart&quot;, &quot;Add to Basket&quot;: &quot;Add to Cart&quot;, &quot;Choose Image&quot;: &quot;Choose Image&quot;, &quot;Please choose an image&quot;: &quot;Please choose an image&quot;, &quot;remove&quot;: &quot;remove&quot;, &quot;View full product details&quot;: &quot;View full product details&quot;, &quot;Stock Status: &quot;: &quot;Stock Status: &quot;,&quot; Sold Out&quot;: &quot; Sold Out&quot;,&quot; In Stock&quot;: &quot; In Stock&quot;,&quot;Redirecting to Product Page&quot;: &quot;Redirecting to Product Page&quot;,&quot;Only [stock] in stock&quot;:&quot;Only [stock] in stock&quot;,&quot;No Saving&quot;: &quot;No Saving&quot;, &quot;Quantity Range&quot;: &quot;Quantity Range&quot;, &quot;Unit Price&quot;: &quot;Unit Price&quot;, &quot;Unit Saving&quot;: &quot;Unit Saving&quot;, &quot;Total Price:&quot;: &quot;Total Price:&quot;, &quot;Total Saving:&quot;: &quot;Total Saving:&quot;,&quot;Every [x] Days&quot;: &quot;Every [x] Days&quot;,&quot;Every [x] Weeks&quot;: &quot;Every [x] Weeks&quot;,&quot;Every [x] Months&quot;: &quot;Every [x] Months&quot;,&quot;Every [x] Years&quot;: &quot;Every [x] Years&quot;,&quot;Daily&quot;: &quot;Daily&quot;,&quot;Weekly&quot;: &quot;Weekly&quot;,&quot;Monthly&quot;: &quot;Monthly&quot;,&quot;Yearly&quot;: &quot;Yearly&quot;,&quot;Save [percent_discount]% when you choose to have regular deliveries of this product.&quot;: &quot;Save [percent_discount]% when you choose to have regular deliveries of this product.&quot;,&quot;No minimum subscription length &amp; cancel anytime.&quot;: &quot;No minimum subscription length &amp; cancel anytime.&quot;,&quot;Subscribe&quot;: &quot;Subscribe&quot;,&quot;One time purchase&quot;: &quot;One time purchase&quot;,&quot;Delivery intervals :&quot;: &quot;Delivery intervals&quot;,&quot;Set Up Now&quot;: &quot;Set Up Now&quot;}" data-ekm-softcart-product-count="0" src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/softcart.min.js?_=56"></script>
166<script async src="https://13.cdn.ekm.net/ekmps/scripts/historytracker.js" integrity="sha256-/qpINPx0JrNJoW7XZXa9nMM3vY14qdlkmiNSj9pKbIM= sha384-Hix6Oo3XCh6Lx/s1C3+UWfKyB/313Oqt/cEkTsemluJa4I4j8Sx+AZ4sLLCGRzEE sha512-u/iBpqHp/Y/oEkIcER5y7817lMglj1PELWf/AdmLMzzg5p82DBaFEUtHa21uWrKQeOb9t9cqfq6tYDKra/gvbA==" crossorigin="anonymous"></script>
166<link type="text/css" rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/features/features/promostickers/productimagebadge.css?_=1" />
166<script async type="text/javascript" src="https://13.cdn.ekm.net/ekmps/assets/js/features/promostickers/productimagebadge.min.js?_=18" data-ekm-locale="English" data-ekm-product-badge-style="Rose/Large" data-ekm-product-badge-spacing="2" data-ekm-product-badge-x="0" data-ekm-product-badge-y="0" data-ekm-product-badge-dir="vertical" data-ekm-sitename="juliecosgrove" data-ekm-alignment="bottom right" data-ekm-use-cdn="1" ></script>
166<base href="/" /></head>
167
168<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 168-169
168
169<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
169GTM-KF9VMP
vendor: 87 bytes, lines 169-171
169' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
170
171	
171<main role="main" class="main-content" data-cur-page="CATEGORY(135)">
172<ekm-section data-id="ekm-section-id-0" data-type="header">
173	
174<!--------------------------------------->
175<!--LAST EDITED: 26/07/2022-->
176<!--------------------------------------->
177
178	
179
180	
181	<style>
182	/* **********************************
183	SEARCH BAR SECTION SETTINGS
184	********************************** */
185
186	.header-search-bar input{
187		background-color: #f6f6f6;
188		color: #565656;
189		border-radius: var(--btn-border-radius);
190	}	
191	.header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{
192		border: 2px solid #000000;
193	}
194	.header-search-bar.has_border form .ekmps-search-button{
195		height: 44px;
196		border-left: none;
197	}
198	.header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
199		color: #565656;
200	}
201	.header-search-bar input::-moz-placeholder { /* Firefox 19+ */
202		color: #565656;
203	}
204	.header-search-bar input:-ms-input-placeholder { /* IE 10+ */
205		color: #565656;
206	}
207	.header-search-bar input:-moz-placeholder { /* Firefox 18- */
208		color: #565656;
209	}
210
211
212
213	.ekmps-search-button{
214		background-color: #f6f6f6;
215		cursor: pointer;
216	}
217	.ekmps-search-button svg path {
218		fill: #565656;
219	}
220
221	.header-search-bar form .ekmps-search-button{
222		position: absolute;
223		right: 0;
224		top: 0;
225		width: 40px;
226		padding: 0;
227		cursor: pointer;
228		border: none;
229		display: flex;
230		align-items: center;
231		justify-content: center;
232		height: 100%;
233		border-bottom-right-radius: var(--btn-border-radius);
234		border-top-right-radius: var(--btn-border-radius);
235		background-color: transparent;
236		
237	} 
238	.header-search-bar form .ekmps-search-button:hover > svg{
239		opacity: 0.8;
240	} 
241	.header-search-bar form .ekmps-search-button > svg{
242		height: 20px;
243		width: 20px;
244	}
245
246	.webpages_more_trigger{
247    	position: relative;
248	}
249	.webpages_more_trigger.hidden{
250		display:none;
251	}
252	.announcement-bar > .container{
253	    flex-wrap: wrap;
254	    grid-template-columns: 1fr 1fr;
255	    display: grid;
256	    gap: 20px;
257	}
258	.announcement-bar-nav.contact{
259	    justify-self: flex-start;
260	    
261	    
262	}
263	.more_webpages_nav{
264		display:none;
265		position: absolute;
266	    background: #FFF;
267	    padding: 15px;
268	    z-index: 9;
269	    left: -70%;
270	    top: 40px;
271	    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
272	    width: 200px;
273	}	
274	.more_webpages_nav.active{
275		display:block;
276	}	
277	.announcement-bar .announcement-bar-nav .more_webpages_nav li a{
278		color: #333;
279	}
280	ul.no-style.more_webpages_nav:before {
281	    content: "";
282	    display: block;
283	    width: 20px;
284	    height: 20px;
285	    background: white;
286	    transform: rotate(45deg);
287	    position: absolute;
288	    top: -7px;
289	    left: 66px;
290	}
291	.webpages_more_trigger svg{
292		margin-left: 10px;
293	}
294	header > .container{
295		display: grid;
296		grid-template-columns: 1fr 1fr;
297		align-items: center;
298		justify-items: center;
299		gap: 20px;
300	}
301	
302	.header-btn-wrapper{
303		justify-self: flex-end;
304	}
305	.nav-icon-wrapper{
306		justify-self: flex-start;
307	}
308	header .site-logo img{
309		
310		
311			max-width: 280px;
312					
313	}
314	.currency{
315		justify-self: flex-end;
316		
317		
318	}	
319	.header-search-bar{
320		grid-column: -1 / 1;
321	}
322
323	.subnav-grid a:hover{
324		text-decoration: underline;
325	}
326
327	@media only screen and (min-width:550px){
328		header > .container{
329			grid-template-columns: 90px minmax(300px, 1fr) 90px;
330		}
331	}
332	.nav-trigger--close, .nav-trigger--menu{
333		display: none;
334	}
335	.nav-trigger--close.active, .nav-trigger--menu.active{
336		display: block;
337	}
338	
339	@media only screen and (min-width:768px){
340		.subnav-grid li{
341			margin-bottom: 10px;
342		}
343		.header-search-bar{
344			grid-column: auto;
345		}
346		
347		header > .container{
348			
349			
350				grid-template-columns: 170px 1fr 178.5px;
351			  
352		}
353
354		.primary-nav > li .sub-sub-cats-wrapper{
355			display: block;
356			right: 0;
357			top: 0 !important;
358			opacity: 1;
359			position: relative;
360			width: auto;
361			height: auto;
362		}
363		.primary-nav > li .sub-sub-cats-wrapper .subnav-grid{
364			grid-template-columns: 1fr;
365			padding: 10px 0 0 0;
366			gap: 10px;
367		}
368		.primary-nav >
368 li .sub-sub-cats-wrapper .subnav-grid a{
369			pointer-events: all;
370			font-weight: 400;
371		}
372	}
373	
374	
375
376	
377	
378	
379	
380	
381
382[data-nav-design-type="main-dropdown"]{
383	display: none;
384}
385
386@media only screen and (max-width:767px){
387	.subnav-grid-wrapper{
388		left: auto;
389		right: -100%;
390		transition: all 0.35s ease;
391		display: flex;
392		top: 0 !important;
393		display: none;
394	}
395	.subnav-grid-wrapper.mobile_open{
396		right: 0%;
397		z-index: 1;
398	}
399	
400}
401
402@media only screen and (min-width: 768px) {
403
404	.ekmps-search-button{
405		background-color: var(--primary_button_btn_bg) !important;
406		cursor: pointer;
407	}
408	.ekmps-search-button svg path {
409		fill: #FFFFFF;
410	}
411
412
413	[data-nav-design-type="main-dropdown"]{
414		pointer-events: auto;
415		left: 0;
416		opacity: 1;
417	}
418	.main_nav.open [data-nav-design-type="main-dropdown"]{
419		display: block;
420	}
421	
422}
423	
424	
425
426/* HEADER SEARCH ICON SETTINGS */
427/* The CSS in the follow section are variable on the design that is being selected from the merchant */
428
429
430.subnav-grid-wrapper-bg {
431    width: 100%;
432    height: 100vh;
433    position: absolute;
434    background: #0000002b;
435}
436
437@media only screen and (min-width: 989px){
438    header > .container{
439        grid-template-columns: 200px 1fr 200px;
440    }
441    
442    .info-bar-text {
443    	justify-self: center;
444	}
445    .announcement-bar > .container{
446        flex-wrap: wrap;
447        grid-template-columns: 1fr 1fr 1fr;
448        
449        grid-template-columns: 1fr 1fr;
450        
451    }
452    .announcement-bar-nav.webpages, .info-bar-text{
453        display: flex !important;
454        margin-right: 0px;
455        justify-self: flex-start;
456        
457        margin-right: 10px;
458        
459        
460    }
461    .announcement-bar-nav.contact{
462        justify-self: flex-start;
463        
464        
465        
466    }
467    .currency{
468        justify-self: flex-end;
469        
470        
471    }
472    .info-bar-text{
473        
474    }
475}
476
477
478/*// Hides the wishlist icon if the customer is not logged in.*/
479
480    #headerWishlist{
481        display: none;
482    
483    
484
485
486
487</style>
488	
489
490
491		
492		<div class="announcement-bar">
493			<div class="container flex flex_space-between flex_align-center">
494				<ul class="announcement-bar-nav no-style flex contact">
495					
496					
497					
498					
499					
500					
501				</ul>
502				<div class="flex flex_align-center currency">
503				
504				
505				
506				</div>
507				<!-- end of flex flex_align-center -->
508			</div>
509			<!-- end of container -->
510		</div> 
511	<!-- end of announcement-bar -->
512	
513
514	
515
516	
517
518	
519
520
521
522
523
524<header>
525	
526    <div class="container" data-design-type="one">
527    	
528		
529			<!-- This is the nav icon that shows for the above designs -->
530			<div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center">
531				<div class="icon nav-icon">
532					<span></span>
533					<span></span>
534					<span></span>
535				</div>
536			</div>
537		
538    	
539        <div class="site-logo" >
540		<a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/juliecosgrove/resources/design/logo.png" alt="Glitter Pot"/></a></a>
541        </div>
542		
543		
544		<!-- The search bar will only show in the main header for the above designs -->
545			<div class="header-search-bar  "><form name="searchbox" method="post" action="index.asp?function=search">	<input class="ekmps-search-field "  type="text" name="search" placeholder="Search for product or brand" required value="" aria-label="Search for product or brand" rel="clear"/>
546				            <ekm-search-categories></ekm-search-categories>
547				            <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21"
548							viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg">
549							<path
550								d="M19.755 18.977L14.6717 13.7724C16.0017 12.0909 16.6513 9.95116 16.4866 7.79395C16.3219 5.63675 15.3554 3.62636 13.7863 2.17688C12.2172 0.727396 10.1649 -0.0508022 8.05219 0.00257495C5.93946 0.0559521 3.92717 0.936839 2.4298 2.4638C0.932422 3.99075 0.0639993 6.0475 0.00339832 8.21039C-0.0572027 10.3733 0.694633 12.4776 2.10405 14.09C3.51346 15.7023 5.47312 16.6998 7.57939 16.8771C9.68566 17.0544 11.7781 16.398 13.4258 15.043L18.5091 20.2475C18.6746 20.4164 18.8984 20.5117 19.132 20.5128C19.3057 20.5125 19.4753 20.4595 19.6197 20.360
5507C19.764 20.2618 19.8765 20.1215 19.9431 19.9573C20.0097 19.7931 20.0274 19.6125 19.9939 19.438C19.9604 19.2636 19.8773 19.1032 19.755 18.977ZM1.83793 8.50259C1.83793 7.19672 2.21615 5.92017 2.92475 4.83438C3.63335 3.74858 4.64051 2.90231 5.81888 2.40257C6.99724 1.90284 8.29388 1.77208 9.54482 2.02685C10.7958 2.28161 11.9448 2.91045 12.8467 3.83384C13.7486 4.75723 14.3628 5.93371 14.6116 7.21449C14.8604 8.49527 14.7327 9.82283 14.2446 11.0293C13.7565 12.2358 12.93 13.267 11.8695 13.9925C10.809 14.718 9.56217 15.1052 8.28672 15.1052C6.57704 15.103 4.93799 14.4067 3.72907 13.169C2.52014 11.9312 1.84004 10.2531 1.83793 8.50259Z"
551								fill="#111111" />
552						</svg></button></form></div>
553		
554
555        
556        <div class="header-btn-wrapper flex flex_align-center">
557		
558		
559		
560		
561		
562		
563			
564			
565			
566			
567				<!-- The account login button - only shows if feature is active -->
568					<a href="/account/login" class="header-btn ">
569						<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 19.738 19.738;" xml:space="preserve"> <g> <path d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" /> <path d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" /> </g> </svg>
570					</a>
571				
572
573 	<div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger">
574	    <svg xmlns="https://www.w3.org/2000/svg" width="21.429" height="19.949" viewBox="0 0 21.429 19.949"> <path class="a" d="M16.38,14.984a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,16.38,14.984Zm-8,0a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,8.384,14.984Zm8,1.58a.9.9,0,1,0,.914.9A.9.9,0,0,0,16.38,16.564Zm-8,0a.9.9,0,1,0,.914.9A.9.9,0,0,0,8.384,16.564ZM2.924,0A1.257,1.257,0,0,1,4.089.835V.88l.685,2.527H20.333a1.085,1.085,0,0,1,1.074,1.309v.045l-2.193,8.192a1.218,1.218,0,0,1-1.119.88H6.625A1.227,1.227,0,0,1,5.46,13l-.023-.045L2.444,1.805H0V0ZM19.373,5.213H5.255l1.828,6.815H17.568Z" /> </svg>
575		
576    </div>
577            
578            <div class="minicart-popout trade-login-hide">
579	
580		<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()-->
581		<div class="minicart-header">
582			<p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p>
583		</div>
584		
585	
586	
587		
588		
589			<div class="minicart-item-wrapper">
590		<!--ekm:tag:minicart:onaddtocartcallback(cartAddedFunction) ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(15) ekm:tag:minicart:imageheight(100) ekm:tag:minicart:imagewidth(100) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start(
591			&lt;div class=&quot;minicart-grid&quot;&gt;
592				&lt;div style=&quot;text-align: center;&quot;&gt;[product_image]&lt;/div&gt;
593				&lt;div&gt;
594					&lt;p&gt;[product_name_link]&lt;/p&gt;
595					&lt;p&gt;Quantity: [product_qty]&lt;/p&gt;
596					&lt;p&gt;[product_price]&lt;/p&gt;
597				&lt;/div&gt;
598			&lt;/div&gt;
599		) --><!--ekm:tag:minicart:output_content:end()-->
600			</div>
601			<div class="minicart-product-urgency minicart-product-urgency-free-delivery">
602				
603			</div>
604		
605		<div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between">
606			<p>Discounts: </p> 
607			<p>-<span id="ekm_minicart_total_discount">&#163;0.00</span></p>
608		</div>			
609		<div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between">
610			<p>Tax: </p> 
611			<p><span id="ekm_minicart_total_tax">&#163;0.00</span></p>
612		</div>		
613		<div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between">
614			<p>Delivery: </p> 
615			<p><span id="ekm_minicart_total_delivery">&#163;0.00</span></p>
616		</div>		
617		<div class="minicart-total flex flex_align-center flex_space-between">
618			<p>Total: </p> 
619			<p><span id="ekm_minicart_total">&#163;0.00</span></p>
620		</div>
621		<div class="minicart-footer flex ">
622			<span class="view-cart"><a href="index.asp?function=CART">View Basket</a></span>
623			<span class="checkout"><a href="https://glitterpot.co.uk/index.asp?function=CHECKOUT&uid=03F3CA54-5CE6-4ADC-B1D4-8B98A524528B">Checkout</a></span>
624		</div>
625		
626
627</div>
628            
629        </div>
630    </div>
631    
632   
633</header>
634
635
636<nav class="main_nav  
637"
638	
639			data-mode="main-nav-showing"
640	
641>
642<div class="container" >
643	 
644	
645	
646			<ul class="
647			primary-nav 
648			flex 
649			
650				flex_justify-center
651			
652			no-images
653			">
654		
655
656		<li  class="flex has-children  "
657			>
658
659		
660
661		
662						
663			
664				
665			
666		
667		
668		<div class="flex flex_align-center flex_space-between">
669		
670		
671		
672			<p>Glitter</p>
673			
674
675				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
676				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
677				</svg>
678
679		 
680		</div>
681		
682		<div class="subnav-grid-wrapper" data-nav-level="1">
683		<div class="container">
684			<div class="subnav-grid_mobile-menu" >
685				<p class="close_subcat"> 
686					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
687 					<span>Back</span></p>
688				<p class="prev-cat-name">Glitter</p>
689			</div>
690			<ul class="subnav-grid">
691			
692		<li >
693		
694		
695		
696		
697		<!-- Outputs a standard link if there is no sub categories at level 1 -->
698		<a href="fine-cosmetic-glitter---refil-bags-127-c.asp">Fine Cosmetic Glitter - Refil bags</a>
699		
700		
701		
702
703		
704		</li>
705		
706		
707		<li >
708		
709		
710		
711		
712		<!-- Outputs a standard link if there is no sub categories at level 1 -->
713		<a href="glitter-puffer-bottles-132-c.asp">Glitter Puffer Bottles</a>
714		
715		
716		
717
718		
719		</li>
720		
721		
722		<li >
723		
724		
725		
726		
727		<!-- Outputs a standard link if there is no sub categories at level 1 -->
728		<a href="chunky-glitters-101-c.asp">Chunky Glitters</a>
729		
730		
731		
732
733		
734		</li>
735		
736		
737		<li >
738		
739		
740		
741		
742		<!-- Outputs a standard link if there is no sub categories at level 1 -->
743		<a href="fine-cosmetic-glitter-10gram-pots-92-c.asp">Fine Cosmetic Glitter 10gram pots</a>
744		
745		
746		
747
748		
749		</li>
750		
751		
752			<li>
753				<a href="glitter-135-c.asp" title="[name]">
754				
755					
756				
757				View all Glitter
758				
759				</a>
760			</li>
761			
762		</ul>
763		</div>
764	</div>
765	<!-- end of subnav-grid-wrapper -->
766	
767		</li>
768		
769
770		<li >
771
772		
773
774		
775			
776				<a href="pros-aide--body-glue-sfx-140-c.asp" title="Pros Aide  Body Glue SFX">
777					
778				</a>
779						
780			
781		
782		
783		<div class="flex flex_align-center flex_space-between">
784		
785			
786			<a href="pros-aide--body-glue-sfx-140-c.asp" title="Pros Aide  Body Glue SFX">Pros Aide  Body Glue SFX</a>
787			
788		
789		
790		</div>
791		
792		</li>
793		
794
795		<li  class="flex has-children  "
796			>
797
798		
799
800		
801						
802			
803				
804			
805		
806		
807		<div class="flex flex_align-center flex_space-between">
808		
809		
810		
811			<p>Festival Glitter</p>
812			
813
814				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
815				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
816				</svg>
817
818		 
819		</div>
820		
821		<div class="subnav-grid-wrapper" data-nav-level="1">
822		<div class="container">
823			<div class="subnav-grid_mobile-menu" >
824				<p class="close_subcat"> 
825					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
826 					<span>Back</span></p>
827				<p class="prev-cat-name">Festival Glitter</p>
828			</div>
829			<ul class="subnav-grid">
830			
831		<li >
832		
833		
834		
835		
836		<!-- Outputs a standard link if there is no sub categories at level 1 -->
837		<a href="festival-glitter-kits-114-c.asp">Festival Glitter Kits</a>
838		
839		
840		
841
842		
843		</li>
844		
845		
846		<li >
847		
848		
849		
850		
851		<!-- Outputs a standard link if there is no sub categories at level 1 -->
852		<a href="festival-glitter-mixes-99-c.asp">Festival Glitter Mixes</a>
853		
854		
855		
856
857		
858		</li>
859		
860		
861			<li>
862				<a href="festival-glitter-134-c.asp" title="[name]">
863				
864					
865				
866				View all Festival Glitter
867				
868				</a>
869			</li>
870			
871		</ul>
872		</div>
873	</div>
874	<!-- end of subnav-grid-wrapper -->
875	
876		</li>
877		
878
879		<li  class="flex has-children  "
880			>
881
882		
883
884		
885						
886			
887				
888			
889		
890		
891		<div class="flex flex_align-center flex_space-between">
892		
893		
894		
895			<p>Glitter Tattoos</p>
896			
897
898				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
899				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
900				</svg>
901
902		 
903		</div>
904		
905		<div class="subnav-grid-wrapper" data-nav-level="1">
906		<div class="container">
907			<div class="subnav-grid_mobile-menu" >
908				<p class="close_subcat"> 
909					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
910 					<span>Back</span></p>
911				<p class="prev-cat-name">Glitter Tattoos</p>
912			</div>
913			<ul class="subnav-grid">
914			
915		<li >
916		
917		
918		
919		
920		<!-- Outputs a standard link if there is no sub categories at level 1 -->
921		<a href="glitter-tattoo-kits-50-c.asp">Glitter Tattoo Kits</a>
922		
923		
924		
925
926		
927		</li>
928		
929		
930		<li >
931		
932		
933		
934		
935		<!-- Outputs a standard link if there is no sub categories at level 1 -->
936		<a href="glitter-tattoo-stencils-100-c.asp">Glitter Tattoo Stencils</a>
937		
938		
939		
940
941		
942		</li>
943		
944		
945			<li>
946				<a href="glitter-tattoos-136-c.asp" title="[name]">
947				
948					
949				
950				View all Glitter Tattoos
951				
952				</a>
953			</li>
954			
955		</ul>
956		</div>
957	</div>
958	<!-- end of subnav-grid-wrapper -->
959	
960		</li>
961		
962
963		<li  class="flex has-children  "
964			>
965
966		
967
968		
969						
970			
971				
972			
973		
974		
975		<div class="flex flex_align-center flex_space-between">
976		
977		
978		
979			<p>Glitter For Walls</p>
980			
981
982				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
983				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
984				</svg>
985
986		 
987		</div>
988		
989		<div class="subnav-grid-wrapper" data-nav-level="1">
990		<div class="container">
991			<div class="subnav-grid_mobile-menu" >
992				<p class="close_subcat"> 
993					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
994 					<span>Back</span></p>
995				<p class="prev-cat-name">Glitter For Walls</p>
996			</div>
997			<ul class="subnav-grid">
998			
999		<li >
1000		
1001		
1002		
1003		
1004		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1005		<a href="glitter-additive-for-paint---fine-008-142-c.asp">Glitter Additive for Paint - Fine .008”</a>
1006		
1007		
1008		
1009
1010		
1011		</li>
1012		
1013		
1014			<li>
1015				<a href="glitter-for-walls-141-c.asp" title="[name]">
1016				
1017					
1018				
1019				View all Glitter For Walls
1020				
1021				</a>
1022			</li>
1023			
1024		</ul>
1025		</div>
1026	</div>
1027	<!-- end of subnav-grid-wrapper -->
1028	
1029		</li>
1030		
1031
1032		<li  class="flex has-children  "
1033			>
1034
1035		
1036
1037		
1038						
1039			
1040				
1041			
1042		
1043		
1044		<div class="flex flex_align-center flex_space-between">
1045		
1046		
1047		
1048			<p>Seasonal</p>
1049			
1050
1051				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
1052				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1053				</svg>
1054
1055		 
1056		</div>
1057		
1058		<div class="subnav-grid-wrapper" data-nav-level="1">
1059		<div class="container">
1060			<div class="subnav-grid_mobile-menu" >
1061				<p class="close_subcat"> 
1062					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1063 					<span>Back</span></p>
1064				<p class="prev-cat-name">Seasonal</p>
1065			</div>
1066			<ul class="subnav-grid">
1067			
1068		<li >
1069		
1070		
1071		
1072		
1073		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1074		<a href="halloween-119-c.asp">Halloween</a>
1075		
1076		
1077		
1078
1079		
1080		</li>
1081		
1082		
1083		<li >
1084		
1085		
1086		
1087		
1088		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1089		<a href="christmas-118-c.asp">Christmas</a>
1090		
1091		
1092		
1093
1094		
1095		</li>
1096		
1097		
1098		<li >
1099		
1100		
1101		
1102		
1103		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1104		<a href="easter-150-c.asp">Easter</a>
1105		
1106		
1107		
1108
1109		
1110		</li>
1111		
1112		
1113			<li>
1114				<a href="seasonal-138-c.asp" title="[name]">
1115				
1116					
1117				
1118				View all Seasonal
1119				
1120				</a>
1121			</li>
1122			
1123		</ul>
1124		</div>
1125	</div>
1126	<!-- end of subnav-grid-wrapper -->
1127	
1128		</li>
1129		
1130
1131		<li  class="flex has-children  "
1132			>
1133
1134		
1135
1136		
1137						
1138			
1139				
1140			
1141		
1142		
1143		<div class="flex flex_align-center flex_space-between">
1144		
1145		
1146		
1147			<p>Accessories</p>
1148			
1149
1150				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
1151				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1152				</svg>
1153
1154		 
1155		</div>
1156		
1157		<div class="subnav-grid-wrapper" data-nav-level="1">
1158		<div class="container">
1159			<div class="subnav-grid_mobile-menu" >
1160				<p class="close_subcat"> 
1161					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1162 					<span>Back</span></p>
1163				<p class="prev-cat-name">Accessories</p>
1164			</div>
1165			<ul class="subnav-grid">
1166			
1167		<li >
1168		
1169		
1170		
1171		
1172		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1173		<a href="brushesbottlescontainers-37-c.asp">Brushes/Bottles/Containers</a>
1174		
1175		
1176		
1177
1178		
1179		</li>
1180		
1181		
1182		<li >
1183		
1184		
1185		
1186		
1187		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1188		<a href="party-bags-stocking-fillers-108-c.asp">Party Bags /Stocking Fillers</a>
1189		
1190		
1191		
1192
1193		
1194		</li>
1195		
1196		
1197			<li>
1198				<a href="accessories-137-c.asp" title="[name]">
1199				
1200					
1201				
1202				View all Accessories
1203				
1204				</a>
1205			</li>
1206			
1207		</ul>
1208		</div>
1209	</div>
1210	<!-- end of subnav-grid-wrapper -->
1211	
1212		</li>
1213		
1214		
1215
1216		
1217		</ul>
1218	<!--<div class="more" >More</div>-->
1219	
1220</div>
1221
1222<!-- 
1223	NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP
1224 -->
1225	
1226</nav>	
1227
1228	
1228<script>
1229	const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children')
1230	primary_nav_list_item.forEach(list_item => {
1231		list_item.classList.add("no-images");
1232		list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images");
1233	})
1234	</script>
1234
1235
1236
1237</ekm-section>
1238<article class="main-content category-section">
1239	<ekm-section data-id="ekm-section-id-1" data-type="category-page-layout" >
1240	<style>
1241.category-section{
1242	background-color: var(--category_page_background);
1243}
1244
1245form[name="product-filter"] .ui-slider-horizontal{
1246	height: 5px !important;
1247	margin: 0 auto;
1248	width: 90%;
1249}
1250.price-labels{
1251	width: 90%;
1252	margin: 10px auto;
1253}
1254form[name="product-filter"] .ui-slider-horizontal .ui-slider-handle{
1255	width: 12px !important;
1256	height: 12px !important;no
1257	border-radius: 50% !important;
1258	background-color: #333 !important;
1259}
1260form[name="product-filter"] .ui-slider-horizontal .ui-slider-range{
1261	background-color: var(--body_main_links) !important;
1262}
1263form[name="product-filter"] input[type="checkbox"]{
1264	width: 20px;
1265	height: 20px;
1266	margin-right: 5px;
1267}
1268form[name="product-filter"] ul{
1269	list-style-type: none;
1270}
1271form[name="product-filter"] ul li{
1272	font-size: 1.4rem;
1273    display: -webkit-box;
1274    display: -ms-flexbox;
1275    display: flex;
1276    -webkit-box-align: center;
1277        -ms-flex-align: center;
1278            align-items: center;
1279    margin-bottom: 10px;
1280}
1281form[name="product-filter"] ul li label{
1282	font-size: 1.4rem;
1283	word-break: break-word;
1284}
1285form[name="product-filter"] ul li span{
1286	margin-left: 5px;
1287}
1288form[name="product-filter"] p{
1289	font-size: 1.4rem;
1290	font-weight: 600;
1291	margin-bottom: 10px;
1292}
1293form[name="product-filter"] h2{
1294	font-size: 1.6rem;
1295	font-weight: 600;
1296	
1297		margin-bottom: 10px;
1298	
1299	
1300}
1301form[name="product-filter"] ul li span {
1302    margin-left: 5px;
1303    font-size: 1.2rem;
1304    font-style: italic;
1305}
1306
1307.product-page-block.incategory-desc img{
1308	
1309}
1310
1311.sub-category-grid{
1312	display: -ms-grid;
1313	display: grid;
1314      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
1315      gap: 20px;
1316}
1317.sub-category-grid-item{
1318	display: grid;
1319	color: #333;
1320}
1321
1322@media screen and (max-width: 459px) {
1323.sub-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
1324.sub-category-grid-item { width: auto !important; }
1325}
1326
1327.sub-category-grid{
1328	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
1329	
1330	
1331}
1332
1333.sub-category-grid-items{
1334	
1335}
1336
1337.sub-category-grid-items a{
1338	
1339}
1340
1341
1342	.sub-category-grid-items a:before {
1343		
1344	}
1345
1346
1347.sub-category-grid-item{
1348	width: 195px;
1349	
1350}
1351.sub-category-grid-item img{
1352	width: 100%;
1353	border: 1px solid #DDDDDD;
1354	
1355	padding: 10px;
1356	-webkit-transition: all 0.25s ease;
1357	-o-transition: all 0.25s ease;
1358	transition: all 0.25s ease;
1359    -o-object-fit: contain;
1360       object-fit: contain;
1361       aspect-ratio: 1 / 1;
1362    
1363}
1364.sub-category-grid-item p{
1365	padding: 0 10px;
1366	text-align: center;
1367	
1368	color: #333;
1369	margin-bottom: 0px;
1370}
1371
1372
1373
1374.sub-category-grid-item:hover > img{
1375	padding: 10px;
1376	
1377}
1378
1379.product-categories-list-item{
1380	margin-bottom: 5px;
1381}
1382.product-categories-list-item > a{
1383	display: block;
1384	width: 100%;
1385	-o-text-overflow: ellipsis;
1386	   text-overflow: ellipsis;
1387	overflow: hidden;
1388	white-space: nowrap;
1389	font-size: 1.4rem;
1390	-webkit-transition: all 0.25s ease;
1391	-o-transition: all 0.25s ease;
1392	transition: all 0.25s ease;
1393}
1394.product-categories-list-item > a > b{
1395	font-size: inherit;
1396}
1397.product-categories-list-item > a:hover{
1398	-webkit-transform: translateX(10px);
1399	    -ms-transform: translateX(10px);
1400	        transform: translateX(10px);
1401}
1402.product-categories-list-item > svg{
1403	width: 10px;
1404	height: 10px;
1405	margin-left: 20px;
1406}
1407.product-categories-list-item.hidden{
1408	display: none;
1409}
1410.product-categories-list-item.trigger{
1411	display: -webkit-box;
1412	display: -ms-flexbox;
1413	display: flex;
1414}
1415.main-category-grid{
1416	display: -ms-grid;
1417	display: grid;
1418	-ms-grid-columns: 1fr;
1419	grid-template-columns: 1fr;
1420	gap: 20px;
1421}
1422.product-page-block.product-item-grid_no-products {
1423    grid-column: 1 / -1;
1424}
1425.product-page-block.product-item-grid_no-products p {
1426    margin-bottom:0;
1427}
1428.product-item-grid > .product-page-block{
1429	margin-bottom: 0;
1430}
1431.category-filter-block.category-filter-block p:not(.category-showing){
1432	display:none;
1433}
1434.category-main.full-width{
1435	grid-column: 1 / -1;
1436}
1437
1438.product-item-grid.is-list{
1439	-ms-grid-columns: 1fr;
1440	grid-template-columns: 1fr;
1441}
1442.aerial-product-item.list-active{
1443	display: none;
1444}
1445.aerial-product-item__list .aerial-product-item_header img{
1446    height: 120px;
1447    -o-object-fit: contain;
1448    margin: 0 auto;
1449    display: block;
1450    aspect-ratio: 1 / 1;
1451    object-fit: contain;
1452}
1453.aerial-product-item__list .aerial-product-item_header img.ekm-product-image-badge{
1454    height: auto;
1455    border: none;
1456}
1457
1458.aerial-product-item__list{
1459	background-color: white;
1460	display: none;
1461}
1462.aerial-product-item__list.list-active{
1463	display: -webkit-box;
1464	display: -ms-flexbox;
1465	display: flex;
1466	flex-direction: column;
1467	align-items:center;
1468	padding: 10px;
1469    gap: 20px;
1470}
1471.aerial-product-item__list_body{
1472	display: grid;
1473	grid-template-columns: 1fr;
1474	gap: 0 20px;
1475	width: 100%;
1476}
1477.sub-category-grid-item p {
1478	
1479}
1480
1481@media only screen and (min-width:700px){
1482	.aerial-product-item__list.list-active{
1483		flex-direction: row;
1484		padding: 20px;
1485	}
1486	.aerial-product-item__list_body{
1487		grid-template-columns: 1fr 175px;
1488	}
1489	.aerial-product-item__list .aerial-product-item_header img{
1490		height: 200px;
1491	}
1492	.product-page-block.incategory-desc img{
1493		
1494	}
1495	.product-page-block a {
1496		
1497	}
1498}
1499.aerial-product-item__list_body .quickview-btn-wrapper{
1500	height: auto;
1501}
1502.aerial-product-item__list_body .product-name a{
1503	font-weight: 600;
1504	font-size: 1.7rem;
1505	margin-bottom: 5px;
1506	display: inline-block;
1507}
1508.aerial-product-item__list_body .product-name a:hover{
1509	text-decoration: underline;
1510}
1511.aerial-product-item__list_body .short-desc p,
1512.aerial-product-item__list_body .stock-indicator{
1513	font-size: 1.2rem;
1514}
1515.aerial-product-item__list_body .stock-indicator{
1516	color: var(--ekm-success-colour-text);
1517}
1518.aerial-product-item__list_body .stock-indicator.oos{
1519	color: var(--ekm-warning-colour-text);
1520}
1521.aerial-product-item__list_body .short-desc{
1522	width: 100%;
1523	height: 100%;
1524	border-top: 1px solid #eee;
1525	padding-top: 10px;
1526}
1527.aerial-product-item__list_body .stock-indicator{
1528	font-weight: 600;
1529}
1530.aerial-product-item__list .price_list{
1531    text-align: right;
1532    align-self: end;
1533}
1534.aerial-product-item__list .price_list p{
1535	display: block;
1536	font-weight: 600;
1537}
1538.aerial-product-item__list .price_list p:first-child{
1539	font-size: 1.2rem;
1540	text-decoration: line-through;
1541	opacity: 0.6;
1542}
1543
1544
1545
1546/* Panel style */
1547    .accordion .a-container .a-panel{
1548        width: 100%;
1549        color: #262626;
1550        -webkit-transition: all 0.2s ease-in-out;
1551        -o-transition: all 0.2s ease-in-out;
1552        transition: all 0.2s ease-in-out;
1553        opacity: 0;
1554        height: auto;
1555        max-height: 0;
1556        overflow: hidden;
1557        padding: 0px 10px;
1558
1559    }
1560    
1561    /* Panel style when active */
1562    .accordion svg{
1563    	width: 10px;
1564    	height: 10px;
1565    	-webkit-transition: all 0.25s ease;
1566    	-o-transition: all 0.25s ease;
1567    	transition: all 0.25s ease;
1568    }    
1569    .accordion svg.active{
1570    	-webkit-transform: rotate(45deg);
1571    	    -ms-transform: rotate(45deg);
1572    	        transform: rotate(45deg);
1573    }
1574    .accordion .a-container.active .a-panel{
1575        padding: 15px 10px 10px 10px;
1576        opacity: 1;
1577        height: auto;
1578        max-height: 500px;
1579    }
1580    .product-page-block .accordian-title{
1581    	font-size: 1.6rem;
1582    	font-weight: 600;
1583    	cursor: pointer;
1584    	padding: 10px;
1585    }   
1586    .product-page-block .accordian-title:hover{
1587    	background-color: #EEE;
1588    }
1589
1590/*PAGINATION LAYOUT*/
1591
1592.pagination-grid{
1593	display: -ms-grid;
1594	display: grid;
1595	-ms-grid-columns: 1fr 2fr 1fr;
1596	grid-template-columns: 1fr 2fr 1fr;
1597	-webkit-box-align: center;
1598	    -ms-flex-align: center;
1599	        align-items: center;
1600}
1601.pagination-numbers{
1602	-ms-grid-column: 2;
1603	-ms-grid-column-span: 1;
1604	grid-column: 2 / 3;
1605	text-align: center;
1606}
1607.product-page-block a.pagination-next{
1608	-ms-grid-column: 3;
1609	-ms-grid-column-span: 1;
1610	grid-column: 3 / 4;
1611	text-align: right;
1612	color: #333;
1613}
1614.product-page-block a.pagination-prev{
1615	-ms-grid-column: 1;
1616	-ms-grid-column-span: 1;
1617	grid-column: 1 / 2;
1618	color: #333;
1619}
1620
1621.pagination-numbers a{
1622	line-height: 1;
1623	width:30px;
1624	height: 30px;
1625	margin: 0 5px;
1626	display:-webkit-inline-box;
1627	display:-ms-inline-flexbox;
1628	display:inline-flex;
1629	color: #333;
1630} 
1631.pagination-numbers a.pagination-current-page{
1632	background-color: var(--primary_button_btn_bg);
1633	color: var(--primary_button_btn_text);
1634} 
1635
1636a.pagination-next, a.pagination-prev{
1637	font-weight: 500;
1638    font-size: 15px;
1639}
1640.sidebar-prod-cat, .sidebar-filters{
1641	display:none;
1642
1643}
1644.sidebar-filters{
1645	padding: 0;
1646}
1647.sidebar-filters h2{
1648	padding: 20px;
1649	background-color: #EFEFEF;
1650}
1651.sidebar-filters svg{
1652	height: 15px;
1653	width: 15px;
1654}
1655.sidebar-filters p, .sidebar-filters ul{
1656	padding-left: 20px;
1657}
1658.sidebar-filters.active{
1659	display:block;
1660	position: fixed;
1661	top: 0;
1662	left:0;
1663	width: 100%;
1664	height: 100vh;
1665	z-index: 9999;
1666	overflow-y: scroll;
1667}
1668.mobile-filter-trigger svg{
1669	height: 20px;
1670	margin-right: 10px;
1671}
1672.category-showing{
1673	display:none;
1674}
1675/*SORT BY */
1676.category-details-wrapper p{
1677	margin-bottom: 0;
1678}
1679.sort_by_wrapper span{
1680	font-size: 1.4rem;
1681	margin-right: 5px;
1682}
1683span.mobile-hidden {
1684    margin-bottom: 0px;
1685}
1686.sort_by_wrapper select{
1687	-webkit-appearance: none;
1688	-moz-appearance:    none;
1689	appearance:         none;
1690	font-size: 1.4rem;
1691	padding: 0.5em 2.25em 0.5em 0.5em;
1692	border: none;
1693	outline: none;
1694	border-radius: 5px;
1695	border: 2px #eee solid;
1696	background-image: url(//themes.cdn.ekm.net/themes/master/2271/images/chevron-down.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF);
1697	background-size: 20px 10px;
1698	background-repeat: no-repeat;
1699	background-position: 95%;
1700	cursor: pointer;
1701}
1702.sort_by_wrapper select:hover{
1703	background-color: #eee;
1704}
1705.sort_by_wrapper option{
1706	display:block;
1707	font-size: 1.4rem;
1708	padding: 0.5em;
1709}
1710
1711.grid-list-view > svg{
1712	margin-left: 10px;
1713	cursor: pointer;
1714	-webkit-transition: all 0.25s ease;
1715	-o-transition: all 0.25s ease;
1716	transition: all 0.25s ease;
1717}
1718.grid-list-view > svg:hover{
1719	-webkit-transform: scale(1.1);
1720	    -ms-transform: scale(1.1);
1721	        transform: scale(1.1);
1722}
1723.ekm-sortby-form{
1724	display:flex;
1725}
1726
1727@media only screen and (min-width:950px){
1728	.main-category-grid{
1729		display: -ms-grid;
1730		display: grid;
1731		-ms-grid-columns: 250px 20px 1fr;
1732		grid-template-columns: 250px 1fr;
1733		
1734		gap: 20px;
1735	}
1736	.sub-category-grid-item img{
1737		padding: 20px;
1738		
1739	}
1740	form[name="product-filter"] .ui-slider-horizontal, .price-labels{
1741		width: 100%;
1742	}
1743	.sidebar-prod-cat, .sidebar-filters{
1744		display:block;
1745	}
1746	.sidebar-filters.active{
1747		position: relative;
1748		top: 0;
1749		left:0;
1750		width: auto;
1751		height: auto;
1752	}
1753	.mobile-filter-trigger{
1754		display:none;
1755	}
1756	.category-showing{
1757		display: block;
1758	}
1759	.sidebar-filters p, .sidebar-filters ul{
1760		padding-left: 0px;
1761	}
1762	.sidebar-filters{
1763		padding: 20px;
1764	}
1765	.sidebar-filters h2{
1766		padding: 0px;
1767		background-color: transparent;
1768	}
1769	.filter-groups {
1770	    display: grid;
1771	    
1772	}
1773}
1774@media only screen and (min-width:768px){
1775	.category-filter-block.category-filter-block p:not(.category-showing){
1776		display:block;
1777	}
1778	.sub-category-grid{
1779		
1780		
1781	}
1782	
1783}
1784
1785.customer-review-header .rating-wrapper svg, .product-details .rating-wrapper svg {
1786    height: 20px;
1787    width: 125px;
1788}
1789
1790.sidebar-promo{
1791	padding: 20px;
1792	-webkit-box-orient: vertical;
1793	-webkit-box-direction: normal;
1794	    -ms-flex-direction: column;
1795	        flex-direction: column;
1796	margin-bottom: 20px;
1797	transition: transform 0.25s ease;
1798}
1799.sidebar-promo:hover{
1800	transform: scale(1.02);
1801}
1802.sidebar-promo img{
1803	margin-bottom: 20px;
1804	max-width: 50px;
1805	width: 100%;
1806}
1807.sidebar-promo h3{
1808	margin-bottom: 10px;
1809	
1810}
1811.sidebar-promo.light{
1812	background-color: #049aff;
1813}
1814.sidebar-promo.dark{
1815	background-color: #20252E;
1816}
1817.sidebar-promo h3, .sidebar-promo p {
1818	text-align: center;
1819	max-width: 500px;
1820	width: 100%;
1821}
1822.sidebar-promo.light h3, .sidebar-promo.light p {
1823	color: #FFFFFF;
1824	
1825}
1826.sidebar-promo.dark h3, .sidebar-promo.dark p {
1827	color: #FFFFFF;
1828}
1829.sidebar-promo-wrapper{
1830	display: grid;
1831	grid-template-columns: 1fr;
1832	
1833}
1834
1835@media only screen and (min-width:600px){
1836	.sidebar-promo-wrapper{
1837		grid-template-columns: 1fr 1fr;
1838		gap: 20px;
1839	}
1840}
1841@media only screen and (min-width:950px){
1842	.sidebar-promo-wrapper{
1843		grid-template-columns: 1fr;
1844		gap: 0px;
1845		
1846	}
1847}
1848.ekm-productoptions-size-option:checked + label {
1849    border-color: var(--atc_button_btn_bg) !important;
1850    background-color: var(--atc_button_btn_bg) !important;
1851    color: var(--atc_button_btn_text) !important;
1852}
1853
1854.show-results, .show-results-mobile {
1855    font-size: 1.4rem;
1856    text-align: center;
1857}
1858.show-results{
1859	opacity: 0;
1860	height: 0;
1861}
1862.show-results-mobile {
1863    padding-bottom: 36px;
1864}
1865
1866@media only screen and (min-width: 768px) {
1867	.show-results-mobile{
1868		display: none;
1869	}
1870}
1871
1872</style>
1873
1874<div class="container"> 
1875	<div class="breadcrumb"><span><a href="./" class=""><span>Home</span></a>&nbsp;/&nbsp;</span><span><a href="glitter-135-c.asp" class="current"><span>Glitter</span></a></span></div><!-- /.breadcrumb -->
1875<script type="application/ld+json">{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "./","name": "Home"}},{"@type": "ListItem","position": 2,"item": {"@id": "glitter-135-c.asp","name": "Glitter"}}]}</script>
1875
1876	
1877	
1878
1879<section class="main-category-grid" >
1880	
1881		<div class="category-side-menu">
1882				
1883		
1884		    
1885			    <div class="product-page-block sidebar-prod-cat">
1886				<p class="sidebar-heading">Categories</p>
1887				<!--ekm-output-start-->
1888		    	
1889		    	<div class="product-categories-list-item flex flex_align-center flex_space-between">
1890		    		<a href="fine-cosmetic-glitter---refil-bags-127-c.asp" >Fine Cosmetic Glitter - Refil bags</a> 
1891		    		<?xml version="1.0" encoding="iso-8859-1"?>  <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
1892		    		<br>
1893		    	</div>
1894		
1895		    	</td>
1896		    	
1897		    	<div class="product-categories-list-item flex flex_align-center flex_space-between">
1898		    		<a href="glitter-puffer-bottles-132-c.asp" >Glitter Puffer Bottles</a> 
1899		    		<?xml version="1.0" encoding="iso-8859-1"?>  <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
1900		    		<br>
1901		    	</div>
1902		
1903		    	</td>
1904		    	
1905		    	<div class="product-categories-list-item flex flex_align-center flex_space-between">
1906		    		<a href="chunky-glitters-101-c.asp" >Chunky Glitters</a> 
1907		    		<?xml version="1.0" encoding="iso-8859-1"?>  <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
1908		    		<br>
1909		    	</div>
1910		
1911		    	</td>
1912		    	
1913		    	<div class="product-categories-list-item flex flex_align-center flex_space-between">
1914		    		<a href="fine-cosmetic-glitter-10gram-pots-92-c.asp" >Fine Cosmetic Glitter 10gram pots</a> 
1915		    		<?xml version="1.0" encoding="iso-8859-1"?>  <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z"/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>
1916		    		<br>
1917		    	</div>
1918		
1919		    	</td></tr><!--ekm-output-end-->
1920				<!--<div class="product-categories-list-item flex flex_align-center flex_space-between trigger">-->
1921				<!--	<a href="#" class="view-all-prod-list"><b>View all categories</b></a>-->
1922				<!--	<?xml version="1.0" encoding="iso-8859-1"?> <svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M367.954,213.588L160.67,5.872c-7.804-7.819-20.467-7.831-28.284-0.029c-7.819,7.802-7.832,20.465-0.03,28.284 l207.299,207.731c7.798,7.798,7.798,20.486-0.015,28.299L132.356,477.873c-7.802,7.819-7.789,20.482,0.03,28.284 c3.903,3.896,9.016,5.843,14.127,5.843c5.125,0,10.25-1.958,14.157-5.873l207.269-207.701 C391.333,275.032,391.333,236.967,367.954,213.588z" /> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>-->
1923				<!--</div>-->
1924			</div>
1925		
1926		    
1927		    <!--END OF CATEGORY SUBCATS-->
1928
1929		
1930		
1931			
1932		
1933			
1934		
1935			<div class="sidebar-promo-wrapper" > 
1936			
1937				<a href="/" class="sidebar-promo flex flex_align-center light" >
1938				<img src="//themes.cdn.ekm.net/themes/master/2271/images/rocket.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" width="50" height="50" alt="" decoding="async"/>
1939					<h3>Promo one text</h3>
1940					<p>Promo one text</p>
1941				</a>		
1942			
1943			
1944			
1945				<a href="/" class="sidebar-promo flex flex_align-center dark" >
1946					<img src="//themes.cdn.ekm.net/themes/master/2271/images/circle-arrow.svg?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" width="50" height="50" alt="" decoding="async" />
1947					<h3>Promo two text</h3>
1948					<p>Promo two text</p>
1949				</a>
1950			
1951		</div>
1952		
1953		
1954	</div>
1955	
1956	
1957	
1958	<div class="category-main" >
1959		
1960	
1961		<div class="product-page-block incategory-desc">
1962				<h1>Glitter</h1>
1963				<p>Fine cosmetic grade glitter .008</p>
1964
1965<p>Ideal for use with glitter tattoos, face painting, festival face, nail art as well as candles and s
1965oaps.</p>
1966
1967<p>100% hyperallergenic - safe for use on face and body.&nbsp;</p>
1968
1969			    <div class="sub-category-grid" ><!--ekm-output-start--><tr><td width="50%" >
1970			    		<div class="sub-category-grid-items">
1971				    		<a href="fine-cosmetic-glitter---refil-bags-127-c.asp" class="sub-category-grid-item" >
1972				    			
1973					    		
1974					    			<img src="https://files.ekmcdn.com/juliecosgrove/images/fine-cosmetic-glitter-refil-bags-127-c.jpeg?w=400&h=400&v=F3010000-CE4C-4861-A45E-22D5EB901A5B" alt="Fine Cosmetic Glitter - Refil bags" class="cat-img" decoding="async">
1975					    		
1976						    	 
1977			                    
1978					    		<p>Fine Cosmetic Glitter - Refil bags</p>
1979				    		</a>
1980				    		
1981			    		</div>
1982			    	</td><td width="50%" >
1983			    		<div class="sub-category-grid-items">
1984				    		<a href="glitter-puffer-bottles-132-c.asp" class="sub-category-grid-item" >
1985				    			
1986					    		
1987					    			<img src="https://files.ekmcdn.com/juliecosgrove/images/glitter-puffer-bottles-132-c.jpeg?w=400&h=400&v=D74752F1-968F-46EF-9C2A-6E5F52C1632B" alt="Glitter Puffer Bottles" class="cat-img" decoding="async">
1988					    		
1989						    	 
1990			                    
1991					    		<p>Glitter Puffer Bottles</p>
1992				    		</a>
1993				    		
1994			    		</div>
1995			    	</td><td width="50%" >
1996			    		<div class="sub-category-grid-items">
1997				    		<a href="chunky-glitters-101-c.asp" class="sub-category-grid-item" >
1998				    			
1999					    		
2000					    			<img src="https://files.ekmcdn.com/juliecosgrove/images/chunky-glitters-101-c.jpeg?w=400&h=400&v=6F0EA19D-C668-430A-B4E4-5CD61467E9CE" alt="Chunky Glitters" class="cat-img" decoding="async">
2001					    		
2002						    	 
2003			                    
2004					    		<p>Chunky Glitters</p>
2005				    		</a>
2006				    		
2007			    		</div>
2008			    	</td><td width="50%" >
2009			    		<div class="sub-category-grid-items">
2010				    		<a href="fine-cosmetic-glitter-10gram-pots-92-c.asp" class="sub-category-grid-item" >
2011				    			
2012					    		
2013					    			<img src="https://files.ekmcdn.com/juliecosgrove/images/fine-cosmetic-glitter-10gram-pots-92-c.jpg?w=400&h=400&v=7D171BD8-370A-4EDF-9B4C-CC072D16A3F6" alt="Fine Cosmetic Glitter 10gram pots" class="cat-img" decoding="async">
2014					    		
2015						    	 
2016			                    
2017					    		<p>Fine Cosmetic Glitter 10gram pots</p>
2018				    		</a>
2019				    		
2020			    		</div>
2021			    	</td></tr><!--ekm-output-end--></div>
2022		
2023		</div>
2024	
2025			
2026	  <style>
2027	        .filters-button{
2028	            display: none;
2029	            align-items: center;
2030	            font-size: 1.5rem;
2031				cursor: pointer;
2032	        }
2033	        .filters-button p{
2034	            margin: 0;
2035	        }
2036	        .filters-button svg{
2037	            width: 20px;
2038	            margin-right: 10px;
2039	        }
2040	        .filters-button svg.filters-close{
2041				display: none;
2042	        }
2043			
2044	        .filter-sort-wrapper{
2045	            display: grid;
2046	            grid-template-columns: 1fr;
2047	        }
2048	        .desktop-filter-wrapper{
2049	            margin-top: -18px;
2050	            height: 0;
2051	            transition: all 0.25s ease;
2052	            overflow:hidden;
2053				/* display: none; */
2054	        }
2055	        #product-list{
2056	            margin-top: 18px;
2057	        }
2058
2059	        
2060    	        .filter-sort-wrapper > .filters-button{
2061    	            display: none;
2062    	        }    
2063            
2064			@media only screen and (min-width: 950px){
2065				.filters-button{
2066					display: flex;
2067				}
2068				.filter-sort-wrapper{
2069					grid-template-columns: 110px 1fr;
2070					gap: 2px;
2071				}
2072				.mobile-filter-header{
2073					display: none;
2074				}
2075				.desktop-filter-wrapper{
2076					display: block;
2077				}
2078    			
2079        			.filter-sort-wrapper{
2080    					grid-template-columns: 1fr;
2081    				}
2082    			
2083    			}
2084			}
2085
2086	    </style>		
2087
2088	    <div class="filter-sort-wrapper" >
2089            <div class="filters-button product-page-block" ></div>
2090            
2091            
2092            
2093            
2094	        
2095    	<div class="product-page-block category-details-wrapper category-filter-block">
2096    
2097    		<div class="flex flex_align-center flex_space-between" >
2098			
2099		
2100        		
2101        				<p id="category_showing"></p>
2102        				<div class='grid-list-view flex flex_align-center'>
2103        					<p>View</p>
2104        					<svg class='grid-view' width='20' height='17' viewBox='0 0 18 16' xmlns='https://www.w3.org/2000/svg'>
2105        						<circle cx='2' cy='2' r='2' />
2106        						<circle cx='9' cy='2' r='2' />
2107        						<circle cx='16' cy='2' r='2' />
2108        						<circle cx='16' cy='8' r='2' />
2109        						<circle cx='9' cy='8' r='2' />
2110        						<circle cx='2' cy='8' r='2' />
2111        						<circle cx='2' cy='14' r='2' />
2112        						<circle cx='9' cy='14' r='2' />
2113        						<circle cx='16' cy='14' r='2' />
2114        					</svg>
2115                            <svg class='list-view' width="20" height="17" viewBox="0 0 20 17" xmlns="https://www.w3.org/2000/svg">
2116                                <circle cx="1.87" cy="1.87" r="1.87"></circle>
2117                                <circle cx="1.87" cy="8.12" r="1.87"></circle>
2118                                <circle cx="1.87" cy="14.37" r="1.87"></circle>
2119                                <rect x="6.25" y="0.625" width="13.75" height="2.5" rx="0.6"></rect>
2120                                <rect x="6.25" y="6.875" width="13.75" height="2.5" rx="0.6"></rect>
2121                                <rect x="6.25" y="13.125" width="13.75" height="2.5" rx="0.6"></rect>
2122                            </svg>
2123        				</div>
2124        			</div>
2125        	    <!--end of product-page-block category-details-wrapper category-filter-block-->
2126    	    </div>
2127	    </div>
2128	    <!--end of product-page-block category-details-wrapper category-filter-block-->
2129	    
2130	    
2131
2132<div id="product-list">
2133					<div class="show-results">Showing 0 - 0 of 0 products</div>
2134					<div class="show-results-mobile">Showing 0 - 0 of 0 products</div>
2135					
2136					
2137					
2138						<div class="product-item-grid">
2139					
2140			<!--ekm-output-start-->
2141
2142				<div class="product-page-block product-item-grid_no-products">
2143					<p>Sorry, this category has no products</p>
2144				</div>
2145				
2146			<!--ekm-output-end--></div></div>	
2147
2148		
2149	</div>
2150	
2151</section>	
2152
2153	
2154	
2155	
2156</div>
2157<!--end of container-->
2158</div>
2159
2160<script>
2161	//Append show result counter on filter bar Desktop only
2162	document.addEventListener('DOMContentLoaded', function() {
2163	  var showResults = document.querySelector('.show-results');
2164	  var categoryShowing = document.querySelector('#category_showing');
2165		categoryShowing.textContent = showResults.textContent
2166	});
2167	
2168  function initAcc(elem, option){
2169        //addEventListener on mouse click
2170        document.addEventListener('click', function (e) {
2171            //check is the right element clicked
2172            if (!e.target.matches(elem+' .a-btn')) return;
2173            else{
2174                //check if element contains active class
2175                if(!e.target.parentElement.classList.contains('active')){
2176                    if(option==true){
2177                         //if option true remove active class from all other accordions 
2178                        var elementList = document.querySelectorAll(elem +' .a-container');
2179                        Array.prototype.forEach.call(elementList, function (e) {
2180                            e.classList.remove('active');
2181                        	e.children[0].children[0].classList.remove('active');
2182                        });
2183                    }    
2184                    //add active class on cliked accordion     
2185                    e.target.parentElement.classList.add('active');
2186                    e.target.children[0].classList.add('active');
2187                }else{
2188                    //remove active class on cliked accordion     
2189                    e.target.parentElement.classList.remove('active');
2190                    e.target.children[0].classList.remove('active');
2191                }
2192            }
2193        });
2194    }
2195     
2196    //activate accordion function
2197    initAcc('.accordion', true);	
2198    initAcc('.accordion_two', true);	
2199    
2200    const resizeImgs = () => {
2201		const all_cat_imgs = document.querySelectorAll(".sub-category-grid-item img");
2202	    all_cat_imgs.forEach(cat_img => {
2203	    	cat_img.height = cat_img.offsetWidth;
2204	    });
2205    }
2206	resizeImgs();
2207	
2208	window.addEventListener('resize', function(event){
2209	  resizeImgs();
2210	});
2211
2212	const side_menu = document.querySelector(".category-side-menu");
2213	const side_menu_child_count = side_menu.childElementCount;
2214	if(side_menu_child_count == 0){
2215		// Makes the main wrapper full width if the side nav has no children
2216		document.querySelector(".category-main").classList.add("full-width");
2217	}else{
2218		const side_menu_children = side_menu.children;
2219		if(side_menu_child_count == 1 && side_menu_children[0].style.display == "none" ){
2220			// This makes sure there is only 1 child in the sidenav and that its the promo wrapper which is display equals none
2221			document.querySelector(".category-main").classList.add("full-width");
2222		}
2223	}
2224	
2225	const subCatGrid = document.querySelector(".sub-category-grid");
2226	if(subCatGrid != null){
2227		// THIS MEANS THE CATEGORY HAS SUB CATEGORIES 
2228		document.querySelector(".product-item-grid_no-products").style.display = "none";
2229	}
2230
2231	if(document.querySelector(".product-page-block.sidebar-filters") == null){
2232		document.querySelector(".mobile-filter-trigger").style.display = "none";
2233	}
2234
2235	document.querySelector("#category_showing").innerHTML = document.querySelector(".category-showing").innerHTML
2236	
2237</script>
2237
2238</ekm-section>
2239
2240
2241</article>
2242<ekm-section data-id="ekm-section-id-2" data-type="footer">
2243	
2244	
2245	<style>
2246	    :root{
2247    		--footer_bg: #3c096c;
2248    		--footer_text: #FFFFFF;
2249    		--footer_link: #FFFFFF;
2250    		--webpages_background: #049aff;
2251            --copyright_background: #e0aaff;
2252            --copyright_text: #FFFFFF;
2253	    }
2254	
2255		footer{
2256			
2257            
2258            
2259		}
2260		.background_image{
2261			background-image: url(  );
2262			background-repeat: no-repeat;
2263		    background-position: center center;
2264		    
2265		        background-size: auto;
2266		    
2267		    
2268		    
2269		}
2270		.copyright-bar{
2271			padding: 15px 0px;
2272			background-color: var(--copyright_background);
2273			color: var(--copyright_text);
2274			text-align: center;
2275			font-size: 1.4rem;
2276		}
2277		.copyright-bar .container{
2278			display: grid;
2279			grid-template-columns: 1fr;
2280    		gap: 15px;
2281    		padding: 0px 20px;
2282		}
2283		.copyright-block-cards{
2284			order: 1;
2285		}
2286		.copyright-block-company{
2287			order: 2;
2288		}
2289		.copyright-block-sitename{
2290			order: 3;
2291		}
2292		.copyright-bar a{
2293			color: inherit;
2294			font-size: inherit;
2295			text-decoration: underline;
2296		}
2297		.copyright-bar span {
2298		    font-size: inherit;
2299		}
2300		.copyright-block-sitename span, .copyright-block-company span{
2301			font-size: inherit;
2302			margin-left: 2px;
2303			text-align: left;
2304		}
2305		.copyright-block-sitename {
2306    		font-size: 1.4rem;
2307		}
2308		.copyright-block-company, .copyright-block-cards, .copyright-block-sitename {
2309			justify-content: left;
2310		}
2311		
2312		.copyright-block-sitename {
2313    		flex-wrap: wrap;
2314		}
2315		
2316		span.ekmps-vat-number, span.ekmps-company-number{
2317			display: inline-block;
2318			margin: 0px;
2319			
2320				margin: 10px 3px 0 3px;
2321			
2322			font-size: 1.4rem;
2323		}
2324		.dash {
2325		    margin: 0px 5px;
2326		}
2327		.ekm-card-logos-image {
2328		    height: 30px;
2329		    width: auto;
2330		}
2331		
2332        footer > .container {
2333        	
2334                padding-top: 0px;
2335                padding-bottom: 0px;
2336            
2337            
2338            
2339            
2340        }
2341		footer .footer-block ul {
2342	        
2343        }
2344		.footer-block--social {
2345			    display: grid;
2346			    justify-content: flex-start;
2347		}
2348		.footer-block--webpages {
2349            
2350            
2351		}
2352        .footer-block--webpages .container {
2353            
2354        }
2355        .footer-block--address {
2356	        display: grid;
2357	        justify-content: flex-start;
2358	        text-align: left;
2359        }
2360		.footer-block--webpages ul li {
2361			display: flex;
2362		    flex-direction: column;
2363		}
2364		.footer-contact > li {
2365		    	display: flex;
2366			    flex-direction: row;
2367		}
2368		footer .footer-block--address ul {
2369		    justify-content: left;
2370		    margin-top: 15px;
2371		    gap: 0px;
2372		}
2373		footer .footer-block h4 {
2374            
2375		}
2376		.accordian-title svg {
2377		    height: 18px;
2378		    width: 18px;
2379		    margin-left: 5px;
2380		    fill: #fff;
2381		    align-self: center;
2382		}
2383		.is-accordian {
2384		    display: flex !important;
2385		    flex-direction: column;
2386		    gap: 5px;
2387		}
2388	    .accordian-title{
2389			display: flex;
2390		    cursor: pointer;
2391		    justify-content: space-between;
2392		    padding: 10px 0px;
2393		    border-top: solid 2px #2F3643;
2394		    border-bottom: solid 2px #2F3643;
2395            
2396	    }
2397		.footer-block--logo img{
2398			max-width: 150px;
2399		}
2400		.footer-block--logo {
2401		    justify-content: flex-start;
2402		}
2403		.slider_wrapper {
2404			transition:height 1s ease-out;
2405			height:0;
2406			overflow:hidden;
2407		}
2408		.is-accordian.flex.flex-wrap > li:first-child {
2409    		
2410		}
2411		@media only screen and (min-width: 768px) {
2412			footer > .container {
2413				gap: 40px;
2414				
2415	            
2416				
2417			}
2418			.footer-block--social {
2419				display: grid;
2420				
2421	            
2422			    
2423			}
2424			.footer-block--webpages {
2425	            
2426			}
2427			.footer-block--address{
2428				display: grid;
2429			    justify-content: center;
2430			    text-align: center;
2431			}
2432			footer .footer-block h4 {
2433	            
2434			}
2435			.footer-block--logo img{
2436				max-width: 150px;
2437			}
2438			.footer-block--logo {
2439		    	justify-content: center;
2440			}
2441			.copyright-bar .container{
2442				grid-template-columns: 1fr 1fr 1fr;
2443	            
2444	                grid-template-columns: 1fr 1fr;
2445	            
2446				gap: 20px;
2447			}
2448			.copyright-block-sitename {
2449	    		justify-content: center;
2450	    		order: 2;
2451	    		
2452					justify-content: flex-start;
2453					order: 1;
2454			    
2455			}
2456			.copyright-block-cards{
2457				justify-content: flex-end;
2458				order: 3;
2459			}
2460			.copyright-block-company{
2461				justify-content: flex-start;
2462				
2463					justify-content: flex-end;
2464			    
2465				order: 2;
2466			}
2467			.is-accordian {
2468			    display: flex !important;
2469			}
2470	    	.is-accordian.active {
2471			    display: none !important;
2472			}
2473			.accordian-title {
2474				cursor: inherit;
2475			    padding: 0px;
2476			    border-top: none;
2477			    border-bottom: none;
2478	            
2479			}
2480			.accordian-title svg{
2481				display: none;
2482			}
2483			footer .footer-block--address ul {
2484			    justify-content: center;
2485			}
2486			.is-accordian {
2487				flex-direction: row;
2488			}
2489			.slider_wrapper {
2490				transition:height 1s ease-out;
2491				height:auto !important;
2492				/*This overrides any height added by JS*/
2493				overflow:initial;
2494			}
2495			.is-accordian.flex.flex-wrap > li:first-child {
2496	    		
2497			}
2498		}
2499		@media only screen and (min-width: 500px){
2500			.useful-links.two_cols{
2501				columns: 2;
2502				column-gap: 20px;
2503			}
2504		}
2505        .recently-viewed-products h2{
2506            margin-bottom: 20px;    
2507        }
2508        .recently-viewed-products{
2509            padding: 40px 0;
2510        }
2511        .recently-viewed-products {
2512            background-color: #EFEFEF;
2513        }
2514        .recently-viewed-products h2{
2515            color: #333333;
2516        }
2517        .recently-viewed-products h2{
2518            margin-bottom: 20px;
2519        }
2520	</style>
2521	
2522	
2523		
2524
2525	
2526
2527
2528	<footer  >
2529		<div class="container " >
2530			<div class="footer-block" >
2531				<h4>Useful Links</h4>
2532				<ul class="useful-links" ><li><a href="index.asp">Home</a></li><li><a href="about-us-1-w.asp">About Us</a></li><li>
2532<a href="glitter-tattoo-instructions-3-w.asp">Glitter Tattoo Instructions</a></li><li><a href="delivery-4-w.asp">Delivery</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="look-book-24-w.asp">Look Book</a></li>
2533				    <li><a href="/terms.asp">Terms and conditions</a></li>
2534				    <li><a href="/privacy.asp">Privacy</a></li>
2535				    <li><a href="/sitemap.asp">Sitemap</a></li>
2536				    </ul><!-- #extra-page-menu -->
2537			</div>
2538			
2539					<div class="footer-block" >
2540						<h4>Stay Connected </h4>
2541						<div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.facebook.com/glitterpot.co.uk" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/Medium/facebook.svg"height="32px" width="32px" alt="Facebook" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.instagram.com/Jules_glitterpot" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div></div>
2542					</div>
2543				
2544			
2545			
2546			
2547				<div class="footer-block" >
2548					<h4>Get in touch</h4>
2549					<p><p>If you have any questions or need help then don’t hesitate to get in touch<br>&nbsp;</p><p><a href="tel:07789 548233"><strong>07789 548233</strong></a><strong>&nbsp;</strong></p><p><strong>[email protected]</strong></p><p><br><strong>Glitter Pot</strong><br>5 The Foldings, Skelmanthorpe​​​​​​​​​​​​​​<br>Huddersfield, HD8 9AL</p></p>
2550				</div>			
2551			
2552			<div class="footer-block" >
2553				
2554					<h4>Sign Up to Our Newsletter</h4><form data-thanktranslation='Thanks' method="post" action="https://api.ekmresponse.com/api/recipient/signup" onsubmit="return ekmResponseSignupUser(this)" data-onsuccess="newsletterSubmit" ><input type="hidden" name="UserId" value="0" /><input type="hidden" name="GroupId" value="0" /><input type="hidden" name="hash2" value="d6b9d7aec9f1d3cbe6c7a55e5504c228" /><input id="ekmResponseEmailAddress" name="ekmResponseEmailAddress" type="text" placeholder="Your email address" class="ekmResponseEmailAddress newsletter-text" maxlength="1000" /><input  id="ekmResponseSignupButton" class="ekmResponseSignupButton" name="ekmResponseSignupButton" type="image" src="/ekmps/designs/assets/master/2271/images/emailicon.svg"  alt="Sign Up" /></form>
2554<script type="text/javascript" src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/newslettersignup.js?_=1"></script>
2554
2555				
2556			
2557				
2558			
2559					<h4>We Accept</h4>
2560					<style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa" width="50" height="30" /><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa Electron" width="50" height="30" /><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Mastercard" width="50" height="30" /><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Maestro" width="50" height="30" /><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with PayPal" width="50" height="30" /><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/klarna-2.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Klarna" width="50" height="30" /></span>
2561				
2562			</div>
2563		
2564		</div>
2565	</footer>
2566	    <div class="copyright-bar">
2567	        <div class="container">
2568	            <div class="copyright-block-company flex flex_align-center">
2569	                <div>
2570	                        
2571	                          <span class="ekmps-vat-number">VAT Number: <span>Not registered</span></span><!-- /.ekmps-vat-number -->
2572	                        
2573	                        
2574	                    </div>
2575	             </div>
2576	        
2577	            <div class="copyright-block-sitename flex flex_align-center">
2578                    
2579                        &copy; Copyright 2012-2026 Glitter Pot All rights reserved<br>
2580                    
2581	            </div>
2582	        </div>
2583	    </div>	
2584
2585
2586
2587
2588
2589
2590
2591
2592
2593	
2594	<style>
2595		.newsletter-notification{
2596			position: fixed;
2597			z-index: 99;
2598			bottom: 0;
2599			right: 0;
2600			background-color: #eee;
2601			padding: 20px;
2602			border-radius: 10px;
2603			box-shadow: 0 3px 12px rgba(0,0,0,0.16);
2604			transform: translateX(150%);
2605			opacity: 0;
2606			transition: all 0.25s ease;
2607			margin: 10px;
2608		}
2609		.newsletter-notification.active{
2610			transform: translateX(0%);
2611			opacity: 1;
2612		}
2613		.newsletter-noti-title{
2614			font-size: 1.6rem;
2615			font-weight: 800;
2616			margin-bottom: 10px;
2617			color: #333;
2618		}
2619		.newsletter-noti-content{
2620			font: 1.25rem;
2621			color: #333;
2622		}
2623		.newsletter-notification-close{
2624			width: 25px;
2625			height: 25px;
2626			background-color: rgba(198, 198, 198, 0.933);
2627			border-radius: 50%;
2628			position: absolute;
2629			top: -6px;
2630			right: -6px;
2631			cursor: pointer;
2632		}
2633		.newsletter-notification-close > svg{
2634			width: 18px;
2635			height: 18px;
2636		}
2637		@media only screen and (min-width:768px){
2638			.newsletter-notification{
2639				max-width: 400px;
2640			}
2641		}
2642	</style>
2643	<div class="newsletter-notification">
2644		<div class="newsletter-notification-close flex flex_align-center flex_justify-center">
2645			<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" /> </svg>
2646		</div>
2647		<p class="newsletter-noti-title">Thank you for signing up to our newsletter</p>
2648		<p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p>
2649	</div>
2650	
2650<script defer>
2651		//Newsletter Form Message
2652		let newsletter_notification = document.querySelector(".newsletter-notification");
2653		function newsletterSubmit() {
2654			// let newsletter_notification_title = document.querySelector(".newsletter-noti-title");
2655			// let newsletter_notification_content = document.querySelector(".newsletter-noti-content");
2656			newsletter_notification.classList.add("active");
2657			setTimeout(() => {
2658				newsletter_notification.classList.remove("active");
2659			}, 5000);
2660		};
2661
2662		document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => {
2663			newsletter_notification.classList.remove("active");
2664		})
2665		
2666		
2667			const useful_links = document.querySelector(".useful-links");
2668			if( useful_links.childElementCount >= 6 ){
2669				useful_links.classList.add("two_cols")
2670			}
2671		
2672
2673
2674	</script>
vendor: 2 bytes, line 2674
2674
2675<script>
2676	addEventListener('DOMContentLoaded', (event) => {
2677		const footerDropdownMenu = document.querySelector(".accordian-title");
2678		const slideDownMenu = document.querySelector(".slider_wrapper");
2679		if(footerDropdownMenu != null){
2680			footerDropdownMenu.addEventListener("click", () => {
2681			const menuHeight = document.querySelector(".is-accordian").offsetHeight;
2682				if(slideDownMenu.offsetHeight > 0){
2683					slideDownMenu.style.height = "0px"
2684				}else{
2685					slideDownMenu.style.height = `${menuHeight}px`;
2686				}
2687				
2688			});		
2689		}
2690	});
2691</script>
2691
2692</ekm-section>
2693
2694
2695
2696
2697	</main>
2698<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
2698
2699<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" >
2700<noscript>
2701	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" >
2702	<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low">
2703</noscript>	
2704<script defer >
2705
2706	const tabletMQ = window.matchMedia("(min-width: 768px)");
2707	const desktopMQ = window.matchMedia("(min-width: 1024px)");
2708	
2709	window.addEventListener('DOMContentLoaded', (event) => {
2710	console.log('%cDOM fully loaded and parsed.', "color:#28a745");
2711	
2712const backgroundImageFullRes = (image) => {
2713	let element = document.querySelector(image);
2714	if(element == null){
2715	    return;
2716	}
2717	if(!element.hasAttribute("data-slider-num")){
2718	    let computedStyle = window.getComputedStyle(element);
2719	    let bgImageUrl = computedStyle.backgroundImage;
2720	    let newImageUrl;
2721
2722	    // Remove the leading 'url(' and trailing ')' characters
2723	    bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1);
2724		// Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL.
2725	    bgImageUrl = bgImageUrl.split("?w")[0];
2726	    newImageUrl = bgImageUrl.replaceAll('"', "");
2727	
2728	    // Appends the image URL with the query sting for a raw image
2729	    newBackgroundImageURL = newImageUrl + "?r=1";
2730	
2731	
2732	    // Replaces current banner with high res one.
2733	    element.style.backgroundImage = "url('" + newBackgroundImageURL + "')";		
2734	}
2735
2736		
2737}
2738if(desktopMQ.matches){
2739	backgroundImageFullRes(".main-banner-block");
2740	console.log('%cBanner image updated.', "color:#28a745");
2741}
2742	
2743	
2744	
2745		var prod_sliders = document.querySelectorAll('.product-slider');
2746		var prod_sliders_arr = Array.prototype.slice.call(prod_sliders);
2747		prod_sliders_arr.forEach(function(slider) {
2748			new Splide(slider, {
2749				type: "slide",
2750				pagination : false,
2751				perPage : 5,
2752				perMove: 1,
2753				rewind: true,
2754				rewindSpeed: 2500,
2755				gap: 20,
2756				speed: 1200,
2757				arrows: true,
2758				breakpoints: {
2759					550: {
2760						perPage: 1,
2761						perMove: 1
2762					},
2763					900: {
2764						perPage: 2,
2765						perMove: 1
2766					},					
2767					1280: {
2768						perPage: 3,
2769						perMove: 2
2770					}
2771				},
2772			}).mount();
2773		});
2774		
2775	console.log('%cSlider initialisation complete.', "color:#28a745");
2776	console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107");
2777	   setTimeout(() => {
2778            if (typeof ekmProductImageBadges != 'undefined'){
2779        	    console.log('%cProduct stickers re-initialisation complete.', "color:#28a745");
2780        		ekmProductImageBadges.reInit();
2781        	}
2782        }, 400);
2783		// Closes the nav dropdown if the user clicks of the nav box. 
2784		window.addEventListener("click", (e) => {
2785			const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper");
2786			all_nav_grids.forEach((single_nav_grid) => {
2787				if(single_nav_grid.classList.contains("mobile_open")){
2788					if(e.target != document.querySelector(".subnav-grid-wrapper")){
2789						single_nav_grid.classList.toggle("mobile_open")
2790					}
2791				}
2792			})
2793		});
2794		
2795	document.querySelectorAll(".splide__arrow").forEach(splideBtn => {
2796	  if(splideBtn.disabled){
2797	  	splideBtn.classList.add("ekm_hide_me")
2798	  }
2799	})
2800
2801
2802});
2803
2804</script>
2804
2805
2806<script>
2807	window.addEventListener('DOMContentLoaded', (event) => {
2808	var cat_sliders = document.querySelectorAll(".category-slider");
2809	var cat_sliders_arr = Array.prototype.slice.call(cat_sliders);
2810	cat_sliders_arr.forEach(function(slider) {
2811	  new Splide(slider, {
2812	    type: "slide",
2813	    pagination : false,
2814	    perPage : 5,
2815	    rewind: true,
2816	    rewindSpeed: 2500,
2817	    gap: 20,
2818	    perMove: 1,
2819	    speed: 1200,
2820	    breakpoints: {
2821	      550: {
2822	        perPage: 1,
2823	        perMove: 1
2824	      },
2825	      900: {
2826	        perPage: 2,
2827	        perMove: 1
2828	      },					
2829	      1280: {
2830	        perPage: 3,
2831	        perMove: 2
2832	      }
2833	    },
2834	  }).mount();
2835	});
2836	})
2837</script>
2837
2838
2839<script defer fetchpriority="low" >
2840
2841// list of CSS files that are section specific
2842var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
2843var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
2844
2845//variables that are being checked at section level, this is used to determine if the section is in the merchants theme.
2846var is_promo_section_active;
2847var is_gallery_section_active;
2848
2849// The global function that adds the CSS link to the head
2850function addCSS(cssUrl) {
2851  var element = document.createElement("link");
2852  element.setAttribute("rel", "stylesheet");
2853  element.setAttribute("type", "text/css");
2854  element.setAttribute("href", cssUrl);
2855  document.getElementsByTagName("head")[0].appendChild(element);
2856}
2857
2858// This is where the true or false gets stored if the section is active in the theme.
2859let section_active = {
2860	promoCSS: is_promo_section_active, 
2861	galleryCSS: is_gallery_section_active
2862};
2863
2864// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header.
2865for( var key in section_active){
2866	if(section_active[key] == true){
2867		addCSS(eval(key));
2868	}
2869}
2870
2871
2872</script>
vendor: 2 bytes, line 2872
2872
2873<script src="//themes.cdn.ekm.net/themes/master/2271/other/scripts.js?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" defer fetchpriority="low" ></script>
vendor: 2 bytes, line 2873
2873
2874<script type="application/json" data-softcart-lc>
2875        {
2876            " In Stock": " Item in Stock",
2877            " Sold Out": " Out of stock",
2878            "fake": null
2879        }
2880    </script>
2880
2881<div class="shopui shopui--modal" data-newsletterpopup="{&quot;mode&quot;:&quot;MODE_TRIGGER_LEAVING&quot;, &quot;delay&quot;:10, &quot;url&quot;:&quot;https://api.ekmresponse.com/api/recipient/signup&quot;,&quot;data&quot;:{&quot;UserID&quot;:0, &quot;GroupID&quot;:0, &quot;Hash&quot;:&quot;d6b9d7aec9f1d3cbe6c7a55e5504c228&quot;},&quot;xdomain&quot;:null}" style="display:none">	<div class="shopui-exit-modal">		<div class="shopui-exit-modal__overlay"></div>		<div class="shopui-exit-modal__window">			<a href="#" class="shopui-exit-modal__close js-close">Close</a>			<div class="shopui-exit-modal__content js-content">				<div class="shopui-exit-modal__title">Don't Miss Out</div>				<div class="shopui-exit-modal__message">					Never miss out on our latest products and biggest deals. Sign up to our free newsletter today!				</div><!-- .shopui-exit-modal__message -->				<div class="shopui-form-row shopui-form-row--stacked u-margin-top">					<div class="shopui-form-row__field">						<div class="shopui-validation js-validity">							<span>								<input type="text" id="subject" class="shopui-text-field js-input-email" placeholder="Example: [email protected]">							</span>							<div class="shopui-validation__bubble">								<div class="shopui-validation__message js-validity-msg"></div>						</div><!-- .shopui-validation__bubble -->						</div><!-- .shopui-validation -->					</div><!-- .shopui-form-row__field -->				</div><!-- .shopui-form-row -->				<div class="shopui-button-row">					<a href="#" class="shopui-button shopui-button--primary js-submit">Sign Up Now</a>				</div><!-- .shopui-button-row -->			</div><!-- .shopui-exit-modal__content -->		</div><!-- .shopui-exit-modal__window -->	</div><!-- .shopui-exit-modal --></div><!-- .shopui -->
2881<script src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/newsletterpopup.js?_=2%2E2%2E0"></script>
2881<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
2881<script src="//globalstats.ekmsecure.com/hits/stats-global.js"  async></script>
vendor: 2 bytes, line 2881
2881
2882<script>
2883(function(fn, a){
2884	var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ;
2885	var called = false;
2886	var callOnce = function(){
2887		if (called) return;
2888		epp[fn].apply(epp, a) ;
2889		called = true;
2890	};
2891	if (epp && epp[fn]) return callOnce() ;
2892	var pfn;
2893	Object.defineProperty(epp, fn, {
2894		'enumerable': true,
2895		'configurable': false,
2896		'set': function(x) {
2897			pfn = x;
2898			callOnce() ;
2899		},
2900		'get': function() {
2901			return pfn;
2902		}
2903	}) ;
2904})("getStatsGlobal", ["juliecosgrove","13"]) ;
2905</script>
2905
2906
2907</body>
2908</html>
2909

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.