PageSourceSearch

https://www.charleskrypell.com/keyword-search

html charleskrypell.com collected 2026-09-27 01:46:13 UTC 595,965 bytes, 13,225 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4<title>Keyword Search | Charles Krypell</title>
5<meta name="title" content="Keyword Search | Charles Krypell">
6<meta name="description" content="Keyword Search | Charles Krypell">
7<link rel="canonical" href="https://www.charleskrypell.com/keyword-search"/>
8<meta name="keywords" content="Keyword Search | Charles Krypell">
9            <meta charset="UTF-8">
10            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
11            <link rel="icon" href="/favicon.ico?ver=1740588416" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1740588416" type="image/x-icon" /><meta name="robots" content="index,follow"><meta name="pinterest-rich-pin" content="false" />
12
13<!--facebook share this starts-->
14<meta property="og:logo" content="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png">
15<meta property="og:url"           content="https://www.charleskrypell.com/keyword-search">
16<meta property="og:type"          content="website">
17<meta property="og:title"         content="Keyword Search">
18<meta name="msapplication-TileImage" content="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png">
19<meta property="og:image" content="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png">
20<meta property="og:image:url" content="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png">
21<meta property="og:image:width" content="600">
22<meta property="og:image:height" content="314">
23<meta property="og:image:alt"  content="Keyword Search">
24<!--facebook share this ends-->
25
26
27<!--twitter share this starts-->
28<meta name="twitter:title" content="Keyword Search">
29<meta name="twitter:image" content="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png">
30<meta name="twitter:site" content="https://www.charleskrypell.com/keyword-search">
31<!--twitter share this ends-->
32
33            <link rel="stylesheet" href="https://www.charleskrypell.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" />
34            
35            <link rel="stylesheet" href="https://www.charleskrypell.com/skeleton/1.0/view/css/rangeSlider.min.css"/>
36            <link rel="stylesheet" href="https://www.charleskrypell.com/skeleton/1.0/view/css/select2-4-0-13.min.css" /><link rel="stylesheet" href="https://www.charleskrypell.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1051.css?ver=1787332896" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" />
37            
37<script>window.csrf_token = "fc33361b2d219bb90b6df29f3fd6f7cd6157b7714a069476c7ea881b499fdf70"</script>
37
38            
38<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790480773000,"csrfToken":"fc33361b2d219bb90b6df29f3fd6f7cd6157b7714a069476c7ea881b499fdf70","scWsUrl":"https:\/\/www.charleskrypell.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
38
39            
39<script src="https://www.charleskrypell.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
39
40            
40<script src="https://www.charleskrypell.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428410" defer></script>
40
41            
41<script>window.formSubmitLogUrl = "https://www.charleskrypell.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
41
42            
42<script src="https://www.charleskrypell.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787332896" defer></script>
42
43        
44            
44<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
44
45            
46            
46<script src="/skeleton/1.0/view/js/ion-rangeslider.min.js"></script>
46
47            
47<script src="/skeleton/1.0/view/js/select2.min.js"></script>
vendor: 60 bytes, line 47
47<script src="https://www.google.com/recaptcha/api.js?render=
476Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 47
47&badge=bottomleft"></script>
47<script src="https://www.charleskrypell.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
47<script src="/skeleton/1.0/view/js/1051.js?v=1787332896"></script>
47<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap">
48            <!--Scripts Here-->
49			
49<script>window.iShowGlobals = {
50                        'NO_IMAGE_URL':'',
51                        'SITE_LABELS': '',
52                        'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/,
53                        'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
54                        'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'1 (516) 399-1678','USE_LOCAL_DIAMOND_PATH':''  , 'GOOGLE_ANALYTICS_4_TAG':'1'
55                    };
56            </script>
56<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
56<style>
57  .cmp-content img {
58   	max-width: 550px !important; 
59  }
60  .cta .btn-request-info:hover {
61    background: #fff !important; 
62    background-color: #fff !important; 
63  }
64  .first-visit-cookies-popup p { font-size: 15px;}
65</style><style>  
66  .products-list .item img,
67  .pages-list .item img,
68  .diamonds-list .item img {
69    width: auto;
70  }
71  @media (max-width: 767.9px) {
72    .main_page_container .items-list .item img, .main_page_container .pages-list .item img, .main_page_container .diamonds-list .item img {
73        padding: 15px;
74    }
75}
76
77</style>  <style>
78  .cta button{
79  	min-width: 40%;
80    line-height:0.5 !important;
81  }
82  .cta form{
83  	min-width: 40%;
84  }
85  .cta form button{
86  	min-width: 100%;
87  }
88  .cta button:nth-child(3) {
89      min-width: 250px;
90    	width: 82%;
91      
92  }
93  .cta button:nth-child(2) {      
94    	width: 40%;      
95  }
96  .item-content{
97  	display:flex;
98    flex-direction:column;
99  }
100  
101  .item-content .item-actions{
102  	margin-top:0 !important;
103  }
104  
105  
106  .item-content .need-call{
107  	order:1;
108    /*display:flex;*/    
109  }
110  
111  .item-content .need-call span{
112  	margin-top:0 ;
113    margin-left:6px !important;
114  }
115  
116  
117  .item-preview, .item-image, .item-icons-div.active{
118  	border:none;
119  }
120  
121  @media (max-width: 991.9px){
122  	.cta button:nth-child(2) {
123        width: 50%;
124    }
125  }
126  
127  @media (max-width: 767.9px){
128  	.cta button:nth-child(2) {
129        width: 40%;
130    }
131  }
132  
133  #affirmLearnMore{
134  	font-size:13px;
135  }
136  div.price{
137  	margin-bottom: 5px !important;
138  }
139  
140  .about-us-content{
141  	margin-top:10px !important;
142  }
143  
144  
145</style>
145<script>
146  document.addEventListener('DOMContentLoaded', () => {
147    document.addEventListener('contextmenu', event => {
148      if (event.target.tagName === 'IMG') {
149        event.preventDefault();
150      }
151    });
152  });
153</script>
153
154
155            <!-- Start Google Tag Manager -->
156            
156<script>
157            window.addEventListener('load', function() {
vendor: 607 bytes, lines 157-168
157
158                (function (w, d, s, l, i) {
159                    w[l] = w[l] || [];
160                    w[l].push({'gtm.start':
161                                new Date().getTime(), event: 'gtm.js'});
162                    var f = d.getElementsByTagName(s)[0],
163                            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
164                    j.async = true;
165                    j.src =
166                            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
167                    f.parentNode.insertBefore(j, f);
168                })(window, document, 'script', 'dataLayer', '
168GTM-K2LWHVQ
vendor: 16 bytes, lines 168-169
168');
169            
169});
170            </script>
170
171            <!-- End Google Tag Manager -->
172                <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 172-173
172
173                <script async src="https://www.googletagmanager.com/gtag/js?id=
173G-PDFLLW5RB7
vendor: 28 bytes, lines 173-174
173"></script>
174                
174<script>
175                   
vendor: 184 bytes, lines 175-178
175window.dataLayer = window.dataLayer || [];
176                   function gtag(){dataLayer.push(arguments);}
177                   gtag("js", new Date());
178                   gtag("config", "
178G-PDFLLW5RB7
vendor: 23 bytes, lines 178-179
178");
179                   
179window.gtag = function() {
180                       dataLayer.push(arguments);
181                    }
182                </script>
182
183                <!-- End Google Analytics 4 tags  --><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 183-184
183
184            <script async src="https://www.googletagmanager.com/gtag/js?id=
184AW-10839122549
vendor: 24 bytes, lines 184-185
184"></script>
185            
185<script>
186             
vendor: 166 bytes, lines 186-189
186window.dataLayer = window.dataLayer || [];
187             function gtag(){dataLayer.push(arguments);}
188             gtag('js', new Date());
189             gtag('config', '
189AW-10839122549
vendor: 42 bytes, lines 189-190
189', { 'anonymize_ip': true });
190            
190</script>
190
191                <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 191-192
191
192                <script async src="https://www.googletagmanager.com/gtag/js?id=
192G-JM9B71ZB81
vendor: 28 bytes, lines 192-193
192"></script>
193                
193<script>
194                   
vendor: 184 bytes, lines 194-197
194window.dataLayer = window.dataLayer || [];
195                   function gtag(){dataLayer.push(arguments);}
196                   gtag("js", new Date());
197                   gtag("config", "
197G-JM9B71ZB81
vendor: 23 bytes, lines 197-198
197");
198                   
198window.gtag = function() {
199                       dataLayer.push(arguments);
200                    }
201                </script>
201
202                <!-- End Google Analytics 4 tags  -->
202<script>
203window.addEventListener('load', function () {
204
205    var s = document.createElement('script');
206    s.src = 'https://cdn.aggle.net/oir/oir.min.js';
207    s.async = true;
208    s.setAttribute('oirtyp', '6311ae17');
209    s.setAttribute('oirid', 'P3832L6LB');
210    document.body.appendChild(s);
211
212    window._oirtrk = window._oirtrk || [];
213    window._oirtrk.push(['track', 'on-site', {}]);
214
215});
216</script>
216
217<link rel="stylesheet" href="/skeleton/1.0/view/css/cmp.css?ver=1.2.303"/>
218    
218<script type="application/ld+json">
219    {
220        "@context": "https://schema.org",
221        "@graph": [
222                {
223            "@type": "WebPage",
224            "name": "Keyword Search",
225            "description": "Charles Krypell",
226            "keywords": "Charles Krypell",
227            "url": "https://www.charleskrypell.com/keyword-search" 
228        },
229        {
230            "@type": "Organization",
231            "name": "Charles Krypell",
232            "email": "[email protected]",
233            "logo": "https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png",
234            "image": "https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png",
235            "telephone": "1 (516) 399-1678",
236            "url": "https://www.charleskrypell.com/"
237        }
238,
239        {
240            "@type":"ItemList",
241            "itemListElement":[
242                {"@type":"ListItem","position":1,"name":"Diamond Ribbon Cuff","url":"https://www.charleskrypell.com/charles-krypell/diamond-ribbon-cuff/4031542/en"},
243{"@type":"ListItem","position":2,"name":"Diamond Ribbon Cuff","url":"https://www.charleskrypell.com/charles-krypell/diamond-ribbon-cuff/4031543/en"},
244{"@type":"ListItem","position":3,"name":"Sapphire and Diamond Emerald Cut Bypass Cuff","url":"https://www.charleskrypell.com/charles-krypell/sapphire-and-diamond-emerald-cut-bypass-cuff/4031533/en"},
245{"@type":"ListItem","position":4,"name":"Ruby Emerald Cut Bypass Cuff","url":"https://www.charleskrypell.com/charles-krypell/ruby-emerald-cut-bypass-cuff/4031534/en"},
246{"@type":"ListItem","position":5,"name":"Chevron Bypass Diamond cuff","url":"https://www.charleskrypell.com/charles-krypell/chevron-bypass-diamond-cuff/4031535/en"},
247{"@type":"ListItem","position":6,"name":"Chevron Bypass Diamond Cuff","url":"https://www.charleskrypell.com/charles-krypell/chevron-bypass-diamond-cuff/4031536/en"},
248{"@type":"ListItem","position":7,"name":"Pavé Diamond Overlap Bangle","url":"https://www.charleskrypell.com/charles-krypell/pave-diamond-overlap-bangle/4031538/en"},
249{"@type":"ListItem","position":8,"name":"Pavé Diamond Overlap Bangle","url":"https://www.charleskrypell.com/charles-krypell/pave-diamond-overlap-bangle/4031539/en"},
250{"@type":"ListItem","position":9,"name":"Graduated Baguette Bypass Bangle","url":"https://www.charleskrypell.com/charles-krypell/graduated-baguette-bypass-bangle/4031540/en"},
251{"@type":"ListItem","position":10,"name":"Graduated Baguette Bypass Cuff","url":"https://www.charleskrypell.com/charles-krypell/graduated-baguette-bypass-cuff/4031541/en"},
252{"@type":"ListItem","position":11,"name":"Hercules Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031515/en"},
253{"@type":"ListItem","position":12,"name":"Hercules Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031516/en"},
254{"@type":"ListItem","position":13,"name":"Hercules Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031517/en"},
255{"@type":"ListItem","position":14,"name":"Hercules Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031518/en"},
256{"@type":"ListItem","position":15,"name":"Gold Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/gold-knot-bangle/4031519/en"},
257{"@type":"ListItem","position":16,"name":"Gold and Diamond Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/gold-and-diamond-knot-bangle/4031520/en"},
258{"@type":"ListItem","position":17,"name":"Gold and Diamond Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/gold-and-diamond-knot-bangle/4031521/en"},
259{"@type":"ListItem","position":18,"name":"Gold Knot Bangle","url":"https://www.charleskrypell.com/charles-krypell/gold-knot-bangle/4031522/en"}
260            ]
261        },
262        {
263            "@type": "BreadcrumbList",
264            "itemListElement": [
265                            {
266                "@type": "ListItem",
267                "position": 1,
268                "name": "Charles Krypell",
269                "item": "https://www.charleskrypell.com/"
270            },            {
271                "@type": "ListItem",
272                "position": 2,
273                "name": "Keyword Search",
274                "item": "https://www.charleskrypell.com/keyword-search"
275            }
276            ]
277        }
278        ]
279    }
280    </script>
280
281
282</head>
283<body>
284            <nav class="skip-links-nav" aria-label="Skip links">
285                <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a>
286            </nav>
287        
288            <div id="loader_div">
289                <img src="/loading.gif" class="loader_img" alt="Loading..." title="Loading...">
290            </div>
291            <noscript>
292                <style>
293                    body {overflow: auto;}
294                    #loader_div {display: none;}
295                </style>
296            </noscript>
297        
298
299            <style>
300                @media (min-width: 992px) {
301                
302                .sc_payment_general_style {
303                    font-size: 14px !important;
304                    font-family: Montserrat !important;
305                    font-weight: 400 !important;
306                    font-style: normal !important;
307                    
308                    letter-spacing: px !important;
309                    color: #000000 !important;
310                }
311                h1.general_style, .h1_general_style {
312                    font-size: 24px !important;
313                    font-family: Montserrat !important;
314                    font-weight: 400 !important;
315                    font-style: normal !important;
316                    
317                    letter-spacing: px !important;
318                    color: #000000 !important;
319                }
320                h2.general_style, .h2_general_style {
321                    font-size: 26px !important;
322                    font-family: Cinzel !important;
323                    font-weight: 400 !important;
324                    font-style: normal !important;
325                    
326                    letter-spacing: px !important;
327                    color: #000000 !important;
328                }
329                h3.general_style, .h3_general_style {
330                    font-size: 25px !important;
331                    font-family: Cinzel !important;
332                    font-weight: 400 !important;
333                    font-style: normal !important;
334                    
335                    letter-spacing: px !important;
336                    color: #000000 !important;
337                }
338                h4.general_style, .h4_general_style {
339                    font-size: 24px !important;
340                    font-family: Montserrat !important;
341                    font-weight: 400 !important;
342                    font-style: normal !important;
343                    
344                    letter-spacing: px !important;
345                    color: #000000 !important;
346                }
347                h5.general_style, .h5_general_style {
348                    font-size: 13px !important;
349                    font-family: Montserrat !important;
350                    font-weight: 400 !important;
351                    font-style: normal !important;
352                    
353                    letter-spacing: 0.5px !important;
354                    color: #000000 !important;
355                }
356                h6.general_style, .h6_general_style {
357                    font-size: 12px !important;
358                    font-family: Montserrat !important;
359                    font-weight: 400 !important;
360                    font-style: normal !important;
361                    
362                    letter-spacing: px !important;
363                    color: #000000 !important;
364                }
365                p.general_style, .p_general_style {
366                    font-size: 24px !important;
367                    font-family: Montserrat !important;
368                    font-weight: 400 !important;
369                    font-style: normal !important;
370                    
371                    letter-spacing: px !important;
372                    color: #000000 !important;
373                }
374                .p2_general_style {
375                    font-size: 17px !important;
376                    font-family: Montserrat !important;
377                    font-weight: 400 !important;
378                    font-style: normal !important;
379                    
380                    letter-spacing: px !important;
381                    color: #000000 !important;
382                }
383                .p3_general_style {
384                    font-size: 13px !important;
385                    font-family: Montserrat !important;
386                    font-weight: 400 !important;
387                    font-style: normal !important;
388                    
389                    letter-spacing: px !important;
390                    color: #000000 !important;
391                }
392                .p4_general_style {
393                    font-size: 10px !important;
394                    font-family: Montserrat !important;
395                    font-weight: 400 !important;
396                    font-style: normal !important;
397                    
398                    letter-spacing: px !important;
399                    color: #000000 !important;
400                }
401                .p5_general_style {
402                    font-size: 12px !important;
403                    font-family: Montserrat !important;
404                    font-weight: 400 !important;
405                    font-style: normal !important;
406                    
407                    letter-spacing: px !important;
408                    color: #000000 !important;
409                }
410                .p6_general_style {
411                    font-size: 13px !important;
412                    font-family: Montserrat !important;
413                    font-weight: 400 !important;
414                    font-style: normal !important;
415                    
416                    letter-spacing: px !important;
417                    color: #000000 !important;
418                }
419                a.general_style, .a_general_style {
420                    text-decoration: underline !important;
421                    color: #000000 !important;
422                }
423                a.general_style:hover, .a_general_style:hover {
424                    color: #575757 !important;
425                }
426                label.general_style, .label_general_style {
427                    font-size: 12px !important;
428                    font-family: Montserrat !important;
429                    font-weight: 400 !important;
430                    font-style: normal !important;
431                    
432                    letter-spacing: px !important;
433                    color: #000000 !important;
434                }
435                button.general_style, .button_general_style {
436                    font-size: 13px !important;
437                    font-family: Montserrat !important;
438                    font-weight: 400 !important;
439                    font-style: normal !important;
440                    
441                    color: #ffffff !important;
442                    background-color: #857874 !important;
443                    border-style: solid !important;
444                    border-width: 1px !important;
445                    border-radius: px !important;
446                    border-color: #857874 !important;
447                }
448                button.general_style:hover, .button_general_style:hover {
449                    color:  !important;
450                    background-color:  !important;
451                    border-color:  !important;
452                }
453                .secondary_button_general_style {
454                    font-size: 13px !important;
455                    font-family: Montserrat !important;
456                    font-weight: 400 !important;
457                    font-style: normal !important;
458                    
459                    color: #857874 !important;
460                    background-color:  !important;
461                    border-style: solid !important;
462                    border-width: 1px !important;
463                    border-radius: px !important;
464                    border-color: #857874 !important;
465                }
466                .secondary_button_general_style:hover {
467                    color: #000000 !important;
468                    background-color:  !important;
469                    border-color:  !important;
470                }
471                .reset_button_general_style {
472                    font-size: 10px !important;
473                    font-family: Montserrat !important;
474                    font-weight: 400 !important;
475                    font-style: normal !important;
476                    
477                    color:  !important;
478                    background-color:  !important;
479                    
480                    border-width: px !important;
481                    border-radius: px !important;
482                    border-color:  !important;
483                }
484                .reset_button_general_style:hover {
485                    color:  !important;
486                    background-color:  !important;
487                    border-color:  !important;
488                }
489                .search_box_general_style .sinps::placeholder {
490                    font-size: 13px !important;
491                    font-family: Montserrat !important;
492                    color: #575757 !important;
493                }
494                .search_box_general_style .sinps {
495                    height: 100%;
496                    font-size: 13px !important;
497                    font-family: Montserrat !important;
498                    font-weight: 400 !important;
499                    font-style: normal !important;
500                    color: #575757 !important;
501                    background-color:  !important;
502                    border-style: solid !important;
503                    border-width: 1px !important;
504                    border-radius: px !important;
505                    border-top-right-radius: 0 !important;
506                    border-bottom-right-radius: 0 !important;
507                    border-color: #857874 !important;
508                }
509                .search_box_general_style .sinps:hover,
510                .search_box_general_style .sinps:focus,
511                .search_box_general_style .sinps:active {
512                    background-color:  !important;
513                }
514                .search_box_general_style .sBtns {
515                    height: 100%;
516                    background-color: #857874 !important;
517                    border-style: solid !important;
518                    border-width: 1px !important;
519                    border-radius: px !important;
520                    border-top-left-radius: 0 !important;
521                    border-bottom-left-radius: 0 !important;
522                    border-color: #857874 !important;
523                }
524                .search_box_general_style .sBtns:hover,
525                .search_box_general_style .sBtns:focus,
526                .search_box_general_style .sBtns:active {
527                    background-color:  !important;
528                }
529                .search_box_general_style .sBtns svg {
530                    width: 13px !important;
531                    height: 13px !important;
532                }
533                .search_box_general_style .sBtns path {
534                    fill: #ffffff !important;
535                }
536                .search_box_general_style .sBtns:hover path,
537                .search_box_general_style .sBtns:focus path,
538                .search_box_general_style .sBtns:active path {
539                    fill: #ffffff !important;
540                }
541                .search_box_general_style:hover .sinps,
542                .search_box_general_style:focus .sinps,
543                .search_box_general_style:active .sinps,
544                .search_box_general_style:hover .sBtns,
545                .search_box_general_style:focus .sBtns,
546                .search_box_general_style:active .sBtns {
547                    border-color: #857874 !important;
548                }
549                svg.general_style, .svg_general_style {
550                    fill: #000000 !important;
551                    stroke-width: .5 !important;
552                    stroke: #000000 !important;
553                }
554                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
555                    color: #ffffff !important;
556                    background: #000000 !important;
557                }
558                .irs--big .irs-grid-text {
559                    color: #000000 !important;
560                }
561                .irs--big .irs-grid-pol {
562                    background: #000000 !important;
563                }
564                .irs--big .irs-bar {
565                    border-color: #ffffff !important;
566                    background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important;
567                }
568                .irs--big .irs-handle {
569                    border-color: #B3B3B2;
570                    background: linear-gradient(to bottom, #857874 0%,  30%,  100%) !important;
571                }
572                .pagination.general_style .page-link {
573                    font-size: 13px !important;
574                    font-family: Montserrat !important;
575                    font-weight: 400 !important;
576                    font-style: normal !important;
577                    
578                    color: #000000 !important;
579                    background-color: #ffffff !important;
580                    border-color: #ffffff !important;
581                }
582                .pagination.general_style .page-link:hover {
583                    color: #000000 !important;
584                    background-color:  !important;
585                    border-color:  !important;
586                }
587                .pagination.general_style .page-item.active .page-link {
588                    color: #ffffff !important;
589                    background-color: #000000 !important;
590                    border-color: #000000 !important;
591                }
592                input[type=checkbox].general_style {
593                    accent-color: #000000 !important;
594                }
595                .breadcrumb.general_style .breadcrumb-item a,
596                .breadcrumb.general_style .breadcrumb-item {
597                    font-size: 14px !important;
598                    font-family: Montserrat !important;
599                    font-weight: 400 !important;
600                    font-style: normal !important;
601                    
602                    letter-spacing: px !important;
603                    color: #000 !important;
604                }
605                .shapes-div .shapes-img.active {
606                    background-color: #f6f2ee !important;
607                    color: #000000 !important;
608                }
609                                .input_general_style {
610                    position: relative;
611                }
612                .input_general_style label {
613                    width: auto !important;
614                    position: absolute;
615                    top: 50%;
616                    left: 5px;
617                    z-index: 1;
618                    transform: translateY(-50%);
619                    transform-origin: 0% 100%;
620                    transition: all .2s ease-out;
621                    padding: 0 10px;
622                    margin: 0 !important;
623                    cursor: text;
624                    background: white;
625                }
626                .input_general_style label.active {
627                    top: 0;
628                    transform: translateY(-55%) scale(0.80);
629                }
630            
631                .input_general_style input::placeholder {
632                    color: transparent !important;
633                }
634                .input_general_style input {
635                    font-size: 16px !important;
636                    font-family: Montserrat !important;
637                    font-weight: 400 !important;
638                    font-style:  !important;
639                    color: #000000 !important;
640                    background-color: white !important;
641                    border-style: solid !important;
642                    border-width: px !important;
643                    border-radius: 0px !important;
644                    border-color: #f6f2ee !important;
645                }
646                .input_general_style:hover input {
647                    border-color:  !important;
648                }
649                .input_general_style input:-webkit-autofill,
650                .input_general_style input:-webkit-autofill:hover,
651                .input_general_style input:-webkit-autofill:focus,
652                .input_general_style input:-webkit-autofill:active{
653                    -webkit-box-shadow: 0 0 0 30px white inset !important;
654                }
655                .input_general_style input:focus {
656                    border-color: initial;
657                    box-shadow: unset;
658                }
659                .input_general_style .toggle-password-visibility {
660                    position: absolute;
661                    right: 5px;
662                    top: 50%;
663                    transform: translateY(-50%);
664                    border: 0;
665                    background: transparent;
666                }
667                                .select_general_style {
668                    position: relative;
669                }
670                .select_general_style label {
671                    width: auto !important;
672                    position: absolute;
673                    top: 50%;
674                    left: 5px;
675                    transform: translateY(-50%);
676                    transform-origin: 0% 100%;
677                    transition: all .2s ease-out;
678                    padding: 0 10px;
679                    margin: 0 !important;
680                    cursor: text;
681                    background: white;
682                }
683                .select_general_style label.active {
684                    top: 0;
685                    transform: translateY(-55%) scale(0.80);
686                }
687
688                .select_general_style select {
689                    font-size: 16px !important;
690                    font-family: Montserrat !important;
691                    font-weight: 400 !important;
692                    font-style:  !important;
693                    color: #000000 !important;
694                    border-style: solid !important;
695                    border-width: px !important;
696                    border-radius: 0px !important;
697                    border-color: #f6f2ee !important;
698                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
699                    -webkit-appearance: none !important;
700                    -moz-appearance: none !important;
701                    appearance: none !important;
702                }
703                .select_general_style:hover select {
704                    border-color:  !important;
705                }
706                .select_general_style select:focus {
707                    border-color: initial;
708                    box-shadow: unset;
709                }
710                .select_general_style select:-webkit-autofill,
711                .select_general_style select:-webkit-autofill:hover,
712                .select_general_style select:-webkit-autofill:focus,
713                .select_general_style select:-webkit-autofill:active{
714                    -webkit-box-shadow: 0 0 0 30px white inset !important;
715                }
716                                .textarea_general_style {
717                    position: relative;
718                }
719                .textarea_general_style label {
720                    width: auto !important;
721                    position: absolute;
722                    top: 18px;
723                    left: 5px;
724                    transform: translateY(-50%);
725                    transform-origin: 0% 100%;
726                    transition: all .2s ease-out;
727                    padding: 0 10px;
728                    margin: 0 !important;
729                    cursor: text;
730                    background: white;
731                }
732                .textarea_general_style label.active {
733                    top: 0;
734                    transform: translateY(-55%) scale(0.80);
735                }
736
737                .textarea_general_style textarea {
738                    font-size: 16px !important;
739                    font-family: Montserrat !important;
740                    font-weight: 400 !important;
741                    font-style:  !important;
742                    color: #000000 !important;
743                    background-color: white !important;
744                    border-style: solid !important;
745                    border-width: px !important;
746                    border-radius: 0px !important;
747                    border-color: #f6f2ee !important;
748                }
749                .textarea_general_style:hover textarea {
750                    border-color:  !important;
751                }
752                .textarea_general_style textarea:focus {
753                    border-color: initial;
754                    box-shadow: unset;
755                }
756                .textarea_general_style textarea:-webkit-autofill,
757                .textarea_general_style textarea:-webkit-autofill:hover,
758                .textarea_general_style textarea:-webkit-autofill:focus,
759                .textarea_general_style textarea:-webkit-autofill:active{
760                    -webkit-box-shadow: 0 0 0 30px white inset !important;
761                }
762                }
763            </style>            <style>
764                @media (min-width: 768px) and (max-width: 991.9px) {
765                
766                .sc_payment_general_style {
767                    font-size: 14px !important;
768                    font-family: Montserrat !important;
769                    font-weight: 400 !important;
770                    font-style: normal !important;
771                    
772                    letter-spacing: px !important;
773                    color: #000000 !important;
774                }
775                h1.general_style, .h1_general_style {
776                    font-size: 22px !important;
777                    font-family: Montserrat !important;
778                    font-weight: 400 !important;
779                    font-style: normal !important;
780                    
781                    letter-spacing: px !important;
782                    color: #000000 !important;
783                }
784                h2.general_style, .h2_general_style {
785                    font-size: 26px !important;
786                    font-family: Cinzel !important;
787                    font-weight: 400 !important;
788                    font-style: normal !important;
789                    
790                    letter-spacing: px !important;
791                    color: #000000 !important;
792                }
793                h3.general_style, .h3_general_style {
794                    font-size: 25px !important;
795                    font-family: Cinzel !important;
796                    font-weight: 400 !important;
797                    font-style: normal !important;
798                    
799                    letter-spacing: px !important;
800                    color: #000000 !important;
801                }
802                h4.general_style, .h4_general_style {
803                    font-size: 24px !important;
804                    font-family: Montserrat !important;
805                    font-weight: 400 !important;
806                    font-style: normal !important;
807                    
808                    letter-spacing: px !important;
809                    color: #000000 !important;
810                }
811                h5.general_style, .h5_general_style {
812                    font-size: 13px !important;
813                    font-family: Montserrat !important;
814                    font-weight: 400 !important;
815                    font-style: normal !important;
816                    
817                    letter-spacing: 0.5px !important;
818                    color: #000000 !important;
819                }
820                h6.general_style, .h6_general_style {
821                    font-size: 12px !important;
822                    font-family: Montserrat !important;
823                    font-weight: 400 !important;
824                    font-style: normal !important;
825                    
826                    letter-spacing: px !important;
827                    color: #000000 !important;
828                }
829                p.general_style, .p_general_style {
830                    font-size: 24px !important;
831                    font-family: Montserrat !important;
832                    font-weight: 400 !important;
833                    font-style: normal !important;
834                    
835                    letter-spacing: px !important;
836                    color: #000000 !important;
837                }
838                .p2_general_style {
839                    font-size: 17px !important;
840                    font-family: Montserrat !important;
841                    font-weight: 400 !important;
842                    font-style: normal !important;
843                    
844                    letter-spacing: px !important;
845                    color: #000000 !important;
846                }
847                .p3_general_style {
848                    font-size: 13px !important;
849                    font-family: Montserrat !important;
850                    font-weight: 400 !important;
851                    font-style: normal !important;
852                    
853                    letter-spacing: px !important;
854                    color: #000000 !important;
855                }
856                .p4_general_style {
857                    font-size: 10px !important;
858                    font-family: Montserrat !important;
859                    font-weight: 400 !important;
860                    font-style: normal !important;
861                    
862                    letter-spacing: px !important;
863                    color: #000000 !important;
864                }
865                .p5_general_style {
866                    font-size: 12px !important;
867                    font-family: Montserrat !important;
868                    font-weight: 400 !important;
869                    font-style: normal !important;
870                    
871                    letter-spacing: px !important;
872                    color: #000000 !important;
873                }
874                .p6_general_style {
875                    font-size: 13px !important;
876                    font-family: Montserrat !important;
877                    font-weight: 400 !important;
878                    font-style: normal !important;
879                    
880                    letter-spacing: px !important;
881                    color: #000000 !important;
882                }
883                a.general_style, .a_general_style {
884                    text-decoration: underline !important;
885                    color: #000000 !important;
886                }
887                a.general_style:hover, .a_general_style:hover {
888                    color: #575757 !important;
889                }
890                label.general_style, .label_general_style {
891                    font-size: 12px !important;
892                    font-family: Montserrat !important;
893                    font-weight: 400 !important;
894                    font-style: normal !important;
895                    
896                    letter-spacing: px !important;
897                    color: #000000 !important;
898                }
899                button.general_style, .button_general_style {
900                    font-size: 13px !important;
901                    font-family: Montserrat !important;
902                    font-weight: 400 !important;
903                    font-style: normal !important;
904                    
905                    color: #ffffff !important;
906                    background-color: #857874 !important;
907                    border-style: solid !important;
908                    border-width: 1px !important;
909                    border-radius: px !important;
910                    border-color: #857874 !important;
911                }
912                button.general_style:hover, .button_general_style:hover {
913                    color:  !important;
914                    background-color:  !important;
915                    border-color:  !important;
916                }
917                .secondary_button_general_style {
918                    font-size: 13px !important;
919                    font-family: Montserrat !important;
920                    font-weight: 400 !important;
921                    font-style: normal !important;
922                    
923                    color: #857874 !important;
924                    background-color:  !important;
925                    border-style: solid !important;
926                    border-width: 1px !important;
927                    border-radius: px !important;
928                    border-color: #857874 !important;
929                }
930                .secondary_button_general_style:hover {
931                    color: #000000 !important;
932                    background-color:  !important;
933                    border-color:  !important;
934                }
935                .reset_button_general_style {
936                    font-size: 10px !important;
937                    font-family: Montserrat !important;
938                    font-weight: 400 !important;
939                    font-style: normal !important;
940                    
941                    color:  !important;
942                    background-color:  !important;
943                    
944                    border-width: px !important;
945                    border-radius: px !important;
946                    border-color:  !important;
947                }
948                .reset_button_general_style:hover {
949                    color:  !important;
950                    background-color:  !important;
951                    border-color:  !important;
952                }
953                .search_box_general_style .sinps::placeholder {
954                    font-size: 13px !important;
955                    font-family: Montserrat !important;
956                    color: #575757 !important;
957                }
958                .search_box_general_style .sinps {
959                    height: 100%;
960                    font-size: 13px !important;
961                    font-family: Montserrat !important;
962                    font-weight: 400 !important;
963                    font-style: normal !important;
964                    color: #575757 !important;
965                    background-color:  !important;
966                    border-style: solid !important;
967                    border-width: 1px !important;
968                    border-radius: px !important;
969                    border-top-right-radius: 0 !important;
970                    border-bottom-right-radius: 0 !important;
971                    border-color: #857874 !important;
972                }
973                .search_box_general_style .sinps:hover,
974                .search_box_general_style .sinps:focus,
975                .search_box_general_style .sinps:active {
976                    background-color:  !important;
977                }
978                .search_box_general_style .sBtns {
979                    height: 100%;
980                    background-color: #857874 !important;
981                    border-style: solid !important;
982                    border-width: 1px !important;
983                    border-radius: px !important;
984                    border-top-left-radius: 0 !important;
985                    border-bottom-left-radius: 0 !important;
986                    border-color: #857874 !important;
987                }
988                .search_box_general_style .sBtns:hover,
989                .search_box_general_style .sBtns:focus,
990                .search_box_general_style .sBtns:active {
991                    background-color:  !important;
992                }
993                .search_box_general_style .sBtns svg {
994                    width: 13px !important;
995                    height: 13px !important;
996                }
997                .search_box_general_style .sBtns path {
998                    fill: #ffffff !important;
999                }
1000                .search_box_general_style .sBtns:hover path,
1001                .search_box_general_style .sBtns:focus path,
1002                .search_box_general_style .sBtns:active path {
1003                    fill: #ffffff !important;
1004                }
1005                .search_box_general_style:hover .sinps,
1006                .search_box_general_style:focus .sinps,
1007                .search_box_general_style:active .sinps,
1008                .search_box_general_style:hover .sBtns,
1009                .search_box_general_style:focus .sBtns,
1010                .search_box_general_style:active .sBtns {
1011                    border-color: #857874 !important;
1012                }
1013                svg.general_style, .svg_general_style {
1014                    fill: #000000 !important;
1015                    stroke-width: .5 !important;
1016                    stroke: #000000 !important;
1017                }
1018                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1019                    color: #ffffff !important;
1020                    background: #000000 !important;
1021                }
1022                .irs--big .irs-grid-text {
1023                    color: #000000 !important;
1024                }
1025                .irs--big .irs-grid-pol {
1026                    background: #000000 !important;
1027                }
1028                .irs--big .irs-bar {
1029                    border-color: #ffffff !important;
1030                    background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important;
1031                }
1032                .irs--big .irs-handle {
1033                    border-color: #B3B3B2;
1034                    background: linear-gradient(to bottom, #857874 0%,  30%,  100%) !important;
1035                }
1036                .pagination.general_style .page-link {
1037                    font-size: 13px !important;
1038                    font-family: Montserrat !important;
1039                    font-weight: 400 !important;
1040                    font-style: normal !important;
1041                    
1042                    color: #000000 !important;
1043                    background-color: #ffffff !important;
1044                    border-color: #ffffff !important;
1045                }
1046                .pagination.general_style .page-link:hover {
1047                    color: #000000 !important;
1048                    background-color:  !important;
1049                    border-color:  !important;
1050                }
1051                .pagination.general_style .page-item.active .page-link {
1052                    color: #ffffff !important;
1053                    background-color: #000000 !important;
1054                    border-color: #000000 !important;
1055                }
1056                input[type=checkbox].general_style {
1057                    accent-color: #000000 !important;
1058                }
1059                .breadcrumb.general_style .breadcrumb-item a,
1060                .breadcrumb.general_style .breadcrumb-item {
1061                    font-size: 14px !important;
1062                    font-family: Montserrat !important;
1063                    font-weight: 400 !important;
1064                    font-style: normal !important;
1065                    
1066                    letter-spacing: px !important;
1067                    color: #000 !important;
1068                }
1069                .shapes-div .shapes-img.active {
1070                    background-color: #f6f2ee !important;
1071                    color: #000000 !important;
1072                }
1073                                .input_general_style {
1074                    position: relative;
1075                }
1076                .input_general_style label {
1077                    width: auto !important;
1078                    position: absolute;
1079                    top: 50%;
1080                    left: 5px;
1081                    z-index: 1;
1082                    transform: translateY(-50%);
1083                    transform-origin: 0% 100%;
1084                    transition: all .2s ease-out;
1085                    padding: 0 10px;
1086                    margin: 0 !important;
1087                    cursor: text;
1088                    background: white;
1089                }
1090                .input_general_style label.active {
1091                    top: 0;
1092                    transform: translateY(-55%) scale(0.80);
1093                }
1094            
1095                .input_general_style input::placeholder {
1096                    color: transparent !important;
1097                }
1098                .input_general_style input {
1099                    font-size: 16px !important;
1100                    font-family: Montserrat !important;
1101                    font-weight: 400 !important;
1102                    font-style:  !important;
1103                    color: #000000 !important;
1104                    background-color: white !important;
1105                    border-style: solid !important;
1106                    border-width: px !important;
1107                    border-radius: 0px !important;
1108                    border-color: #f6f2ee !important;
1109                }
1110                .input_general_style:hover input {
1111                    border-color:  !important;
1112                }
1113                .input_general_style input:-webkit-autofill,
1114                .input_general_style input:-webkit-autofill:hover,
1115                .input_general_style input:-webkit-autofill:focus,
1116                .input_general_style input:-webkit-autofill:active{
1117                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1118                }
1119                .input_general_style input:focus {
1120                    border-color: initial;
1121                    box-shadow: unset;
1122                }
1123                .input_general_style .toggle-password-visibility {
1124                    position: absolute;
1125                    right: 5px;
1126                    top: 50%;
1127                    transform: translateY(-50%);
1128                    border: 0;
1129                    background: transparent;
1130                }
1131                                .select_general_style {
1132                    position: relative;
1133                }
1134                .select_general_style label {
1135                    width: auto !important;
1136                    position: absolute;
1137                    top: 50%;
1138                    left: 5px;
1139                    transform: translateY(-50%);
1140                    transform-origin: 0% 100%;
1141                    transition: all .2s ease-out;
1142                    padding: 0 10px;
1143                    margin: 0 !important;
1144                    cursor: text;
1145                    background: white;
1146                }
1147                .select_general_style label.active {
1148                    top: 0;
1149                    transform: translateY(-55%) scale(0.80);
1150                }
1151
1152                .select_general_style select {
1153                    font-size: 16px !important;
1154                    font-family: Montserrat !important;
1155                    font-weight: 400 !important;
1156                    font-style:  !important;
1157                    color: #000000 !important;
1158                    border-style: solid !important;
1159                    border-width: px !important;
1160                    border-radius: 0px !important;
1161                    border-color: #f6f2ee !important;
1162                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
1163                    -webkit-appearance: none !important;
1164                    -moz-appearance: none !important;
1165                    appearance: none !important;
1166                }
1167                .select_general_style:hover select {
1168                    border-color:  !important;
1169                }
1170                .select_general_style select:focus {
1171                    border-color: initial;
1172                    box-shadow: unset;
1173                }
1174                .select_general_style select:-webkit-autofill,
1175                .select_general_style select:-webkit-autofill:hover,
1176                .select_general_style select:-webkit-autofill:focus,
1177                .select_general_style select:-webkit-autofill:active{
1178                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1179                }
1180                                .textarea_general_style {
1181                    position: relative;
1182                }
1183                .textarea_general_style label {
1184                    width: auto !important;
1185                    position: absolute;
1186                    top: 18px;
1187                    left: 5px;
1188                    transform: translateY(-50%);
1189                    transform-origin: 0% 100%;
1190                    transition: all .2s ease-out;
1191                    padding: 0 10px;
1192                    margin: 0 !important;
1193                    cursor: text;
1194                    background: white;
1195                }
1196                .textarea_general_style label.active {
1197                    top: 0;
1198                    transform: translateY(-55%) scale(0.80);
1199                }
1200
1201                .textarea_general_style textarea {
1202                    font-size: 16px !important;
1203                    font-family: Montserrat !important;
1204                    font-weight: 400 !important;
1205                    font-style:  !important;
1206                    color: #000000 !important;
1207                    background-color: white !important;
1208                    border-style: solid !important;
1209                    border-width: px !important;
1210                    border-radius: 0px !important;
1211                    border-color: #f6f2ee !important;
1212                }
1213                .textarea_general_style:hover textarea {
1214                    border-color:  !important;
1215                }
1216                .textarea_general_style textarea:focus {
1217                    border-color: initial;
1218                    box-shadow: unset;
1219                }
1220                .textarea_general_style textarea:-webkit-autofill,
1221                .textarea_general_style textarea:-webkit-autofill:hover,
1222                .textarea_general_style textarea:-webkit-autofill:focus,
1223                .textarea_general_style textarea:-webkit-autofill:active{
1224                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1225                }
1226                }
1227            </style>            <style>
1228                @media (max-width: 767.9px) {
1229                
1230                .sc_payment_general_style {
1231                    font-size: 14px !important;
1232                    font-family: Montserrat !important;
1233                    font-weight: 400 !important;
1234                    font-style: normal !important;
1235                    
1236                    letter-spacing: px !important;
1237                    color: #000000 !important;
1238                }
1239                h1.general_style, .h1_general_style {
1240                    font-size: 21px !important;
1241                    font-family: Montserrat !important;
1242                    font-weight: 400 !important;
1243                    font-style: normal !important;
1244                    
1245                    letter-spacing: px !important;
1246                    color: #000000 !important;
1247                }
1248                h2.general_style, .h2_general_style {
1249                    font-size: 26px !important;
1250                    font-family: Cinzel !important;
1251                    font-weight: 400 !important;
1252                    font-style: normal !important;
1253                    
1254                    letter-spacing: px !important;
1255                    color: #000000 !important;
1256                }
1257                h3.general_style, .h3_general_style {
1258                    font-size: 25px !important;
1259                    font-family: Cinzel !important;
1260                    font-weight: 400 !important;
1261                    font-style: normal !important;
1262                    
1263                    letter-spacing: px !important;
1264                    color: #000000 !important;
1265                }
1266                h4.general_style, .h4_general_style {
1267                    font-size: 24px !important;
1268                    font-family: Montserrat !important;
1269                    font-weight: 400 !important;
1270                    font-style: normal !important;
1271                    
1272                    letter-spacing: px !important;
1273                    color: #000000 !important;
1274                }
1275                h5.general_style, .h5_general_style {
1276                    font-size: 13px !important;
1277                    font-family: Montserrat !important;
1278                    font-weight: 400 !important;
1279                    font-style: normal !important;
1280                    
1281                    letter-spacing: 0.5px !important;
1282                    color: #000000 !important;
1283                }
1284                h6.general_style, .h6_general_style {
1285                    font-size: 12px !important;
1286                    font-family: Montserrat !important;
1287                    font-weight: 400 !important;
1288                    font-style: normal !important;
1289                    
1290                    letter-spacing: px !important;
1291                    color: #000000 !important;
1292                }
1293                p.general_style, .p_general_style {
1294                    font-size: 24px !important;
1295                    font-family: Montserrat !important;
1296                    font-weight: 400 !important;
1297                    font-style: normal !important;
1298                    
1299                    letter-spacing: px !important;
1300                    color: #000000 !important;
1301                }
1302                .p2_general_style {
1303                    font-size: 17px !important;
1304                    font-family: Montserrat !important;
1305                    font-weight: 400 !important;
1306                    font-style: normal !important;
1307                    
1308                    letter-spacing: px !important;
1309                    color: #000000 !important;
1310                }
1311                .p3_general_style {
1312                    font-size: 13px !important;
1313                    font-family: Montserrat !important;
1314                    font-weight: 400 !important;
1315                    font-style: normal !important;
1316                    
1317                    letter-spacing: px !important;
1318                    color: #000000 !important;
1319                }
1320                .p4_general_style {
1321                    font-size: 10px !important;
1322                    font-family: Montserrat !important;
1323                    font-weight: 400 !important;
1324                    font-style: normal !important;
1325                    
1326                    letter-spacing: px !important;
1327                    color: #000000 !important;
1328                }
1329                .p5_general_style {
1330                    font-size: 12px !important;
1331                    font-family: Montserrat !important;
1332                    font-weight: 400 !important;
1333                    font-style: normal !important;
1334                    
1335                    letter-spacing: px !important;
1336                    color: #000000 !important;
1337                }
1338                .p6_general_style {
1339                    font-size: 13px !important;
1340                    font-family: Montserrat !important;
1341                    font-weight: 400 !important;
1342                    font-style: normal !important;
1343                    
1344                    letter-spacing: px !important;
1345                    color: #000000 !important;
1346                }
1347                a.general_style, .a_general_style {
1348                    text-decoration: underline !important;
1349                    color: #000000 !important;
1350                }
1351                a.general_style:hover, .a_general_style:hover {
1352                    color: #575757 !important;
1353                }
1354                label.general_style, .label_general_style {
1355                    font-size: 12px !important;
1356                    font-family: Montserrat !important;
1357                    font-weight: 400 !important;
1358                    font-style: normal !important;
1359                    
1360                    letter-spacing: px !important;
1361                    color: #000000 !important;
1362                }
1363                button.general_style, .button_general_style {
1364                    font-size: 13px !important;
1365                    font-family: Montserrat !important;
1366                    font-weight: 400 !important;
1367                    font-style: normal !important;
1368                    
1369                    color:  !important;
1370                    background-color: #857874 !important;
1371                    border-style: solid !important;
1372                    border-width: 1px !important;
1373                    border-radius: px !important;
1374                    border-color: #857874 !important;
1375                }
1376                button.general_style:hover, .button_general_style:hover {
1377                    color:  !important;
1378                    background-color:  !important;
1379                    border-color:  !important;
1380                }
1381                .secondary_button_general_style {
1382                    font-size: 13px !important;
1383                    font-family: Montserrat !important;
1384                    font-weight: 400 !important;
1385                    font-style: normal !important;
1386                    
1387                    color: #857874 !important;
1388                    background-color:  !important;
1389                    border-style: solid !important;
1390                    border-width: 1px !important;
1391                    border-radius: px !important;
1392                    border-color: #857874 !important;
1393                }
1394                .secondary_button_general_style:hover {
1395                    color: #000000 !important;
1396                    background-color:  !important;
1397                    border-color:  !important;
1398                }
1399                .reset_button_general_style {
1400                    font-size: 10px !important;
1401                    font-family: Montserrat !important;
1402                    font-weight: 400 !important;
1403                    font-style: normal !important;
1404                    
1405                    color:  !important;
1406                    background-color:  !important;
1407                    
1408                    border-width: px !important;
1409                    border-radius: px !important;
1410                    border-color:  !important;
1411                }
1412                .reset_button_general_style:hover {
1413                    color:  !important;
1414                    background-color:  !important;
1415                    border-color:  !important;
1416                }
1417                .search_box_general_style .sinps::placeholder {
1418                    font-size: 13px !important;
1419                    font-family: Montserrat !important;
1420                    color: #575757 !important;
1421                }
1422                .search_box_general_style .sinps {
1423                    height: 100%;
1424                    font-size: 13px !important;
1425                    font-family: Montserrat !important;
1426                    font-weight: 400 !important;
1427                    font-style: normal !important;
1428                    color: #575757 !important;
1429                    background-color:  !important;
1430                    border-style: solid !important;
1431                    border-width: 1px !important;
1432                    border-radius: px !important;
1433                    border-top-right-radius: 0 !important;
1434                    border-bottom-right-radius: 0 !important;
1435                    border-color: #857874 !important;
1436                }
1437                .search_box_general_style .sinps:hover,
1438                .search_box_general_style .sinps:focus,
1439                .search_box_general_style .sinps:active {
1440                    background-color:  !important;
1441                }
1442                .search_box_general_style .sBtns {
1443                    height: 100%;
1444                    background-color: #857874 !important;
1445                    border-style: solid !important;
1446                    border-width: 1px !important;
1447                    border-radius: px !important;
1448                    border-top-left-radius: 0 !important;
1449                    border-bottom-left-radius: 0 !important;
1450                    border-color: #857874 !important;
1451                }
1452                .search_box_general_style .sBtns:hover,
1453                .search_box_general_style .sBtns:focus,
1454                .search_box_general_style .sBtns:active {
1455                    background-color:  !important;
1456                }
1457                .search_box_general_style .sBtns svg {
1458                    width: 13px !important;
1459                    height: 13px !important;
1460                }
1461                .search_box_general_style .sBtns path {
1462                    fill: #ffffff !important;
1463                }
1464                .search_box_general_style .sBtns:hover path,
1465                .search_box_general_style .sBtns:focus path,
1466                .search_box_general_style .sBtns:active path {
1467                    fill: #ffffff !important;
1468                }
1469                .search_box_general_style:hover .sinps,
1470                .search_box_general_style:focus .sinps,
1471                .search_box_general_style:active .sinps,
1472                .search_box_general_style:hover .sBtns,
1473                .search_box_general_style:focus .sBtns,
1474                .search_box_general_style:active .sBtns {
1475                    border-color: #857874 !important;
1476                }
1477                svg.general_style, .svg_general_style {
1478                    fill: #000000 !important;
1479                    stroke-width: .5 !important;
1480                    stroke: #000000 !important;
1481                }
1482                .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
1483                    color: #ffffff !important;
1484                    background: #000000 !important;
1485                }
1486                .irs--big .irs-grid-text {
1487                    color: #000000 !important;
1488                }
1489                .irs--big .irs-grid-pol {
1490                    background: #000000 !important;
1491                }
1492                .irs--big .irs-bar {
1493                    border-color: #ffffff !important;
1494                    background: linear-gradient(to bottom, #000000 0%, #000000 30%, #000000 100%) !important;
1495                }
1496                .irs--big .irs-handle {
1497                    border-color: #B3B3B2;
1498                    background: linear-gradient(to bottom, #857874 0%,  30%,  100%) !important;
1499                }
1500                .pagination.general_style .page-link {
1501                    font-size: 13px !important;
1502                    font-family: Montserrat !important;
1503                    font-weight: 400 !important;
1504                    font-style: normal !important;
1505                    
1506                    color: #000000 !important;
1507                    background-color: #ffffff !important;
1508                    border-color: #ffffff !important;
1509                }
1510                .pagination.general_style .page-link:hover {
1511                    color: #000000 !important;
1512                    background-color:  !important;
1513                    border-color:  !important;
1514                }
1515                .pagination.general_style .page-item.active .page-link {
1516                    color: #ffffff !important;
1517                    background-color: #000000 !important;
1518                    border-color: #000000 !important;
1519                }
1520                input[type=checkbox].general_style {
1521                    accent-color: #000000 !important;
1522                }
1523                .breadcrumb.general_style .breadcrumb-item a,
1524                .breadcrumb.general_style .breadcrumb-item {
1525                    font-size: 14px !important;
1526                    font-family: Montserrat !important;
1527                    font-weight: 400 !important;
1528                    font-style: normal !important;
1529                    
1530                    letter-spacing: px !important;
1531                    color: #000 !important;
1532                }
1533                .shapes-div .shapes-img.active {
1534                    background-color: #f6f2ee !important;
1535                    color: #000000 !important;
1536                }
1537                                .input_general_style {
1538                    position: relative;
1539                }
1540                .input_general_style label {
1541                    width: auto !important;
1542                    position: absolute;
1543                    top: 50%;
1544                    left: 5px;
1545                    z-index: 1;
1546                    transform: translateY(-50%);
1547                    transform-origin: 0% 100%;
1548                    transition: all .2s ease-out;
1549                    padding: 0 10px;
1550                    margin: 0 !important;
1551                    cursor: text;
1552                    background: white;
1553                }
1554                .input_general_style label.active {
1555                    top: 0;
1556                    transform: translateY(-55%) scale(0.80);
1557                }
1558            
1559                .input_general_style input::placeholder {
1560                    color: transparent !important;
1561                }
1562                .input_general_style input {
1563                    font-size: 16px !important;
1564                    font-family: Montserrat !important;
1565                    font-weight: 400 !important;
1566                    font-style:  !important;
1567                    color: #000000 !important;
1568                    background-color: white !important;
1569                    border-style: solid !important;
1570                    border-width: px !important;
1571                    border-radius: 0px !important;
1572                    border-color: #f6f2ee !important;
1573                }
1574                .input_general_style:hover input {
1575                    border-color:  !important;
1576                }
1577                .input_general_style input:-webkit-autofill,
1578                .input_general_style input:-webkit-autofill:hover,
1579                .input_general_style input:-webkit-autofill:focus,
1580                .input_general_style input:-webkit-autofill:active{
1581                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1582                }
1583                .input_general_style input:focus {
1584                    border-color: initial;
1585                    box-shadow: unset;
1586                }
1587                .input_general_style .toggle-password-visibility {
1588                    position: absolute;
1589                    right: 5px;
1590                    top: 50%;
1591                    transform: translateY(-50%);
1592                    border: 0;
1593                    background: transparent;
1594                }
1595                                .select_general_style {
1596                    position: relative;
1597                }
1598                .select_general_style label {
1599                    width: auto !important;
1600                    position: absolute;
1601                    top: 50%;
1602                    left: 5px;
1603                    transform: translateY(-50%);
1604                    transform-origin: 0% 100%;
1605                    transition: all .2s ease-out;
1606                    padding: 0 10px;
1607                    margin: 0 !important;
1608                    cursor: text;
1609                    background: white;
1610                }
1611                .select_general_style label.active {
1612                    top: 0;
1613                    transform: translateY(-55%) scale(0.80);
1614                }
1615
1616                .select_general_style select {
1617                    font-size: 16px !important;
1618                    font-family: Montserrat !important;
1619                    font-weight: 400 !important;
1620                    font-style:  !important;
1621                    color: #000000 !important;
1622                    border-style: solid !important;
1623                    border-width: px !important;
1624                    border-radius: 0px !important;
1625                    border-color: #f6f2ee !important;
1626                    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important;
1627                    -webkit-appearance: none !important;
1628                    -moz-appearance: none !important;
1629                    appearance: none !important;
1630                }
1631                .select_general_style:hover select {
1632                    border-color:  !important;
1633                }
1634                .select_general_style select:focus {
1635                    border-color: initial;
1636                    box-shadow: unset;
1637                }
1638                .select_general_style select:-webkit-autofill,
1639                .select_general_style select:-webkit-autofill:hover,
1640                .select_general_style select:-webkit-autofill:focus,
1641                .select_general_style select:-webkit-autofill:active{
1642                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1643                }
1644                                .textarea_general_style {
1645                    position: relative;
1646                }
1647                .textarea_general_style label {
1648                    width: auto !important;
1649                    position: absolute;
1650                    top: 18px;
1651                    left: 5px;
1652                    transform: translateY(-50%);
1653                    transform-origin: 0% 100%;
1654                    transition: all .2s ease-out;
1655                    padding: 0 10px;
1656                    margin: 0 !important;
1657                    cursor: text;
1658                    background: white;
1659                }
1660                .textarea_general_style label.active {
1661                    top: 0;
1662                    transform: translateY(-55%) scale(0.80);
1663                }
1664
1665                .textarea_general_style textarea {
1666                    font-size: 16px !important;
1667                    font-family: Montserrat !important;
1668                    font-weight: 400 !important;
1669                    font-style:  !important;
1670                    color: #000000 !important;
1671                    background-color: white !important;
1672                    border-style: solid !important;
1673                    border-width: px !important;
1674                    border-radius: 0px !important;
1675                    border-color: #f6f2ee !important;
1676                }
1677                .textarea_general_style:hover textarea {
1678                    border-color:  !important;
1679                }
1680                .textarea_general_style textarea:focus {
1681                    border-color: initial;
1682                    box-shadow: unset;
1683                }
1684                .textarea_general_style textarea:-webkit-autofill,
1685                .textarea_general_style textarea:-webkit-autofill:hover,
1686                .textarea_general_style textarea:-webkit-autofill:focus,
1687                .textarea_general_style textarea:-webkit-autofill:active{
1688                    -webkit-box-shadow: 0 0 0 30px white inset !important;
1689                }
1690                }
1691            </style><header class="appearance-desktop-view-template">    
1692    
1693    
1694        
1695        <style>
1696            .header_container>.flex_row {
1697                display: flex;
1698            }
1699
1700            .header_container_1 {
1701                            width: 100%;
1702                                        max-width: 100%;
1703                            margin: 0 auto;
1704                position: relative !important;
1705                transform: inherit !important;
1706            }
1707            .header_container>.flex_row>.flex_col {
1708                display: flex;
1709                flex-wrap: wrap;
1710                box-sizing: border-box;
1711                align-content: baseline;
1712            }
1713            .header_container>.flex_row>.flex_col>.flex_cell {
1714                height: fit-content;
1715                display: flex;
1716            }
1717            .header_container>.flex_row>.flex_col>.flex_cell a {
1718                text-decoration: none;
1719            }
1720            .header_container img {
1721                max-width: 100%;
1722            }
1723            .row_spacer_cs {
1724                display: none;
1725            }
1726            .sticky_row {
1727                position: fixed;
1728            }
1729            .sticky_row + .row_spacer_cs {
1730                display: block;
1731            }
1732        </style>
1733
1734        <div class="header_container header_container_1" data-device-type="1">
1735
1736            
1737                
1738                <div class="flex_row flex_row_1 ">
1739
1740                    
1741                        <div class="flex_col flex_col_1">
1742
1743                            <div class="flex_cell flex_cell_1 line">
1744            <div class="s_line"></div>
1745    </div>
1746
1747<style>
1748    .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 {
1749        width: 100%;
1750        justify-content:center;
1750 -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1751
1752    
1753    .header_container_1>.flex_row_1>.flex_col_1>.flex_cell_1 .s_line {
1754        background-color:#ffbf3f;        border-style: solid;
1755                width:100%;        border-radius:0px;        border-width:5px;        border-color:#ffbf3f;    }
1756
1757</style>
1758                        </div>
1759
1760                        <style>
1761                            .header_container_1>.flex_row_1>.flex_col_1 {
1762                            width:100%;                            }
1763                        </style>
1764
1765
1766                    
1767                </div>
1768
1769                
1770                <style>
1771    .header_container_1>.flex_row_1 {
1772                    background-color: #f6f2ee;
1773        
1774        color:#000000;        height:auto;                
1775        
1776            }
1777
1778    </style>
1779
1780
1781                                
1782            
1783                
1784                <div class="flex_row flex_row_2 ">
1785
1786                    
1787                        <div class="flex_col flex_col_1">
1788
1789                            
1790                        </div>
1791
1792                        <style>
1793                            .header_container_1>.flex_row_2>.flex_col_1 {
1794                            width:5%;                            }
1795                        </style>
1796
1797
1798                    
1799                        <div class="flex_col flex_col_2">
1800
1801                            
1802<div class="flex_cell flex_cell_1 social_icons">
1803    <div class="flex_cell_content">
1804        
1805        
1806                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/charleskrypell/" style="order: 1">
1807                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                Instagram            </a>
1808        
1809        
1810        
1811        
1812        
1813
1814        
1815        
1816            </div>
1817</div>
1818
1819<style>
1820    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons {
1821        width:100%;                                    justify-content: flex-start;
1822                            align-items:center; -webkit-align-items:center;    }
1823
1824            .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons {
1825        height:100%;        }
1826    
1827    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content {
1828        display: flex;
1829        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1830
1831    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons a {
1832        display: flex;
1833        align-items: center;
1834        color:#000000;        font-weight:400;        font-style:normal;                        margin-left: 6px;
1835        margin-right: 6px;
1836        font-size:14px;font-family:Montserrat;        text-transform:none;    }
1837
1838    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons a svg{
1839        margin-right: 5px;
1840        width:13px;        height:13px;    }
1841
1842    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons a .path_class {
1843        fill: currentColor;
1844    }
1845
1846
1847    .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.social_icons a:hover {
1848        color:#000000;    }
1849</style>
1850
1851                        </div>
1852
1853                        <style>
1854                            .header_container_1>.flex_row_2>.flex_col_2 {
1855                            width:15%;                            }
1856                        </style>
1857
1858
1859                    
1860                        <div class="flex_col flex_col_3">
1861
1862                            
1863<div class="flex_cell flex_cell_1 button_link">
1864    
1865
1866        <div class="flex_cell_content">
1867            <a class="btn_link_ig" href="https://www.charleskrypell.com/store-locator"  title="Store Locator">
1868                                <img alt="Store Locator" title="Store Locator"
1869                                                            src="/public/1.0/uploads/source/icons/store_locator/12x12.png"/>
1870                                Store Locator                            </a>
1871        </div>
1872
1873    </div>
1874<style>
1875    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link {
1876        width:100%;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
1877
1878            .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link {
1879        height:100%;        }
1880    
1881    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content {
1882    display: flex;
1883    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    }
1884
1885    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link a {
1886        color:#000000;                font-style:normal;                
1887                    background-color:#f6f2ee;        
1888        font-size:14px;font-family:Montserrat;        text-decoration: none;
1889        display: inline-flex;
1890        align-items: center;
1891        padding: 10px 26px;
1892        border-style: solid;
1893        justify-content:center;        text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#f6f2ee;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
1894
1895    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link a>i{
1896        margin-right: 5px;
1897    }
1898
1899    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1.button_link a:hover {
1900        color:#000000;        background-color:#f6f2ee;        border-color:#f6f2ee;            }
1901
1902    .header_container_1>.flex_row_2>.flex_col_3>.flex_cell_1 a>img {
1903        margin-right:5px;    }
1904</style>
1905
1906                        </div>
1907
1908                        <style>
1909                            .header_container_1>.flex_row_2>.flex_col_3 {
1910                            width:30%;                            }
1911                        </style>
1912
1913
1914                    
1915                        <div class="flex_col flex_col_4">
1916
1917                            
1918<div class="flex_cell flex_cell_1 search_box">
1919    <div class="flex_cell_content">
1920                    <form class="sform" id="search-box-form"
1921            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
1922                    <div class="inputs-group">
1923                                <input class="sinp" type="text" name="search"
1924                       placeholder="SEARCH PRODUCTS" 
1925                       aria-label="SEARCH PRODUCTS"
1926                       >
1927                                    <button class="sBtn" onclick="javascript: $('#search-box-form').submit();">
1928                        <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg>
1929                    </button>
1930                            </div>
1931                    </form>
1932            </div>
1933</div>
1934<style>
1935    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.search_box {
1936        width:100%;        justify-content:right; -webkit-justify-content:right;        align-items:center; -webkit-align-items:center;    }
1937
1938            .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.search_box {
1939        height:100%;        }
1940    
1941    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content {
1942        display: flex;
1943        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;            }
1944
1945    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_2>.flex_col_4>
1945.flex_cell_1 .inputs-group {
1946        width: 100%;
1947        display: flex;
1948        flex-wrap: nowrap;
1949    }
1950
1951    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sinp {
1952        border-radius: 0px;
1953        padding: 4px 8px;
1954        outline: 0px;
1955        box-shadow: none;
1956        font-size:10px;        font-family:Montserrat;        color:#000000;                font-style:normal;                        background-color:#f6f2ee;        
1957        
1958       
1959                border-style: solid;
1960        border-width:0.5px;        border-color:#f6f2ee;        
1961
1962                            border-right:0px;
1963                width: 100%;        
1964        
1965                border-bottom-color:#000000;    }
1966
1967    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sinp:hover {
1968            }
1969
1970    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sinp::placeholder {
1971        font-size:10px;        font-family:Montserrat;        color:#000000;        opacity: 1;
1972    }
1973
1974    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sBtn {
1975        height: 100%;
1976        border-radius: 0px;
1977        padding: 4px;
1978        align-items: center;
1979        justify-content: center;
1980        display: flex;
1981        border-style: solid;
1982        border-width:0.5px;        border-color:#f6f2ee;        color:#000000;                font-style:normal;                        background-color:#f6f2ee;                                            border-left:0px;
1983                    
1984            }
1985
1986    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sBtn:hover {
1987        background-color:#f6f2ee;            }
1988
1989    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sBtn svg {
1990        width:9px;        height:9px;    }
1991
1992    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sBtn .path_class {
1993        fill:#000000;    }
1994
1995    .header_container_1>.flex_row_2>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class {
1996        fill:#000000;    }
1997
1998</style>
1999                        </div>
2000
2001                        <style>
2002                            .header_container_1>.flex_row_2>.flex_col_4 {
2003                            width:30%;                            }
2004                        </style>
2005
2006
2007                    
2008                        <div class="flex_col flex_col_5">
2009
2010                            
2011<div class="flex_cell flex_cell_1 account_icons">
2012    <div class="flex_cell_content">
2013        
2014                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 3">
2015                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
2016                            </a>
2017        
2018                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
2019                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>
2019                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
2020                            </a>
2021        
2022        
2023                                    <a class="" href="/login" title="My Account" style="order: 4">
2024                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
2025                        </div>
2026</div>
2027
2028<style>
2029    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons {
2030        width:100%;                                    justify-content: flex-end;
2031                            align-items:center; -webkit-align-items:center;    }
2032
2033            .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons {
2034        height:100%;        }
2035    
2036    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content {
2037    display: flex;
2038    margin-top:10px;    margin-bottom:10px;    margin-left:px;    margin-right:px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
2039
2040    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
2041        display: none !important;
2042    }
2043
2044    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a {
2045        display: flex;
2046        align-items: center;
2047        color:#000000;        font-weight:400;        font-style:normal;                        font-size:15px;        font-family:Montserrat;        margin-left: 12px;
2048        text-transform:none;    }
2049
2050    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a svg,
2051    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a img {
2052        flex-shrink: 0;
2053        margin-right: 5px;
2054        width:14px;        height:14px;    }
2055
2056    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a .path_class {
2057        fill: currentColor;
2058    }
2059
2060    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a:hover {
2061        color:#000000;    }
2062
2063    .header_container_1>.flex_row_2>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge {
2064        padding: 0 5px;
2065        height: 16px;
2066        min-width: 16px;
2067        text-align: center;
2068        border-radius: 7px;
2069        line-height: 16px;
2070        border: 1px solid #fff;
2071        font-style: normal;
2072        font-weight: 700;
2073        font-size: 10px;
2074        background-color:#b1afaf;        color:#ffffff;        margin-left: -10px;
2075        margin-top: -15px;
2076    }
2077</style>
2078                        </div>
2079
2080                        <style>
2081                            .header_container_1>.flex_row_2>.flex_col_5 {
2082                            width:15%;                            }
2083                        </style>
2084
2085
2086                    
2087                        <div class="flex_col flex_col_6">
2088
2089                            
2090                        </div>
2091
2092                        <style>
2093                            .header_container_1>.flex_row_2>.flex_col_6 {
2094                            width:5%;                            }
2095                        </style>
2096
2097
2098                    
2099                </div>
2100
2101                
2102                <style>
2103    .header_container_1>.flex_row_2 {
2104                    background-color: #f6f2ee;
2105        
2106        color:#000000;        height:auto;                
2107        
2108            }
2109
2110    </style>
2111
2112
2113                                
2114            
2115                
2116                <div class="flex_row flex_row_3 ">
2117
2118                    
2119                        <div class="flex_col flex_col_1">
2120
2121                            
2122                        </div>
2123
2124                        <style>
2125                            .header_container_1>.flex_row_3>.flex_col_1 {
2126                            width:100%;                            }
2127                        </style>
2128
2129
2130                    
2131                        <div class="flex_col flex_col_2">
2132
2133                            
2134
2135<div class="flex_cell flex_cell_1 image">
2136    <div class="flex_cell_content">
2137
2138            <a href="https://www.charleskrypell.com/home"
2139           >
2140    
2141        
2142            <img
2143                height="100%"                width="500px"
2144                
2145                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png"
2146
2147                alt="Charles Krypell ">
2148
2149        
2150            </a>
2151    
2152    </div>
2153</div>
2154    <style>
2155                .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image {
2156        width:100%;        justify-content:center;
2156 -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
2157        .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
2158        display: flex;
2159        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
2160        .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image img {
2161        max-width:100%;        }
2162        
2163                .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image {
2164        height:100%;        }
2165            </style>
2166
2167
2168                        </div>
2169
2170                        <style>
2171                            .header_container_1>.flex_row_3>.flex_col_2 {
2172                            width:100%;                            }
2173                        </style>
2174
2175
2176                    
2177                        <div class="flex_col flex_col_3">
2178
2179                            
2180                        </div>
2181
2182                        <style>
2183                            .header_container_1>.flex_row_3>.flex_col_3 {
2184                            width:100%;                            }
2185                        </style>
2186
2187
2188                    
2189                </div>
2190
2191                
2192                <style>
2193    .header_container_1>.flex_row_3 {
2194                    background-color: #f6f2ee;
2195        
2196        color:#000000;        height:auto;                
2197        
2198            }
2199
2200    </style>
2201
2202
2203                                
2204            
2205                
2206                <div class="flex_row flex_row_4 ">
2207
2208                    
2209                        <div class="flex_col flex_col_1">
2210
2211                            <div class="flex_cell flex_cell_1 line">
2212            <div class="s_line"></div>
2213    </div>
2214
2215<style>
2216    .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1 {
2217        width: 100%;
2218        justify-content:center; -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
2219
2220    
2221    .header_container_1>.flex_row_4>.flex_col_1>.flex_cell_1 .s_line {
2222        background-color:#000000;        border-style: solid;
2223                width:55%;        border-radius:0px;        border-width:1px;        border-color:#827874;    }
2224
2225</style>
2226                        </div>
2227
2228                        <style>
2229                            .header_container_1>.flex_row_4>.flex_col_1 {
2230                            width:100%;                            }
2231                        </style>
2232
2233
2234                    
2235                </div>
2236
2237                
2238                <style>
2239    .header_container_1>.flex_row_4 {
2240                    background-color: #f6f2ee;
2241        
2242        color:#000000;        height:auto;                
2243        
2244            }
2245
2246    </style>
2247
2248
2249                                
2250            
2251                
2252                <div class="flex_row flex_row_5 ">
2253
2254                    
2255                        <div class="flex_col flex_col_1">
2256
2257                            <div class="flex_cell flex_cell_1 menu">
2258    <div class="flex_cell_content">
2259        <nav aria-label="Menu">
2260        <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false">
2261                                <li class=" menu_container_li" role="none">
2262                                                <a href="https://www.charleskrypell.com/fine-jewelry" title="Jewelry" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" >
2263                                                        Jewelry                        </a>
2264                                                                            
2265    
2266        
2267
2268
2269<div class="menu_container default_build_menu menu_container_1_navigation_16">
2270    <div class="nav_div_16">
2271                <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1">
2272                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
2273                    <li style=""
2274                        class="" 
2275                        role="none">
2276
2277                          
2278
2279                                                <a class="nav_a_trd " title="Necklaces" href="https://www.charleskrypell.com/necklaces"  data-full_image="" role="menuitem" tabindex="0" >
2280                                                                        Necklaces                                                                        </a>
2281                        
2282                              
2283
2284                         
2285
2286
2287
2288                                            </li>
2289
2290                
2291                            
2292                    <li style=""
2293                        class="" 
2294                        role="none">
2295
2296                          
2297
2298                                                <a class="nav_a_trd " title="Earrings" href="https://www.charleskrypell.com/earrings"  data-full_image="" role="menuitem" tabindex="-1" >
2299                                                                        Earrings                                                                        </a>
2300                        
2301                              
2302
2303                         
2304
2305
2306
2307                                            </li>
2308
2309                
2310                            
2311                    <li style=""
2312                        class="" 
2313                        role="none">
2314
2315                          
2316
2317                                                <a class="nav_a_trd " title="Bracelets" href="https://www.charleskrypell.com/bracelets"  data-full_image="" role="menuitem" tabindex="-1" >
2318                                                                        Bracelets                                                                        </a>
2319                        
2320                              
2321
2322                         
2323
2324
2325
2326                                            </li>
2327
2328                
2329                            
2330                    <li style=""
2331                        class="" 
2332                        role="none">
2333
2334                          
2335
2336                                                <a class="nav_a_trd " title="Rings" href="https://www.charleskrypell.com/rings"  data-full_image="" role="menuitem" tabindex="-1" >
2337                                                                        Rings                                                                        </a>
2338                        
2339                              
2340
2341                         
2342
2343
2344
2345                                            </li>
2346
2347                
2348                                                                                                                                                                                                                                                                                                            </ul>
2349                    </div>
2350</div>
2351<style>
2352    .menu_container_1_navigation_16 {
2353        background: #fff;
2354                    }
2355    .horizontal_menu .nav_div_16 {
2356        padding: 15px 0px;
2357        box-shadow: 0px 0px 5px #00000078;        display: flex;
2358        flex-wrap: wrap;
2359    }
2360    .horizontal_menu .nav_img_16 {
2361        height: 200px;
2362        width: 250px;
2363        margin-left: 50px;
2364        margin-right: 20px;
2365        flex-shrink: 0;
2366        order: 1;
2367    }
2368    .horizontal_menu .nav_img_16 img {
2369        max-width: 100%;
2370        max-height: 100%;
2371    }
2372    .horizontal_menu .nav_div_16 .vfit {
2373        text-align: left;
2374        border-bottom: 1px solid #ececec;
2375        text-transform: uppercase;
2376    }
2377    .nav_div_16 .vfit a {
2378        text-decoration: none;
2379        color: #222;
2380    }
2381    .nav_div_16 .nav_list {
2382        list-style: none;
2383        margin: 0;
2384        padding: 0;
2385        order: 1;
2386            }
2387    .nav_div_16 ul {
2388        list-style: none;
2389    }
2390    #desktop_hamburger_menu_template .nav_div_16 li {
2391        width: 100%;
2392        margin: 0;
2393        padding: 0px 20px;
2394        position: relative;
2395    }
2396    .horizontal_menu .nav_div_16 li {
2397        width: 100%;
2398        margin: 0;
2399        padding: 0px 20px;
2400        position: relative;
2401    }
2402    
2403    #desktop_hamburger_menu_template .nav_div_16 li svg {
2404        position: absolute;
2405        right: 15px;
2406        height: 10px;
2407        top: 10px;
2408    }
2409    .horizontal_menu .nav_div_16 li svg {
2410        position: absolute;
2411        right: 15px;
2412        height: 10px;
2413        top: 10px;
2414    }
2415    
2416    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
2417        display: flex;
2418        align-items: center;
2419        padding: 0;
2420        line-height: 30px;
2421        font-size: 14px;
2422        text-transform: uppercase;
2423        text-decoration: none;
2424        color: #222;
2425        white-space: normal;
2426
2427        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
2428    }
2429    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li button {
2430        background: none;
2431        border: none;
2432        cursor: pointer;
2433    }
2434    
2435    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
2436        text-decoration: underline;
2437    }
2438
2439    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
2440        color:#4d4d4d;        cursor: pointer;
2441    }
2442
2443
2444    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
2445        display: flex;
2446        align-items: center;
2447        padding: 0;
2448        line-height: 30px;
2449        font-size: 14px;
2450        text-transform: uppercase;
2451        text-decoration: none;
2452        color: #222;
2453        white-space: normal;
2454
2455        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
2456
2457    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
2458        color:#4d4d4d;    }
2459
2460    .nav_div_16 .nav_list li a .nav_icons {
2461        height: 30px;
2462        margin-right: 5px;
2463            }
2464
2465            .nav_div_16 .nav_list .nav_list_trd li a .nav_icons {
2466            height: 25px;
2467        }
2468    
2469
2470    .nav_div_16 .nav_list li a:hover {
2471        color: #3172ab;
2472    }
2473    .horizontal_menu .nav_div_16 .nav_list_trd {
2474        display: none;
2475        position: absolute;
2476        left: 100%;
2477        top: -15px;
2478        padding: 15px 0px;
2479        box-shadow: 0px 0px 5px #00000078;        background: #fff;
2480    }
2481    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
2482    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
2483        display: block;
2484        z-index: 99;
2485    }
2486
2487    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16,
2488    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{
2489                    width: 250px;
2490            }
2491
2492            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{
2493            width: 250px;
2494        }
2495    </style>
2496                                            </li>
2497                                                <li class=" menu_container_li" role="none">
2498                                                <a href="#!" title="Collections" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" >
2499                                                        Collections                        </a>
2500                                                                            
2501    
2502        
2503
2504
2505<div class="menu_container default_build_menu menu_container_1_navigation_103">
2506    <div class="nav_div_103">
2507                <ul class="nav_list" role="menu" aria-label="Collections" tabindex="-1">
2508                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
2509                    <li style=""
2510                        class="" 
2511                        role="none">
2512
2513                          
2514
2515                                                <a class="nav_a_trd " title="Gold Collection" href="https://www.charleskrypell.com/gold-collection"  data-full_image="" role="menuitem" tabindex="0" >
2516                                                                        Gold Collection                                                                        </a>
2517                        
2518                              
2519
2520                         
2521
2522
2523
2524                                            </li>
2525
2526                
2527                            
2528                    <li style=""
2529                        class="" 
2530                        role="none">
2531
2532                          
2533
2534                                                <a class="nav_a_trd " title="Pastel Collection" href="https://www.charleskrypell.com/pastel-collection"  data-full_image="" role="menuitem" tabindex="-1" >
2535                                                                        Pastel Collection                                                                        </a>
2536                        
2537                              
2538
2539                         
2540
2541
2542
2543                                            </li>
2544
2545                
2546                            
2547                    <li style=""
2548                        class="" 
2549                        role="none">
2550
2551                          
2552
2553                                                <a class="nav_a_trd " title="Signature Collection" href="https://www.charleskrypell.com/signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
2554                                                                        Signature Collection                                                                        </a>
2555                        
2556                              
2557
2558                         
2559
2560
2561
2562                                            </li>
2563
2564                
2565                            
2566                    <li style=""
2567                        class="" 
2568                        role="none">
2569
2570                          
2571
2572                                                <a class="nav_a_trd " title="Precious Collection" href="https://www.charleskrypell.com/precious-collection"  data-full_image="" role="menuitem" tabindex="-1" >
2573           
2573                                                             Precious Collection                                                                        </a>
2574                        
2575                              
2576
2577                         
2578
2579
2580
2581                                            </li>
2582
2583                
2584                                    </ul>
2585                    </div>
2586</div>
2587<style>
2588    .menu_container_1_navigation_103 {
2589        background: #fff;
2590                    }
2591    .horizontal_menu .nav_div_103 {
2592        padding: 15px 0px;
2593        box-shadow: 0px 0px 5px #00000078;        display: flex;
2594        flex-wrap: wrap;
2595    }
2596    .horizontal_menu .nav_img_103 {
2597        height: 200px;
2598        width: 250px;
2599        margin-left: 50px;
2600        margin-right: 20px;
2601        flex-shrink: 0;
2602        order: 1;
2603    }
2604    .horizontal_menu .nav_img_103 img {
2605        max-width: 100%;
2606        max-height: 100%;
2607    }
2608    .horizontal_menu .nav_div_103 .vfit {
2609        text-align: left;
2610        border-bottom: 1px solid #ececec;
2611        text-transform: uppercase;
2612    }
2613    .nav_div_103 .vfit a {
2614        text-decoration: none;
2615        color: #222;
2616    }
2617    .nav_div_103 .nav_list {
2618        list-style: none;
2619        margin: 0;
2620        padding: 0;
2621        order: 1;
2622            }
2623    .nav_div_103 ul {
2624        list-style: none;
2625    }
2626    #desktop_hamburger_menu_template .nav_div_103 li {
2627        width: 100%;
2628        margin: 0;
2629        padding: 0px 20px;
2630        position: relative;
2631    }
2632    .horizontal_menu .nav_div_103 li {
2633        width: 100%;
2634        margin: 0;
2635        padding: 0px 20px;
2636        position: relative;
2637    }
2638    
2639    #desktop_hamburger_menu_template .nav_div_103 li svg {
2640        position: absolute;
2641        right: 15px;
2642        height: 10px;
2643        top: 10px;
2644    }
2645    .horizontal_menu .nav_div_103 li svg {
2646        position: absolute;
2647        right: 15px;
2648        height: 10px;
2649        top: 10px;
2650    }
2651    
2652    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd {
2653        display: flex;
2654        align-items: center;
2655        padding: 0;
2656        line-height: 30px;
2657        font-size: 14px;
2658        text-transform: uppercase;
2659        text-decoration: none;
2660        color: #222;
2661        white-space: normal;
2662
2663        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
2664    }
2665    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li button {
2666        background: none;
2667        border: none;
2668        cursor: pointer;
2669    }
2670    
2671    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men {
2672        text-decoration: underline;
2673    }
2674
2675    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover {
2676        color:#4d4d4d;        cursor: pointer;
2677    }
2678
2679
2680    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a {
2681        display: flex;
2682        align-items: center;
2683        padding: 0;
2684        line-height: 30px;
2685        font-size: 14px;
2686        text-transform: uppercase;
2687        text-decoration: none;
2688        color: #222;
2689        white-space: normal;
2690
2691        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
2692
2693    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover {
2694        color:#4d4d4d;    }
2695
2696    .nav_div_103 .nav_list li a .nav_icons {
2697        height: 30px;
2698        margin-right: 5px;
2699            }
2700
2701            .nav_div_103 .nav_list .nav_list_trd li a .nav_icons {
2702            height: 25px;
2703        }
2704    
2705
2706    .nav_div_103 .nav_list li a:hover {
2707        color: #3172ab;
2708    }
2709    .horizontal_menu .nav_div_103 .nav_list_trd {
2710        display: none;
2711        position: absolute;
2712        left: 100%;
2713        top: -15px;
2714        padding: 15px 0px;
2715        box-shadow: 0px 0px 5px #00000078;        background: #fff;
2716    }
2717    .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open,
2718    .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd {
2719        display: block;
2720        z-index: 99;
2721    }
2722
2723    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103,
2724    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{
2725                    width: 250px;
2726            }
2727
2728            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{
2729            width: 250px;
2730        }
2731    </style>
2732                                            </li>
2733                                                <li class=" menu_container_li" role="none">
2734                                                <a href="https://www.charleskrypell.com/newest-arrivals" title="Newest Arrivals" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
2735                                                        Newest Arrivals                        </a>
2736                                                                    </li>
2737                                                <li class=" menu_container_li" role="none">
2738                                                <a href="https://www.charleskrypell.com/heritage" title="Heritage" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
2739                                                        Heritage                        </a>
2740                                                                    </li>
2741                                                <li class=" menu_container_li" role="none">
2742                                                <a href="https://www.charleskrypell.com/contact-us" title="Contact Us" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
2743                                                        Contact Us                        </a>
2744                                                                    </li>
2745                                                <li class=" menu_container_li" role="none">
2746                                                <a href="https://www.charleskrypell.com/bespoke" title="Bespoke" class="hor_menu_links "  data-full_image="" role="menuitem" tabindex="-1"  >
2747                                                        Bespoke                        </a>
2748                                                                    </li>
2749                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
2750    </nav>
2751        <style>
2752
2753            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu {
2754                display: flex;
2755                list-style: none;
2756                margin: 0;
2757                padding: 0;
2758            }
2759            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links {
2760                padding: 5px 0;
2761                display:flex;
2762                align-items:center;
2763                text-transform:none;            }
2764            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links {
2765                background: none;
2766                border: none;
2767                cursor: pointer;
2768            }
2769            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li {
2770                margin-left:25px;            }
2771            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img,
2772            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img {
2773                margin-right:4px;
2774            }
2775
2776                        .horizontal_menu .menu_container {
2777                position: absolute;
2778                z-index: 9999999;
2779                visibility: hidden;
2780                opacity: 0;
2781                transition: opacity 300ms;
2782            }
2783            .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container {
2784                visibility: visible;
2785                opacity: 1;
2786            }
2787                        
2788            /* Focus styling for menubar */
2789            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus {
2790                padding: 0;
2791                border: #034575 solid 1.5px;
2792            }
2793        </style>
2794        
2794<script>
2795            // Character navigation tracking
2796            let lastCharTime = 0;
2797            let lastChar = '';
2798            const CHAR_NAV_TIMEOUT = 500; // milliseconds
2799
2800            // Function to update content and move focus to page title
2801            function updateContent(linkURL, linkName, moveFocus) {
2802                if (typeof moveFocus !== 'boolean') {
2803                    moveFocus = true;
2804                }
2805                
2806                // Update page title if exists
2807                var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]');
2808                if (h1Node) {
2809                    h1Node.textContent = linkName;
2810                    h1Node.tabIndex = -1;
2811                    if (moveFocus) {
2812                        setTimeout(function() {
2813                            h1Node.focus();
2814                        }, 0);
2815                    }
2816                }
2817                
2818                // Close all submenus
2819                $('.show_sub_menu').removeClass('show_sub_menu');
2820                $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
2821                $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
2822            }
2823
2824            // Function to set focus to menuitem with roving tabindex
2825            function setFocusToMenuitem(menuItems, newMenuitem) {
2826                menuItems.each(function() {
2827                    if (this === newMenuitem[0]) {
2828                        $(this).attr('tabindex', '0');
2829                        newMenuitem.focus();
2830                    } else {
2831                        $(this).attr('tabindex', '-1');
2832                    }
2833                });
2834            }
2835
2836            // Menu containers are now initialized in PHP templates with proper attributes
2837
2838            // Helper function to get all submenu items
2839            function getSubmenuItems(menuContainer) {
2840                // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a)
2841                // Find all menu items within the menu_container, excluding the top-level hor_menu_links
2842                // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button")
2843                return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() {
2844                    let $item = $(this);
2845                    // Exclude items that are hor_menu_links (top-level menu items)
2846                    if ($item.hasClass('hor_menu_links')) {
2847                        return false;
2848                    }
2849                    // Exclude items with role="button" (section headers)
2850                    if ($item.attr('role') === 'button') {
2851                        return false;
2852                    }
2853                    // Must have role="menuitem"
2854                    if ($item.attr('role') !== 'menuitem') {
2855                        return false;
2856                    }
2857                    // Must be visible and not disabled
2858                    if (!$item.is(':visible') || $item.attr('disabled')) {
2859                        return false;
2860                    }
2861                    // Must be within a menu_container_li (to exclude other links)
2862                    return $item.closest('.menu_container_li').length > 0;
2863                });
2864            }
2865
2866            // Helper function to get all menubar items
2867            function getMenubarItems() {
2868                return $('.horizontal_menu>li .hor_menu_links').filter(function() {
2869                    return $(this).is(':visible') && !$(this).attr('disabled');
2870                });
2871            }
2872
2873            // Helper function to find next item starting with character
2874            function findItemByCharacter(items, char, startIndex) {
2875                char = char.toLowerCase();
2876                // Search from startIndex to end
2877                for (let i = startIndex + 1; i < items.length; i++) {
2878                    let text = $(items[i]).text().trim().toLowerCase();
2879                    if (text.charAt(0) === char) {
2880                        return i;
2881                    }
2882                }
2883                // Wrap around: search from beginning to startIndex
2884                for (let i = 0; i <= startIndex; i++) {
2885                    let text = $(items[i]).text().trim().toLowerCase();
2886                    if (text.charAt(0) === char) {
2887                        return i;
2888                    }
2889                }
2890                return -1;
2891            }
2892
2893            let lastInputWasKeyboard = false;
2894
2895            document.addEventListener('keydown', (e) => {
2896                if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {
2897                    lastInputWasKeyboard = true;
2898                }
2899            });
2900            
2901            document.addEventListener('mousedown', () => {
2902                lastInputWasKeyboard = false;
2903            });
2904            
2905            $('.horizontal_menu').on('focusin', function(e) {
2906                if (lastInputWasKeyboard) {
2907                    $(this).addClass('focus');
2908                }
2909            });
2910            
2911            $('.horizontal_menu').on('focusout', function(e) {
2912                if (!$(e.relatedTarget).closest('.horizontal_menu').length) {
2913                    $(this).removeClass('focus');
2914                }
2915            });
2916
2917            $('.menu_container_li').on('mouseenter', function () {
2918                $('.show_sub_menu').removeClass('show_sub_menu');
2919                $('.nav_list_trd.open').removeClass('open');
2920                $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
2921            });
2922
2923            $('.menu_container_li').on('mouseleave', function () {
2924                $('.show_sub_menu').removeClass('show_sub_menu');
2925                $('.nav_list_trd.open').removeClass('open');
2926                $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
2927            });
2928
2929            $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () {
2930                $('.show_sub_menu').removeClass('show_sub_menu');
2931                $('.nav_list_trd.open').removeClass('open');
2932                $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
2933                $(this).attr('aria-expanded', 'false');
2934            });
2935
2936            $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) {
2937                let $currentItem = $(this);
2938                let menu_list = $currentItem.closest('.menu_container_li');
2939                let menubarItems = getMenubarItems();
2940                let currentIndex = menubarItems.index($currentItem);
2941                let hasSubmenu = menu_list.find('.menu_container').length > 0;
2942
2943                if (event.which === 13 || event.which === 32) {
2944                    if(event.which === 32) {
2945                        event.preventDefault();
2946                    }
2947
2948                    if (hasSubmenu) {
2949                        // If has submenu, toggle it
2950                        let wasOpen = menu_list.hasClass('show_sub_menu');
2951                        menu_list.toggleClass('show_sub_menu');
2952                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
2953                        $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
2954                        $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false');
2955                        
2956                        if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) {
2957                            let menu_container = menu_list.find('.menu_container');
2958                            if (menu_container.length > 0) {
2959                                let submenuItems = getSubmenuItems(menu_container);
2960                                if (submenuItems.length > 0) {
2961                                    setTimeout(function() {
2962                                        submenuItems.first().focus();
2963                                    }, 0);
2964                                }
2965                            }
2966                        }
2967                    } else {
2968                        // If no submenu, activate the link
2969                        event.preventDefault();
2970                        let linkUrl = $currentItem.attr('href');
2971                        let linkName = $currentItem.text().trim();
2972                        
2973                        // Close all menus
2974                        $('.show_sub_menu').removeClass('show_sub_menu');
2975                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
2976                        $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
2977                        
2978                        // Navigate to the link if it's a valid URL
2979                        if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') {
2980                            // Navigate to the page
2981                            window.location.href = linkUrl;
2982                        }
2983                    }
2984                } else if (event.which === 27) {
2985                    // Escape: close submenu if open
2986                    if (menu_list.hasClass('show_sub_menu')) {
2987                        menu_list.removeClass('show_sub_menu');
2988                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
2989                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
2990                        $currentItem.attr('aria-expanded', 'false');
2991                        menu_list.find('.nav_list_trd').removeClass('open');
2992                    }
2993                } else if (event.which === 37) {
2994                    // Left Arrow: move to previous item (circular)
2995                    event.preventDefault();
2996                    let prevItem = currentIndex >
2996 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last();
2997                    setFocusToMenuitem(menubarItems, prevItem);
2998                    // Open submenu if any popup is open
2999                    if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') {
3000                        let prevMenuList = prevItem.closest('.menu_container_li');
3001                        if (prevMenuList.find('.menu_container').length > 0) {
3002                            prevMenuList.addClass('show_sub_menu');
3003                            prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3004                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3005                        }
3006                    }
3007                } else if (event.which === 39) {
3008                    // Right Arrow: move to next item in menubar (circular)
3009                    // According to documentation: "Moves focus to the next item in the menubar. If focus is on the last item, moves focus to the first item."
3010                    event.preventDefault();
3011                    let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first();
3012                    setFocusToMenuitem(menubarItems, nextItem);
3013                    // Open submenu if any popup is open
3014                    if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') {
3015                        let nextMenuList = nextItem.closest('.menu_container_li');
3016                        if (nextMenuList.find('.menu_container').length > 0) {
3017                            nextMenuList.addClass('show_sub_menu');
3018                            nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3019                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3020                        }
3021                    }
3022                } else if (event.which === 40) {
3023                    // Down Arrow: open submenu and focus first item
3024                    event.preventDefault();
3025                    if (menu_list.find('.menu_container').length > 0) {
3026                        menu_list.addClass('show_sub_menu');
3027                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3028                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3029                        $currentItem.attr('aria-expanded', 'true');
3030                        
3031                        let menu_container = menu_list.find('.menu_container');
3032                        let submenuItems = getSubmenuItems(menu_container);
3033                        if (submenuItems.length > 0) {
3034                            setTimeout(function() {
3035                                let firstItem = submenuItems.first();
3036                                setFocusToMenuitem(submenuItems, firstItem);
3037                            }, 0);
3038                        }
3039                    }
3040                } else if (event.which === 38) {
3041                    // Up Arrow: open submenu and focus last item
3042                    event.preventDefault();
3043                    if (menu_list.find('.menu_container').length > 0) {
3044                        menu_list.addClass('show_sub_menu');
3045                        menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3046                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3047                        $currentItem.attr('aria-expanded', 'true');
3048                        
3049                        let menu_container = menu_list.find('.menu_container');
3050                        let submenuItems = getSubmenuItems(menu_container);
3051                        if (submenuItems.length > 0) {
3052                            setTimeout(function() {
3053                                let lastItem = submenuItems.last();
3054                                // Initialize tabindex for submenu items if not already set
3055                                submenuItems.attr('tabindex', '-1');
3056                                setFocusToMenuitem(submenuItems, lastItem);
3057                            }, 0);
3058                        }
3059                    }
3060                } else if (event.which === 36 || event.which === 33) {
3061                    // Home or PageUp: move to first item in menubar
3062                    event.preventDefault();
3063                    let firstItem = menubarItems.first();
3064                    setFocusToMenuitem(menubarItems, firstItem);
3065                } else if (event.which === 35 || event.which === 34) {
3066                    // End or PageDown: move to last item in menubar
3067                    event.preventDefault();
3068                    let lastItem = menubarItems.last();
3069                    setFocusToMenuitem(menubarItems, lastItem);
3070                } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) {
3071                    // Character navigation (A-Z, 0-9)
3072                    event.preventDefault();
3073                    let char = String.fromCharCode(event.which).toLowerCase();
3074                    let now = Date.now();
3075                    
3076                    // Reset if timeout passed or different character
3077                    if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) {
3078                        lastChar = char;
3079                        lastCharTime = now;
3080                    }
3081                    
3082                    let nextIndex = findItemByCharacter(menubarItems, char, currentIndex);
3083                    if (nextIndex >= 0) {
3084                        let nextItem = menubarItems.eq(nextIndex);
3085                        setFocusToMenuitem(menubarItems, nextItem);
3086                    }
3087                }
3088            });
3089
3090
3091            // Handle keyboard navigation for section headers (role="button" in .vfit)
3092            // Note: tabindex="0" should be added in PHP template, not here
3093            $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) {
3094                if (event.which === 40) {
3095                    // Down Arrow: move focus to first submenu item in this section
3096                    event.preventDefault();
3097                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
3098                    if ($currentNavDiv.length > 0) {
3099                        let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first();
3100                        if (firstItem.length > 0) {
3101                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
3102                            setFocusToMenuitem(submenuItems, firstItem);
3103                        }
3104                    }
3105                } else if (event.which === 38) {
3106                    // Up Arrow: move focus to last submenu item in this section
3107                    event.preventDefault();
3108                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
3109                    if ($currentNavDiv.length > 0) {
3110                        let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last();
3111                        if (lastItem.length > 0) {
3112                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
3113                            setFocusToMenuitem(submenuItems, lastItem);
3114                        }
3115                    }
3116                } else if (event.which === 13 || event.which === 32) {
3117                    // Enter/Space: move focus to first submenu item (same as Down Arrow)
3118                    event.preventDefault();
3119                    if (event.which === 32) {
3120                        event.preventDefault();
3121                    }
3122                    let $currentNavDiv = $(this).closest('[class^="nav_div"]');
3123                    if ($currentNavDiv.length > 0) {
3124                        let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first();
3125                        if (firstItem.length > 0) {
3126                            let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]');
3127                            setFocusToMenuitem(submenuItems, firstItem);
3128                        }
3129                    }
3130                }
3131            });
3132
3133            $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) {
3134                let $currentElement = $(this);
3135                let $currentLi = $currentElement.closest('li');
3136                
3137                // Find the menu_container - could be parent or ancestor
3138                let $menuContainer = $currentElement.closest('.menu_container');
3139                if ($menuContainer.length === 0) {
3140                    // If not found, look for parent menu_container_li and then its menu_container
3141                    let $parentMenuContainerLi = $currentElement.closest('.menu_container_li');
3142                    if ($parentMenuContainerLi.length > 0) {
3143                        $menuContainer = $parentMenuContainerLi.closest('.menu_container');
3144                        if ($menuContainer.length === 0) {
3145                            // Try finding menu_container that c
3145ontains this menu_container_li
3146                            $menuContainer = $parentMenuContainerLi.parents('.menu_container').first();
3147                        }
3148                    }
3149                }
3150                
3151                // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu
3152                let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first();
3153                if ($parentMenuContainerLi.length === 0) {
3154                    // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container
3155                    $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() {
3156                        return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0;
3157                    }).first();
3158                }
3159                if ($parentMenuContainerLi.length === 0) {
3160                    // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container
3161                    $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() {
3162                        return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0;
3163                    }).first();
3164                }
3165                
3166                // Get all submenu items in current submenu
3167                // For custom_build_menu, ALL items across all columns should be treated as equal submenu items
3168                let submenuItems = $();
3169                if ($menuContainer.length > 0) {
3170                    // Check if this is custom_build_menu structure
3171                    let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu');
3172                    
3173                    if (isCustomBuildMenu) {
3174                        // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container
3175                        // All items are equal submenu items regardless of which column they're in
3176                        submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() {
3177                            let $item = $(this);
3178                            // Exclude items that are in .vfit (section headers) or are hor_menu_links
3179                            // Also exclude items with role="button" (section headers)
3180                            return $item.is(':visible') && 
3181                                   !$item.attr('disabled') && 
3182                                   !$item.hasClass('hor_menu_links') && 
3183                                   !$item.closest('.vfit').length &&
3184                                   $item.attr('role') === 'menuitem';
3185                        });
3186                    } else {
3187                        // Standard menu structure (default_build_menu) - get all items within menu_container
3188                        submenuItems = getSubmenuItems($menuContainer);
3189                    }
3190                }
3191                
3192                // Find current element index - try multiple methods
3193                let currentSubmenuIndex = -1;
3194                if (submenuItems.length > 0) {
3195                    currentSubmenuIndex = submenuItems.index($currentElement);
3196                    // If not found by index, try to find by comparing elements
3197                    if (currentSubmenuIndex === -1) {
3198                        submenuItems.each(function(index) {
3199                            if ($(this)[0] === $currentElement[0]) {
3200                                currentSubmenuIndex = index;
3201                                return false; // break
3202                            }
3203                        });
3204                    }
3205                }
3206                
3207                // Get parent menubar items
3208                let menubarItems = getMenubarItems();
3209                let parentMenubarIndex = -1;
3210                if ($parentMenuContainerLi.length > 0) {
3211                    let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links');
3212                    if ($parentHorMenuLink.length > 0) {
3213                        parentMenubarIndex = menubarItems.index($parentHorMenuLink);
3214                    }
3215                }
3216
3217                if (event.which === 13 || event.which === 32) {
3218                    // Enter/Space: toggle nested submenu if exists, otherwise activate item
3219                    if(event.which === 32) {
3220                        event.preventDefault();
3221                    }
3222
3223                    let $nestedSubmenu = $currentLi.find('.nav_list_trd');
3224                    if ($nestedSubmenu.length > 0) {
3225                        $nestedSubmenu.toggleClass('open');
3226                        // If opening nested submenu, focus first item
3227                        if ($nestedSubmenu.hasClass('open')) {
3228                            let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() {
3229                                return $(this).is(':visible') && !$(this).attr('disabled');
3230                            });
3231                            if (nestedItems.length > 0) {
3232                                setTimeout(function() {
3233                                    let firstItem = nestedItems.first();
3234                                    setFocusToMenuitem(nestedItems, firstItem);
3235                                }, 0);
3236                            }
3237                        }
3238                    } else {
3239                        // If no nested submenu, activate the link
3240                        let linkUrl = $currentElement.attr('href');
3241                        let linkName = $currentElement.text().trim();
3242                        
3243                        if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') {
3244                            // Close all menus
3245                            $('.show_sub_menu').removeClass('show_sub_menu');
3246                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
3247                            $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
3248                            
3249                            // Update content and move focus
3250                            updateContent(linkUrl, linkName, true);
3251                        }
3252                    }
3253                } else if (event.which === 27) {
3254                    // Escape: close submenu and return focus to parent menu item
3255                    event.preventDefault();
3256                    
3257                    // Close any open nested submenu
3258                    $currentLi.find('.nav_list_trd').removeClass('open');
3259                    
3260                    // Find the parent menu container
3261                    if ($parentMenuContainerLi.length === 0) {
3262                        let current = $currentElement.parent();
3263                        while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) {
3264                            current = current.parent();
3265                        }
3266                        if (current.hasClass('menu_container_li')) {
3267                            $parentMenuContainerLi = current;
3268                        } else {
3269                            $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() {
3270                                return $(this).find($currentElement).length > 0;
3271                            }).first();
3272                        }
3273                    }
3274                    
3275                    if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
3276                        $parentMenuContainerLi.removeClass('show_sub_menu');
3277                        $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
3278                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
3279                        
3280                        // Return focus to the parent menu item
3281                        let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links');
3282                        if (parent_menu_link.length > 0) {
3283                            let menubarItems = getMenubarItems();
3284                            setFocusToMenuitem(menubarItems, parent_menu_link);
3285                        }
3286                    }
3287                } else if (event.which === 37) {
3288                    // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item
3289                    event.preventDefault();
3290                    
3291                    // Close current submenu
3292                    if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
3293                        $parentMenuContainerLi.removeClass('show_sub_menu');
3294                        $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
3295                        $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
3296                        
3297                        // Move to previous menubar item and open its submenu
3298                        if (parentMenubarIndex >= 0) {
3299                            let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1;
3300                            let prevMenubarItem = menubarItems.eq(prevMenubarIndex);
3301                            let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li');
3302                            
3303                            if (prevMenuContainerLi.find('.menu_container').length > 0) {
3304                                prevMenuContainerLi.addClass('show_sub_menu');
3305                                prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3306                                $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3307                            }
3308                            setFocusToMenuitem(menubarItems, prevMenubarItem);
3309                        } else {
3310                            // Just focus parent if not in menubar
3311                            let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links');
3312                            if (parent_menu_link.length > 0) {
3313                                let menubarItems = getMenubarItems();
3314                                setFocusToMenuitem(menubarItems, parent_menu_link);
3315                            }
3316                        }
3317                    }
3318                } else if (event.which === 39) {
3319                    // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item
3320                    event.preventDefault();
3321                    
3322                    let $nestedSubmenu = $currentLi.find('.nav_list_trd');
3323                    if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) {
3324                        // Open nested submenu and focus first item
3325                        $nestedSubmenu.addClass('open');
3326                        let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() {
3327                            return $(this).is(':visible') && !$(this).attr('disabled');
3328                        });
3329                        if (nestedItems.length > 0) {
3330                            setTimeout(function() {
3331                                let firstItem = nestedItems.first();
3332                                setFocusToMenuitem(nestedItems, firstItem);
3333                            }, 0);
3334                        }
3335                    } else {
3336                        // Close current submenu and move to next menubar item
3337                        if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) {
3338                            $parentMenuContainerLi.removeClass('show_sub_menu');
3339                            $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false');
3340                            $('.horizontal_menu').attr('data-menubar-item-expanded', 'false');
3341                            
3342                            // Move to next menubar item and open its submenu
3343                            if (parentMenubarIndex >= 0) {
3344                                let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0;
3345                                let nextMenubarItem = menubarItems.eq(nextMenubarIndex);
3346                                let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li');
3347                                
3348                                if (nextMenuContainerLi.find('.menu_container').length > 0) {
3349                                    nextMenuContainerLi.addClass('show_sub_menu');
3350                                    nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true');
3351                                    $('.horizontal_menu').attr('data-menubar-item-expanded', 'true');
3352                                }
3353                                setFocusToMenuitem(menubarItems, nextMenubarItem);
3354                            }
3355                        }
3356                    }
3357                } else if (event.which === 40) {
3358                    // Down Arrow: move to next item in submenu (circular)
3359                    event.preventDefault();
3360                    if (submenuItems.length > 0) {
3361                        let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0;
3362                        let nextItem = submenuItems.eq(nextIndex);
3363                        if (nextItem.length > 0) {
3364                            setFocusToMenuitem(submenuItems, nextItem);
3365                        }
3366                    }
3367                } else if (event.which === 38) {
3368                    // Up Arrow: move to previous item in submenu (circular)
3369                    event.preventDefault();
3370                    if (submenuItems.length > 0) {
3371                        let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1;
3372                        let prevItem = submenuItems.eq(prevIndex);
3373                        if (prevItem.length > 0) {
3374                            setFocusToMenuitem(submenuItems, prevItem);
3375                        }
3376                    }
3377                } else if (event.which === 36 || event.which === 33) {
3378                    // Home or PageUp: move to first item in submenu
3379                    event.preventDefault();
3380                    if (submenuItems.length > 0) {
3381                        let firstItem = submenuItems.first();
3382                        setFocusToMenuitem(submenuItems, firstItem);
3383                    }
3384                } else if (event.which === 35 || event.which === 34) {
3385                    // End or PageDown: move to last item in submenu
3386                    event.preventDefault();
3387                    if (submenuItems.length > 0) {
3388                        let lastItem = submenuItems.last();
3389                        setFocusToMenuitem(submenuItems, lastItem);
3390                    }
3391                } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) {
3392                    // Character navigation (A-Z, 0-9)
3393                    event.preventDefault();
3394                    let char = String.fromCharCode(event.which).toLowerCase();
3395                    let now = Date.now();
3396                    
3397                    // Reset if timeout passed or different character
3398                    if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) {
3399                        lastChar = char;
3400                        lastCharTime = now;
3401                    }
3402                    
3403                    if (submenuItems.length > 0 && currentSubmenuIndex >= 0) {
3404                        let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex);
3405                        if (nextIndex >= 0) {
3406                            let nextItem = submenuItems.eq(nextIndex);
3407                            setFocusToMenuitem(submenuItems, nextItem);
3408                        }
3409                    }
3410                }
3411            });
3412        </script>
3412
3413        </div>
3414</div>
3415
3416<style>
3417    .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu {
3418        width:100%;                                    justify-content: center;
3419                            align-items:center; -webkit-align-items:center;    }
3420
3421            .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu {
3422        height:100%;        }
3423    
3424    .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
3425        display: flex;
3426        margin-top:5px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
3427
3428    .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
3429    .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
3430        color:#0d0d0d; display: flex;
3431        font-weight:500;        font-style:normal;                font-size:17px;        font-family:Cinzel;        text-transform:none;                line-height:25px;    }
3432
3433    .header_container_1>.flex_row_5>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
3434        color:#000000;    }
3435</style>
3436                        </div>
3437
3438                        <style>
3439                            .header_container_1>.flex_row_5>.flex_col_1 {
3440                            width:100%;                            }
3441                        </style>
3442
3443
3444                    
3445                </div>
3446
3447                
3448                <style>
3449    .header_container_1>.flex_row_5 {
3450                    background-color: #f6f2ee;
3451        
3452        color:#000000;        height:auto;                
3453        
3454            }
3455
3456    </style>
3457
3458
3459                                
3460            
3461            
3462                
3463                    <div class="flex_row">
3464
3465                        
3466                            <div class="flex_col">
3467
3468                                
3469                            </div>
3470                        
3471                    </div>
3472                
3473            
3474                
3475                    <div class="flex_row">
3476
3477                        
3478                            <div class="flex_col">
3479
3480                                
3481                            </div>
3482                        
3483                            <div class="flex_col">
3484
3485                                
3486                            </div>
3487                        
3488                            <div class="flex_col">
3489
3490                                
3491                            </div>
3492                        
3493                            <div class="flex_col">
3494
3495                                
3496                            </div>
3497                        
3498                            <div class="flex_col">
3499
3500                                
3501                            </div>
3502                        
3503                            <div class="flex_col">
3504
3505                                
3506                            </div>
3507                        
3508                    </div>
3509                
3510            
3511                
3512                    <div class="flex_row">
3513
3514                        
3515                            <div class="flex_col">
3516
3517                                
3518                            </div>
3519                        
3520                            <div class="flex_col">
3521
3522                                
3523                            </div>
3524                        
3525                            <div class="flex_col">
3526
3527                                
3528                            </div>
3529                        
3530                    </div>
3531                
3532            
3533                
3534                    <div class="flex_row">
3535
3536                        
3537                            <div class="flex_col">
3538
3539                                
3540                            </div>
3541                        
3542                    </div>
3543                
3544            
3545                
3546                    <div class="flex_row">
3547
3548                        
3549                            <div class="flex_col">
3550
3551                                <div class="flex_cell flex_cell_1 menu">
3552    <style>
3553        #desktop_hamburger_menu_template {
3554            position: fixed;
3555            top: 0;
3556            left: 0;
3557            width: 325px;
3558            overflow-y: auto;
3559            transform: translateX(-325px);
3560            z-index: 1000000001;
3561            height: 100vh;
3562            background-color: #ffffff;
3563            transition: all 0.3s ease;
3564        }
3565        #desktop_hamburger_menu_template_overlay.open {
3566            position: fixed;
3567            top: 0;
3568            left: 0;
3569            width: 100vw;
3570            z-index: 1000000001;
3571            transition: all 0.3s ease;
3572            height: 100vh;
3573            background: rgba(1, 1, 1, 0.5);
3574            cursor: pointer;
3575            transform: translateX(325px);
3576        }
3577        #desktop_hamburger_menu_template .hamburger-menu-template-inner {
3578            padding: 10px;
3579            padding-right:25px;
3580        }
3581        #desktop_hamburger_menu_template .hamburger-menu-close-button {
3582            font-size: 14px !important;
3583            display: flex;
3584            align-items: center;
3585            margin-bottom: 20px;
3586        }
3587        #desktop_hamburger_menu_template .hamburger-menu-close-button svg,
3588        #desktop_hamburger_menu_template button.hamburger-menu-close-button svg {
3589            height: 15px;
3590            margin-right: 5px;
3591        }
3592        #desktop_hamburger_menu_template .hamburger-menu-nav-section {
3593            display: flex;
3594            justify-content: space-between;
3595            align-items: center;
3596        }
3597        #desktop_hamburger_menu_template .hamburger-menu-nav-section svg,
3598        #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg,
3599        #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg {
3600            height: 10px;
3601            float: right;
3602        }
3603        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
3604        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
3605        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
3606            text-decoration: underline;
3607        }
3608        #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
3609        #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
3610        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
3611            min-width:30px;
3612            justify-content: end;
3613        }
3614        #desktop_hamburger_menu_template .ham_menu_container {
3615            display:flex;
3616            justify-content: space-between;
3617        }
3618        #desktop_hamburger_menu_template.open {
3619            transform: translateX(0);
3620        }
3621        #desktop_hamburger_menu_template .sub-menu-panel {
3622            display: none;
3623        }
3624        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
3625            display: none;
3626        }
3627        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
3628            display: block;
3629        }
3630        #desktop_hamburger_menu_template .icon_and_name {
3631            display:flex;
3632            align-items:center;
3633            gap:10px;
3634        }
3635        #desktop_hamburger_menu_template .hum-line {
3636            border-bottom: 1px solid #ddd;
3637        }
3638        #desktop_hamburger_menu_template .sub-menu-panel.open,
3639        #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
3640            display: block;
3641        }
3642        #desktop_hamburger_menu_template a.hamburger-menu-nav-section,
3643        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
3644        #desktop_hamburger_menu_template button.hamburger-menu-close-button,
3645        #desktop_hamburger_menu_template a.hamburger-menu-close-button{
3646        color:#0d0d0d;            display: flex;
3647            text-align: left;
3648            width: 100%;
3649            position: relative;
3650        font-weight:500;        font-style:normal;                font-size:17px;        font-family:Cinzel;        text-transform:none;                line-height:25px;        }
3651        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
3652            display: none;
3653            padding: 15px 0px;
3654            background: #fff;
3655        }
3656        #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
3657            display: block;
3658            padding-top:2px;
3659        }
3660        /* Reset button styles to look like links */
3661        #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
3662        #desktop_hamburger_menu_template button.hamburger-menu-close-button,
3663        #desktop_hamburger_menu_template button.parent_men_arrow {
3664            background: none;
3665            border: none;
3666            padding: 0;
3667            cursor: pointer;
3668            -webkit-appearance: none;
3669            -moz-appearance: none;
3670            appearance: none;
3671        }
3672        
3673        /* Hover and active states for buttons - inherit from link styles */
3674        #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover,
3675        #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active,
3676        #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
3677        #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover {
3678            /* Styles inherited from parent selectors above */
3679        }
3680        
3681        /* Additional button styles are inherited from parent selectors above */
3682        
3683        /* Image styles inside buttons */
3684        #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
3685        #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
3686                            height:20px;
3687                    }
3688    </style>
3689
3690    <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
3691        <div class="hamburger-menu-template-inner">
3692            <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu">
3693                <svg role="img" aria-hidden="true" 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> CLOSE</button>
3694
3695            <div class="script_before_menu">
3696                                                            </div>
3697            <div style="clear: both"></div>
3698            
3699                    
3700                        <div class="ham_menu_container">
3701                        <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.charleskrypell.com/fine-jewelry" >
3702
3703                            <span class="icon_and_name">
3704                            
3705                                Jewelry                            </span>
3706
3707                        </a>
3708                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Jewelry section">
3709
3710                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
3711                            
3712                        </button>
3713                    
3714
3715                    
3716                        </div>
3717                    
3718                    <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true">
3719                                                    
3720    
3721        
3722
3723
3724<div class="menu_container default_build_menu menu_container_1_navigation_16">
3725    <div class="nav_div_16">
3726                <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1">
3727                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
3728                    <li style=""
3729                        class="" 
3730                        role="none">
3731
3732                          
3733
3734                                                <a class="nav_a_trd " title="Necklaces" href="https://www.charleskrypell.com/necklaces"  data-full_image="" role="menuitem" tabindex="0" >
3735                                                                        Necklaces                                                                        </a>
3736                        
3737                              
3738
3739                         
3740
3741
3742
3743                                            </li>
3744
3745                
3746                            
3747                    <li style=""
3748                        class="" 
3749                        role="none">
3750
3751                          
3752
3753                                                <a class="nav_a_trd " title="Earrings" href="https://www.charleskrypell.com/earrings"  data-full_image="" role="menuitem" tabindex="-1" >
3754                                                                        Earrings                                                                        </a>
3755                        
3756                              
3757
3758                         
3759
3760
3761
3762                                            </li>
3763
3764                
3765                            
3766                    <li style=""
3767                        class="" 
3768                        role="none">
3769
3770                          
3771
3772                                                <a class="nav_a_trd " title="Bracelets" href="https://www.charleskrypell.com/bracelets"  data-full_image="" role="menuitem" tabindex="-1" >
3773                                                                        Bracelets                                                                        </a>
3774                        
3775                              
3776
3777                         
3778
3779
3780
3781                                            </li>
3782
3783                
3784                            
3785                    <li style=""
3786                        class="" 
3787                        role="none">
3788
3789                          
3790
3791                                                <a class="nav_a_trd " title="Rings" href="https://www.charleskrypell.com/rings"  data-full_image="" role="menuitem" tabindex="-1" >
3792                                                                        Rings                                                                        </a>
3793                        
3794                              
3795
3796                         
3797
3798
3799
3800                                            </li>
3801
3802                
3803                                                                                                                                                                                                                                                                                                            </ul>
3804                    </div>
3805</div>
3806<style>
3807    .menu_container_1_navigation_16 {
3808        background: #fff;
3809                    }
3810    .horizontal_menu .nav_div_16 {
3811        padding: 15px 0px;
3812        box-shadow: 0px 0px 5px #00000078;        display: flex;
3813        flex-wrap: wrap;
3814    }
3815    .horizontal_menu .nav_img_16 {
3816        height: 200px;
3817        width: 250px;
3818        margin-left: 50px;
3819        margin-right: 20px;
3820        flex-shrink: 0;
3821        order: 1;
3822    }
3823    .horizontal_menu .nav_img_16 img {
3824        max-width: 100%;
3825        max-height: 100%;
3826    }
3827    .horizontal_menu .nav_div_16 .vfit {
3828        text-align: left;
3829        border-bottom: 1px solid #ececec;
3830        text-transform: uppercase;
3831    }
3832    .nav_div_16 .vfit a {
3833        text-decoration: none;
3834        color: #222;
3835    }
3836    .nav_div_16 .nav_list {
3837        list-style: none;
3838        margin: 0;
3839        padding: 0;
3840        order: 1;
3841            }
3842    .nav_div_16 ul {
3843        list-style: none;
3844    }
3845    #desktop_hamburger_menu_template .nav_div_16 li {
3846        width: 100%;
3847        margin: 0;
3848        padding: 0px 20px;
3849        position: relative;
3850    }
3851    .horizontal_menu .nav_div_16 li {
3852        width: 100%;
3853        margin: 0;
3854        padding: 0px 20px;
3855        position: relative;
3856    }
3857    
3858    #desktop_hamburger_menu_template .nav_div_16 li svg {
3859        position: absolute;
3860        right: 15px;
3861        height: 10px;
3862        top: 10px;
3863    }
3864    .horizontal_menu .nav_div_16 li svg {
3865        position: absolute;
3866        right: 15px;
3867        height: 10px;
3868        top: 10px;
3869    }
3870    
3871    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
3872        display: flex;
3873        align-items: center;
3874        padding: 0;
3875        line-height: 30px;
3876        font-size: 14px;
3877        text-transform: uppercase;
3878        text-decoration: none;
3879        color: #222;
3880        white-space: normal;
3881
3882        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
3883    }
3884    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li button {
3885        background: none;
3886        border: none;
3887        cursor: pointer;
3888    }
3889    
3890    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
3891        text-decoration: underline;
3892    }
3893
3894    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
3895        color:#4d4d4d;        cursor: pointer;
3896    }
3897
3898
3899    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
3900        display: flex;
3901        align-items: center;
3902        padding: 0;
3903        line-height: 30px;
3904        font-size: 14px;
3905        text-transform: uppercase;
3906        text-decoration: none;
3907        color: #222;
3908        white-space: normal;
3909
3910        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
3911
3912    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
3913        color:#4d4d4d;    }
3914
3915    .nav_div_16 .nav_list li a .nav_icons {
3916        height: 30px;
3917        margin-right: 5px;
3918            }
3919
3920            .nav_div_16 .nav_list .nav_list_trd li a .nav_icons {
3921            height: 25px;
3922        }
3923    
3924
3925    .nav_div_16 .nav_list li a:hover {
3926        color: #3172ab;
3927    }
3928    .horizontal_menu .nav_div_16 .nav_list_trd {
3929        display: none;
3930        position: absolute;
3931        left: 100%;
3932        top: -15px;
3933        padding: 15px 0px;
3934        box-shadow: 0px 0px 5px #00000078;        background: #fff;
3935    }
3936    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
3937    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
3938        display: block;
3939        z-index: 99;
3940    }
3941
3942    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16,
3943    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{
3944                    width: 250px;
3945            }
3946
3947            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_16 .nav_list_trd{
3948            width: 250px;
3949        }
3950    </style>
3951                                            </div>
3952                    <div class="hum-line"></div>
3953                            
3954                    
3955                                                    <button type="button" class="hamburger-menu
3955-nav-section " aria-expanded="false" aria-controls="desktop-submenu-103" aria-label="Expand Collections section">
3956                                                <span class="icon_and_name">
3957                        
3958                            Collections                        </span>
3959                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
3960                            
3961                                                    </button>
3962                                            
3963
3964                    
3965                    <div class="sub-menu-panel" id="desktop-submenu-103" aria-hidden="true">
3966                                                    
3967    
3968        
3969
3970
3971<div class="menu_container default_build_menu menu_container_1_navigation_103">
3972    <div class="nav_div_103">
3973                <ul class="nav_list" role="menu" aria-label="Collections" tabindex="-1">
3974                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
3975                    <li style=""
3976                        class="" 
3977                        role="none">
3978
3979                          
3980
3981                                                <a class="nav_a_trd " title="Gold Collection" href="https://www.charleskrypell.com/gold-collection"  data-full_image="" role="menuitem" tabindex="0" >
3982                                                                        Gold Collection                                                                        </a>
3983                        
3984                              
3985
3986                         
3987
3988
3989
3990                                            </li>
3991
3992                
3993                            
3994                    <li style=""
3995                        class="" 
3996                        role="none">
3997
3998                          
3999
4000                                                <a class="nav_a_trd " title="Pastel Collection" href="https://www.charleskrypell.com/pastel-collection"  data-full_image="" role="menuitem" tabindex="-1" >
4001                                                                        Pastel Collection                                                                        </a>
4002                        
4003                              
4004
4005                         
4006
4007
4008
4009                                            </li>
4010
4011                
4012                            
4013                    <li style=""
4014                        class="" 
4015                        role="none">
4016
4017                          
4018
4019                                                <a class="nav_a_trd " title="Signature Collection" href="https://www.charleskrypell.com/signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
4020                                                                        Signature Collection                                                                        </a>
4021                        
4022                              
4023
4024                         
4025
4026
4027
4028                                            </li>
4029
4030                
4031                            
4032                    <li style=""
4033                        class="" 
4034                        role="none">
4035
4036                          
4037
4038                                                <a class="nav_a_trd " title="Precious Collection" href="https://www.charleskrypell.com/precious-collection"  data-full_image="" role="menuitem" tabindex="-1" >
4039                                                                        Precious Collection                                                                        </a>
4040                        
4041                              
4042
4043                         
4044
4045
4046
4047                                            </li>
4048
4049                
4050                                    </ul>
4051                    </div>
4052</div>
4053<style>
4054    .menu_container_1_navigation_103 {
4055        background: #fff;
4056                    }
4057    .horizontal_menu .nav_div_103 {
4058        padding: 15px 0px;
4059        box-shadow: 0px 0px 5px #00000078;        display: flex;
4060        flex-wrap: wrap;
4061    }
4062    .horizontal_menu .nav_img_103 {
4063        height: 200px;
4064        width: 250px;
4065        margin-left: 50px;
4066        margin-right: 20px;
4067        flex-shrink: 0;
4068        order: 1;
4069    }
4070    .horizontal_menu .nav_img_103 img {
4071        max-width: 100%;
4072        max-height: 100%;
4073    }
4074    .horizontal_menu .nav_div_103 .vfit {
4075        text-align: left;
4076        border-bottom: 1px solid #ececec;
4077        text-transform: uppercase;
4078    }
4079    .nav_div_103 .vfit a {
4080        text-decoration: none;
4081        color: #222;
4082    }
4083    .nav_div_103 .nav_list {
4084        list-style: none;
4085        margin: 0;
4086        padding: 0;
4087        order: 1;
4088            }
4089    .nav_div_103 ul {
4090        list-style: none;
4091    }
4092    #desktop_hamburger_menu_template .nav_div_103 li {
4093        width: 100%;
4094        margin: 0;
4095        padding: 0px 20px;
4096        position: relative;
4097    }
4098    .horizontal_menu .nav_div_103 li {
4099        width: 100%;
4100        margin: 0;
4101        padding: 0px 20px;
4102        position: relative;
4103    }
4104    
4105    #desktop_hamburger_menu_template .nav_div_103 li svg {
4106        position: absolute;
4107        right: 15px;
4108        height: 10px;
4109        top: 10px;
4110    }
4111    .horizontal_menu .nav_div_103 li svg {
4112        position: absolute;
4113        right: 15px;
4114        height: 10px;
4115        top: 10px;
4116    }
4117    
4118    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd {
4119        display: flex;
4120        align-items: center;
4121        padding: 0;
4122        line-height: 30px;
4123        font-size: 14px;
4124        text-transform: uppercase;
4125        text-decoration: none;
4126        color: #222;
4127        white-space: normal;
4128
4129        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
4130    }
4131    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li button {
4132        background: none;
4133        border: none;
4134        cursor: pointer;
4135    }
4136    
4137    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men {
4138        text-decoration: underline;
4139    }
4140
4141    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover {
4142        color:#4d4d4d;        cursor: pointer;
4143    }
4144
4145
4146    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a {
4147        display: flex;
4148        align-items: center;
4149        padding: 0;
4150        line-height: 30px;
4151        font-size: 14px;
4152        text-transform: uppercase;
4153        text-decoration: none;
4154        color: #222;
4155        white-space: normal;
4156
4157        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
4158
4159    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover {
4160        color:#4d4d4d;    }
4161
4162    .nav_div_103 .nav_list li a .nav_icons {
4163        height: 30px;
4164        margin-right: 5px;
4165            }
4166
4167            .nav_div_103 .nav_list .nav_list_trd li a .nav_icons {
4168            height: 25px;
4169        }
4170    
4171
4172    .nav_div_103 .nav_list li a:hover {
4173        color: #3172ab;
4174    }
4175    .horizontal_menu .nav_div_103 .nav_list_trd {
4176        display: none;
4177        position: absolute;
4178        left: 100%;
4179        top: -15px;
4180        padding: 15px 0px;
4181        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4182    }
4183    .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open,
4184    .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd {
4185        display: block;
4186        z-index: 99;
4187    }
4188
4189    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103,
4190    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{
4191                    width: 250px;
4192            }
4193
4194            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_103 .nav_list_trd{
4195            width: 250px;
4196        }
4197    </style>
4198                                            </div>
4199                    <div class="hum-line"></div>
4200                            
4201                    
4202                                                    <a class="hamburger-menu
4202-nav-section " title="Newest Arrivals" href="https://www.charleskrypell.com/newest-arrivals" >
4203                                                <span class="icon_and_name">
4204                        
4205                            Newest Arrivals                        </span>
4206                            
4207                                                    </a>
4208                                            
4209
4210                    
4211                    <div class="sub-menu-panel" id="desktop-submenu-20" aria-hidden="true">
4212                                                    
4213    
4214        
4215
4216
4217<div class="menu_container default_build_menu menu_container_1_navigation_20">
4218    <div class="nav_div_20">
4219                    </div>
4220</div>
4221<style>
4222    .menu_container_1_navigation_20 {
4223        background: #fff;
4224                    }
4225    .horizontal_menu .nav_div_20 {
4226        padding: 15px 0px;
4227        box-shadow: 0px 0px 5px #00000078;        display: flex;
4228        flex-wrap: wrap;
4229    }
4230    .horizontal_menu .nav_img_20 {
4231        height: 200px;
4232        width: 250px;
4233        margin-left: 50px;
4234        margin-right: 20px;
4235        flex-shrink: 0;
4236        order: 1;
4237    }
4238    .horizontal_menu .nav_img_20 img {
4239        max-width: 100%;
4240        max-height: 100%;
4241    }
4242    .horizontal_menu .nav_div_20 .vfit {
4243        text-align: left;
4244        border-bottom: 1px solid #ececec;
4245        text-transform: uppercase;
4246    }
4247    .nav_div_20 .vfit a {
4248        text-decoration: none;
4249        color: #222;
4250    }
4251    .nav_div_20 .nav_list {
4252        list-style: none;
4253        margin: 0;
4254        padding: 0;
4255        order: 1;
4256            }
4257    .nav_div_20 ul {
4258        list-style: none;
4259    }
4260    #desktop_hamburger_menu_template .nav_div_20 li {
4261        width: 100%;
4262        margin: 0;
4263        padding: 0px 20px;
4264        position: relative;
4265    }
4266    .horizontal_menu .nav_div_20 li {
4267        width: 100%;
4268        margin: 0;
4269        padding: 0px 20px;
4270        position: relative;
4271    }
4272    
4273    #desktop_hamburger_menu_template .nav_div_20 li svg {
4274        position: absolute;
4275        right: 15px;
4276        height: 10px;
4277        top: 10px;
4278    }
4279    .horizontal_menu .nav_div_20 li svg {
4280        position: absolute;
4281        right: 15px;
4282        height: 10px;
4283        top: 10px;
4284    }
4285    
4286    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd {
4287        display: flex;
4288        align-items: center;
4289        padding: 0;
4290        line-height: 30px;
4291        font-size: 14px;
4292        text-transform: uppercase;
4293        text-decoration: none;
4294        color: #222;
4295        white-space: normal;
4296
4297        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
4298    }
4299    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button {
4300        background: none;
4301        border: none;
4302        cursor: pointer;
4303    }
4304    
4305    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men {
4306        text-decoration: underline;
4307    }
4308
4309    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover {
4310        color:#4d4d4d;        cursor: pointer;
4311    }
4312
4313
4314    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a {
4315        display: flex;
4316        align-items: center;
4317        padding: 0;
4318        line-height: 30px;
4319        font-size: 14px;
4320        text-transform: uppercase;
4321        text-decoration: none;
4322        color: #222;
4323        white-space: normal;
4324
4325        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
4326
4327    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .n
4327av_list li .nav_list_trd li a:hover {
4328        color:#4d4d4d;    }
4329
4330    .nav_div_20 .nav_list li a .nav_icons {
4331        height: 30px;
4332        margin-right: 5px;
4333            }
4334
4335            .nav_div_20 .nav_list .nav_list_trd li a .nav_icons {
4336            height: 25px;
4337        }
4338    
4339
4340    .nav_div_20 .nav_list li a:hover {
4341        color: #3172ab;
4342    }
4343    .horizontal_menu .nav_div_20 .nav_list_trd {
4344        display: none;
4345        position: absolute;
4346        left: 100%;
4347        top: -15px;
4348        padding: 15px 0px;
4349        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4350    }
4351    .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open,
4352    .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd {
4353        display: block;
4354        z-index: 99;
4355    }
4356
4357    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20,
4358    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{
4359                    width: 250px;
4360            }
4361
4362            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{
4363            width: 250px;
4364        }
4365    </style>
4366                                            </div>
4367                    <div class="hum-line"></div>
4368                            
4369                    
4370                                                    <a class="hamburger-menu-nav-section " title="Heritage" href="https://www.charleskrypell.com/heritage" >
4371                                                <span class="icon_and_name">
4372                        
4373                            Heritage                        </span>
4374                            
4375                                                    </a>
4376                                            
4377
4378                    
4379                    <div class="sub-menu-panel" id="desktop-submenu-98" aria-hidden="true">
4380                                                    
4381    
4382        
4383
4384
4385<div class="menu_container default_build_menu menu_container_1_navigation_98">
4386    <div class="nav_div_98">
4387                    </div>
4388</div>
4389<style>
4390    .menu_container_1_navigation_98 {
4391        background: #fff;
4392                    }
4393    .horizontal_menu .nav_div_98 {
4394        padding: 15px 0px;
4395        box-shadow: 0px 0px 5px #00000078;        display: flex;
4396        flex-wrap: wrap;
4397    }
4398    .horizontal_menu .nav_img_98 {
4399        height: 200px;
4400        width: 250px;
4401        margin-left: 50px;
4402        margin-right: 20px;
4403        flex-shrink: 0;
4404        order: 1;
4405    }
4406    .horizontal_menu .nav_img_98 img {
4407        max-width: 100%;
4408        max-height: 100%;
4409    }
4410    .horizontal_menu .nav_div_98 .vfit {
4411        text-align: left;
4412        border-bottom: 1px solid #ececec;
4413        text-transform: uppercase;
4414    }
4415    .nav_div_98 .vfit a {
4416        text-decoration: none;
4417        color: #222;
4418    }
4419    .nav_div_98 .nav_list {
4420        list-style: none;
4421        margin: 0;
4422        padding: 0;
4423        order: 1;
4424            }
4425    .nav_div_98 ul {
4426        list-style: none;
4427    }
4428    #desktop_hamburger_menu_template .nav_div_98 li {
4429        width: 100%;
4430        margin: 0;
4431        padding: 0px 20px;
4432        position: relative;
4433    }
4434    .horizontal_menu .nav_div_98 li {
4435        width: 100%;
4436        margin: 0;
4437        padding: 0px 20px;
4438        position: relative;
4439    }
4440    
4441    #desktop_hamburger_menu_template .nav_div_98 li svg {
4442        position: absolute;
4443        right: 15px;
4444        height: 10px;
4445        top: 10px;
4446    }
4447    .horizontal_menu .nav_div_98 li svg {
4448        position: absolute;
4449        right: 15px;
4450        height: 10px;
4451        top: 10px;
4452    }
4453    
4454    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_a_trd {
4455        display: flex;
4456        align-items: center;
4457        padding: 0;
4458        line-height: 30px;
4459        font-size: 14px;
4460        text-transform: uppercase;
4461        text-decoration: none;
4462        color: #222;
4463        white-space: normal;
4464
4465        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
4466    }
4467    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li button {
4468        background: none;
4469        border: none;
4470        cursor: pointer;
4471    }
4472    
4473    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_a_trd.parent_men {
4474        text-decoration: underline;
4475    }
4476
4477    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_a_trd:hover {
4478        color:#4d4d4d;        cursor: pointer;
4479    }
4480
4481
4482    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a {
4483        display: flex;
4484        align-items: center;
4485        padding: 0;
4486        line-height: 30px;
4487        font-size: 14px;
4488        text-transform: uppercase;
4489        text-decoration: none;
4490        color: #222;
4491        white-space: normal;
4492
4493        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
4494
4495    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a:hover {
4496        color:#4d4d4d;    }
4497
4498    .nav_div_98 .nav_list li a .nav_icons {
4499        height: 30px;
4500        margin-right: 5px;
4501            }
4502
4503            .nav_div_98 .nav_list .nav_list_trd li a .nav_icons {
4504            height: 25px;
4505        }
4506    
4507
4508    .nav_div_98 .nav_list li a:hover {
4509        color: #3172ab;
4510    }
4511    .horizontal_menu .nav_div_98 .nav_list_trd {
4512        display: none;
4513        position: absolute;
4514        left: 100%;
4515        top: -15px;
4516        padding: 15px 0px;
4517        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4518    }
4519    .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open,
4520    .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd {
4521        display: block;
4522        z-index: 99;
4523    }
4524
4525    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98,
4526    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{
4527                    width: 250px;
4528            }
4529
4530            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{
4531            width: 250px;
4532        }
4533    </style>
4534                                            </div>
4535                    <div class="hum-line"></div>
4536                            
4537                    
4538                                                    <a class="hamburger-menu
4538-nav-section " title="Contact Us" href="https://www.charleskrypell.com/contact-us" >
4539                                                <span class="icon_and_name">
4540                        
4541                            Contact Us                        </span>
4542                            
4543                                                    </a>
4544                                            
4545
4546                    
4547                    <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true">
4548                                                    
4549    
4550        
4551
4552
4553<div class="menu_container default_build_menu menu_container_1_navigation_22">
4554    <div class="nav_div_22">
4555                    </div>
4556</div>
4557<style>
4558    .menu_container_1_navigation_22 {
4559        background: #fff;
4560                    }
4561    .horizontal_menu .nav_div_22 {
4562        padding: 15px 0px;
4563        box-shadow: 0px 0px 5px #00000078;        display: flex;
4564        flex-wrap: wrap;
4565    }
4566    .horizontal_menu .nav_img_22 {
4567        height: 200px;
4568        width: 250px;
4569        margin-left: 50px;
4570        margin-right: 20px;
4571        flex-shrink: 0;
4572        order: 1;
4573    }
4574    .horizontal_menu .nav_img_22 img {
4575        max-width: 100%;
4576        max-height: 100%;
4577    }
4578    .horizontal_menu .nav_div_22 .vfit {
4579        text-align: left;
4580        border-bottom: 1px solid #ececec;
4581        text-transform: uppercase;
4582    }
4583    .nav_div_22 .vfit a {
4584        text-decoration: none;
4585        color: #222;
4586    }
4587    .nav_div_22 .nav_list {
4588        list-style: none;
4589        margin: 0;
4590        padding: 0;
4591        order: 1;
4592            }
4593    .nav_div_22 ul {
4594        list-style: none;
4595    }
4596    #desktop_hamburger_menu_template .nav_div_22 li {
4597        width: 100%;
4598        margin: 0;
4599        padding: 0px 20px;
4600        position: relative;
4601    }
4602    .horizontal_menu .nav_div_22 li {
4603        width: 100%;
4604        margin: 0;
4605        padding: 0px 20px;
4606        position: relative;
4607    }
4608    
4609    #desktop_hamburger_menu_template .nav_div_22 li svg {
4610        position: absolute;
4611        right: 15px;
4612        height: 10px;
4613        top: 10px;
4614    }
4615    .horizontal_menu .nav_div_22 li svg {
4616        position: absolute;
4617        right: 15px;
4618        height: 10px;
4619        top: 10px;
4620    }
4621    
4622    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
4623        display: flex;
4624        align-items: center;
4625        padding: 0;
4626        line-height: 30px;
4627        font-size: 14px;
4628        text-transform: uppercase;
4629        text-decoration: none;
4630        color: #222;
4631        white-space: normal;
4632
4633        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
4634    }
4635    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button {
4636        background: none;
4637        border: none;
4638        cursor: pointer;
4639    }
4640    
4641    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
4642        text-decoration: underline;
4643    }
4644
4645    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
4646        color:#4d4d4d;        cursor: pointer;
4647    }
4648
4649
4650    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
4651        display: flex;
4652        align-items: center;
4653        padding: 0;
4654        line-height: 30px;
4655        font-size: 14px;
4656        text-transform: uppercase;
4657        text-decoration: none;
4658        color: #222;
4659        white-space: normal;
4660
4661        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
4662
4663    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
4664        color:#4d4d4d;    }
4665
4666    .nav_div_22 .nav_list li a .nav_icons {
4667        height: 30px;
4668        margin-right: 5px;
4669            }
4670
4671            .nav_div_22 .nav_list .nav_list_trd li a .nav_icons {
4672            height: 25px;
4673        }
4674    
4675
4676    .nav_div_22 .nav_list li a:hover {
4677        color: #3172ab;
4678    }
4679    .horizontal_menu .nav_div_22 .nav_list_trd {
4680        display: none;
4681        position: absolute;
4682        left: 100%;
4683        top: -15px;
4684        padding: 15px 0px;
4685        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4686    }
4687    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
4688    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
4689        display: block;
4690        z-index: 99;
4691    }
4692
4693    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22,
4694    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{
4695                    width: 250px;
4696            }
4697
4698            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{
4699            width: 250px;
4700        }
4701    </style>
4702                                            </div>
4703                    <div class="hum-line"></div>
4704                            
4705                    
4706                                                    <a class="hamburger-menu
4706-nav-section " title="Bespoke" href="https://www.charleskrypell.com/bespoke" >
4707                                                <span class="icon_and_name">
4708                        
4709                            Bespoke                        </span>
4710                            
4711                                                    </a>
4712                                            
4713
4714                    
4715                    <div class="sub-menu-panel" id="desktop-submenu-115" aria-hidden="true">
4716                                                    
4717    
4718        
4719
4720
4721<div class="menu_container default_build_menu menu_container_1_navigation_115">
4722    <div class="nav_div_115">
4723                    </div>
4724</div>
4725<style>
4726    .menu_container_1_navigation_115 {
4727        background: #fff;
4728                    }
4729    .horizontal_menu .nav_div_115 {
4730        padding: 15px 0px;
4731        box-shadow: 0px 0px 5px #00000078;        display: flex;
4732        flex-wrap: wrap;
4733    }
4734    .horizontal_menu .nav_img_115 {
4735        height: 200px;
4736        width: 250px;
4737        margin-left: 50px;
4738        margin-right: 20px;
4739        flex-shrink: 0;
4740        order: 1;
4741    }
4742    .horizontal_menu .nav_img_115 img {
4743        max-width: 100%;
4744        max-height: 100%;
4745    }
4746    .horizontal_menu .nav_div_115 .vfit {
4747        text-align: left;
4748        border-bottom: 1px solid #ececec;
4749        text-transform: uppercase;
4750    }
4751    .nav_div_115 .vfit a {
4752        text-decoration: none;
4753        color: #222;
4754    }
4755    .nav_div_115 .nav_list {
4756        list-style: none;
4757        margin: 0;
4758        padding: 0;
4759        order: 1;
4760            }
4761    .nav_div_115 ul {
4762        list-style: none;
4763    }
4764    #desktop_hamburger_menu_template .nav_div_115 li {
4765        width: 100%;
4766        margin: 0;
4767        padding: 0px 20px;
4768        position: relative;
4769    }
4770    .horizontal_menu .nav_div_115 li {
4771        width: 100%;
4772        margin: 0;
4773        padding: 0px 20px;
4774        position: relative;
4775    }
4776    
4777    #desktop_hamburger_menu_template .nav_div_115 li svg {
4778        position: absolute;
4779        right: 15px;
4780        height: 10px;
4781        top: 10px;
4782    }
4783    .horizontal_menu .nav_div_115 li svg {
4784        position: absolute;
4785        right: 15px;
4786        height: 10px;
4787        top: 10px;
4788    }
4789    
4790    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li .nav_a_trd {
4791        display: flex;
4792        align-items: center;
4793        padding: 0;
4794        line-height: 30px;
4795        font-size: 14px;
4796        text-transform: uppercase;
4797        text-decoration: none;
4798        color: #222;
4799        white-space: normal;
4800
4801        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                
4802    }
4803    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li button {
4804        background: none;
4805        border: none;
4806        cursor: pointer;
4807    }
4808    
4809    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li .nav_a_trd.parent_men {
4810        text-decoration: underline;
4811    }
4812
4813    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li .nav_a_trd:hover {
4814        color:#4d4d4d;        cursor: pointer;
4815    }
4816
4817
4818    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a {
4819        display: flex;
4820        align-items: center;
4821        padding: 0;
4822        line-height: 30px;
4823        font-size: 14px;
4824        text-transform: uppercase;
4825        text-decoration: none;
4826        color: #222;
4827        white-space: normal;
4828
4829        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                    }
4830
4831    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a:hover {
4832        color:#4d4d4d;    }
4833
4834    .nav_div_115 .nav_list li a .nav_icons {
4835        height: 30px;
4836        margin-right: 5px;
4837            }
4838
4839            .nav_div_115 .nav_list .nav_list_trd li a .nav_icons {
4840            height: 25px;
4841        }
4842    
4843
4844    .nav_div_115 .nav_list li a:hover {
4845        color: #3172ab;
4846    }
4847    .horizontal_menu .nav_div_115 .nav_list_trd {
4848        display: none;
4849        position: absolute;
4850        left: 100%;
4851        top: -15px;
4852        padding: 15px 0px;
4853        box-shadow: 0px 0px 5px #00000078;        background: #fff;
4854    }
4855    .horizontal_menu .nav_div_115 .nav_list>li .nav_list_trd.open,
4856    .horizontal_menu .nav_div_115 .nav_list>li:hover .nav_list_trd {
4857        display: block;
4858        z-index: 99;
4859    }
4860
4861    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_115,
4862    .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_115 .nav_list_trd{
4863                    width: 250px;
4864            }
4865
4866            .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_115 .nav_list_trd{
4867            width: 250px;
4868        }
4869    </style>
4870                                            </div>
4871                    <div class="hum-line"></div>
4872                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
4873                                            </div>
4874        </div>
4875    </nav>
4876    <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div>
4877
4878    
4878<script>
4879        $(function () {
4880        
4881            const $menuRoot   = $('#desktop_hamburger_menu_template');
4882            const $menuWrap   = $('.header_container_1');
4883            const $button     = $('#desktop_hamburger_button');
4884            const $overlay    = $('#desktop_hamburger_menu_template_overlay');
4885            const $closeBtn   = $('#desktop_hamburger_close_button');
4886        
4887            const trap = focusTrap.createFocusTrap($menuRoot[0], {
4888                onActivate: () => $menuRoot.addClass('is-active'),
4889                onDeactivate: () => $menuRoot.removeClass('is-active'),
4890                clickOutsideDeactivates: true
4891            });
4892        
4893            $button.on('click keypress', function (event) {
4894                if (event.which === 13 || event.which === 32 || event.type === 'click') {
4895                    if (event.which === 32) event.preventDefault();
4896        
4897                    const isOpen = $menuRoot.hasClass('open');
4898        
4899                    $menuRoot.toggleClass('open');
4900                    $overlay.toggleClass('open');
4901                    $menuRoot.removeAttr('inert');
4902                    $button.attr('aria-expanded', String(!isOpen));
4903        
4904                    if (!isOpen) {
4905                        trap.activate();
4906                        $closeBtn.focus();
4907                    } else {
4908                        closeHamburgerMenu();
4909                    }
4910                }
4911            });
4912        
4913            $closeBtn.add($overlay).on('click keypress', function (event) {
4914                if (event.which === 13 || event.which === 32 || event.type === 'click') {
4915                    if (event.which === 32) event.preventDefault();
4916                    closeHamburgerMenu();
4917                }
4918            });
4919        
4920            function closeHamburgerMenu() {
4921                $menuRoot.removeClass('open').attr('inert', 'inert');
4922                $overlay.removeClass('open');
4923                $button.attr('aria-expanded', 'false');
4924        
4925                $menuRoot.find('.sub-menu-panel').each(function () {
4926                    const $submenu = $(this);
4927                    $submenu.removeClass('open').attr('aria-hidden', 'true');
4928                    updateSubmenuTabindex($submenu, true);
4929                });
4930        
4931                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
4932                    .attr('aria-expanded', 'false');
4933        
4934                trap.deactivate();
4935            }
4936        
4937            function updateSubmenuTabindex($submenu, isHidden) {
4938                const $items = $submenu.find('a');
4939            
4940                if (isHidden) {
4941                    $items.each(function () {
4942                        $(this).attr('tabindex', '-1');
4943                    });
4944                } else {
4945                    $items.each(function () {
4946                        $(this).attr('tabindex', '0');
4947                    });
4948                }
4949            }
4950            
4951            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
4952            
4953                e.preventDefault();
4954                e.stopPropagation();
4955            
4956                const $trigger = $(this);
4957                const $submenu = $trigger.next('.nav_list_trd');
4958            
4959                if (!$submenu.length) return;
4960            
4961                const isOpen = $submenu.hasClass('open');
4962            
4963                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
4964                    $(this)
4965                        .removeClass('open')
4966                        .attr('aria-hidden', 'true');
4967                    updateSubmenuTabindex($(this), true);
4968                });
4969            
4970                if (isOpen) {
4971                    $submenu
4972                        .removeClass('open')
4973                        .attr('aria-hidden', 'true');
4974                    updateSubmenuTabindex($submenu, true);
4975                } else {
4976                    $submenu
4977                        .addClass('open')
4978                        .attr('aria-hidden', 'false');
4979                    updateSubmenuTabindex($submenu, false);
4980                }
4981            });
4982        
4983            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
4984        
4985                e.preventDefault();
4986                e.stopPropagation();
4987        
4988                const $btn = $(this);
4989                const submenuId = $btn.attr('aria-controls');
4990                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
4991        
4992                if (!$submenu.length) return;
4993        
4994                const isExpanded = $btn.attr('aria-expanded') === 'true';
4995        
4996                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
4997                    $(this).removeClass('open').attr('aria-hidden', 'true');
4998                    updateSubmenuTabindex($(this), true);
4999                });
5000        
5001                $menuRoot.find('[aria-controls]')
5002                    .not($btn)
5003                    .attr('aria-expanded', 'false');
5004        
5005                if (isExpanded) {
5006                    console.log($submenu)
5007                    $btn.attr('aria-expanded', 'false');
5008                    $submenu.removeClass('open').attr('aria-hidden', 'true');
5009                    updateSubmenuTabindex($submenu, true);
5010                } else {
5011                    $btn.attr('aria-expanded', 'true');
5012                    $submenu.addClass('open').attr('aria-hidden', 'false');
5013                    updateSubmenuTabindex($submenu, false);
5014                }
5015            });
5016        
5017            $menuRoot.on('keydown', function (e) {
5018                if (e.key !== 'Escape') return;
5019            
5020                const $open = $menuRoot.find('.nav_list_trd.open').last();
5021                if (!$open.length) return;
5022            
5023                $open
5024                    .removeClass('open')
5025                    .attr('aria-hidden', 'true');
5026            
5027                updateSubmenuTabindex($open, true);
5028            
5029                $open.prev('.nav_a_trd').focus();
5030            
5031                e.preventDefault();
5032                e.stopPropagation();
5033            });
5034        
5035            $menuRoot.find('.sub-menu-panel').each(function () {
5036                const $submenu = $(this);
5037                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
5038                updateSubmenuTabindex($submenu, !isOpen);
5039            });
5040        
5041        });
5042
5043    </script>
5043
5044</div>
5045
5046<style>
5047    #desktop_hamburger_menu_template>ul>li>a,
5048    #desktop_hamburger_menu_template>ul>li>button {
5049    color:#0d0d0d; display: flex;
5050    font-weight:500;    font-style:normal;        font-size:17px;    font-family:Cinzel;    text-transform:none;        line-height:25px;    }
5051
5052    #desktop_hamburger_menu_template>ul>li>a:hover,
5053    #desktop_hamburger_menu_template>ul>li>button:hover {
5054    color:#000000;    }
5055</style>
5056                            </div>
5057                        
5058                    </div>
5059                
5060            
5061        </div>
5062
5063
5064    
5065</header>
5066<header class="appearance-tablet-view-template">    
5067    
5068    
5069        
5070        <style>
5071            .header_container>.flex_row {
5072                display: flex;
5073            }
5074
5075            .header_container_2 {
5076                            width: 100%;
5077                                        max-width: 100%;
5078                            margin: 0 auto;
5079                position: relative !important;
5080                transform: inherit !important;
5081            }
5082            .header_container>.flex_row>.flex_col {
5083                display: flex;
5084                flex-wrap: wrap;
5085                box-sizing: border-box;
5086                align-content: baseline;
5087            }
5088            .header_container>.flex_row>.flex_col>.flex_cell {
5089                height: fit-content;
5090                display: flex;
5091            }
5092            .header_container>.flex_row>.flex_col>.flex_cell a {
5093                text-decoration: none;
5094            }
5095            .header_container img {
5096                max-width: 100%;
5097            }
5098            .row_spacer_cs {
5099                display: none;
5100            }
5101            .sticky_row {
5102                position: fixed;
5103            }
5104            .sticky_row + .row_spacer_cs {
5105                display: block;
5106            }
5107        </style>
5108
5109        <div class="header_container header_container_2" data-device-type="2">
5110
5111            
5112                
5113                <div class="flex_row flex_row_1 ">
5114
5115                    
5116                        <div class="flex_col flex_col_1">
5117
5118                            <div class="flex_cell flex_cell_1 line">
5119            <div class="s_line"></div>
5120    </div>
5121
5122<style>
5123    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 {
5124        width: 100%;
5125        justify-content:left; -webkit-justify-content:left;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5126
5127    
5128    .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 .s_line {
5129        background-color:#ffbf3f;        border-style: solid;
5130                width:100%;        border-radius:0px;        border-width:5px;        border-color:#ffbf3f;    }
5131
5132</style>
5133                        </div>
5134
5135                        <style>
5136                            .header_container_2>.flex_row_1>.flex_col_1 {
5137                            width:100%;                            }
5138                        </style>
5139
5140
5141                    
5142                </div>
5143
5144                
5145                <style>
5146    .header_container_2>.flex_row_1 {
5147                    background-color: #f6f2ee;
5148        
5149        color:#000000;        height:auto;                
5150        
5151            }
5152
5153    </style>
5154
5155
5156                                
5157            
5158                
5159                <div class="flex_row flex_row_2 ">
5160
5161                    
5162                        <div class="flex_col flex_col_1">
5163
5164                            
5165<div class="flex_cell flex_cell_1 social_icons">
5166    <div class="flex_cell_content">
5167        
5168        
5169                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/charleskrypell/" style="order: 1">
5170                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                Instagram            </a>
5171        
5172        
5173        
5174        
5175        
5176
5177        
5178        
5179            </div>
5180</div>
5181
5182<style>
5183    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons {
5184        width:100%;                                    justify-content: flex-start;
5185                            align-items:center; -webkit-align-items:center;    }
5186
5187            .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons {
5188        height:100%;        }
5189    
5190    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons>.flex_cell_content {
5191        display: flex;
5192        margin-top:10px;        margin-bottom:10px;        margin-left:25px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5193
5194    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a {
5195        display: flex;
5196        align-items: center;
5197        color:#000000;                font-style:normal;                        margin-left: 6px;
5198        margin-right: 6px;
5199        font-size:14px;font-family:Montserrat;        text-transform:none;    }
5200
5201    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a svg{
5202        margin-right: 5px;
5203        width:13px;        height:13px;    }
5204
5205    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a .path_class {
5206        fill: currentColor;
5207    }
5208
5209
5210    .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a:hover {
5211        color:#000000;    }
5212</style>
5213
5214                        </div>
5215
5216                        <style>
5217                            .header_container_2>.flex_row_2>.flex_col_1 {
5218                            width:20%;                            }
5219                        </style>
5220
5221
5222                    
5223                        <div class="flex_col flex_col_2">
5224
5225                            
5226<div class="flex_cell flex_cell_1 button_link">
5227    
5228
5229        <div class="flex_cell_content">
5230            <a class="btn_link_ig" href="https://www.charleskrypell.com/store-locator"  title="Store Locator">
5231                                <img alt="Store Locator" title="Store Locator"
5232                                                            src="/public/1.0/uploads/source/icons/store_locator/12x12.png"/>
5233                                Store Locator                            </a>
5234        </div>
5235
5236    </div>
5237<style>
5238    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link {
5239        width:100%;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
5240
5241            .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link {
5242                }
5243    
5244    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content {
5245    display: flex;
5246    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    }
5247
5248    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a {
5249        color:#000000;        font-weight:400;        font-style:normal;                
5250                    background-color:#f6f2ee;        
5251        font-size:14px;font-family:Montserrat;        text-decoration: none;
5252        display: inline-flex;
5253        align-items: center;
5254        padding: 10px 26px;
5255        border-style: solid;
5256        justify-content:center;        text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#000000;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5257
5258    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a>i{
5259        margin-right: 5px;
5260    }
5261
5262    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a:hover {
5263        color:#000000;        background-color:#f6f2ee;        border-color:#000000;            }
5264
5265    .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1 a>img {
5266        margin-right:5px;    }
5267</style>
5268
5269                        </div>
5270
5271                        <style>
5272                            .header_container_2>.flex_row_2>.flex_col_2 {
5273                            width:35%;                            }
5274                        </style>
5275
5276
5277                    
5278                        <div class="flex_col flex_col_3">
5279
5280                            
5281<div class="flex_cell flex_cell_1 account_icons">
5282    <div class="flex_cell_content">
5283        
5284                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 3">
5285                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
5286                            </a>
5287        
5288                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
5289                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>
5289                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
5290                            </a>
5291        
5292                    <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 1">
5293                <svg role="img" aria-label="Search" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_22)"><path class="path_class" d="M564.3 507.7L444.6 388C471.82 347.59 485.25 297.1 478.06 243.3C465.8 151.79 390.8 77.3199 299.2 65.7229C163.01 48.4899 48.4899 163.01 65.7239 299.2C77.3239 390.84 151.804 465.9 243.324 478.1C297.124 485.289 347.624 471.864 388.024 444.64L507.724 564.34C523.344 579.96 548.674 579.96 564.294 564.34C579.9 548.7 579.9 523.3 564.3 507.7ZM143.1 272C143.1 201.42 200.52 144 271.1 144C341.68 144 399.1 201.42 399.1 272C399.1 342.58 341.68 400 271.1 400C200.52 400 143.1 342.6 143.1 272Z" fill="black"/></g><defs><clipPath id="clip0_107_22"><rect width="512" height="512" fill="white" transform="translate(64 64)"/></clipPath></defs></svg>                            </a>
5294        
5295                                    <a class="" href="/login" title="My Account" style="order: 4">
5296                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
5297                        </div>
5298</div>
5299
5300<style>
5301    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5302        width:100%;                                    justify-content: flex-end;
5303                            align-items:center; -webkit-align-items:center;    }
5304
5305            .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
5306        height:100%;        }
5307    
5308    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
5309    display: flex;
5310    margin-top:10px;    margin-bottom:10px;    margin-left:px;    margin-right:25px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
5311
5312    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
5313        display: none !important;
5314    }
5315
5316    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
5317        display: flex;
5318        align-items: center;
5319        color:#000000;                font-style:normal;                        font-size:15px;        font-family:Montserrat;        margin-left: 12px;
5320        text-transform:none;    }
5321
5322    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
5323    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
5324        flex-shrink: 0;
5325        margin-right: 5px;
5326        width:14px;        height:14px;    }
5327
5328    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
5329        fill: currentColor;
5330    }
5331
5332    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
5333        color:#000000;    }
5334
5335    .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
5336        padding: 0 5px;
5337        height: 16px;
5338        min-width: 16px;
5339        text-align: center;
5340        border-radius: 7px;
5341        line-height: 16px;
5342        border: 1px solid #fff;
5343        font-style: normal;
5344        font-weight: 700;
5345        font-size: 10px;
5346        background-color:#b1afaf;        color:#ffffff;        margin-left: -10px;
5347        margin-top: -15px;
5348    }
5349</style>
5350                        </div>
5351
5352                        <style>
5353                            .header_container_2>.flex_row_2>.flex_col_3 {
5354                            width:45%;                            }
5355                        </style>
5356
5357
5358                    
5359                </div>
5360
5361                
5362                <style>
5363    .header_container_2>.flex_row_2 {
5364                    background-color: #f6f2ee;
5365        
5366        color:#000000;        height:auto;                
5367        
5368            }
5369
5370    </style>
5371
5372
5373                                
5374            
5375                
5376                <div class="flex_row flex_row_3 ">
5377
5378                    
5379                        <div class="flex_col flex_col_1">
5380
5381                            <div class="flex_cell flex_cell_1 menu">
5382    <div class="flex_cell_content">
5383            <style>
5384            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
5385            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
5386                width: 30px;
5387                height: 24px;
5388                position: relative;
5389                cursor: pointer;
5390            }
5391            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
5392                fill: #000000;            }
5393
5394            
5395            .header_container_2>.flex_row_3>.flex_col_1>
5395.flex_cell_1.menu a.hamburger-menu-nav-section,
5396            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
5397            color:#000000;                display: flex;
5398            font-weight:400;            font-style:normal;                        font-size:16px;            font-family:Cinzel;            text-transform:none;                        line-height:45px;            }
5399        </style>
5400
5401        <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template">
5402            <div class="hamburger-button-parent">
5403               <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5404                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5405                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5406                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
5407                </svg>
5408
5409
5410            </div>
5411                    </div>
5412        </div>
5413</div>
5414
5415<style>
5416    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
5417        width:100%;                                    justify-content: flex-start;
5418                            align-items:center; -webkit-align-items:center;    }
5419
5420            .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
5421        height:100%;        }
5422    
5423    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
5424        display: flex;
5425        margin-top:px;        margin-bottom:px;        margin-left:30px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
5426
5427    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
5428    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
5429        color:#000000; display: flex;
5430        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Cinzel;        text-transform:none;                line-height:45px;    }
5431
5432    .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
5433        color:#4d4d4d;    }
5434</style>
5435                        </div>
5436
5437                        <style>
5438                            .header_container_2>.flex_row_3>.flex_col_1 {
5439                            width:25%;                            }
5440                        </style>
5441
5442
5443                    
5444                        <div class="flex_col flex_col_2">
5445
5446                            
5447
5448<div class="flex_cell flex_cell_1 image">
5449    <div class="flex_cell_content">
5450
5451            <a href="https://www.charleskrypell.com/home"
5452           >
5453    
5454        
5455            <img
5456                height="100%"                width="100%"
5457                
5458                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png"
5459
5460                alt="Charles Krypell ">
5461
5462        
5463            </a>
5464    
5465    </div>
5466</div>
5467    <style>
5468                .header_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.image {
5469        width:100%;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
5470        .header_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
5471        display: flex;
5472        margin-top:10px;        margin-bottom:10px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
5473        .header_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.image img {
5474        max-width:100%;        }
5475        
5476                .header_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.image {
5477        height:100%;        }
5478            </style>
5479
5480
5481                        </div>
5482
5483                        <style>
5484                            .header_container_2>.flex_row_3>.flex_col_2 {
5485                            width:50%;                            }
5486                        </style>
5487
5488
5489                    
5490                        <div class="flex_col flex_col_3">
5491
5492                            
5493                        </div>
5494
5495                        <style>
5496                            .header_container_2>.flex_row_3>.flex_col_3 {
5497                            width:25%;                            }
5498                        </style>
5499
5500
5501                    
5502                </div>
5503
5504                
5505                <style>
5506    .header_container_2>.flex_row_3 {
5507                    background-color: #f6f2ee;
5508        
5509        color:#000000;        height:auto;                
5510        
5511            }
5512
5513    </style>
5514
5515
5516                                
5517            
5518            
5519                
5520                    <div class="flex_row">
5521
5522                        
5523                            <div class="flex_col">
5524
5525                                
5526                            </div>
5527                        
5528                    </div>
5529                
5530            
5531                
5532                    <div class="flex_row">
5533
5534                        
5535                            <div class="flex_col">
5536
5537                                
5538                            </div>
5539                        
5540                            <div class="flex_col">
5541
5542                                
5543                            </div>
5544                        
5545                            <div class="flex_col">
5546
5547                                
5548                            </div>
5549                        
5550                    </div>
5551                
5552            
5553                
5554                    <div class="flex_row">
5555
5556                        
5557                            <div class="flex_col">
5558
5559                                <div class="flex_cell flex_cell_1 menu">
5560    <style>
5561        #tablet_hamburger_menu_template {
5562            position: fixed;
5563            top: 0;
5564            left: 0;
5565            width: 325px;
5566            overflow-y: auto;
5567            transform: translateX(-325px);
5568            z-index: 1000000001;
5569            height: 100vh;
5570            background-color: #ffffff;
5571            transition: all 0.3s ease;
5572        }
5573        #tablet_hamburger_menu_template_overlay.open {
5574            position: fixed;
5575            top: 0;
5576            left: 0;
5577            width: 100vw;
5578            z-index: 1000000001;
5579            transition: all 0.3s ease;
5580            height: 100vh;
5581            background: rgba(1, 1, 1, 0.5);
5582            cursor: pointer;
5583            transform: translateX(325px);
5584        }
5585        #tablet_hamburger_menu_template .hamburger-menu-template-inner {
5586            padding: 10px;
5587            padding-right:25px;
5588        }
5589        #tablet_hamburger_menu_template .hamburger-menu-close-button {
5590            font-size: 14px !important;
5591            display: flex;
5592            align-items: center;
5593            margin-bottom: 20px;
5594        }
5595        #tablet_hamburger_menu_template .hamburger-menu-close-button svg,
5596        #tablet_hamburger_menu_template button.hamburger-menu-close-button svg {
5597            height: 15px;
5598            margin-right: 5px;
5599        }
5600        #tablet_hamburger_menu_template .hamburger-menu-nav-section {
5601            display: flex;
5602            justify-content: space-between;
5603            align-items: center;
5604        }
5605        #tablet_hamburger_menu_template .hamburger-menu-nav-section svg,
5606        #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg,
5607        #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg {
5608            height: 10px;
5609            float: right;
5610        }
5611        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
5612        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
5613        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
5614            text-decoration: underline;
5615        }
5616        #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
5617        #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
5618        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
5619            min-width:30px;
5620            justify-content: end;
5621        }
5622        #tablet_hamburger_menu_template .ham_menu_container {
5623            display:flex;
5624            justify-content: space-between;
5625        }
5626        #tablet_hamburger_menu_template.open {
5627            transform: translateX(0);
5628        }
5629        #tablet_hamburger_menu_template .sub-menu-panel {
5630            display: none;
5631        }
5632        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
5633            display: none;
5634        }
5635        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
5636            display: block;
5637        }
5638        #tablet_hamburger_menu_template .icon_and_name {
5639            display:flex;
5640            align-items:center;
5641            gap:10px;
5642        }
5643        #tablet_hamburger_menu_template .hum-line {
5644            border-bottom: 1px solid #ddd;
5645        }
5646        #tablet_hamburger_menu_template .sub-menu-panel.open,
5647        #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
5648            display: block;
5649        }
5650        #tablet_hamburger_menu_template a.hamburger-menu-nav-section,
5651        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
5652        #tablet_hamburger_menu_template button.hamburger-menu-close-button,
5653        #tablet_hamburger_menu_template a.hamburger-menu-close-button{
5654        color:#000000;            display: flex;
5655            text-align: left;
5656            width: 100%;
5657            position: relative;
5658        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Cinzel;        text-transform:none;                line-height:45px;        }
5659        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
5660            display: none;
5661            padding: 15px 0px;
5662            background: #fff;
5663        }
5664        #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
5665            display: block;
5666            padding-top:2px;
5667        }
5668        /* Reset button styles to look like links */
5669        #tablet_hamburger_menu_template button.hamburger-menu-nav-section,
5670        #tablet_hamburger_menu_template button.hamburger-menu-close-button,
5671        #tablet_hamburger_menu_template button.parent_men_arrow {
5672            background: none;
5673            border: none;
5674            padding: 0;
5675            cursor: pointer;
5676            -webkit-appearance: none;
5677            -moz-appearance: none;
5678            appearance: none;
5679        }
5680        
5681        /* Hover and active states for buttons - inherit from link styles */
5682        #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover,
5683        #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active,
5684        #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
5685        #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover {
5686            /* Styles inherited from parent selectors above */
5687        }
5688        
5689        /* Additional button styles are inherited from parent selectors above */
5690        
5691        /* Image styles inside buttons */
5692        #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
5693        #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
5694                            height:20px;
5695                    }
5696    </style>
5697
5698    <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
5699        <div class="hamburger-menu-template-inner">
5700            <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu">
5701                <svg role="img" aria-hidden="true" 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> CLOSE</button>
5702
5703            <div class="script_before_menu">
5704                                                            </div>
5705            <div style="clear: both"></div>
5706            
5707                    
5708                        <div class="ham_menu_container">
5709                        <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.charleskrypell.com/fine-jewelry" >
5710
5711                            <span class="icon_and_name">
5712                            
5713                                Jewelry                            </span>
5714
5715                        </a>
5716                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Jewelry section">
5717
5718                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
5719                            
5720                        </button>
5721                    
5722
5723                    
5724                        </div>
5725                    
5726                    <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true">
5727                                                    
5728    
5729        
5730
5731
5732<div class="menu_container default_build_menu menu_container_2_navigation_16">
5733    <div class="nav_div_16">
5734                <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1">
5735                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
5736                    <li style=""
5737                        class="" 
5738                        role="none">
5739
5740                          
5741
5742                                                <a class="nav_a_trd " title="Necklaces" href="https://www.charleskrypell.com/necklaces"  data-full_image="" role="menuitem" tabindex="0" >
5743                                                                        Necklaces                                                                        </a>
5744                        
5745                              
5746
5747                         
5748
5749
5750
5751                                            </li>
5752
5753                
5754                            
5755                    <li style=""
5756                        class="" 
5757                        role="none">
5758
5759                          
5760
5761                                                <a class="nav_a_trd " title="Earrings" href="https://www.charleskrypell.com/earrings"  data-full_image="" role="menuitem" tabindex="-1" >
5762                                                                        Earrings                                                                        </a>
5763                        
5764                              
5765
5766                         
5767
5768
5769
5770                                            </li>
5771
5772                
5773                            
5774                    <li style=""
5775                        class="" 
5776                        role="none">
5777
5778                          
5779
5780                                                <a class="nav_a_trd " title="Bracelets" href="https://www.charleskrypell.com/bracelets"  data-full_image="" role="menuitem" tabindex="-1" >
5781                                                                        Bracelets                                                                        </a>
5782                        
5783                              
5784
5785                         
5786
5787
5788
5789                                            </li>
5790
5791                
5792                            
5793                    <li style=""
5794                        class="" 
5795                        role="none">
5796
5797                          
5798
5799                                                <a class="nav_a_trd " title="Rings" href="https://www.charleskrypell.com/rings"  data-full_image="" role="menuitem" tabindex="-1" >
5800                                                                        Rings                                                                        </a>
5801                        
5802                              
5803
5804                         
5805
5806
5807
5808                                            </li>
5809
5810                
5811                                                                                                                                                                                                                                                                                                            </ul>
5812                    </div>
5813</div>
5814<style>
5815    .menu_container_2_navigation_16 {
5816        background: #fff;
5817                    }
5818    .horizontal_menu .nav_div_16 {
5819        padding: 15px 0px;
5820        box-shadow: 0px 0px 5px #00000078;        display: flex;
5821        flex-wrap: wrap;
5822    }
5823    .horizontal_menu .nav_img_16 {
5824        height: 200px;
5825        width: 250px;
5826        margin-left: 50px;
5827        margin-right: 20px;
5828        flex-shrink: 0;
5829        order: 1;
5830    }
5831    .horizontal_menu .nav_img_16 img {
5832        max-width: 100%;
5833        max-height: 100%;
5834    }
5835    .horizontal_menu .nav_div_16 .vfit {
5836        text-align: left;
5837        border-bottom: 1px solid #ececec;
5838        text-transform: uppercase;
5839    }
5840    .nav_div_16 .vfit a {
5841        text-decoration: none;
5842        color: #222;
5843    }
5844    .nav_div_16 .nav_list {
5845        list-style: none;
5846        margin: 0;
5847        padding: 0;
5848        order: 1;
5849            }
5850    .nav_div_16 ul {
5851        list-style: none;
5852    }
5853    #tablet_hamburger_menu_template .nav_div_16 li {
5854        width: 100%;
5855        margin: 0;
5856        padding: 0px 20px;
5857        position: relative;
5858    }
5859    .horizontal_menu .nav_div_16 li {
5860        width: 100%;
5861        margin: 0;
5862        padding: 0px 20px;
5863        position: relative;
5864    }
5865    
5866    #tablet_hamburger_menu_template .nav_div_16 li svg {
5867        position: absolute;
5868        right: 15px;
5869        height: 10px;
5870        top: 10px;
5871    }
5872    .horizontal_menu .nav_div_16 li svg {
5873        position: absolute;
5874        right: 15px;
5875        height: 10px;
5876        top: 10px;
5877    }
5878    
5879    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
5880        display: flex;
5881        align-items: center;
5882        padding: 0;
5883        line-height: 30px;
5884        font-size: 14px;
5885        text-transform: uppercase;
5886        text-decoration: none;
5887        color: #222;
5888        white-space: normal;
5889
5890        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
5891    }
5892    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button {
5893        background: none;
5894        border: none;
5895        cursor: pointer;
5896    }
5897    
5898    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
5899        text-decoration: underline;
5900    }
5901
5902    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
5903        color:#4d4d4d;        cursor: pointer;
5904    }
5905
5906
5907    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
5908        display: flex;
5909        align-items: center;
5910        padding: 0;
5911        line-height: 30px;
5912        font-size: 14px;
5913        text-transform: uppercase;
5914        text-decoration: none;
5915        color: #222;
5916        white-space: normal;
5917
5918        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
5919
5920    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
5921        color:#4d4d4d;    }
5922
5923    .nav_div_16 .nav_list li a .nav_icons {
5924        height: 30px;
5925        margin-right: 5px;
5926            }
5927
5928    
5929
5930    .nav_div_16 .nav_list li a:hover {
5931        color: #3172ab;
5932    }
5933    .horizontal_menu .nav_div_16 .nav_list_trd {
5934        display: none;
5935        position: absolute;
5936        left: 100%;
5937        top: -15px;
5938        padding: 15px 0px;
5939        box-shadow: 0px 0px 5px #00000078;        background: #fff;
5940    }
5941    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
5942    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
5943        display: block;
5944        z-index: 99;
5945    }
5946
5947    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16,
5948    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{
5949                    width: 250px;
5950            }
5951
5952            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{
5953            width: 250px;
5954        }
5955    </style>
5956                                            </div>
5957                    <div class="hum-line"></div>
5958                            
5959                    
5960                                                    <button type="button" class="hamburger-menu
5960-nav-section " aria-expanded="false" aria-controls="tablet-submenu-103" aria-label="Expand Collections section">
5961                                                <span class="icon_and_name">
5962                        
5963                            Collections                        </span>
5964                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
5965                            
5966                                                    </button>
5967                                            
5968
5969                    
5970                    <div class="sub-menu-panel" id="tablet-submenu-103" aria-hidden="true">
5971                                                    
5972    
5973        
5974
5975
5976<div class="menu_container default_build_menu menu_container_2_navigation_103">
5977    <div class="nav_div_103">
5978                <ul class="nav_list" role="menu" aria-label="Collections" tabindex="-1">
5979                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
5980                    <li style=""
5981                        class="" 
5982                        role="none">
5983
5984                          
5985
5986                                                <a class="nav_a_trd " title="Gold Collection" href="https://www.charleskrypell.com/gold-collection"  data-full_image="" role="menuitem" tabindex="0" >
5987                                                                        Gold Collection                                                                        </a>
5988                        
5989                              
5990
5991                         
5992
5993
5994
5995                                            </li>
5996
5997                
5998                            
5999                    <li style=""
6000                        class="" 
6001                        role="none">
6002
6003                          
6004
6005                                                <a class="nav_a_trd " title="Pastel Collection" href="https://www.charleskrypell.com/pastel-collection"  data-full_image="" role="menuitem" tabindex="-1" >
6006                                                                        Pastel Collection                                                                        </a>
6007                        
6008                              
6009
6010                         
6011
6012
6013
6014                                            </li>
6015
6016                
6017                            
6018                    <li style=""
6019                        class="" 
6020                        role="none">
6021
6022                          
6023
6024                                                <a class="nav_a_trd " title="Signature Collection" href="https://www.charleskrypell.com/signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
6025                                                                        Signature Collection                                                                        </a>
6026                        
6027                              
6028
6029                         
6030
6031
6032
6033                                            </li>
6034
6035                
6036                            
6037                    <li style=""
6038                        class="" 
6039                        role="none">
6040
6041                          
6042
6043                                                <a class="nav_a_trd " title="Precious Collection" href="https://www.charleskrypell.com/precious-collection"  data-full_image="" role="menuitem" tabindex="-1" >
6044                                                                        Precious Collection                                                                        </a>
6045                        
6046                              
6047
6048                         
6049
6050
6051
6052                                            </li>
6053
6054                
6055                                    </ul>
6056                    </div>
6057</div>
6058<style>
6059    .menu_container_2_navigation_103 {
6060        background: #fff;
6061                    }
6062    .horizontal_menu .nav_div_103 {
6063        padding: 15px 0px;
6064        box-shadow: 0px 0px 5px #00000078;        display: flex;
6065        flex-wrap: wrap;
6066    }
6067    .horizontal_menu .nav_img_103 {
6068        height: 200px;
6069        width: 250px;
6070        margin-left: 50px;
6071        margin-right: 20px;
6072        flex-shrink: 0;
6073        order: 1;
6074    }
6075    .horizontal_menu .nav_img_103 img {
6076        max-width: 100%;
6077        max-height: 100%;
6078    }
6079    .horizontal_menu .nav_div_103 .vfit {
6080        text-align: left;
6081        border-bottom: 1px solid #ececec;
6082        text-transform: uppercase;
6083    }
6084    .nav_div_103 .vfit a {
6085        text-decoration: none;
6086        color: #222;
6087    }
6088    .nav_div_103 .nav_list {
6089        list-style: none;
6090        margin: 0;
6091        padding: 0;
6092        order: 1;
6093            }
6094    .nav_div_103 ul {
6095        list-style: none;
6096    }
6097    #tablet_hamburger_menu_template .nav_div_103 li {
6098        width: 100%;
6099        margin: 0;
6100        padding: 0px 20px;
6101        position: relative;
6102    }
6103    .horizontal_menu .nav_div_103 li {
6104        width: 100%;
6105        margin: 0;
6106        padding: 0px 20px;
6107        position: relative;
6108    }
6109    
6110    #tablet_hamburger_menu_template .nav_div_103 li svg {
6111        position: absolute;
6112        right: 15px;
6113        height: 10px;
6114        top: 10px;
6115    }
6116    .horizontal_menu .nav_div_103 li svg {
6117        position: absolute;
6118        right: 15px;
6119        height: 10px;
6120        top: 10px;
6121    }
6122    
6123    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd {
6124        display: flex;
6125        align-items: center;
6126        padding: 0;
6127        line-height: 30px;
6128        font-size: 14px;
6129        text-transform: uppercase;
6130        text-decoration: none;
6131        color: #222;
6132        white-space: normal;
6133
6134        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
6135    }
6136    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li button {
6137        background: none;
6138        border: none;
6139        cursor: pointer;
6140    }
6141    
6142    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men {
6143        text-decoration: underline;
6144    }
6145
6146    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover {
6147        color:#4d4d4d;        cursor: pointer;
6148    }
6149
6150
6151    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a {
6152        display: flex;
6153        align-items: center;
6154        padding: 0;
6155        line-height: 30px;
6156        font-size: 14px;
6157        text-transform: uppercase;
6158        text-decoration: none;
6159        color: #222;
6160        white-space: normal;
6161
6162        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
6163
6164    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover {
6165        color:#4d4d4d;    }
6166
6167    .nav_div_103 .nav_list li a .nav_icons {
6168        height: 30px;
6169        margin-right: 5px;
6170            }
6171
6172    
6173
6174    .nav_div_103 .nav_list li a:hover {
6175        color: #3172ab;
6176    }
6177    .horizontal_menu .nav_div_103 .nav_list_trd {
6178        display: none;
6179        position: absolute;
6180        left: 100%;
6181        top: -15px;
6182        padding: 15px 0px;
6183        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6184    }
6185    .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open,
6186    .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd {
6187        display: block;
6188        z-index: 99;
6189    }
6190
6191    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103,
6192    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103 .nav_list_trd{
6193                    width: 250px;
6194            }
6195
6196            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_103 .nav_list_trd{
6197            width: 250px;
6198        }
6199    </style>
6200                                            </div>
6201                    <div class="hum-line"></div>
6202                            
6203                    
6204                                                    <a class="hamburger-menu
6204-nav-section " title="Newest Arrivals" href="https://www.charleskrypell.com/newest-arrivals" >
6205                                                <span class="icon_and_name">
6206                        
6207                            Newest Arrivals                        </span>
6208                            
6209                                                    </a>
6210                                            
6211
6212                    
6213                    <div class="sub-menu-panel" id="tablet-submenu-20" aria-hidden="true">
6214                                                    
6215    
6216        
6217
6218
6219<div class="menu_container default_build_menu menu_container_2_navigation_20">
6220    <div class="nav_div_20">
6221                    </div>
6222</div>
6223<style>
6224    .menu_container_2_navigation_20 {
6225        background: #fff;
6226                    }
6227    .horizontal_menu .nav_div_20 {
6228        padding: 15px 0px;
6229        box-shadow: 0px 0px 5px #00000078;        display: flex;
6230        flex-wrap: wrap;
6231    }
6232    .horizontal_menu .nav_img_20 {
6233        height: 200px;
6234        width: 250px;
6235        margin-left: 50px;
6236        margin-right: 20px;
6237        flex-shrink: 0;
6238        order: 1;
6239    }
6240    .horizontal_menu .nav_img_20 img {
6241        max-width: 100%;
6242        max-height: 100%;
6243    }
6244    .horizontal_menu .nav_div_20 .vfit {
6245        text-align: left;
6246        border-bottom: 1px solid #ececec;
6247        text-transform: uppercase;
6248    }
6249    .nav_div_20 .vfit a {
6250        text-decoration: none;
6251        color: #222;
6252    }
6253    .nav_div_20 .nav_list {
6254        list-style: none;
6255        margin: 0;
6256        padding: 0;
6257        order: 1;
6258            }
6259    .nav_div_20 ul {
6260        list-style: none;
6261    }
6262    #tablet_hamburger_menu_template .nav_div_20 li {
6263        width: 100%;
6264        margin: 0;
6265        padding: 0px 20px;
6266        position: relative;
6267    }
6268    .horizontal_menu .nav_div_20 li {
6269        width: 100%;
6270        margin: 0;
6271        padding: 0px 20px;
6272        position: relative;
6273    }
6274    
6275    #tablet_hamburger_menu_template .nav_div_20 li svg {
6276        position: absolute;
6277        right: 15px;
6278        height: 10px;
6279        top: 10px;
6280    }
6281    .horizontal_menu .nav_div_20 li svg {
6282        position: absolute;
6283        right: 15px;
6284        height: 10px;
6285        top: 10px;
6286    }
6287    
6288    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd {
6289        display: flex;
6290        align-items: center;
6291        padding: 0;
6292        line-height: 30px;
6293        font-size: 14px;
6294        text-transform: uppercase;
6295        text-decoration: none;
6296        color: #222;
6297        white-space: normal;
6298
6299        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
6300    }
6301    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li button {
6302        background: none;
6303        border: none;
6304        cursor: pointer;
6305    }
6306    
6307    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men {
6308        text-decoration: underline;
6309    }
6310
6311    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover {
6312        color:#4d4d4d;        cursor: pointer;
6313    }
6314
6315
6316    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a {
6317        display: flex;
6318        align-items: center;
6319        padding: 0;
6320        line-height: 30px;
6321        font-size: 14px;
6322        text-transform: uppercase;
6323        text-decoration: none;
6324        color: #222;
6325        white-space: normal;
6326
6327        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
6328
6329    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .n
6329av_list li .nav_list_trd li a:hover {
6330        color:#4d4d4d;    }
6331
6332    .nav_div_20 .nav_list li a .nav_icons {
6333        height: 30px;
6334        margin-right: 5px;
6335            }
6336
6337    
6338
6339    .nav_div_20 .nav_list li a:hover {
6340        color: #3172ab;
6341    }
6342    .horizontal_menu .nav_div_20 .nav_list_trd {
6343        display: none;
6344        position: absolute;
6345        left: 100%;
6346        top: -15px;
6347        padding: 15px 0px;
6348        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6349    }
6350    .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open,
6351    .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd {
6352        display: block;
6353        z-index: 99;
6354    }
6355
6356    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20,
6357    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{
6358                    width: 250px;
6359            }
6360
6361            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{
6362            width: 250px;
6363        }
6364    </style>
6365                                            </div>
6366                    <div class="hum-line"></div>
6367                            
6368                    
6369                                                    <a class="hamburger-menu-nav-section " title="Heritage" href="https://www.charleskrypell.com/heritage" >
6370                                                <span class="icon_and_name">
6371                        
6372                            Heritage                        </span>
6373                            
6374                                                    </a>
6375                                            
6376
6377                    
6378                    <div class="sub-menu-panel" id="tablet-submenu-98" aria-hidden="true">
6379                                                    
6380    
6381        
6382
6383
6384<div class="menu_container default_build_menu menu_container_2_navigation_98">
6385    <div class="nav_div_98">
6386                    </div>
6387</div>
6388<style>
6389    .menu_container_2_navigation_98 {
6390        background: #fff;
6391                    }
6392    .horizontal_menu .nav_div_98 {
6393        padding: 15px 0px;
6394        box-shadow: 0px 0px 5px #00000078;        display: flex;
6395        flex-wrap: wrap;
6396    }
6397    .horizontal_menu .nav_img_98 {
6398        height: 200px;
6399        width: 250px;
6400        margin-left: 50px;
6401        margin-right: 20px;
6402        flex-shrink: 0;
6403        order: 1;
6404    }
6405    .horizontal_menu .nav_img_98 img {
6406        max-width: 100%;
6407        max-height: 100%;
6408    }
6409    .horizontal_menu .nav_div_98 .vfit {
6410        text-align: left;
6411        border-bottom: 1px solid #ececec;
6412        text-transform: uppercase;
6413    }
6414    .nav_div_98 .vfit a {
6415        text-decoration: none;
6416        color: #222;
6417    }
6418    .nav_div_98 .nav_list {
6419        list-style: none;
6420        margin: 0;
6421        padding: 0;
6422        order: 1;
6423            }
6424    .nav_div_98 ul {
6425        list-style: none;
6426    }
6427    #tablet_hamburger_menu_template .nav_div_98 li {
6428        width: 100%;
6429        margin: 0;
6430        padding: 0px 20px;
6431        position: relative;
6432    }
6433    .horizontal_menu .nav_div_98 li {
6434        width: 100%;
6435        margin: 0;
6436        padding: 0px 20px;
6437        position: relative;
6438    }
6439    
6440    #tablet_hamburger_menu_template .nav_div_98 li svg {
6441        position: absolute;
6442        right: 15px;
6443        height: 10px;
6444        top: 10px;
6445    }
6446    .horizontal_menu .nav_div_98 li svg {
6447        position: absolute;
6448        right: 15px;
6449        height: 10px;
6450        top: 10px;
6451    }
6452    
6453    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_a_trd {
6454        display: flex;
6455        align-items: center;
6456        padding: 0;
6457        line-height: 30px;
6458        font-size: 14px;
6459        text-transform: uppercase;
6460        text-decoration: none;
6461        color: #222;
6462        white-space: normal;
6463
6464        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
6465    }
6466    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li button {
6467        background: none;
6468        border: none;
6469        cursor: pointer;
6470    }
6471    
6472    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_a_trd.parent_men {
6473        text-decoration: underline;
6474    }
6475
6476    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_a_trd:hover {
6477        color:#4d4d4d;        cursor: pointer;
6478    }
6479
6480
6481    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a {
6482        display: flex;
6483        align-items: center;
6484        padding: 0;
6485        line-height: 30px;
6486        font-size: 14px;
6487        text-transform: uppercase;
6488        text-decoration: none;
6489        color: #222;
6490        white-space: normal;
6491
6492        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
6493
6494    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a:hover {
6495        color:#4d4d4d;    }
6496
6497    .nav_div_98 .nav_list li a .nav_icons {
6498        height: 30px;
6499        margin-right: 5px;
6500            }
6501
6502    
6503
6504    .nav_div_98 .nav_list li a:hover {
6505        color: #3172ab;
6506    }
6507    .horizontal_menu .nav_div_98 .nav_list_trd {
6508        display: none;
6509        position: absolute;
6510        left: 100%;
6511        top: -15px;
6512        padding: 15px 0px;
6513        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6514    }
6515    .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open,
6516    .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd {
6517        display: block;
6518        z-index: 99;
6519    }
6520
6521    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98,
6522    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{
6523                    width: 250px;
6524            }
6525
6526            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{
6527            width: 250px;
6528        }
6529    </style>
6530                                            </div>
6531                    <div class="hum-line"></div>
6532                            
6533                    
6534                                                    <a class="hamburger-menu
6534-nav-section " title="Contact Us" href="https://www.charleskrypell.com/contact-us" >
6535                                                <span class="icon_and_name">
6536                        
6537                            Contact Us                        </span>
6538                            
6539                                                    </a>
6540                                            
6541
6542                    
6543                    <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true">
6544                                                    
6545    
6546        
6547
6548
6549<div class="menu_container default_build_menu menu_container_2_navigation_22">
6550    <div class="nav_div_22">
6551                    </div>
6552</div>
6553<style>
6554    .menu_container_2_navigation_22 {
6555        background: #fff;
6556                    }
6557    .horizontal_menu .nav_div_22 {
6558        padding: 15px 0px;
6559        box-shadow: 0px 0px 5px #00000078;        display: flex;
6560        flex-wrap: wrap;
6561    }
6562    .horizontal_menu .nav_img_22 {
6563        height: 200px;
6564        width: 250px;
6565        margin-left: 50px;
6566        margin-right: 20px;
6567        flex-shrink: 0;
6568        order: 1;
6569    }
6570    .horizontal_menu .nav_img_22 img {
6571        max-width: 100%;
6572        max-height: 100%;
6573    }
6574    .horizontal_menu .nav_div_22 .vfit {
6575        text-align: left;
6576        border-bottom: 1px solid #ececec;
6577        text-transform: uppercase;
6578    }
6579    .nav_div_22 .vfit a {
6580        text-decoration: none;
6581        color: #222;
6582    }
6583    .nav_div_22 .nav_list {
6584        list-style: none;
6585        margin: 0;
6586        padding: 0;
6587        order: 1;
6588            }
6589    .nav_div_22 ul {
6590        list-style: none;
6591    }
6592    #tablet_hamburger_menu_template .nav_div_22 li {
6593        width: 100%;
6594        margin: 0;
6595        padding: 0px 20px;
6596        position: relative;
6597    }
6598    .horizontal_menu .nav_div_22 li {
6599        width: 100%;
6600        margin: 0;
6601        padding: 0px 20px;
6602        position: relative;
6603    }
6604    
6605    #tablet_hamburger_menu_template .nav_div_22 li svg {
6606        position: absolute;
6607        right: 15px;
6608        height: 10px;
6609        top: 10px;
6610    }
6611    .horizontal_menu .nav_div_22 li svg {
6612        position: absolute;
6613        right: 15px;
6614        height: 10px;
6615        top: 10px;
6616    }
6617    
6618    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
6619        display: flex;
6620        align-items: center;
6621        padding: 0;
6622        line-height: 30px;
6623        font-size: 14px;
6624        text-transform: uppercase;
6625        text-decoration: none;
6626        color: #222;
6627        white-space: normal;
6628
6629        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
6630    }
6631    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button {
6632        background: none;
6633        border: none;
6634        cursor: pointer;
6635    }
6636    
6637    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
6638        text-decoration: underline;
6639    }
6640
6641    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
6642        color:#4d4d4d;        cursor: pointer;
6643    }
6644
6645
6646    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
6647        display: flex;
6648        align-items: center;
6649        padding: 0;
6650        line-height: 30px;
6651        font-size: 14px;
6652        text-transform: uppercase;
6653        text-decoration: none;
6654        color: #222;
6655        white-space: normal;
6656
6657        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
6658
6659    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
6660        color:#4d4d4d;    }
6661
6662    .nav_div_22 .nav_list li a .nav_icons {
6663        height: 30px;
6664        margin-right: 5px;
6665            }
6666
6667    
6668
6669    .nav_div_22 .nav_list li a:hover {
6670        color: #3172ab;
6671    }
6672    .horizontal_menu .nav_div_22 .nav_list_trd {
6673        display: none;
6674        position: absolute;
6675        left: 100%;
6676        top: -15px;
6677        padding: 15px 0px;
6678        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6679    }
6680    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
6681    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
6682        display: block;
6683        z-index: 99;
6684    }
6685
6686    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22,
6687    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{
6688                    width: 250px;
6689            }
6690
6691            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{
6692            width: 250px;
6693        }
6694    </style>
6695                                            </div>
6696                    <div class="hum-line"></div>
6697                            
6698                    
6699                                                    <a class="hamburger-menu
6699-nav-section " title="Bespoke" href="https://www.charleskrypell.com/bespoke" >
6700                                                <span class="icon_and_name">
6701                        
6702                            Bespoke                        </span>
6703                            
6704                                                    </a>
6705                                            
6706
6707                    
6708                    <div class="sub-menu-panel" id="tablet-submenu-115" aria-hidden="true">
6709                                                    
6710    
6711        
6712
6713
6714<div class="menu_container default_build_menu menu_container_2_navigation_115">
6715    <div class="nav_div_115">
6716                    </div>
6717</div>
6718<style>
6719    .menu_container_2_navigation_115 {
6720        background: #fff;
6721                    }
6722    .horizontal_menu .nav_div_115 {
6723        padding: 15px 0px;
6724        box-shadow: 0px 0px 5px #00000078;        display: flex;
6725        flex-wrap: wrap;
6726    }
6727    .horizontal_menu .nav_img_115 {
6728        height: 200px;
6729        width: 250px;
6730        margin-left: 50px;
6731        margin-right: 20px;
6732        flex-shrink: 0;
6733        order: 1;
6734    }
6735    .horizontal_menu .nav_img_115 img {
6736        max-width: 100%;
6737        max-height: 100%;
6738    }
6739    .horizontal_menu .nav_div_115 .vfit {
6740        text-align: left;
6741        border-bottom: 1px solid #ececec;
6742        text-transform: uppercase;
6743    }
6744    .nav_div_115 .vfit a {
6745        text-decoration: none;
6746        color: #222;
6747    }
6748    .nav_div_115 .nav_list {
6749        list-style: none;
6750        margin: 0;
6751        padding: 0;
6752        order: 1;
6753            }
6754    .nav_div_115 ul {
6755        list-style: none;
6756    }
6757    #tablet_hamburger_menu_template .nav_div_115 li {
6758        width: 100%;
6759        margin: 0;
6760        padding: 0px 20px;
6761        position: relative;
6762    }
6763    .horizontal_menu .nav_div_115 li {
6764        width: 100%;
6765        margin: 0;
6766        padding: 0px 20px;
6767        position: relative;
6768    }
6769    
6770    #tablet_hamburger_menu_template .nav_div_115 li svg {
6771        position: absolute;
6772        right: 15px;
6773        height: 10px;
6774        top: 10px;
6775    }
6776    .horizontal_menu .nav_div_115 li svg {
6777        position: absolute;
6778        right: 15px;
6779        height: 10px;
6780        top: 10px;
6781    }
6782    
6783    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li .nav_a_trd {
6784        display: flex;
6785        align-items: center;
6786        padding: 0;
6787        line-height: 30px;
6788        font-size: 14px;
6789        text-transform: uppercase;
6790        text-decoration: none;
6791        color: #222;
6792        white-space: normal;
6793
6794        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
6795    }
6796    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li button {
6797        background: none;
6798        border: none;
6799        cursor: pointer;
6800    }
6801    
6802    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li .nav_a_trd.parent_men {
6803        text-decoration: underline;
6804    }
6805
6806    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li .nav_a_trd:hover {
6807        color:#4d4d4d;        cursor: pointer;
6808    }
6809
6810
6811    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a {
6812        display: flex;
6813        align-items: center;
6814        padding: 0;
6815        line-height: 30px;
6816        font-size: 14px;
6817        text-transform: uppercase;
6818        text-decoration: none;
6819        color: #222;
6820        white-space: normal;
6821
6822        color:#000000;        font-weight:400;        font-style:normal;                font-size:16px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
6823
6824    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a:hover {
6825        color:#4d4d4d;    }
6826
6827    .nav_div_115 .nav_list li a .nav_icons {
6828        height: 30px;
6829        margin-right: 5px;
6830            }
6831
6832    
6833
6834    .nav_div_115 .nav_list li a:hover {
6835        color: #3172ab;
6836    }
6837    .horizontal_menu .nav_div_115 .nav_list_trd {
6838        display: none;
6839        position: absolute;
6840        left: 100%;
6841        top: -15px;
6842        padding: 15px 0px;
6843        box-shadow: 0px 0px 5px #00000078;        background: #fff;
6844    }
6845    .horizontal_menu .nav_div_115 .nav_list>li .nav_list_trd.open,
6846    .horizontal_menu .nav_div_115 .nav_list>li:hover .nav_list_trd {
6847        display: block;
6848        z-index: 99;
6849    }
6850
6851    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_115,
6852    .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_115 .nav_list_trd{
6853                    width: 250px;
6854            }
6855
6856            .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_115 .nav_list_trd{
6857            width: 250px;
6858        }
6859    </style>
6860                                            </div>
6861                    <div class="hum-line"></div>
6862                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
6863                                            </div>
6864        </div>
6865    </nav>
6866    <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div>
6867
6868    
6868<script>
6869        $(function () {
6870        
6871            const $menuRoot   = $('#tablet_hamburger_menu_template');
6872            const $menuWrap   = $('.header_container_2');
6873            const $button     = $('#tablet_hamburger_button');
6874            const $overlay    = $('#tablet_hamburger_menu_template_overlay');
6875            const $closeBtn   = $('#tablet_hamburger_close_button');
6876        
6877            const trap = focusTrap.createFocusTrap($menuRoot[0], {
6878                onActivate: () => $menuRoot.addClass('is-active'),
6879                onDeactivate: () => $menuRoot.removeClass('is-active'),
6880                clickOutsideDeactivates: true
6881            });
6882        
6883            $button.on('click keypress', function (event) {
6884                if (event.which === 13 || event.which === 32 || event.type === 'click') {
6885                    if (event.which === 32) event.preventDefault();
6886        
6887                    const isOpen = $menuRoot.hasClass('open');
6888        
6889                    $menuRoot.toggleClass('open');
6890                    $overlay.toggleClass('open');
6891                    $menuRoot.removeAttr('inert');
6892                    $button.attr('aria-expanded', String(!isOpen));
6893        
6894                    if (!isOpen) {
6895                        trap.activate();
6896                        $closeBtn.focus();
6897                    } else {
6898                        closeHamburgerMenu();
6899                    }
6900                }
6901            });
6902        
6903            $closeBtn.add($overlay).on('click keypress', function (event) {
6904                if (event.which === 13 || event.which === 32 || event.type === 'click') {
6905                    if (event.which === 32) event.preventDefault();
6906                    closeHamburgerMenu();
6907                }
6908            });
6909        
6910            function closeHamburgerMenu() {
6911                $menuRoot.removeClass('open').attr('inert', 'inert');
6912                $overlay.removeClass('open');
6913                $button.attr('aria-expanded', 'false');
6914        
6915                $menuRoot.find('.sub-menu-panel').each(function () {
6916                    const $submenu = $(this);
6917                    $submenu.removeClass('open').attr('aria-hidden', 'true');
6918                    updateSubmenuTabindex($submenu, true);
6919                });
6920        
6921                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
6922                    .attr('aria-expanded', 'false');
6923        
6924                trap.deactivate();
6925            }
6926        
6927            function updateSubmenuTabindex($submenu, isHidden) {
6928                const $items = $submenu.find('a');
6929            
6930                if (isHidden) {
6931                    $items.each(function () {
6932                        $(this).attr('tabindex', '-1');
6933                    });
6934                } else {
6935                    $items.each(function () {
6936                        $(this).attr('tabindex', '0');
6937                    });
6938                }
6939            }
6940            
6941            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
6942            
6943                e.preventDefault();
6944                e.stopPropagation();
6945            
6946                const $trigger = $(this);
6947                const $submenu = $trigger.next('.nav_list_trd');
6948            
6949                if (!$submenu.length) return;
6950            
6951                const isOpen = $submenu.hasClass('open');
6952            
6953                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
6954                    $(this)
6955                        .removeClass('open')
6956                        .attr('aria-hidden', 'true');
6957                    updateSubmenuTabindex($(this), true);
6958                });
6959            
6960                if (isOpen) {
6961                    $submenu
6962                        .removeClass('open')
6963                        .attr('aria-hidden', 'true');
6964                    updateSubmenuTabindex($submenu, true);
6965                } else {
6966                    $submenu
6967                        .addClass('open')
6968                        .attr('aria-hidden', 'false');
6969                    updateSubmenuTabindex($submenu, false);
6970                }
6971            });
6972        
6973            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
6974        
6975                e.preventDefault();
6976                e.stopPropagation();
6977        
6978                const $btn = $(this);
6979                const submenuId = $btn.attr('aria-controls');
6980                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
6981        
6982                if (!$submenu.length) return;
6983        
6984                const isExpanded = $btn.attr('aria-expanded') === 'true';
6985        
6986                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
6987                    $(this).removeClass('open').attr('aria-hidden', 'true');
6988                    updateSubmenuTabindex($(this), true);
6989                });
6990        
6991                $menuRoot.find('[aria-controls]')
6992                    .not($btn)
6993                    .attr('aria-expanded', 'false');
6994        
6995                if (isExpanded) {
6996                    console.log($submenu)
6997                    $btn.attr('aria-expanded', 'false');
6998                    $submenu.removeClass('open').attr('aria-hidden', 'true');
6999                    updateSubmenuTabindex($submenu, true);
7000                } else {
7001                    $btn.attr('aria-expanded', 'true');
7002                    $submenu.addClass('open').attr('aria-hidden', 'false');
7003                    updateSubmenuTabindex($submenu, false);
7004                }
7005            });
7006        
7007            $menuRoot.on('keydown', function (e) {
7008                if (e.key !== 'Escape') return;
7009            
7010                const $open = $menuRoot.find('.nav_list_trd.open').last();
7011                if (!$open.length) return;
7012            
7013                $open
7014                    .removeClass('open')
7015                    .attr('aria-hidden', 'true');
7016            
7017                updateSubmenuTabindex($open, true);
7018            
7019                $open.prev('.nav_a_trd').focus();
7020            
7021                e.preventDefault();
7022                e.stopPropagation();
7023            });
7024        
7025            $menuRoot.find('.sub-menu-panel').each(function () {
7026                const $submenu = $(this);
7027                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
7028                updateSubmenuTabindex($submenu, !isOpen);
7029            });
7030        
7031        });
7032
7033    </script>
7033
7034</div>
7035
7036<style>
7037    #tablet_hamburger_menu_template>ul>li>a,
7038    #tablet_hamburger_menu_template>ul>li>button {
7039    color:#000000; display: flex;
7040    font-weight:400;    font-style:normal;        font-size:16px;    font-family:Cinzel;    text-transform:none;        line-height:45px;    }
7041
7042    #tablet_hamburger_menu_template>ul>li>a:hover,
7043    #tablet_hamburger_menu_template>ul>li>button:hover {
7044    color:#4d4d4d;    }
7045</style>
7046                            </div>
7047                        
7048                            <div class="flex_col">
7049
7050                                
7051                            </div>
7052                        
7053                            <div class="flex_col">
7054
7055                                
7056                            </div>
7057                        
7058                    </div>
7059                
7060            
7061        </div>
7062
7063
7064    
7065</header>
7066<header class="appearance-mobile-view-template">    
7067    
7068    
7069        
7070        <style>
7071            .header_container>.flex_row {
7072                display: flex;
7073            }
7074
7075            .header_container_3 {
7076                            width: 100%;
7077                                        max-width: 100%;
7078                            margin: 0 auto;
7079                position: relative !important;
7080                transform: inherit !important;
7081            }
7082            .header_container>.flex_row>.flex_col {
7083                display: flex;
7084                flex-wrap: wrap;
7085                box-sizing: border-box;
7086                align-content: baseline;
7087            }
7088            .header_container>.flex_row>.flex_col>.flex_cell {
7089                height: fit-content;
7090                display: flex;
7091            }
7092            .header_container>.flex_row>.flex_col>.flex_cell a {
7093                text-decoration: none;
7094            }
7095            .header_container img {
7096                max-width: 100%;
7097            }
7098            .row_spacer_cs {
7099                display: none;
7100            }
7101            .sticky_row {
7102                position: fixed;
7103            }
7104            .sticky_row + .row_spacer_cs {
7105                display: block;
7106            }
7107        </style>
7108
7109        <div class="header_container header_container_3" data-device-type="3">
7110
7111            
7112                
7113                <div class="flex_row flex_row_1 ">
7114
7115                    
7116                        <div class="flex_col flex_col_1">
7117
7118                            <div class="flex_cell flex_cell_1 line">
7119            <div class="s_line"></div>
7120    </div>
7121
7122<style>
7123    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 {
7124        width: 100%;
7125        justify-content:center; -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7126
7127    
7128    .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 .s_line {
7129        background-color:#ffbf3f;        border-style: solid;
7130                width:100%;        border-radius:0px;        border-width:5px;        border-color:#ffbf3f;    }
7131
7132</style>
7133                        </div>
7134
7135                        <style>
7136                            .header_container_3>.flex_row_1>.flex_col_1 {
7137                            width:100%;                            }
7138                        </style>
7139
7140
7141                    
7142                </div>
7143
7144                
7145                <style>
7146    .header_container_3>.flex_row_1 {
7147                    background-color: #f6f2ee;
7148        
7149        color:#000000;        height:auto;                
7150        
7151            }
7152
7153    </style>
7154
7155
7156                                
7157            
7158                
7159                <div class="flex_row flex_row_2 ">
7160
7161                    
7162                        <div class="flex_col flex_col_1">
7163
7164                            
7165<div class="flex_cell flex_cell_1 social_icons">
7166    <div class="flex_cell_content">
7167        
7168        
7169                    <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/charleskrypell/" style="order: 1">
7170                <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>                            </a>
7171        
7172        
7173        
7174        
7175        
7176
7177        
7178        
7179            </div>
7180</div>
7181
7182<style>
7183    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons {
7184        width:100%;                                    justify-content: flex-start;
7185                            align-items:center; -webkit-align-items:center;    }
7186
7187            .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons {
7188        height:100%;        }
7189    
7190    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons>.flex_cell_content {
7191        display: flex;
7192        margin-top:10px;        margin-bottom:10px;        margin-left:5px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7193
7194    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a {
7195        display: flex;
7196        align-items: center;
7197        color:#000000;                font-style:normal;                        margin-left: 6px;
7198        margin-right: 6px;
7199        font-size:15px;font-family:Montserrat;        text-transform:none;    }
7200
7201    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a svg{
7202        margin-right: 5px;
7203        width:14px;        height:14px;    }
7204
7205    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a .path_class {
7206        fill: currentColor;
7207    }
7208
7209
7210    .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.social_icons a:hover {
7211        color:#000000;    }
7212</style>
7213
7214                        </div>
7215
7216                        <style>
7217                            .header_container_3>.flex_row_2>.flex_col_1 {
7218                            width:10%;                            }
7219                        </style>
7220
7221
7222                    
7223                        <div class="flex_col flex_col_2">
7224
7225                            
7226<div class="flex_cell flex_cell_1 button_link">
7227    
7228
7229        <div class="flex_cell_content">
7230            <a class="btn_link_ig" href="https://www.charleskrypell.com/store-locator"  title="Store Locator">
7231                                <img alt="Store Locator" title="Store Locator"
7232                                                            src="/public/1.0/uploads/source/icons/store_locator/10x10.png"/>
7233                                Store Locator                            </a>
7234        </div>
7235
7236    </div>
7237<style>
7238    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link {
7239        width:100%;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;    }
7240
7241            .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link {
7242                }
7243    
7244    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content {
7245    display: flex;
7246    margin-top:px;    margin-bottom:px;    margin-left:px;    margin-right:px;    }
7247
7248    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a {
7249        color:#000000;        font-weight:400;        font-style:normal;                
7250                    background-color:#f6f2ee;        
7251        font-size:12.5px;font-family:Montserrat;        text-decoration: none;
7252        display: inline-flex;
7253        align-items: center;
7254        padding: 10px 26px;
7255        border-style: solid;
7256        justify-content:center;        text-transform:none;        border-radius:0px;        border-width:0px;        border-color:#f6f2ee;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7257
7258    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a>i{
7259        margin-right: 5px;
7260    }
7261
7262    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.button_link a:hover {
7263        color:#000000;        background-color:#f6f2ee;        border-color:#f6f2ee;            }
7264
7265    .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a>img {
7266        margin-right:5px;    }
7267</style>
7268
7269                        </div>
7270
7271                        <style>
7272                            .header_container_3>.flex_row_2>.flex_col_2 {
7273                            width:50%;                            }
7274                        </style>
7275
7276
7277                    
7278                        <div class="flex_col flex_col_3">
7279
7280                            
7281<div class="flex_cell flex_cell_1 account_icons">
7282    <div class="flex_cell_content">
7283        
7284                    <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 3">
7285                <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>                                                <span class="item-count-badge wishlist-count-badge d-none"></span>
7286                            </a>
7287        
7288                    <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2">
7289                <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>
7289                                                <span class="item-count-badge build-shopping-cart-item-counter d-none"></span>
7290                            </a>
7291        
7292                    <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 1">
7293                <svg role="img" aria-label="Search" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_22)"><path class="path_class" d="M564.3 507.7L444.6 388C471.82 347.59 485.25 297.1 478.06 243.3C465.8 151.79 390.8 77.3199 299.2 65.7229C163.01 48.4899 48.4899 163.01 65.7239 299.2C77.3239 390.84 151.804 465.9 243.324 478.1C297.124 485.289 347.624 471.864 388.024 444.64L507.724 564.34C523.344 579.96 548.674 579.96 564.294 564.34C579.9 548.7 579.9 523.3 564.3 507.7ZM143.1 272C143.1 201.42 200.52 144 271.1 144C341.68 144 399.1 201.42 399.1 272C399.1 342.58 341.68 400 271.1 400C200.52 400 143.1 342.6 143.1 272Z" fill="black"/></g><defs><clipPath id="clip0_107_22"><rect width="512" height="512" fill="white" transform="translate(64 64)"/></clipPath></defs></svg>                            </a>
7294        
7295                                    <a class="" href="/login" title="My Account" style="order: 4">
7296                    <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg>                                    </a>
7297                        </div>
7298</div>
7299
7300<style>
7301    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
7302        width:100%;                                    justify-content: flex-end;
7303                            align-items:center; -webkit-align-items:center;    }
7304
7305            .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons {
7306        height:100%;        }
7307    
7308    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content {
7309    display: flex;
7310    margin-top:5px;    margin-bottom:5px;    margin-left:px;    margin-right:5px;    padding-top:px;    padding-bottom:px;    padding-left:px;    padding-right:px;    }
7311
7312    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none {
7313        display: none !important;
7314    }
7315
7316    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a {
7317        display: flex;
7318        align-items: center;
7319        color:#000000;                font-style:normal;                        font-size:14px;        font-family:Montserrat;        margin-left: 12px;
7320        text-transform:none;    }
7321
7322    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg,
7323    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img {
7324        flex-shrink: 0;
7325        margin-right: 5px;
7326        width:13px;        height:13px;    }
7327
7328    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class {
7329        fill: currentColor;
7330    }
7331
7332    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover {
7333        color:#000000;    }
7334
7335    .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge {
7336        padding: 0 5px;
7337        height: 16px;
7338        min-width: 16px;
7339        text-align: center;
7340        border-radius: 7px;
7341        line-height: 16px;
7342        border: 1px solid #fff;
7343        font-style: normal;
7344        font-weight: 700;
7345        font-size: 10px;
7346        background-color:#b1afaf;        color:#ffffff;        margin-left: -10px;
7347        margin-top: -15px;
7348    }
7349</style>
7350                        </div>
7351
7352                        <style>
7353                            .header_container_3>.flex_row_2>.flex_col_3 {
7354                            width:40%;                            }
7355                        </style>
7356
7357
7358                    
7359                </div>
7360
7361                
7362                <style>
7363    .header_container_3>.flex_row_2 {
7364                    background-color: #f6f2ee;
7365        
7366        color:#000000;        height:auto;                
7367        
7368            }
7369
7370    </style>
7371
7372
7373                                
7374            
7375                
7376                <div class="flex_row flex_row_3 ">
7377
7378                    
7379                        <div class="flex_col flex_col_1">
7380
7381                            <div class="flex_cell flex_cell_1 menu">
7382    <div class="flex_cell_content">
7383            <style>
7384            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner,
7385            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent {
7386                width: 30px;
7387                height: 24px;
7388                position: relative;
7389                cursor: pointer;
7390            }
7391            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect {
7392                fill: #000000;            }
7393
7394            
7395            .header_container_3>.flex_row_3>.flex_col_1>
7395.flex_cell_1.menu a.hamburger-menu-nav-section,
7396            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{
7397            color:#000000;                display: flex;
7398            font-weight:400;            font-style:normal;                        font-size:17px;            font-family:Cinzel;            text-transform:none;                        line-height:45px;            }
7399        </style>
7400
7401        <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template">
7402            <div class="hamburger-button-parent">
7403               <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
7404                    <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
7405                    <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
7406                    <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/>
7407                </svg>
7408
7409
7410            </div>
7411                    </div>
7412        </div>
7413</div>
7414
7415<style>
7416    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
7417        width:100%;                                    justify-content: flex-start;
7418                            align-items:center; -webkit-align-items:center;    }
7419
7420            .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu {
7421        height:100%;        }
7422    
7423    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content {
7424        display: flex;
7425        margin-top:10px;        margin-bottom:10px;        margin-left:10px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
7426
7427    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a,
7428    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button {
7429        color:#000000; display: flex;
7430        font-weight:400;        font-style:normal;                font-size:17px;        font-family:Cinzel;        text-transform:none;                line-height:45px;    }
7431
7432    .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover {
7433        color:#4d4d4d;    }
7434</style>
7435                        </div>
7436
7437                        <style>
7438                            .header_container_3>.flex_row_3>.flex_col_1 {
7439                            width:10%;                            }
7440                        </style>
7441
7442
7443                    
7444                        <div class="flex_col flex_col_2">
7445
7446                            
7447
7448<div class="flex_cell flex_cell_1 image">
7449    <div class="flex_cell_content">
7450
7451            <a href="https://www.charleskrypell.com/home"
7452           >
7453    
7454        
7455            <img
7456                height="87px"                width="350px"
7457                
7458                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png"
7459
7460                alt="Charles Krypell">
7461
7462        
7463            </a>
7464    
7465    </div>
7466</div>
7467    <style>
7468                .header_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.image {
7469        width:100%;        justify-content:center; -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
7470        .header_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
7471        display: flex;
7472        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
7473        .header_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.image img {
7474        max-width:350px;        }
7475        
7476                .header_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.image {
7477        height:100%;        }
7478            </style>
7479
7480
7481                        </div>
7482
7483                        <style>
7484                            .header_container_3>.flex_row_3>.flex_col_2 {
7485                            width:80%;                            }
7486                        </style>
7487
7488
7489                    
7490                        <div class="flex_col flex_col_3">
7491
7492                            
7493                        </div>
7494
7495                        <style>
7496                            .header_container_3>.flex_row_3>.flex_col_3 {
7497                            width:10%;                            }
7498                        </style>
7499
7500
7501                    
7502                </div>
7503
7504                
7505                <style>
7506    .header_container_3>.flex_row_3 {
7507                    background-color: #f6f2ee;
7508        
7509        color:#000000;        height:auto;                
7510        
7511            }
7512
7513    </style>
7514
7515
7516                                
7517            
7518                
7519                <div class="flex_row flex_row_4 ">
7520
7521                    
7522                        <div class="flex_col flex_col_1">
7523
7524                            
7525<div class="flex_cell flex_cell_1 toggleable_search_box">
7526    <div class="flex_cell_content">
7527        
7528            <form class="sform" id="search-box-form"
7529            onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;">
7530                    <div class="inputs-group">
7531                <button class="sBtn">
7532                    <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg>
7533                </button>
7534
7535                <input class="sinp" type="text" name="search"
7536                       placeholder="SEARCH FOR...">
7537                
7538                <span class="sBtn search_close_btn">
7539                    <svg aria-label="Close search" viewBox="0 0 16 16">
7540                        <path class="path_class" d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"></path>
7541                      </svg>
7542                </span>
7543
7544            </div>
7545                    </form>
7546
7547            </div>
7548</div>
7549<style>
7550    
7551   
7552    
7553    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1.toggleable_search_box {
7554        width:100%;        position:relative;
7555        
7556    }
7557
7558            
7559        
7560
7561    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content {
7562        display: flex;        
7563        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        width:100%;        top:0;
7564        width:100%;
7565        height:50px;        
7566                   background-color: #ffffff;
7567                   
7568           
7569
7570           
7571                    position:absolute;
7572            overflow: hidden;
7573            z-index:99999;
7574            max-height: 0;
7575            transition: max-height 0.3s ease-in-out;
7576                
7577    }
7578    
7579    
7580    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content.show {
7581        max-height:50px;    }
7582    
7583
7584    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .inputs-group {
7585        display: flex;
7586        flex-wrap: nowrap;
7587        border-radius: 0px;
7588        border-style: solid;
7589        border-width:1px;        border-color:#ffffff;        border-bottom-color:#000000;        width:100%;        background-color:#ffffff;          
7590    }
7591    
7592    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sform {
7593        display: flex;
7594        flex-wrap: nowrap;
7595        margin-top:px;        margin-bottom:1px;        margin-left:px;        margin-right:px;        justify-content:left; -webkit-justify-content:left;        align-items:center; -webkit-align-items:center;        width:100%;
7596    }
7597
7598    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sinp {
7599        border-radius: 0px;
7600        padding: 4px 8px;
7601        outline: 0px;
7602        box-shadow: none;
7603        font-size:14px;        font-family:Montserrat;        color:#000000;        font-weight:400;        font-style:normal;                        background-color: transparent;
7604              
7605        height:50px;        border-style: solid;
7606        border: none;
7607        width: 100%;
7608    }
7609
7610
7611    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sinp::placeholder {
7612        font-size:14px;        font-family:Montserrat;        color:#464646;        opacity: 1;
7613    }
7614
7615    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sBtn {
7616        height: 100%;        
7617        padding: 4px;
7618        align-items: center;
7619        justify-content: center;
7620        display: flex;
7621        border: none;
7622        background-color: transparent;
7623       
7624        color:#000000;        font-weight:400;        font-style:normal;                        height:50px;        width:50px;
7625    }
7626
7627
7628    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sBtn svg {
7629        width:13px;        height:13px;    }
7630
7631    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sBtn .path_class {
7632        fill:#464646;    }
7633
7634    .header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class {
7635        fill:#464646;    }
7636</style>
7637
7638  
7639<script>
7640
7641
7642    document.querySelectorAll('.search_close_btn').forEach(function(element) {
7643        element.addEventListener('click', function(event) {  
7644         const searchBox = document.querySelector('.header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content');
7645          if (searchBox) {
7646            searchBox.classList.toggle('show');
7647          }
7648      });
7649    });
7650  
7651    document.querySelectorAll('.search_click_toggle').forEach(function(element) {
7652      element.addEventListener('click', function(event) {
7653          event.preventDefault(); // Prevent the default behavior    
7654          const searchBox = document.querySelector('.header_container_3>.flex_row_4>.flex_col_1>.flex_cell_1.toggleable_search_box>.flex_cell_content');
7655        if (searchBox) {
7656          searchBox.classList.toggle('show');
7657        }
7658      });
7659    });
7660
7661
7662
7663</script>
7663
7664  
7665  
7666
7667                        </div>
7668
7669                        <style>
7670                            .header_container_3>.flex_row_4>.flex_col_1 {
7671                            width:100%;                            }
7672                        </style>
7673
7674
7675                    
7676                </div>
7677
7678                
7679                <style>
7680    .header_container_3>.flex_row_4 {
7681                    background-color: #ffffff;
7682        
7683        color:#000000;        height:auto;                
7684        
7685            }
7686
7687    </style>
7688
7689
7690                                
7691            
7692            
7693                
7694                    <div class="flex_row">
7695
7696                        
7697                            <div class="flex_col">
7698
7699                                
7700                            </div>
7701                        
7702                    </div>
7703                
7704            
7705                
7706                    <div class="flex_row">
7707
7708                        
7709                            <div class="flex_col">
7710
7711                                
7712                            </div>
7713                        
7714                            <div class="flex_col">
7715
7716                                
7717                            </div>
7718                        
7719                            <div class="flex_col">
7720
7721                                
7722                            </div>
7723                        
7724                    </div>
7725                
7726            
7727                
7728                    <div class="flex_row">
7729
7730                        
7731                            <div class="flex_col">
7732
7733                                <div class="flex_cell flex_cell_1 menu">
7734    <style>
7735        #mobile_hamburger_menu_template {
7736            position: fixed;
7737            top: 0;
7738            left: 0;
7739            width: 325px;
7740            overflow-y: auto;
7741            transform: translateX(-325px);
7742            z-index: 1000000001;
7743            height: 100vh;
7744            background-color: #ffffff;
7745            transition: all 0.3s ease;
7746        }
7747        #mobile_hamburger_menu_template_overlay.open {
7748            position: fixed;
7749            top: 0;
7750            left: 0;
7751            width: 100vw;
7752            z-index: 1000000001;
7753            transition: all 0.3s ease;
7754            height: 100vh;
7755            background: rgba(1, 1, 1, 0.5);
7756            cursor: pointer;
7757            transform: translateX(325px);
7758        }
7759        #mobile_hamburger_menu_template .hamburger-menu-template-inner {
7760            padding: 10px;
7761            padding-right:25px;
7762        }
7763        #mobile_hamburger_menu_template .hamburger-menu-close-button {
7764            font-size: 14px !important;
7765            display: flex;
7766            align-items: center;
7767            margin-bottom: 20px;
7768        }
7769        #mobile_hamburger_menu_template .hamburger-menu-close-button svg,
7770        #mobile_hamburger_menu_template button.hamburger-menu-close-button svg {
7771            height: 15px;
7772            margin-right: 5px;
7773        }
7774        #mobile_hamburger_menu_template .hamburger-menu-nav-section {
7775            display: flex;
7776            justify-content: space-between;
7777            align-items: center;
7778        }
7779        #mobile_hamburger_menu_template .hamburger-menu-nav-section svg,
7780        #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg,
7781        #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg {
7782            height: 10px;
7783            float: right;
7784        }
7785        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
7786        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span,
7787        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span {
7788            text-decoration: underline;
7789        }
7790        #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow,
7791        #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow,
7792        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow {
7793            min-width:30px;
7794            justify-content: end;
7795        }
7796        #mobile_hamburger_menu_template .ham_menu_container {
7797            display:flex;
7798            justify-content: space-between;
7799        }
7800        #mobile_hamburger_menu_template.open {
7801            transform: translateX(0);
7802        }
7803        #mobile_hamburger_menu_template .sub-menu-panel {
7804            display: none;
7805        }
7806        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] {
7807            display: none;
7808        }
7809        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
7810            display: block;
7811        }
7812        #mobile_hamburger_menu_template .icon_and_name {
7813            display:flex;
7814            align-items:center;
7815            gap:10px;
7816        }
7817        #mobile_hamburger_menu_template .hum-line {
7818            border-bottom: 1px solid #ddd;
7819        }
7820        #mobile_hamburger_menu_template .sub-menu-panel.open,
7821        #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] {
7822            display: block;
7823        }
7824        #mobile_hamburger_menu_template a.hamburger-menu-nav-section,
7825        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
7826        #mobile_hamburger_menu_template button.hamburger-menu-close-button,
7827        #mobile_hamburger_menu_template a.hamburger-menu-close-button{
7828        color:#000000;            display: flex;
7829            text-align: left;
7830            width: 100%;
7831            position: relative;
7832        font-weight:400;        font-style:normal;                font-size:17px;        font-family:Cinzel;        text-transform:none;                line-height:45px;        }
7833        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd {
7834            display: none;
7835            padding: 15px 0px;
7836            background: #fff;
7837        }
7838        #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open {
7839            display: block;
7840            padding-top:2px;
7841        }
7842        /* Reset button styles to look like links */
7843        #mobile_hamburger_menu_template button.hamburger-menu-nav-section,
7844        #mobile_hamburger_menu_template button.hamburger-menu-close-button,
7845        #mobile_hamburger_menu_template button.parent_men_arrow {
7846            background: none;
7847            border: none;
7848            padding: 0;
7849            cursor: pointer;
7850            -webkit-appearance: none;
7851            -moz-appearance: none;
7852            appearance: none;
7853        }
7854        
7855        /* Hover and active states for buttons - inherit from link styles */
7856        #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover,
7857        #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active,
7858        #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"],
7859        #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover {
7860            /* Styles inherited from parent selectors above */
7861        }
7862        
7863        /* Additional button styles are inherited from parent selectors above */
7864        
7865        /* Image styles inside buttons */
7866        #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
7867        #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img {
7868                            height:20px;
7869                    }
7870    </style>
7871
7872    <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert">
7873        <div class="hamburger-menu-template-inner">
7874            <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu">
7875                <svg role="img" aria-hidden="true" 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> CLOSE</button>
7876
7877            <div class="script_before_menu">
7878                                                            </div>
7879            <div style="clear: both"></div>
7880            
7881                    
7882                        <div class="ham_menu_container">
7883                        <a class="hamburger-menu-nav-section parent_men " title="Jewelry" href="https://www.charleskrypell.com/fine-jewelry" >
7884
7885                            <span class="icon_and_name">
7886                            
7887                                Jewelry                            </span>
7888
7889                        </a>
7890                        <button type="button" class="hamburger-menu-nav-section parent_men_arrow" aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Jewelry section">
7891
7892                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
7893                            
7894                        </button>
7895                    
7896
7897                    
7898                        </div>
7899                    
7900                    <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true">
7901                                                    
7902    
7903        
7904
7905
7906<div class="menu_container default_build_menu menu_container_3_navigation_16">
7907    <div class="nav_div_16">
7908                <ul class="nav_list" role="menu" aria-label="Jewelry" tabindex="-1">
7909                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
7910                    <li style=""
7911                        class="" 
7912                        role="none">
7913
7914                          
7915
7916                                                <a class="nav_a_trd " title="Necklaces" href="https://www.charleskrypell.com/necklaces"  data-full_image="" role="menuitem" tabindex="0" >
7917                                                                        Necklaces                                                                        </a>
7918                        
7919                              
7920
7921                         
7922
7923
7924
7925                                            </li>
7926
7927                
7928                            
7929                    <li style=""
7930                        class="" 
7931                        role="none">
7932
7933                          
7934
7935                                                <a class="nav_a_trd " title="Earrings" href="https://www.charleskrypell.com/earrings"  data-full_image="" role="menuitem" tabindex="-1" >
7936                                                                        Earrings                                                                        </a>
7937                        
7938                              
7939
7940                         
7941
7942
7943
7944                                            </li>
7945
7946                
7947                            
7948                    <li style=""
7949                        class="" 
7950                        role="none">
7951
7952                          
7953
7954                                                <a class="nav_a_trd " title="Bracelets" href="https://www.charleskrypell.com/bracelets"  data-full_image="" role="menuitem" tabindex="-1" >
7955                                                                        Bracelets                                                                        </a>
7956                        
7957                              
7958
7959                         
7960
7961
7962
7963                                            </li>
7964
7965                
7966                            
7967                    <li style=""
7968                        class="" 
7969                        role="none">
7970
7971                          
7972
7973                                                <a class="nav_a_trd " title="Rings" href="https://www.charleskrypell.com/rings"  data-full_image="" role="menuitem" tabindex="-1" >
7974                                                                        Rings                                                                        </a>
7975                        
7976                              
7977
7978                         
7979
7980
7981
7982                                            </li>
7983
7984                
7985                                                                                                                                                                                                                                                                                                            </ul>
7986                    </div>
7987</div>
7988<style>
7989    .menu_container_3_navigation_16 {
7990        background: #fff;
7991                    }
7992    .horizontal_menu .nav_div_16 {
7993        padding: 15px 0px;
7994        box-shadow: 0px 0px 5px #00000078;        display: flex;
7995        flex-wrap: wrap;
7996    }
7997    .horizontal_menu .nav_img_16 {
7998        height: 200px;
7999        width: 250px;
8000        margin-left: 50px;
8001        margin-right: 20px;
8002        flex-shrink: 0;
8003        order: 1;
8004    }
8005    .horizontal_menu .nav_img_16 img {
8006        max-width: 100%;
8007        max-height: 100%;
8008    }
8009    .horizontal_menu .nav_div_16 .vfit {
8010        text-align: left;
8011        border-bottom: 1px solid #ececec;
8012        text-transform: uppercase;
8013    }
8014    .nav_div_16 .vfit a {
8015        text-decoration: none;
8016        color: #222;
8017    }
8018    .nav_div_16 .nav_list {
8019        list-style: none;
8020        margin: 0;
8021        padding: 0;
8022        order: 1;
8023            }
8024    .nav_div_16 ul {
8025        list-style: none;
8026    }
8027    #mobile_hamburger_menu_template .nav_div_16 li {
8028        width: 100%;
8029        margin: 0;
8030        padding: 0px 20px;
8031        position: relative;
8032    }
8033    .horizontal_menu .nav_div_16 li {
8034        width: 100%;
8035        margin: 0;
8036        padding: 0px 20px;
8037        position: relative;
8038    }
8039    
8040    #mobile_hamburger_menu_template .nav_div_16 li svg {
8041        position: absolute;
8042        right: 15px;
8043        height: 10px;
8044        top: 10px;
8045    }
8046    .horizontal_menu .nav_div_16 li svg {
8047        position: absolute;
8048        right: 15px;
8049        height: 10px;
8050        top: 10px;
8051    }
8052    
8053    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd {
8054        display: flex;
8055        align-items: center;
8056        padding: 0;
8057        line-height: 30px;
8058        font-size: 14px;
8059        text-transform: uppercase;
8060        text-decoration: none;
8061        color: #222;
8062        white-space: normal;
8063
8064        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8065    }
8066    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button {
8067        background: none;
8068        border: none;
8069        cursor: pointer;
8070    }
8071    
8072    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men {
8073        text-decoration: underline;
8074    }
8075
8076    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover {
8077        color:#4d4d4d;        cursor: pointer;
8078    }
8079
8080
8081    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a {
8082        display: flex;
8083        align-items: center;
8084        padding: 0;
8085        line-height: 30px;
8086        font-size: 14px;
8087        text-transform: uppercase;
8088        text-decoration: none;
8089        color: #222;
8090        white-space: normal;
8091
8092        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8093
8094    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover {
8095        color:#4d4d4d;    }
8096
8097    .nav_div_16 .nav_list li a .nav_icons {
8098        height: 30px;
8099        margin-right: 5px;
8100            }
8101
8102    
8103
8104    .nav_div_16 .nav_list li a:hover {
8105        color: #3172ab;
8106    }
8107    .horizontal_menu .nav_div_16 .nav_list_trd {
8108        display: none;
8109        position: absolute;
8110        left: 100%;
8111        top: -15px;
8112        padding: 15px 0px;
8113        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8114    }
8115    .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open,
8116    .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd {
8117        display: block;
8118        z-index: 99;
8119    }
8120
8121    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16,
8122    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{
8123                    width: 250px;
8124            }
8125
8126            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{
8127            width: 250px;
8128        }
8129    </style>
8130                                            </div>
8131                    <div class="hum-line"></div>
8132                            
8133                    
8134                                                    <button type="button" class="hamburger-menu
8134-nav-section " aria-expanded="false" aria-controls="mobile-submenu-103" aria-label="Expand Collections section">
8135                                                <span class="icon_and_name">
8136                        
8137                            Collections                        </span>
8138                                                            <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>
8139                            
8140                                                    </button>
8141                                            
8142
8143                    
8144                    <div class="sub-menu-panel" id="mobile-submenu-103" aria-hidden="true">
8145                                                    
8146    
8147        
8148
8149
8150<div class="menu_container default_build_menu menu_container_3_navigation_103">
8151    <div class="nav_div_103">
8152                <ul class="nav_list" role="menu" aria-label="Collections" tabindex="-1">
8153                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
8154                    <li style=""
8155                        class="" 
8156                        role="none">
8157
8158                          
8159
8160                                                <a class="nav_a_trd " title="Gold Collection" href="https://www.charleskrypell.com/gold-collection"  data-full_image="" role="menuitem" tabindex="0" >
8161                                                                        Gold Collection                                                                        </a>
8162                        
8163                              
8164
8165                         
8166
8167
8168
8169                                            </li>
8170
8171                
8172                            
8173                    <li style=""
8174                        class="" 
8175                        role="none">
8176
8177                          
8178
8179                                                <a class="nav_a_trd " title="Pastel Collection" href="https://www.charleskrypell.com/pastel-collection"  data-full_image="" role="menuitem" tabindex="-1" >
8180                                                                        Pastel Collection                                                                        </a>
8181                        
8182                              
8183
8184                         
8185
8186
8187
8188                                            </li>
8189
8190                
8191                            
8192                    <li style=""
8193                        class="" 
8194                        role="none">
8195
8196                          
8197
8198                                                <a class="nav_a_trd " title="Signature Collection" href="https://www.charleskrypell.com/signature-collection"  data-full_image="" role="menuitem" tabindex="-1" >
8199                                                                        Signature Collection                                                                        </a>
8200                        
8201                              
8202
8203                         
8204
8205
8206
8207                                            </li>
8208
8209                
8210                            
8211                    <li style=""
8212                        class="" 
8213                        role="none">
8214
8215                          
8216
8217                                                <a class="nav_a_trd " title="Precious Collection" href="https://www.charleskrypell.com/precious-collection"  data-full_image="" role="menuitem" tabindex="-1" >
8218                                                                        Precious Collection                                                                        </a>
8219                        
8220                              
8221
8222                         
8223
8224
8225
8226                                            </li>
8227
8228                
8229                                    </ul>
8230                    </div>
8231</div>
8232<style>
8233    .menu_container_3_navigation_103 {
8234        background: #fff;
8235                    }
8236    .horizontal_menu .nav_div_103 {
8237        padding: 15px 0px;
8238        box-shadow: 0px 0px 5px #00000078;        display: flex;
8239        flex-wrap: wrap;
8240    }
8241    .horizontal_menu .nav_img_103 {
8242        height: 200px;
8243        width: 250px;
8244        margin-left: 50px;
8245        margin-right: 20px;
8246        flex-shrink: 0;
8247        order: 1;
8248    }
8249    .horizontal_menu .nav_img_103 img {
8250        max-width: 100%;
8251        max-height: 100%;
8252    }
8253    .horizontal_menu .nav_div_103 .vfit {
8254        text-align: left;
8255        border-bottom: 1px solid #ececec;
8256        text-transform: uppercase;
8257    }
8258    .nav_div_103 .vfit a {
8259        text-decoration: none;
8260        color: #222;
8261    }
8262    .nav_div_103 .nav_list {
8263        list-style: none;
8264        margin: 0;
8265        padding: 0;
8266        order: 1;
8267            }
8268    .nav_div_103 ul {
8269        list-style: none;
8270    }
8271    #mobile_hamburger_menu_template .nav_div_103 li {
8272        width: 100%;
8273        margin: 0;
8274        padding: 0px 20px;
8275        position: relative;
8276    }
8277    .horizontal_menu .nav_div_103 li {
8278        width: 100%;
8279        margin: 0;
8280        padding: 0px 20px;
8281        position: relative;
8282    }
8283    
8284    #mobile_hamburger_menu_template .nav_div_103 li svg {
8285        position: absolute;
8286        right: 15px;
8287        height: 10px;
8288        top: 10px;
8289    }
8290    .horizontal_menu .nav_div_103 li svg {
8291        position: absolute;
8292        right: 15px;
8293        height: 10px;
8294        top: 10px;
8295    }
8296    
8297    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd {
8298        display: flex;
8299        align-items: center;
8300        padding: 0;
8301        line-height: 30px;
8302        font-size: 14px;
8303        text-transform: uppercase;
8304        text-decoration: none;
8305        color: #222;
8306        white-space: normal;
8307
8308        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8309    }
8310    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li button {
8311        background: none;
8312        border: none;
8313        cursor: pointer;
8314    }
8315    
8316    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd.parent_men {
8317        text-decoration: underline;
8318    }
8319
8320    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_a_trd:hover {
8321        color:#4d4d4d;        cursor: pointer;
8322    }
8323
8324
8325    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a {
8326        display: flex;
8327        align-items: center;
8328        padding: 0;
8329        line-height: 30px;
8330        font-size: 14px;
8331        text-transform: uppercase;
8332        text-decoration: none;
8333        color: #222;
8334        white-space: normal;
8335
8336        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8337
8338    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_103 .nav_div_103 .nav_list li .nav_list_trd li a:hover {
8339        color:#4d4d4d;    }
8340
8341    .nav_div_103 .nav_list li a .nav_icons {
8342        height: 30px;
8343        margin-right: 5px;
8344            }
8345
8346    
8347
8348    .nav_div_103 .nav_list li a:hover {
8349        color: #3172ab;
8350    }
8351    .horizontal_menu .nav_div_103 .nav_list_trd {
8352        display: none;
8353        position: absolute;
8354        left: 100%;
8355        top: -15px;
8356        padding: 15px 0px;
8357        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8358    }
8359    .horizontal_menu .nav_div_103 .nav_list>li .nav_list_trd.open,
8360    .horizontal_menu .nav_div_103 .nav_list>li:hover .nav_list_trd {
8361        display: block;
8362        z-index: 99;
8363    }
8364
8365    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103,
8366    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103 .nav_list_trd{
8367                    width: 250px;
8368            }
8369
8370            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_103 .nav_list_trd{
8371            width: 250px;
8372        }
8373    </style>
8374                                            </div>
8375                    <div class="hum-line"></div>
8376                            
8377                    
8378                                                    <a class="hamburger-menu
8378-nav-section " title="Newest Arrivals" href="https://www.charleskrypell.com/newest-arrivals" >
8379                                                <span class="icon_and_name">
8380                        
8381                            Newest Arrivals                        </span>
8382                            
8383                                                    </a>
8384                                            
8385
8386                    
8387                    <div class="sub-menu-panel" id="mobile-submenu-20" aria-hidden="true">
8388                                                    
8389    
8390        
8391
8392
8393<div class="menu_container default_build_menu menu_container_3_navigation_20">
8394    <div class="nav_div_20">
8395                    </div>
8396</div>
8397<style>
8398    .menu_container_3_navigation_20 {
8399        background: #fff;
8400                    }
8401    .horizontal_menu .nav_div_20 {
8402        padding: 15px 0px;
8403        box-shadow: 0px 0px 5px #00000078;        display: flex;
8404        flex-wrap: wrap;
8405    }
8406    .horizontal_menu .nav_img_20 {
8407        height: 200px;
8408        width: 250px;
8409        margin-left: 50px;
8410        margin-right: 20px;
8411        flex-shrink: 0;
8412        order: 1;
8413    }
8414    .horizontal_menu .nav_img_20 img {
8415        max-width: 100%;
8416        max-height: 100%;
8417    }
8418    .horizontal_menu .nav_div_20 .vfit {
8419        text-align: left;
8420        border-bottom: 1px solid #ececec;
8421        text-transform: uppercase;
8422    }
8423    .nav_div_20 .vfit a {
8424        text-decoration: none;
8425        color: #222;
8426    }
8427    .nav_div_20 .nav_list {
8428        list-style: none;
8429        margin: 0;
8430        padding: 0;
8431        order: 1;
8432            }
8433    .nav_div_20 ul {
8434        list-style: none;
8435    }
8436    #mobile_hamburger_menu_template .nav_div_20 li {
8437        width: 100%;
8438        margin: 0;
8439        padding: 0px 20px;
8440        position: relative;
8441    }
8442    .horizontal_menu .nav_div_20 li {
8443        width: 100%;
8444        margin: 0;
8445        padding: 0px 20px;
8446        position: relative;
8447    }
8448    
8449    #mobile_hamburger_menu_template .nav_div_20 li svg {
8450        position: absolute;
8451        right: 15px;
8452        height: 10px;
8453        top: 10px;
8454    }
8455    .horizontal_menu .nav_div_20 li svg {
8456        position: absolute;
8457        right: 15px;
8458        height: 10px;
8459        top: 10px;
8460    }
8461    
8462    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd {
8463        display: flex;
8464        align-items: center;
8465        padding: 0;
8466        line-height: 30px;
8467        font-size: 14px;
8468        text-transform: uppercase;
8469        text-decoration: none;
8470        color: #222;
8471        white-space: normal;
8472
8473        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8474    }
8475    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li button {
8476        background: none;
8477        border: none;
8478        cursor: pointer;
8479    }
8480    
8481    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men {
8482        text-decoration: underline;
8483    }
8484
8485    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover {
8486        color:#4d4d4d;        cursor: pointer;
8487    }
8488
8489
8490    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a {
8491        display: flex;
8492        align-items: center;
8493        padding: 0;
8494        line-height: 30px;
8495        font-size: 14px;
8496        text-transform: uppercase;
8497        text-decoration: none;
8498        color: #222;
8499        white-space: normal;
8500
8501        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8502
8503    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .n
8503av_list li .nav_list_trd li a:hover {
8504        color:#4d4d4d;    }
8505
8506    .nav_div_20 .nav_list li a .nav_icons {
8507        height: 30px;
8508        margin-right: 5px;
8509            }
8510
8511    
8512
8513    .nav_div_20 .nav_list li a:hover {
8514        color: #3172ab;
8515    }
8516    .horizontal_menu .nav_div_20 .nav_list_trd {
8517        display: none;
8518        position: absolute;
8519        left: 100%;
8520        top: -15px;
8521        padding: 15px 0px;
8522        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8523    }
8524    .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open,
8525    .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd {
8526        display: block;
8527        z-index: 99;
8528    }
8529
8530    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20,
8531    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{
8532                    width: 250px;
8533            }
8534
8535            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{
8536            width: 250px;
8537        }
8538    </style>
8539                                            </div>
8540                    <div class="hum-line"></div>
8541                            
8542                    
8543                                                    <a class="hamburger-menu-nav-section " title="Heritage" href="https://www.charleskrypell.com/heritage" >
8544                                                <span class="icon_and_name">
8545                        
8546                            Heritage                        </span>
8547                            
8548                                                    </a>
8549                                            
8550
8551                    
8552                    <div class="sub-menu-panel" id="mobile-submenu-98" aria-hidden="true">
8553                                                    
8554    
8555        
8556
8557
8558<div class="menu_container default_build_menu menu_container_3_navigation_98">
8559    <div class="nav_div_98">
8560                    </div>
8561</div>
8562<style>
8563    .menu_container_3_navigation_98 {
8564        background: #fff;
8565                    }
8566    .horizontal_menu .nav_div_98 {
8567        padding: 15px 0px;
8568        box-shadow: 0px 0px 5px #00000078;        display: flex;
8569        flex-wrap: wrap;
8570    }
8571    .horizontal_menu .nav_img_98 {
8572        height: 200px;
8573        width: 250px;
8574        margin-left: 50px;
8575        margin-right: 20px;
8576        flex-shrink: 0;
8577        order: 1;
8578    }
8579    .horizontal_menu .nav_img_98 img {
8580        max-width: 100%;
8581        max-height: 100%;
8582    }
8583    .horizontal_menu .nav_div_98 .vfit {
8584        text-align: left;
8585        border-bottom: 1px solid #ececec;
8586        text-transform: uppercase;
8587    }
8588    .nav_div_98 .vfit a {
8589        text-decoration: none;
8590        color: #222;
8591    }
8592    .nav_div_98 .nav_list {
8593        list-style: none;
8594        margin: 0;
8595        padding: 0;
8596        order: 1;
8597            }
8598    .nav_div_98 ul {
8599        list-style: none;
8600    }
8601    #mobile_hamburger_menu_template .nav_div_98 li {
8602        width: 100%;
8603        margin: 0;
8604        padding: 0px 20px;
8605        position: relative;
8606    }
8607    .horizontal_menu .nav_div_98 li {
8608        width: 100%;
8609        margin: 0;
8610        padding: 0px 20px;
8611        position: relative;
8612    }
8613    
8614    #mobile_hamburger_menu_template .nav_div_98 li svg {
8615        position: absolute;
8616        right: 15px;
8617        height: 10px;
8618        top: 10px;
8619    }
8620    .horizontal_menu .nav_div_98 li svg {
8621        position: absolute;
8622        right: 15px;
8623        height: 10px;
8624        top: 10px;
8625    }
8626    
8627    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_a_trd {
8628        display: flex;
8629        align-items: center;
8630        padding: 0;
8631        line-height: 30px;
8632        font-size: 14px;
8633        text-transform: uppercase;
8634        text-decoration: none;
8635        color: #222;
8636        white-space: normal;
8637
8638        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8639    }
8640    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li button {
8641        background: none;
8642        border: none;
8643        cursor: pointer;
8644    }
8645    
8646    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_a_trd.parent_men {
8647        text-decoration: underline;
8648    }
8649
8650    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_a_trd:hover {
8651        color:#4d4d4d;        cursor: pointer;
8652    }
8653
8654
8655    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a {
8656        display: flex;
8657        align-items: center;
8658        padding: 0;
8659        line-height: 30px;
8660        font-size: 14px;
8661        text-transform: uppercase;
8662        text-decoration: none;
8663        color: #222;
8664        white-space: normal;
8665
8666        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8667
8668    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_list_trd li a:hover {
8669        color:#4d4d4d;    }
8670
8671    .nav_div_98 .nav_list li a .nav_icons {
8672        height: 30px;
8673        margin-right: 5px;
8674            }
8675
8676    
8677
8678    .nav_div_98 .nav_list li a:hover {
8679        color: #3172ab;
8680    }
8681    .horizontal_menu .nav_div_98 .nav_list_trd {
8682        display: none;
8683        position: absolute;
8684        left: 100%;
8685        top: -15px;
8686        padding: 15px 0px;
8687        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8688    }
8689    .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open,
8690    .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd {
8691        display: block;
8692        z-index: 99;
8693    }
8694
8695    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98,
8696    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98 .nav_list_trd{
8697                    width: 250px;
8698            }
8699
8700            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98 .nav_list_trd{
8701            width: 250px;
8702        }
8703    </style>
8704                                            </div>
8705                    <div class="hum-line"></div>
8706                            
8707                    
8708                                                    <a class="hamburger-menu
8708-nav-section " title="Contact Us" href="https://www.charleskrypell.com/contact-us" >
8709                                                <span class="icon_and_name">
8710                        
8711                            Contact Us                        </span>
8712                            
8713                                                    </a>
8714                                            
8715
8716                    
8717                    <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true">
8718                                                    
8719    
8720        
8721
8722
8723<div class="menu_container default_build_menu menu_container_3_navigation_22">
8724    <div class="nav_div_22">
8725                    </div>
8726</div>
8727<style>
8728    .menu_container_3_navigation_22 {
8729        background: #fff;
8730                    }
8731    .horizontal_menu .nav_div_22 {
8732        padding: 15px 0px;
8733        box-shadow: 0px 0px 5px #00000078;        display: flex;
8734        flex-wrap: wrap;
8735    }
8736    .horizontal_menu .nav_img_22 {
8737        height: 200px;
8738        width: 250px;
8739        margin-left: 50px;
8740        margin-right: 20px;
8741        flex-shrink: 0;
8742        order: 1;
8743    }
8744    .horizontal_menu .nav_img_22 img {
8745        max-width: 100%;
8746        max-height: 100%;
8747    }
8748    .horizontal_menu .nav_div_22 .vfit {
8749        text-align: left;
8750        border-bottom: 1px solid #ececec;
8751        text-transform: uppercase;
8752    }
8753    .nav_div_22 .vfit a {
8754        text-decoration: none;
8755        color: #222;
8756    }
8757    .nav_div_22 .nav_list {
8758        list-style: none;
8759        margin: 0;
8760        padding: 0;
8761        order: 1;
8762            }
8763    .nav_div_22 ul {
8764        list-style: none;
8765    }
8766    #mobile_hamburger_menu_template .nav_div_22 li {
8767        width: 100%;
8768        margin: 0;
8769        padding: 0px 20px;
8770        position: relative;
8771    }
8772    .horizontal_menu .nav_div_22 li {
8773        width: 100%;
8774        margin: 0;
8775        padding: 0px 20px;
8776        position: relative;
8777    }
8778    
8779    #mobile_hamburger_menu_template .nav_div_22 li svg {
8780        position: absolute;
8781        right: 15px;
8782        height: 10px;
8783        top: 10px;
8784    }
8785    .horizontal_menu .nav_div_22 li svg {
8786        position: absolute;
8787        right: 15px;
8788        height: 10px;
8789        top: 10px;
8790    }
8791    
8792    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd {
8793        display: flex;
8794        align-items: center;
8795        padding: 0;
8796        line-height: 30px;
8797        font-size: 14px;
8798        text-transform: uppercase;
8799        text-decoration: none;
8800        color: #222;
8801        white-space: normal;
8802
8803        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8804    }
8805    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button {
8806        background: none;
8807        border: none;
8808        cursor: pointer;
8809    }
8810    
8811    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men {
8812        text-decoration: underline;
8813    }
8814
8815    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover {
8816        color:#4d4d4d;        cursor: pointer;
8817    }
8818
8819
8820    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a {
8821        display: flex;
8822        align-items: center;
8823        padding: 0;
8824        line-height: 30px;
8825        font-size: 14px;
8826        text-transform: uppercase;
8827        text-decoration: none;
8828        color: #222;
8829        white-space: normal;
8830
8831        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8832
8833    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover {
8834        color:#4d4d4d;    }
8835
8836    .nav_div_22 .nav_list li a .nav_icons {
8837        height: 30px;
8838        margin-right: 5px;
8839            }
8840
8841    
8842
8843    .nav_div_22 .nav_list li a:hover {
8844        color: #3172ab;
8845    }
8846    .horizontal_menu .nav_div_22 .nav_list_trd {
8847        display: none;
8848        position: absolute;
8849        left: 100%;
8850        top: -15px;
8851        padding: 15px 0px;
8852        box-shadow: 0px 0px 5px #00000078;        background: #fff;
8853    }
8854    .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open,
8855    .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd {
8856        display: block;
8857        z-index: 99;
8858    }
8859
8860    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22,
8861    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{
8862                    width: 250px;
8863            }
8864
8865            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{
8866            width: 250px;
8867        }
8868    </style>
8869                                            </div>
8870                    <div class="hum-line"></div>
8871                            
8872                    
8873                                                    <a class="hamburger-menu
8873-nav-section " title="Bespoke" href="https://www.charleskrypell.com/bespoke" >
8874                                                <span class="icon_and_name">
8875                        
8876                            Bespoke                        </span>
8877                            
8878                                                    </a>
8879                                            
8880
8881                    
8882                    <div class="sub-menu-panel" id="mobile-submenu-115" aria-hidden="true">
8883                                                    
8884    
8885        
8886
8887
8888<div class="menu_container default_build_menu menu_container_3_navigation_115">
8889    <div class="nav_div_115">
8890                    </div>
8891</div>
8892<style>
8893    .menu_container_3_navigation_115 {
8894        background: #fff;
8895                    }
8896    .horizontal_menu .nav_div_115 {
8897        padding: 15px 0px;
8898        box-shadow: 0px 0px 5px #00000078;        display: flex;
8899        flex-wrap: wrap;
8900    }
8901    .horizontal_menu .nav_img_115 {
8902        height: 200px;
8903        width: 250px;
8904        margin-left: 50px;
8905        margin-right: 20px;
8906        flex-shrink: 0;
8907        order: 1;
8908    }
8909    .horizontal_menu .nav_img_115 img {
8910        max-width: 100%;
8911        max-height: 100%;
8912    }
8913    .horizontal_menu .nav_div_115 .vfit {
8914        text-align: left;
8915        border-bottom: 1px solid #ececec;
8916        text-transform: uppercase;
8917    }
8918    .nav_div_115 .vfit a {
8919        text-decoration: none;
8920        color: #222;
8921    }
8922    .nav_div_115 .nav_list {
8923        list-style: none;
8924        margin: 0;
8925        padding: 0;
8926        order: 1;
8927            }
8928    .nav_div_115 ul {
8929        list-style: none;
8930    }
8931    #mobile_hamburger_menu_template .nav_div_115 li {
8932        width: 100%;
8933        margin: 0;
8934        padding: 0px 20px;
8935        position: relative;
8936    }
8937    .horizontal_menu .nav_div_115 li {
8938        width: 100%;
8939        margin: 0;
8940        padding: 0px 20px;
8941        position: relative;
8942    }
8943    
8944    #mobile_hamburger_menu_template .nav_div_115 li svg {
8945        position: absolute;
8946        right: 15px;
8947        height: 10px;
8948        top: 10px;
8949    }
8950    .horizontal_menu .nav_div_115 li svg {
8951        position: absolute;
8952        right: 15px;
8953        height: 10px;
8954        top: 10px;
8955    }
8956    
8957    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li .nav_a_trd {
8958        display: flex;
8959        align-items: center;
8960        padding: 0;
8961        line-height: 30px;
8962        font-size: 14px;
8963        text-transform: uppercase;
8964        text-decoration: none;
8965        color: #222;
8966        white-space: normal;
8967
8968        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;
8969    }
8970    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li button {
8971        background: none;
8972        border: none;
8973        cursor: pointer;
8974    }
8975    
8976    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li .nav_a_trd.parent_men {
8977        text-decoration: underline;
8978    }
8979
8980    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li .nav_a_trd:hover {
8981        color:#4d4d4d;        cursor: pointer;
8982    }
8983
8984
8985    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a {
8986        display: flex;
8987        align-items: center;
8988        padding: 0;
8989        line-height: 30px;
8990        font-size: 14px;
8991        text-transform: uppercase;
8992        text-decoration: none;
8993        color: #222;
8994        white-space: normal;
8995
8996        color:#000000;        font-weight:400;        font-style:normal;                font-size:15px;        font-family:Montserrat;        text-transform:none;                line-height:35px;    }
8997
8998    .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_115 .nav_div_115 .nav_list li .nav_list_trd li a:hover {
8999        color:#4d4d4d;    }
9000
9001    .nav_div_115 .nav_list li a .nav_icons {
9002        height: 30px;
9003        margin-right: 5px;
9004            }
9005
9006    
9007
9008    .nav_div_115 .nav_list li a:hover {
9009        color: #3172ab;
9010    }
9011    .horizontal_menu .nav_div_115 .nav_list_trd {
9012        display: none;
9013        position: absolute;
9014        left: 100%;
9015        top: -15px;
9016        padding: 15px 0px;
9017        box-shadow: 0px 0px 5px #00000078;        background: #fff;
9018    }
9019    .horizontal_menu .nav_div_115 .nav_list>li .nav_list_trd.open,
9020    .horizontal_menu .nav_div_115 .nav_list>li:hover .nav_list_trd {
9021        display: block;
9022        z-index: 99;
9023    }
9024
9025    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_115,
9026    .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_115 .nav_list_trd{
9027                    width: 250px;
9028            }
9029
9030            .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_115 .nav_list_trd{
9031            width: 250px;
9032        }
9033    </style>
9034                                            </div>
9035                    <div class="hum-line"></div>
9036                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="script_after_menu">
9037                                            </div>
9038        </div>
9039    </nav>
9040    <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div>
9041
9042    
9042<script>
9043        $(function () {
9044        
9045            const $menuRoot   = $('#mobile_hamburger_menu_template');
9046            const $menuWrap   = $('.header_container_3');
9047            const $button     = $('#mobile_hamburger_button');
9048            const $overlay    = $('#mobile_hamburger_menu_template_overlay');
9049            const $closeBtn   = $('#mobile_hamburger_close_button');
9050        
9051            const trap = focusTrap.createFocusTrap($menuRoot[0], {
9052                onActivate: () => $menuRoot.addClass('is-active'),
9053                onDeactivate: () => $menuRoot.removeClass('is-active'),
9054                clickOutsideDeactivates: true
9055            });
9056        
9057            $button.on('click keypress', function (event) {
9058                if (event.which === 13 || event.which === 32 || event.type === 'click') {
9059                    if (event.which === 32) event.preventDefault();
9060        
9061                    const isOpen = $menuRoot.hasClass('open');
9062        
9063                    $menuRoot.toggleClass('open');
9064                    $overlay.toggleClass('open');
9065                    $menuRoot.removeAttr('inert');
9066                    $button.attr('aria-expanded', String(!isOpen));
9067        
9068                    if (!isOpen) {
9069                        trap.activate();
9070                        $closeBtn.focus();
9071                    } else {
9072                        closeHamburgerMenu();
9073                    }
9074                }
9075            });
9076        
9077            $closeBtn.add($overlay).on('click keypress', function (event) {
9078                if (event.which === 13 || event.which === 32 || event.type === 'click') {
9079                    if (event.which === 32) event.preventDefault();
9080                    closeHamburgerMenu();
9081                }
9082            });
9083        
9084            function closeHamburgerMenu() {
9085                $menuRoot.removeClass('open').attr('inert', 'inert');
9086                $overlay.removeClass('open');
9087                $button.attr('aria-expanded', 'false');
9088        
9089                $menuRoot.find('.sub-menu-panel').each(function () {
9090                    const $submenu = $(this);
9091                    $submenu.removeClass('open').attr('aria-hidden', 'true');
9092                    updateSubmenuTabindex($submenu, true);
9093                });
9094        
9095                $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]')
9096                    .attr('aria-expanded', 'false');
9097        
9098                trap.deactivate();
9099            }
9100        
9101            function updateSubmenuTabindex($submenu, isHidden) {
9102                const $items = $submenu.find('a');
9103            
9104                if (isHidden) {
9105                    $items.each(function () {
9106                        $(this).attr('tabindex', '-1');
9107                    });
9108                } else {
9109                    $items.each(function () {
9110                        $(this).attr('tabindex', '0');
9111                    });
9112                }
9113            }
9114            
9115            $menuRoot.on('keypress', '.nav_a_trd', function (e) {
9116            
9117                e.preventDefault();
9118                e.stopPropagation();
9119            
9120                const $trigger = $(this);
9121                const $submenu = $trigger.next('.nav_list_trd');
9122            
9123                if (!$submenu.length) return;
9124            
9125                const isOpen = $submenu.hasClass('open');
9126            
9127                $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () {
9128                    $(this)
9129                        .removeClass('open')
9130                        .attr('aria-hidden', 'true');
9131                    updateSubmenuTabindex($(this), true);
9132                });
9133            
9134                if (isOpen) {
9135                    $submenu
9136                        .removeClass('open')
9137                        .attr('aria-hidden', 'true');
9138                    updateSubmenuTabindex($submenu, true);
9139                } else {
9140                    $submenu
9141                        .addClass('open')
9142                        .attr('aria-hidden', 'false');
9143                    updateSubmenuTabindex($submenu, false);
9144                }
9145            });
9146        
9147            $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) {
9148        
9149                e.preventDefault();
9150                e.stopPropagation();
9151        
9152                const $btn = $(this);
9153                const submenuId = $btn.attr('aria-controls');
9154                const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId);
9155        
9156                if (!$submenu.length) return;
9157        
9158                const isExpanded = $btn.attr('aria-expanded') === 'true';
9159        
9160                $menuRoot.find('.sub-menu-panel').not($submenu).each(function () {
9161                    $(this).removeClass('open').attr('aria-hidden', 'true');
9162                    updateSubmenuTabindex($(this), true);
9163                });
9164        
9165                $menuRoot.find('[aria-controls]')
9166                    .not($btn)
9167                    .attr('aria-expanded', 'false');
9168        
9169                if (isExpanded) {
9170                    console.log($submenu)
9171                    $btn.attr('aria-expanded', 'false');
9172                    $submenu.removeClass('open').attr('aria-hidden', 'true');
9173                    updateSubmenuTabindex($submenu, true);
9174                } else {
9175                    $btn.attr('aria-expanded', 'true');
9176                    $submenu.addClass('open').attr('aria-hidden', 'false');
9177                    updateSubmenuTabindex($submenu, false);
9178                }
9179            });
9180        
9181            $menuRoot.on('keydown', function (e) {
9182                if (e.key !== 'Escape') return;
9183            
9184                const $open = $menuRoot.find('.nav_list_trd.open').last();
9185                if (!$open.length) return;
9186            
9187                $open
9188                    .removeClass('open')
9189                    .attr('aria-hidden', 'true');
9190            
9191                updateSubmenuTabindex($open, true);
9192            
9193                $open.prev('.nav_a_trd').focus();
9194            
9195                e.preventDefault();
9196                e.stopPropagation();
9197            });
9198        
9199            $menuRoot.find('.sub-menu-panel').each(function () {
9200                const $submenu = $(this);
9201                const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true';
9202                updateSubmenuTabindex($submenu, !isOpen);
9203            });
9204        
9205        });
9206
9207    </script>
9207
9208</div>
9209
9210<style>
9211    #mobile_hamburger_menu_template>ul>li>a,
9212    #mobile_hamburger_menu_template>ul>li>button {
9213    color:#000000; display: flex;
9214    font-weight:400;    font-style:normal;        font-size:17px;    font-family:Cinzel;    text-transform:none;        line-height:45px;    }
9215
9216    #mobile_hamburger_menu_template>ul>li>a:hover,
9217    #mobile_hamburger_menu_template>ul>li>button:hover {
9218    color:#4d4d4d;    }
9219</style>
9220                            </div>
9221                        
9222                            <div class="flex_col">
9223
9224                                
9225                            </div>
9226                        
9227                            <div class="flex_col">
9228
9229                                
9230                            </div>
9231                        
9232                    </div>
9233                
9234            
9235                
9236                    <div class="flex_row">
9237
9238                        
9239                            <div class="flex_col">
9240
9241                                
9242                            </div>
9243                        
9244                    </div>
9245                
9246            
9247        </div>
9248
9249
9250    
9251</header>
9252
9253
9254<main id="main" class="main_page_container page_type_1051 page_guid_3000002">
9255    <div class="pcontainer d-flex flex-wrap empty_filters">
9256            <h1>Search for Products and Pages</h1>
9257        <form class="sfform">
9258            <div class="input-group search_box_general_style">
9259                <input class="sinps form-control" type="text" id="keyword-search" value="" placeholder="Search for Products and Pages">
9260                <button class="form-control sBtns">
9261                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path></svg>
9262                </button>
9263            </div>
9264        </form>
9265
9266                <aside class="filters-container" id="filters-container" aria-label="Items filters panel">
9267    <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none">
9268        <div class="results label_general_style">
9269            <span class="total_results">1134</span> ITEMS
9270        </div>
9271        <button class="close_svg" style="background: none; border: none;" aria-label="Close">
9272            <svg xmlns="http://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>
9273        </button>
9274    </div>
9275    <hr class="d-block d-md-none">
9276    <div class="filters-reset-button-wrapper">
9277        <button class="items-reset filters-reset-button" aria-label="Reset Filters">
9278            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
9279                <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/>
9280            </svg>
9281            Reset Filters
9282        </button>
9283    </div>
9284    <form id="items-search-form" autocomplete="on" aria-label="Items filters form">
9285        <input type="hidden" name="_csrf_token" value="fc33361b2d219bb90b6df29f3fd6f7cd6157b7714a069476c7ea881b499fdf70">        <input type="hidden" name="cmd" value="UPDATE_FILTERS">
9286        <input type="hidden" name="page_uri" value="https://www.charleskrypell.com/keyword-search">
9287        <input type="hidden" name="count" value="1134">
9288        <input type="hidden" name="guid" value="3000002">
9289        <input type="hidden" name="design_id" value="55">
9290        <input type="hidden" name="products_type" value="items">
9291        <input type="hidden" name="pg_type" value="1051">
9292
9293        <input type="hidden" class="order_by" name="order_by"  value="seed">
9294        <input type="hidden" class="order_dir" name="order_dir" value="ASC">
9295            
9296            
9297
9298        <input type="hidden" name="isFromBridalRingBuilderPage" value="">
9299        
9300        <input type="hidden" name="pagination_page" class="pagination_page" value="1">
9301        <input type="hidden" name="skip" class="skip_pages skip" value="
93010">
9302        <input type="hidden" name="limit" value="18">
9303
9304                <input type="hidden" name="keyword" class="keyword" value="">
9305        
9306            </form>
9307</aside>        <div class="filters-content">
9308    <div class="processing_items_div processing_div"><span class="processing">Processing...</span></div>
9309    <div class="products-sorting">
9310        <hr>
9311        <div class="sorting-panel">
9312            <div class="results label_general_style">
9313                <span class="items_total_results">1134</span> ITEMS            </div>
9314                            <div class="sortby">
9315                    <div class="form-group mb-0 position-relative">
9316                        <label for="items_sorting" class="mb-0 general_style">SORT BY</label>
9317                        <select id="items_sorting" name="sort_by" class="form-control form-control-sm d-sm-inline-block sorting w-auto">
9318                                                            <option value="seed-asc" selected>Default</option>
9319                                                            <option value="price-asc" >Price: Low to High</option>
9320                                                            <option value="price-desc" >Price: High to Low</option>
9321                                                            <option value="date_arrival-desc" >Newest Arrivals</option>
9322                                                            <option value="instock-nothing" >In Stock First</option>
9323                                                            <option value="orderable-nothing" >Orderable</option>
9324                                                            <option value="brand_name-asc" >Brand Name ( A - Z )</option>
9325                                                            <option value="brand_name-desc" >Brand Name ( Z - A )</option>
9326                                                            <option value="model_number-asc" >Model Number ( A - Z )</option>
9327                                                            <option value="model_number-desc" >Model Number ( Z - A )</option>
9328                                                    </select>
9329                    </div>
9330                </div>
9331                                </div>
9332        <hr>
9333    </div>
9334
9335    <div class="items-list products-list d-flex">
9336        
9337<div class="item position-relative overflow-hidden">
9338        <a href="https://www.charleskrypell.com/charles-krypell/diamond-ribbon-cuff/4031542/en" title="Diamond Ribbon Cuff" alt="Diamond Ribbon Cuff">
9339            <div class="item_img_div">
9340                            <div class="thumbs-carousel">
9341                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525415_0.jpeg" width="300" height="300" loading="lazy" title="Diamond Ribbon Cuff" alt="Diamond Ribbon Cuff" />
9342                    <div class="thumbnail">
9343                                                    <div class="video-container">
9344                                <iframe data-src="https://player.vimeo.com/video/1085841695?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9345                                            </div>
9346                </div>
9347                                </div>
9348        <div class="item-info">
9349                        <span class="fields field-1">
9350                                                                                    </span>
9351                        <span class="fields field-2">
9352                                                                                                                                            Diamond Ribbon Cuff                                                </span>
9353                        <span class="fields field-3">
9354                                                                                                                </span>
9355                        <span class="fields field-4">
9356                                                                                                         
9357                                                        <span>Price Upon Request</span>
9358                                                </span>
9359                        <span class="fields field-5">
9360                                                                                                                                                                                                                                                         </span>
9361                                </div>
9362                </a>
9363        </div>
9364<div class="item position-relative overflow-hidden">
9365        <a href="https://www.charleskrypell.com/charles-krypell/diamond-ribbon-cuff/4031543/en" title="Diamond Ribbon Cuff" alt="Diamond Ribbon Cuff">
9366            <div class="item_img_div">
9367                            <div class="thumbs-carousel">
9368                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525416_0.jpeg" width="300" height="300" loading="lazy" title="Diamond Ribbon Cuff" alt="Diamond Ribbon Cuff" />
9369                    <div class="thumbnail">
9370                                                    <div class="video-container">
9371                                <iframe data-src="https://player.vimeo.com/video/1085833610?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9372                                            </div>
9373                </div>
9374                                </div>
9375        <div class="item-info">
9376                        <span class="fields field-1">
9377                                                                                    </span>
9378                        <span class="fields field-2">
9379                                                                                                                                            Diamond Ribbon Cuff                                                </span>
9380                        <span class="fields field-3">
9381                                                                                                                </span>
9382                        <span class="fields field-4">
9383                                                                                                         
9384                                                        <span>Price Upon Request</span>
9385                                                </span>
9386                        <span class="fields field-5">
9387                                                                                                                                                                                                                                                         </span>
9388                                </div>
9389                </a>
9390        </div>
9391<div class="item position-relative overflow-hidden">
9392        <a href="https://www.charleskrypell.com/charles-krypell/sapphire-and-diamond-emerald-cut-bypass-cuff/4031533/en" title="Sapphire and Diamond Emerald Cut Bypass Cuff" alt="Sapphire and Diamond Emerald Cut Bypass Cuff">
9393            <div class="item_img_div">
9394                            <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525403_0.jpg" width="300" height="300" loading="lazy" title="Sapphire and Diamond Emerald Cut Bypass Cuff" alt="Sapphire and Diamond Emerald Cut Bypass Cuff" />
9395                                </div>
9396        <div class="item-info">
9397                        <span class="fields field-1">
9398                                                                                    </span>
9399                        <span class="fields field-2">
9400                                                                                                                                            Sapphire and Diamond Emerald Cut Bypass Cuff                                                </span>
9401                        <span class="fields field-3">
9402                                                                                                                </span>
9403                        <span class="fields field-4">
9404                                                                                                         
9405                                                        <span>Price Upon Request</span>
9406                                                </span>
9407                        <span class="fields field-5">
9408                                                                                                                                                                                                                                                         </span>
9409                                </div>
9410                </a>
9411        </div>
9412<div class="item position-relative overflow-hidden">
9413        <a href="https://www.charleskrypell.com/charles-krypell/ruby-emerald-cut-bypass-cuff/4031534/en" title="Ruby Emerald Cut Bypass Cuff" alt="Ruby Emerald Cut Bypass Cuff">
9414            <div class="item_img_div">
9415                            <div class="thumbs-carousel">
9416                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525404_0.jpg" width="300" height="300" loading="lazy" title="Ruby Emerald Cut Bypass Cuff" alt="Ruby Emerald Cut Bypass Cuff" />
9417                    <div class="thumbnail">
9418                                                    <div class="video-container">
9419                                <iframe data-src="https://player.vimeo.com/video/1085839496?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9420                                            </div>
9421                </div>
9422                                </div>
9423        <div class="item-info">
9424                        <span class="fields field-1">
9425                                                                                    </span>
9426                        <span class="fields field-2">
9427                                                                                                                                            Ruby Emerald Cut Bypass Cuff                                                </span>
9428                        <span class="fields field-3">
9429                                                                                                                </span>
9430                        <span class="fields field-4">
9431                                                                                                         
9432                                                        <span>Price Upon Request</span>
9433                                                </span>
9434                        <span class="fields field-5">
9435                                                                                                                                                                                                                                                         </span>
9436                                </div>
9437                </a>
9438        </div>
9439<div class="item position-relative overflow-hidden">
9440        <a href="https://www.charleskrypell.com/charles-krypell/chevron-bypass-diamond-cuff/4031535/en" title="Chevron Bypass Diamond cuff" alt="Chevron Bypass Diamond cuff">
9441            <div class="item_img_div">
9442                            <div class="thumbs-carousel">
9443                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525405_0.jpeg" width="300" height="300" loading="lazy" title="Chevron Bypass Diamond cuff" alt="Chevron Bypass Diamond cuff" />
9444                    <div class="thumbnail">
9445                                                    <div class="video-container">
9446                                <iframe data-src="https://player.vimeo.com/video/1085839961?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9447                                            </div>
9448                </div>
9449                                </div>
9450        <div class="item-info">
9451                        <span class="fields field-1">
9452                                                                                    </span>
9453                        <span class="fields field-2">
9454                                                                                                                                            Chevron Bypass Diamond cuff                                                </span>
9455                        <span class="fields field-3">
9456                                                                                                                </span>
9457                        <span class="fields field-4">
9458                                                                                                         
9459                                                        <span>Price Upon Request</span>
9460                                                </span>
9461                        <span class="fields field-5">
9462                                                                                                                                                                                                                                                         </span>
9463                                </div>
9464                </a>
9465        </div>
9466<div class="item position-relative overflow-hidden">
9467        <a href="https://www.charleskrypell.com/charles-krypell/chevron-bypass-diamond-cuff/4031536/en" title="Chevron Bypass Diamond Cuff" alt="Chevron Bypass Diamond Cuff">
9468            <div class="item_img_div">
9469                            <div class="thumbs-carousel">
9470                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525406_0.jpeg" width="300" height="300" loading="lazy" title="Chevron Bypass Diamond Cuff" alt="Chevron Bypass Diamond Cuff" />
9471                    <div class="thumbnail">
9472                                                    <div class="video-container">
9473                                <iframe data-src="https://player.vimeo.com/video/1085840229?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9474                                            </div>
9475                </div>
9476                                </div>
9477        <div class="item-info">
9478                        <span class="fields field-1">
9479                                                                                    </span>
9480                        <span class="fields field-2">
9481                                                                                                                                            Chevron Bypass Diamond Cuff                                                </span>
9482                        <span class="fields field-3">
9483                                                                                                                </span>
9484                        <span class="fields field-4">
9485                                                                                                         
9486                                                        <span>Price Upon Request</span>
9487                                                </span>
9488                        <span class="fields field-5">
9489                                                                                                                                                                                                                                                         </span>
9490                                </div>
9491                </a>
9492        </div>
9493<div class="item position-relative overflow-hidden">
9494        <a href="https://www.charleskrypell.com/charles-krypell/pave-diamond-overlap-bangle/4031538/en" title="Pavé Diamond Overlap Bangle" alt="Pavé Diamond Overlap Bangle">
9495            <div class="item_img_div">
9496                            <div class="thumbs-carousel">
9497                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525409_0.jpeg" width="300" height="300" loading="lazy" title="Pavé Diamond Overlap Bangle" alt="Pavé Diamond Overlap Bangle" />
9498                    <div class="thumbnail">
9499                                                    <div class="video-container">
9500                                <iframe data-src="https://player.vimeo.com/video/1085842248?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9501                                            </div>
9502                </div>
9503                                </div>
9504        <div class="item-info">
9505                        <span class="fields field-1">
9506                                                                                    </span>
9507                        <span class="fields field-2">
9508                                                                                                                                            Pavé Diamond Overlap Bangle                                                </span>
9509                        <span class="fields field-3">
9510                                                                                                                </span>
9511                        <span class="fields field-4">
9512                                                                                                         
9513                                                        <span>Price Upon Request</span>
9514                                                </span>
9515                        <span class="fields field-5">
9516                                                                                                                                                                                                                                                         </span>
9517                                </div>
9518                </a>
9519        </div>
9520<div class="item position-relative overflow-hidden">
9521        <a href="https://www.charleskrypell.com/charles-krypell/pave-diamond-overlap-bangle/4031539/en" title="Pavé Diamond Overlap Bangle" alt="Pavé Diamond Overlap Bangle">
9522            <div class="item_img_div">
9523                            <div class="thumbs-carousel">
9524                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525410_0.jpeg" width="300" height="300" loading="lazy" title="Pavé Diamond Overlap Bangle" alt="Pavé Diamond Overlap Bangle" />
9525                    <div class="thumbnail">
9526                                                    <div class="video-container">
9527                                <iframe data-src="https://player.vimeo.com/video/1085841842?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9528                                            </div>
9529                </div>
9530                                </div>
9531        <div class="item-info">
9532                        <span class="fields field-1">
9533                                                                                    </span>
9534                        <span class="fields field-2">
9535                                                                                                                                            Pavé Diamond Overlap Bangle                                                </span>
9536                        <span class="fields field-3">
9537                                                                                                                </span>
9538                        <span class="fields field-4">
9539                                                                                                         
9540                                                        <span>Price Upon Request</span>
9541                                                </span>
9542                        <span class="fields field-5">
9543                                                                                                                                                                                                                                                         </span>
9544                                </div>
9545                </a>
9546        </div>
9547<div class="item position-relative overflow-hidden">
9548        <a href="https://www.charleskrypell.com/charles-krypell/graduated-baguette-bypass-bangle/4031540/en" title="Graduated Baguette Bypass Bangle" alt="Graduated Baguette Bypass Bangle">
9549            <div class="item_img_div">
9550                            <div class="thumbs-carousel">
9551                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525413_0.jpg" width="300" height="300" loading="lazy" title="Graduated Baguette Bypass Bangle" alt="Graduated Baguette Bypass Bangle" />
9552                    <div class="thumbnail">
9553                                                    <div class="video-container">
9554                                <iframe data-src="https://player.vimeo.com/video/1085842580?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9555                                            </div>
9556                </div>
9557                                </div>
9558        <div class="item-info">
9559                        <span class="fields field-1">
9560                                                                                    </span>
9561                        <span class="fields field-2">
9562                                                                                                                                            Graduated Baguette Bypass Bangle                                                </span>
9563                        <span class="fields field-3">
9564                                                                                                                </span>
9565                        <span class="fields field-4">
9566                                                                                                         
9567                                                        <span>Price Upon Request</span>
9568                                                </span>
9569                        <span class="fields field-5">
9570                                                                                                                                                                                                                                                         </span>
9571                                </div>
9572                </a>
9573        </div>
9574<div class="item position-relative overflow-hidden">
9575        <a href="https://www.charleskrypell.com/charles-krypell/graduated-baguette-bypass-cuff/4031541/en" title="Graduated Baguette Bypass Cuff" alt="Graduated Baguette Bypass Cuff">
9576            <div class="item_img_div">
9577                            <div class="thumbs-carousel">
9578                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/525414_0.jpeg" width="300" height="300" loading="lazy" title="Graduated Baguette Bypass Cuff" alt="Graduated Baguette Bypass Cuff" />
9579                    <div class="thumbnail">
9580                                                    <div class="video-container">
9581                                <iframe data-src="https://player.vimeo.com/video/1085843293?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9582                                            </div>
9583                </div>
9584                                </div>
9585        <div class="item-info">
9586                        <span class="fields field-1">
9587                                                                                    </span>
9588                        <span class="fields field-2">
9589                                                                                                                                            Graduated Baguette Bypass Cuff                                                </span>
9590                        <span class="fields field-3">
9591                                                                                                                </span>
9592                        <span class="fields field-4">
9593                                                                                                         
9594                                                        <span>Price Upon Request</span>
9595                                                </span>
9596                        <span class="fields field-5">
9597                                                                                                                                                                                                                                                         </span>
9598                                </div>
9599                </a>
9600        </div>
9601<div class="item position-relative overflow-hidden">
9602        <a href="https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031515/en" title="Hercules Knot Bangle" alt="Hercules Knot Bangle">
9603            <div class="item_img_div">
9604                            <div class="thumbs-carousel">
9605                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/527562_0.jpg" width="300" height="300" loading="lazy" title="Hercules Knot Bangle" alt="Hercules Knot Bangle" />
9606                    <div class="thumbnail">
9607                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/527562_1.jpg" class="thumbnail-image lazyload" title="Hercules Knot Bangle" alt="Hercules Knot Bangle" />
9608                                            </div>
9609                </div>
9610                                </div>
9611        <div class="item-info">
9612                        <span class="fields field-1">
9613                                                                                    </span>
9614                        <span class="fields field-2">
9615                                                                                                                                            Hercules Knot Bangle                                                </span>
9616                        <span class="fields field-3">
9617                                                                                                                </span>
9618                        <span class="fields field-4">
9619                                                                                                         
9620                                                        <span>Price Upon Request</span>
9621                                                </span>
9622                        <span class="fields field-5">
9623                                                                                                                                                                                                                                                         </span>
9624                                </div>
9625                </a>
9626        </div>
9627<div class="item position-relative overflow-hidden">
9628        <a href="https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031516/en" title="Hercules Knot Bangle" alt="Hercules Knot Bangle">
9629            <div class="item_img_div">
9630                            <div class="thumbs-carousel">
9631                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535270_0.jpeg" width="300" height="300" loading="lazy" title="Hercules Knot Bangle" alt="Hercules Knot Bangle" />
9632                    <div class="thumbnail">
9633                                                    <div class="video-container">
9634                                <iframe data-src="https://player.vimeo.com/video/1095673878?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9635                                            </div>
9636                </div>
9637                                </div>
9638        <div class="item-info">
9639                        <span class="fields field-1">
9640                                                                                    </span>
9641                        <span class="fields field-2">
9642                                                                                                                                            Hercules Knot Bangle                                                </span>
9643                        <span class="fields field-3">
9644                                                                                                                </span>
9645                        <span class="fields field-4">
9646                                                                                                         
9647                                                        <span>Price Upon Request</span>
9648                                                </span>
9649                        <span class="fields field-5">
9650                                                                                                                                                                                                                                                         </span>
9651                                </div>
9652                </a>
9653        </div>
9654<div class="item position-relative overflow-hidden">
9655        <a href="https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031517/en" title="Hercules Knot Bangle" alt="Hercules Knot Bangle">
9656            <div class="item_img_div">
9657                            <div class="thumbs-carousel">
9658                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535271_0.jpeg" width="300" height="300" loading="lazy" title="Hercules Knot Bangle" alt="Hercules Knot Bangle" />
9659                    <div class="thumbnail">
9660                                                    <div class="video-container">
9661                                <iframe data-src="https://player.vimeo.com/video/1095674308?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9662                                            </div>
9663                </div>
9664                                </div>
9665        <div class="item-info">
9666                        <span class="fields field-1">
9667                                                                                    </span>
9668                        <span class="fields field-2">
9669                                                                                                                                            Hercules Knot Bangle                                                </span>
9670                        <span class="fields field-3">
9671                                                                                                                </span>
9672                        <span class="fields field-4">
9673                                                                                                         
9674                                                        <span>Price Upon Request</span>
9675                                                </span>
9676                        <span class="fields field-5">
9677                                                                                                                                                                                                                                                         </span>
9678                                </div>
9679                </a>
9680        </div>
9681<div class="item position-relative overflow-hidden">
9682        <a href="https://www.charleskrypell.com/charles-krypell/hercules-knot-bangle/4031518/en" title="Hercules Knot Bangle" alt="Hercules Knot Bangle">
9683            <div class="item_img_div">
9684                            <div class="thumbs-carousel">
9685                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535272_0.jpg" width="300" height="300" loading="lazy" title="Hercules Knot Bangle" alt="Hercules Knot Bangle" />
9686                    <div class="thumbnail">
9687                                                    <div class="video-container">
9688                                <iframe data-src="https://player.vimeo.com/video/1095674840?badge=0&autoplay=1&loop=1&muted=1&dnt=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
9689                                            </div>
9690                </div>
9691                                </div>
9692        <div class="item-info">
9693                        <span class="fields field-1">
9694                                                                                    </span>
9695                        <span class="fields field-2">
9696                                                                                                                                            Hercules Knot Bangle                                                </span>
9697                        <span class="fields field-3">
9698                                                                                                                </span>
9699                        <span class="fields field-4">
9700                                                                                                         
9701                                                        <span>Price Upon Request</span>
9702                                                </span>
9703                        <span class="fields field-5">
9704                                                                                                                                                                                                                                                         </span>
9705                                </div>
9706                </a>
9707        </div>
9708<div class="item position-relative overflow-hidden">
9709        <a href="https://www.charleskrypell.com/charles-krypell/gold-knot-bangle/4031519/en" title="Gold Knot Bangle" alt="Gold Knot Bangle">
9710            <div class="item_img_div">
9711                            <div class="thumbs-carousel">
9712                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/448392_0.jpg" width="300" height="300" loading="lazy" title="Gold Knot Bangle" alt="Gold Knot Bangle" />
9713                    <div class="thumbnail">
9714                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/448392_1.jpg" class="thumbnail-image lazyload" title="Gold Knot Bangle" alt="Gold Knot Bangle" />
9715                                            </div>
9716                </div>
9717                                </div>
9718        <div class="item-info">
9719                        <span class="fields field-1">
9720                                                                                    </span>
9721                        <span class="fields field-2">
9722                                                                                                                                            Gold Knot Bangle                                                </span>
9723                        <span class="fields field-3">
9724                                                                                                                </span>
9725                        <span class="fields field-4">
9726                                                                                                         
9727                                                        <span>Price Upon Request</span>
9728                                                </span>
9729                        <span class="fields field-5">
9730                                                                                                                                                                                                                                                         </span>
9731                                </div>
9732                </a>
9733        </div>
9734<div class="item position-relative overflow-hidden">
9735        <a href="https://www.charleskrypell.com/charles-krypell/gold-and-diamond-knot-bangle/4031520/en" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle">
9736            <div class="item_img_div">
9737                            <div class="thumbs-carousel">
9738                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535267_0.jpeg" width="300" height="300" loading="lazy" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle" />
9739                    <div class="thumbnail">
9740                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535267_1.jpg" class="thumbnail-image lazyload" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle" />
9741                                            </div>
9742                </div>
9743                                </div>
9744        <div class="item-info">
9745                        <span class="fields field-1">
9746                                                                                    </span>
9747                        <span class="fields field-2">
9748                                                                                                                                            Gold and Diamond Knot Bangle                                                </span>
9749                        <span class="fields field-3">
9750                                                                                                                </span>
9751                        <span class="fields field-4">
9752                                                                                                         
9753                                                                                    $23,900.00                                                                            </span>
9754                        <span class="fields field-5">
9755                                                                                                                                                                                                                                                         </span>
9756                                </div>
9757                </a>
9758        </div>
9759<div class="item position-relative overflow-hidden">
9760        <a href="https://www.charleskrypell.com/charles-krypell/gold-and-diamond-knot-bangle/4031521/en" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle">
9761            <div class="item_img_div">
9762                            <div class="thumbs-carousel">
9763                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535268_0.jpg" width="300" height="300" loading="lazy" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle" />
9764                    <div class="thumbnail">
9765                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/535268_1.jpg" class="thumbnail-image lazyload" title="Gold and Diamond Knot Bangle" alt="Gold and Diamond Knot Bangle" />
9766                                            </div>
9767                </div>
9768                                </div>
9769        <div class="item-info">
9770                        <span class="fields field-1">
9771                                                                                    </span>
9772                        <span class="fields field-2">
9773                                                                                                                                            Gold and Diamond Knot Bangle                                                </span>
9774                        <span class="fields field-3">
9775                                                                                                                </span>
9776                        <span class="fields field-4">
9777                                                                                                         
9778                                                                                    $23,900.00                                                                            </span>
9779                        <span class="fields field-5">
9780                                                                                                                                                                                                                                                         </span>
9781                                </div>
9782                </a>
9783        </div>
9784<div class="item position-relative overflow-hidden">
9785        <a href="https://www.charleskrypell.com/charles-krypell/gold-knot-bangle/4031522/en" title="Gold Knot Bangle" alt="Gold Knot Bangle">
9786            <div class="item_img_div">
9787                            <div class="thumbs-carousel">
9788                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/537923_0.jpg" width="300" height="300" loading="lazy" title="Gold Knot Bangle" alt="Gold Knot Bangle" />
9789                    <div class="thumbnail">
9790                                                    <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/616/product_images/1x1/2000/537923_1.jpg" class="thumbnail-image lazyload" title="Gold Knot Bangle" alt="Gold Knot Bangle" />
9791                                            </div>
9792                </div>
9793                                </div>
9794        <div class="item-info">
9795                        <span class="fields field-1">
9796                                                                                    </span>
9797                        <span class="fields field-2">
9798                                                                                                                                            Gold Knot Bangle                                                </span>
9799                        <span class="fields field-3">
9800                                                                                                                </span>
9801                        <span class="fields field-4">
9802                                                                                                         
9803                                                        <span>Price Upon Request</span>
9804                                                </span>
9805                        <span class="fields field-5">
9806                                                                                                                                                                                                                                                         </span>
9807                                </div>
9808                </a>
9809        </div>
9810    </div>
9811
9812    <div class="items_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style">
9813        <nav aria-label="..." class="pagination_nav">
9814             
9815
9816<ul class="pagination mb-0"> 
9817    <li class="page-item pag_num disabled" data-page="1">
9818      <span role="button"
9819          class="page-link"
9820          tabindex="0"
9821          aria-disabled="true"
9822          onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">&laquo;</span>
9823    </li> 
9824    <li class="page-item pag_num active" data-page="1">
9825      <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 1" title="Pagination page 1">1</span>
9826    </li> 
9827    
9828      
9829    
9830                                    
9831            <li class="page-item pag_num " data-page="2">
9832              <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 2" title="Pagination page 2">2</span>
9833            </li>
9834            <li class="page-item pag_num" data-page="3">
9835                <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 3" title="Pagination page 3">3</span>
9836            </li>
9837              
9838                <li class="page-item">
9839                    <span class="page-link">...</span>
9840                </li>
9841              
9842                    
9843    
9844          
9845            <li class="page-item pag_num " data-page="63">
9846              <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 63" title="Pagination page 63">63</span>
9847            </li>
9848                    
9849        
9850    <li class="page-item pag_num " data-page="2">
9851      <span role="button"
9852          class="page-link"
9853          tabindex="0"
9854          aria-disabled="false"
9855          onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">&raquo;</span>
9856    </li>
9857</ul>
9858
9859
9860<style>
9861    .page-link {
9862        color: #3172ab;
9863    }
9864    .page-item.active .page-link {
9865        background-color: #3172ab;
9866        border-color: #3172ab;
9867    }
9868</style>
9869
9870
9871        </nav>
9872    </div>
9873</div>
9874                <aside class="filters-container" id="filters-container" aria-label="Pages filters panel">
9875    <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none">
9876        <div class="results label_general_style">
9877            <span class="total_results">0</span> ITEMS
9878        </div>
9879        <button class="close_svg" style="background: none; border: none;" aria-label="Close">
9880            <svg xmlns="http://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>
9881        </button>
9882    </div>
9883    <hr class="d-block d-md-none">
9884    <div class="filters-reset-button-wrapper">
9885        <button class="pages-reset filters-reset-button" aria-label="Reset Filters">
9886            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
9887                <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/>
9888            </svg>
9889            Reset Filters
9890        </button>
9891    </div>
9892    <form id="pages-search-form" autocomplete="on" aria-label="Pages filters form">
9893        <input type="hidden" name="_csrf_token" value="fc33361b2d219bb90b6df29f3fd6f7cd6157b7714a069476c7ea881b499fdf70">        <input type="hidden" name="cmd" value="UPDATE_FILTERS">
9894        <input type="hidden" name="page_uri" value="https://www.charleskrypell.com/keyword-search">
9895        <input type="hidden" name="count" value="0">
9896        <input type="hidden" name="guid" value="3000002">
9897        <input type="hidden" name="design_id" value="55">
9898        <input type="hidden" name="products_type" value="pages">
9899        <input type="hidden" name="pg_type" value="1051">
9900
9901        <input type="hidden" class="order_by" name="order_by"  value="seed">
9902        <input type="hidden" class="order_dir" name="order_dir" value="ASC">
9903            
9904            
9905
9906        <input type="hidden" name="isFromBridalRingBuilderPage" value="">
9907        
9908        <input type="hidden" name="pagination_page" class="pagination_page" value="1">
9909        <input type="hidden" name="skip" class="skip_pages skip" value="0">
9910        <input type="hidden" name="limit" value="18">
9911
9912                <input type="hidden" name="keyword" class="keyword" value="">
9913        
9914            </form>
9915</aside>        <div class="filters-content">
9916    <div class="processing_pages_div processing_div"><span class="processing">Processing...</span></div>
9917    <div class="products-sorting">
9918        <hr>
9919        <div class="sorting-panel">
9920            <div class="results label_general_style">
9921                <span class="pages_total_results">0</span> PAGES            </div>
9922                                </div>
9923        <hr>
9924    </div>
9925
9926    <div class="pages-list  d-flex">
9927        
9928    </div>
9929
9930    <div class="pages_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style">
9931        <nav aria-label="..." class="pagination_nav">
9932            
9933<style>
9934    .page-link {
9935        color: #3172ab;
9936    }
9937    .page-item.active .page-link {
9938        background-color: #3172ab;
9939        border-color: #3172ab;
9940    }
9941</style>
9942
9943
9944        </nav>
9945    </div>
9946</div>
9947                <aside class="filters-container" id="filters-container" aria-label="Diamonds filters panel">
9948    <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none">
9949        <div class="results label_general_style">
9950            <span class="total_results">0</span> ITEMS
9951        </div>
9952        <button class="close_svg" style="background: none; border: none;" aria-label="Close">
9953            <svg xmlns="http://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>
9954        </button>
9955    </div>
9956    <hr class="d-block d-md-none">
9957    <div class="filters-reset-button-wrapper">
9958        <button class="diamonds-reset filters-reset-button" aria-label="Reset Filters">
9959            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
9960                <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/>
9961            </svg>
9962            Reset Filters
9963        </button>
9964    </div>
9965    <form id="diamonds-search-form" autocomplete="on" aria-label="Diamonds filters form">
9966        <input type="hidden" name="_csrf_token" value="fc33361b2d219bb90b6df29f3fd6f7cd6157b7714a069476c7ea881b499fdf70">        <input type="hidden" name="cmd" value="UPDATE_FILTERS">
9967        <input type="hidden" name="page_uri" value="https://www.charleskrypell.com/keyword-search">
9968        <input type="hidden" name="count" value="0">
9969        <input type="hidden" name="guid" value="3000002">
9970        <input type="hidden" name="design_id" value="55">
9971        <input type="hidden" name="products_type" value="diamonds">
9972        <input type="hidden" name="pg_type" value="1051">
9973
9974        <input type="hidden" class="order_by" name="order_by"  value="seed">
9975        <input type="hidden" class="order_dir" name="order_dir" value="ASC">
9976            
9977            
9978
9979        <input type="hidden" name="isFromBridalRingBuilderPage" value="">
9980        
9981        <input type="hidden" name="pagination_page" class="pagination_page" value="1">
9982        <input type="hidden" name="skip" class="skip_pages skip" value="0">
9983        <input type="hidden" name="limit" value="18">
9984
9985                <input type="hidden" name="keyword" class="keyword" value="">
9986        
9987            </form>
9988</aside>        <div class="filters-content">
9989    <div class="processing_diamonds_div processing_div"><span class="processing">Processing...</span></div>
9990    <div class="products-sorting">
9991        <hr>
9992        <div class="sorting-panel">
9993            <div class="results label_general_style">
9994                <span class="diamonds_total_results">0</span> LOOSE DIAMONDS            </div>
9995                                </div>
9996        <hr>
9997    </div>
9998
9999    <div class="diamonds-list  d-flex">
10000        
10001    </div>
10002
10003    <div class="diamonds_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style">
10004        <nav aria-label="..." class="pagination_nav">
10005            
10006<style>
10007    .page-link {
10008        color: #3172ab;
10009    }
10010    .page-item.active .page-link {
10011        background-color: #3172ab;
10012        border-color: #3172ab;
10013    }
10014</style>
10015
10016
10017        </nav>
10018    </div>
10019</div>        </div>
10020</main>
10021
10022<style>
10023    
10024    
10025    </style>
10026
10027<script>
10028    window.local_view_folder = '/skeleton/1.0/view';
10029    window.pageGuid = 3000002;
10030    window.pg_type = 1051;
10031    window.show_price = '1';
10032    window.hide_seo_on_pagination = '';
10033</script>
10033
10034
10035</div>
10036
10037 
10038    <style>
10039      .items-list .item:hover img {
10040        transform: none !important;
10041      }
10042    
10043      .thumbnail, .thumbnail-image {
10044        width: 100%;
10045        height: 100%;
10046      }
10047    
10048      .thumbnail-image {
10049        opacity: 0;
10050        transition: opacity 0.2s ease-in-out !important;
10051      }
10052    
10053      .item_img_div img {
10054        height: auto !important;
10055      }
10056    
10057      .video-container.active,
10058      .thumbnail-image.active, .thumbs-carousel.slick-slider .thumbnail-image {
10059        opacity: 1;
10060        pointer-events: all;
10061      }
10062    
10063      .item_img_div {
10064        overflow: hidden;
10065        width: 100%;
10066        padding: 3px;
10067      }
10068      
10069      .video-container iframe {
10070        aspect-ratio: 1 / 1 !important;
10071        height: auto;
10072      }
10073    
10074      @media (min-width: 992px) {
10075        .video-container {
10076          opacity: 0;
10077          pointer-events: none;
10078        }
10079    
10080        .thumbnail, .thumbnail-image {
10081          position: absolute;
10082          top: 0;
10083          left: 0;
10084        }
10085    
10086        .video-container,
10087        .thumbnail-image {
10088          transition: opacity 0.25s ease-in-out;
10089        }
10090    
10091        .video-container.active,
10092        .thumbnail-image.active {
10093          opacity: 1;
10094          pointer-events: all;
10095        }
10096        .video-container {
10097            position: relative;
10098            display: inline-block;
10099            cursor: pointer;  /* Change cursor to pointer to indicate that it's clickable */
10100            pointer-events: all;
10101        }
10102        .item_img_div:has(.video-container.active) .item-img-logo-overlay {
10103          display: none;
10104        }
10105        
10106        iframe {
10107            pointer-events: none;  /* Disable iframe click events, so the click goes through to the parent */
10108        }
10109      }
10110    
10111      @media (max-width: 991px) {
10112        .thumbs-carousel {
10113          position: relative;
10114          width: 100%;
10115          margin: 0 auto;
10116        }
10117        .thumbs-carousel iframe {
10118            height: auto !important;
10119        }
10120    
10121        .slick-list {
10122          overflow: hidden;
10123        }
10124    
10125        .slick-track {
10126          display: flex;
10127        }
10128    
10129        .thumbnail {
10130          flex: 0 0 auto;
10131          max-width: 100%;
10132        }
10133    
10134        .thumbs-carousel.slick-slider img {
10135          padding: 0 !important;
10136        }
10137    
10138        .slick-prev.slick-arrow,
10139        .slick-next.slick-arrow {
10140          position: absolute;
10141          top: 50%;
10142          transform: translateY(-50%);
10143          background: transparent;
10144          border: none;
10145          width: 0;
10146          height: 0;
10147          padding: 0;
10148          z-index: 999999;
10149          cursor: pointer;
10150          text-indent: -9999px;
10151        }
10152    
10153        .slick-prev.slick-arrow {
10154          left: 5px;
10155          border-top: 7px solid transparent;
10156          border-bottom: 7px solid transparent;
10157          border-right: 10px solid #636363;
10158        }
10159    
10160        .slick-next.slick-arrow {
10161          right: 5px;
10162          border-top: 7px solid transparent;
10163          border-bottom: 7px solid transparent;
10164          border-left: 10px solid #636363;
10165        }
10166    
10167        .slick-prev.slick-arrow:hover,
10168        .slick-next.slick-arrow:hover {
10169          opacity: 0.7;
10170        }
10171      }
10172    </style>
10173    
10174    
10174<script src="https://player.vimeo.com/api/player.js"></script>
10174
10175    
10175<script src="//cdn.jsdelivr.net/gh/kenwheeler/[email protected]/slick/slick.min.js"></script>
10175
10176    
10177    
10177<script>
10178    $(document).ready(function () {
10179        $('.thumbs-carousel .slick-slide').click(function(event) {
10180            event.stopPropagation();
10181        });
10182    
10183        function handleCarouselOnResize() {
10184            function initCarousel() {
10185                $('.thumbs-carousel').each(function () {
10186                    var $carousel = $(this);
10187                    if (!$carousel.hasClass('slick-initialized')) {
10188                        $carousel.slick({
10189                            infinite: false,
10190                            slidesToShow: 1,
10191                            slidesToScroll: 1,
10192                            dots: false,
10193                            arrows: true,
10194                            adaptiveHeight: false
10195                        });
10196                    }
10197                });
10198            }
10199    
10200            function destroyCarousel() {
10201                $('.thumbs-carousel').each(function () {
10202                    var $carousel = $(this);
10203                    if ($carousel.hasClass('slick-initialized')) {
10204                        $carousel.slick('unslick');
10205                    }
10206                });
10207            }
10208    
10209            if ($(window).width() < 992) {
10210                $('a').click(function(event) {
10211                    if ($(event.target).closest('.slick-prev').length || 
10212                        $(event.target).closest('.slick-next').length) {
10213                        event.preventDefault();
10214                    }
10215                });
10216                initCarousel();
10217            } else {
10218                destroyCarousel();
10219            }
10220        }
10221    
10222        handleCarouselOnResize();
10223    
10224        $(window).resize(function() {
10225            handleCarouselOnResize();
10226            if ($(window).width() >= 992) {
10227                desktopThubmsApply();
10228            }
10229        });
10230    
10231        function desktopThubmsApply() {
10232            document.querySelectorAll('.item_img_div').forEach(function(itemDiv) {
10233                let thumbnail = itemDiv.querySelectorAll('.video-container, .thumbnail-image');
10234    
10235                itemDiv.querySelectorAll('.video-container iframe').forEach(function(iframe) {
10236                    let currentSrc = iframe.getAttribute('src');
10237                    let dataSrc = iframe.getAttribute('data-src');
10238    
10239                    if (!currentSrc && dataSrc) {
10240                        let newSrc = dataSrc.includes('?') ? dataSrc + '&background=1' : dataSrc + '?background=1';
10241                        iframe.setAttribute('src', newSrc);
10242                        let container = iframe.closest('.video-container');
10243    
10244                        container.addEventListener('click', function(event) {
10245                            var link = event.target.closest('a');
10246                            if (link) {
10247                                window.location.href = link.href;
10248                            }
10249                        });
10250    
10251                        let player = new Vimeo.Player(iframe);
10252                        player.setVolume(0);
10253                        player.play();
10254                    }
10255                });
10256    
10257                itemDiv.addEventListener('mouseenter', function() {
10258                    thumbnail.forEach(video => video.classList.add('active'));
10259                });
10260    
10261                itemDiv.addEventListener('mouseleave', function() {
10262                    thumbnail.forEach(video => video.classList.remove('active'));
10263                });
10264            });
10265    
10266            document.querySelectorAll('.video-container iframe').forEach(function(iframe) {
10267                function resizeIframe(iframe) {
10268                    let container = iframe.closest('.item_img_div');
10269                    let img = container.querySelector('img');
10270    
10271                    if (img) {
10272                        const resize = () => {
10273                            iframe.style.width = img.offsetWidth + 'px';
10274                            iframe.style.height = img.offsetHeight + 'px';
10275                        };
10276                        if (img.complete) {
10277                            resize();
10278                        } else {
10279                            img.onload = resize;
10280                        }
10281                    }
10282                }
10283    
10284                if ($(window).width() > 991) {
10285                    resizeIframe(iframe);
10286                    window.addEventListener('resize', () => resizeIframe(iframe));
10287                }
10288            });
10289        }
10290    
10291        // Lazy-load logic
10292        function lazyLoadImages() {
10293            $(".item_img_div img[data-src]").each(function () {
10294                const $img = $(this);
10295                const dataSrc = $img.attr('data-src');
10296                if (dataSrc && $img.attr('src') !== dataSrc) {
10297                    $img.attr('src', dataSrc);
10298                }
10299            });
10300        }
10301    
10302        // Load assets on interaction
10303        let assetsHaveBeenLoaded = false;
10304        function loadAssetsOnInteraction() {
10305            if (assetsHaveBeenLoaded) return;
10306            assetsHaveBeenLoaded = true;
10307    
10308            lazyLoadImages();
10309            if ($(window).width() >= 992) {
10310                desktopThubmsApply();
10311            }
10312        }
10313    
10314        // Wait for full load + first interaction
10315        $(window).on('load', function () {
10316            $(document).one('mousemove click scroll', loadAssetsOnInteraction);
10317        });
10318    
10319        // Fallback: 2 sec delay
10320        setTimeout(loadAssetsOnInteraction, 2000);
10321    
10322        // MutationObserver with debounced logic
10323        let resizeTimeout = null;
10324        let lazyTimeout = null;
10325        let thumbsTimeout = null;
10326    
10327        const observer = new MutationObserver(function(mutationsList) {
10328            let hasThumbs = false;
10329            let hasLazyImgs = false;
10330            let hasCarousel = false;
10331    
10332            $(mutationsList).each(function(_, mutation) {
10333                if (mutation.type === 'childList' && mutation.addedNodes.length) {
10334                    $(mutation.addedNodes).each(function() {
10335                        const $node = $(this);
10336    
10337                        if ($node.is('.thumbs-carousel') || $node.find('.thumbs-carousel').length) {
10338                            hasCarousel = true;
10339                        }
10340                        if ($node.is('.item_img_div') || $node.find('.item_img_div').length) {
10341                            hasThumbs = true;
10342                        }
10343                        if ($node.is('img[data-src]') || $node.find('img[data-src]').length) {
10344                            hasLazyImgs = true;
10345                        }
10346                    });
10347                }
10348            });
10349    
10350            if (hasCarousel) {
10351                clearTimeout(resizeTimeout);
10352                resizeTimeout = setTimeout(() => {
10353                    handleCarouselOnResize();
10354                }, 100);
10355            }
10356    
10357            if (hasLazyImgs) {
10358                clearTimeout(lazyTimeout);
10359                lazyTimeout = setTimeout(() => {
10360                    lazyLoadImages();
10361                }, 100);
10362            }
10363    
10364            if (hasThumbs && $(window).width() >= 992) {
10365                clearTimeout(thumbsTimeout);
10366                thumbsTimeout = setTimeout(() => {
10367                    desktopThubmsApply();
10368                }, 100);
10369            }
10370        });
10371    
10372        observer.observe(document.body, { childList: true, subtree: true });
10373    });
10374    </script>
10374
10375
10376
10377<script>
10378$(document).ready(function() {
10379    side_filters_focusable();
10380
10381    $(window).resize(function () {
10382        side_filters_focusable();
10383    });
10384
10385    $('.pcontainer').on('click', '.wishlist-form', function (event) {
10386        event.stopPropagation();
10387    });
10388
10389    $("form.sfform").submit(function(e) {
10390        e.preventDefault();
10391        const search_val = $(this).find('#keyword-search').val();
10392        $("#items-search-form .pagination_page").val(1);
10393        $("#pages-search-form .pagination_page").val(1);
10394        $("#diamonds-search-form .pagination_page").val(1);
10395        $(".skip_pages").val(0);
10396
10397        update_url();
10398        $('#items-search-form').find('.keyword').val(search_val).trigger('change');
10399        $('#pages-search-form').find('.keyword').val(search_val).trigger('change');
10400        $('#diamonds-search-form').find('.keyword').val(search_val).trigger('change');
10401    });
10402
10403    $('.collection-filter select:not(.shapes-selection)').select2({width: "100%"});
10404
10405    $('.shapes-div').on('click keypress', '.shapes-img', function (event) {
10406        if(event.type == 'keypress' && event.which != 13) {
10407            return;
10408        }
10409
10410        const active = $(this).hasClass('active');
10411        const shapes_vals = $(".shapes-selection").val();
10412        const allSelected = $(".shapes-selection option:not(:selected)").length == 0;
10413        const onlyOne = $(".shapes-selection option:selected").length == 1;
10414        const selected_shape = $(this).find('.shapes-title').text();
10415
10416        if (active) {
10417            $(this).removeClass('active');
10418            if (onlyOne){
10419                $(".shapes-selection option[value='"+ selected_shape + "']").prop("selected", false);
10420                $(".shapes-selection").change();
10421            } else {
10422                let vals = $(".shapes-selection").val();
10423                vals = $.grep(vals, function(value) {
10424                    return value != selected_shape;
10425                });
10426                $(".shapes-selection").val(vals).change();
10427            }
10428        } else {
10429            $(this).addClass('active');
10430            if (allSelected){
10431                $(".shapes-selection option:selected").prop("selected", false);
10432                let vals = [];
10433                vals.push(selected_shape);
10434                $(".shapes-selection").val(vals).change();
10435            } else {
10436                let vals = $(".shapes-selection").val();
10437                vals.push(selected_shape);
10438                $(".shapes-selection").val(vals).change();
10439            }
10440        }
10441    });
10442
10443        $('.items-reset.filters-reset-button').on('click', function () {
10444        const $filterForm = $('#items-search-form');
10445        $filterForm.find('select option').prop('selected', false).trigger('change.select2');
10446        $filterForm.find('input[type="number"], input[type="text"]').val('');
10447        $filterForm.find('input[type="checkbox"]').prop('checked', false);
10448        $(".price-range-slider, .js-range-slider").each(function () {
10449            let rangeData = $(this).data("ionRangeSlider");
10450            rangeData.update_check.from = rangeData.options.from = $(this).data("min");
10451            rangeData.update_check.to = rangeData.options.to = $(this).data("max");
10452            rangeData.reset();
10453        });
10454        $('.shapes-img').removeClass('active');
10455        const data = $filterForm.find(':not(.js-range-slider)').serializeArray();
10456        filter_reload_items(data);
10457    })
10458
10459    $("#items-search-form price-range-slider, #items-search-form .js-range-slider").map(function (ind, el) {
10460        let $inputFrom = $(el).parent().find('.ranger_from');
10461        let $inputTo = $(el).parent().find('.ranger_to');
10462        let instance;
10463        let from = 0;
10464        let to = 0;
10465
10466        $inputFrom.on("change", function () {
10467            let val = $(this).val();
10468
10469            if (val < instance.options.min) val = instance.options.min;
10470            else if (val > to) val = to;
10471
10472            instance.update({from: val});
10473
10474            $(this).val(val);
10475        });
10476        $inputTo.on("change", function () {
10477            let val = $(this).val();
10478
10479            if (val < from) val = from;
10480            else if (val > instance.options.max) val = instance.options.max;
10481
10482            instance.update({to: val});
10483
10484            $(this).val(val);
10485        });
10486
10487        $(el).ionRangeSlider({
10488            prefix: ($(el).hasClass('price-range-slider') ? "$" : ""),
10489            prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""),
10490            onStart: function (data) {
10491                updateInputs(data);
10492                applySliderHandleAccessibility(data);
10493            },
10494            onChange: function (data) {
10495                updateInputs(data);
10496                applySliderHandleAccessibility(data);
10497            },
10498            onUpdate: function (data) {
10499                updateInputs(data);
10500                applySliderHandleAccessibility(data);
10501            },
10502            onFinish: function (data) {
10503                updateInputs(data);
10504                applySliderHandleAccessibility(data);
10505                console.log(data)
10506                const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray();
10507                console.log(data_form);
10508                filter_reload_items(data_form);
10509                $('.processing_div').show();
10510            }
10511        });
10512
10513        function updateInputs(data) {
10514            from = data.from;
10515            to = data.to;
10516
10517            $inputFrom.val(from).trigger('change.select2');
10518            $inputTo.val(to).trigger('change.select2');
10519        }
10520
10521        instance = $(el).data("ionRangeSlider");
10522        applySliderHandleAccessibility({
10523            input: $(el),
10524            min: instance?.result?.min ?? instance?.options?.min,
10525            max: instance?.result?.max ?? instance?.options?.max,
10526            from: instance?.result?.from ?? instance?.options?.from,
10527            to: instance?.result?.to ?? instance?.options?.to
10528        });
10529    })
10530
10531    function applySliderHandleAccessibility(data) {
10532        const $input = data?.input ? $(data.input) : $();
10533        if (!$input.length) return;
10534
10535        const min = data.min ?? '';
10536        const max = data.max ?? '';
10537        const from = data.from ?? '';
10538        const to = data.to ?? '';
10539        const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter';
10540        const $sliderContainer = $input.closest('label').find('.irs');
10541        const $fromHandle = $sliderContainer.find('.irs-handle.from');
10542        const $toHandle = $sliderContainer.find('.irs-handle.to');
10543
10544        $fromHandle.attr({
10545            role: 'slider',
10546            'aria-label': `${filterLabel} from`,
10547            'aria-valuemin': min,
10548            'aria-valuemax': max,
10549            'aria-valuenow': from
10550        });
10551        $toHandle.attr({
10552            role: 'slider',
10553            'aria-label': `${filterLabel} to`,
10554            'aria-valuemin': min,
10555            'aria-valuemax': max,
10556            'aria-valuenow': to
10557        });
10558        $sliderContainer.find('.irs-line').removeAttr('tabindex');
10559    }
10560
10561    $('.items_pagination').on('click', '.pag_num', function () {
10562        if ($(this).hasClass('disabled')) {
10563            return;
10564        }
10565        const pag_num = $(this).attr('data-page');
10566        const limit = $('#items-search-form .limit').val();
10567        skip = (pag_num - 1)*limit;
10568        $(".items_pagination .pag_num").removeClass("active");
10569        $(this).addClass("active");
10570        $("#items-search-form .pagination_page").val(pag_num);
10571        $("#items-search-form .skip_pages").val(skip).trigger('change');
10572        update_url();
10573        $("html, body").animate({ scrollTop: $('.items-list').offset().top }, "slow");
10574    });
10575
10576    $('#items-search-form').on('change', 'input, select', function () {
10577        const redirect = $(this).data('redirect');
10578        if (redirect) {
10579            window.location = redirect;
10580        } else {
10581            if (!$(this).hasClass('skip_pages')) {
10582                $("#items-search-form .pagination_page").val(1);
10583                $(".skip_pages").val(0);
10584            }
10585            if (!$(this).hasClass('js-range-slider')) {
10586                const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray();
10587                console.log(data);
10588                filter_reload_items(data);
10589                $('.processing_items_div').show();
10590            }
10591        }
10592    }).on('submit', function () {
10593        return false;
10594    });
10595
10596    $('#items_sorting').on('change', function () {
10597        const values = $(this).val().split('-')
10598        if (values.length === 2) {
10599            $('#items-search-form .order_by').val(values[0])
10600            $('#items-search-form .order_dir').val(values[1])
10601        }
10602        $("#items-search-form .pagination_page").val(1);
10603        $(".skip_pages").val(0);
10604        const data = $('#items-search-form').find(':not(.js-range-slider)').serializeArray()
10605        filter_reload_items(data)
10606        $('.processing_items_div').show()
10607    });
10608        $('.pages-reset.filters-reset-button').on('click', function () {
10609        const $filterForm = $('#pages-search-form');
10610        $filterForm.find('select option').prop('selected', false).trigger('change.select2');
10611        $filterForm.find('input[type="number"], input[type="text"]').val('');
10612        $filterForm.find('input[type="checkbox"]').prop('checked', false);
10613        $(".price-range-slider, .js-range-slider").each(function () {
10614            let rangeData = $(this).data("ionRangeSlider");
10615            rangeData.update_check.from = rangeData.options.from = $(this).data("min");
10616            rangeData.update_check.to = rangeData.options.to = $(this).data("max");
10617            rangeData.reset();
10618        });
10619        $('.shapes-img').removeClass('active');
10620        const data = $filterForm.find(':not(.js-range-slider)').serializeArray();
10621        filter_reload_pages(data);
10622    })
10623
10624    $("#pages-search-form price-range-slider, #pages-search-form .js-range-slider").map(function (ind, el) {
10625        let $inputFrom = $(el).parent().find('.ranger_from');
10626        let $inputTo = $(el).parent().find('.ranger_to');
10627        let instance;
10628        let from = 0;
10629        let to = 0;
10630
10631        $inputFrom.on("change", function () {
10632            let val = $(this).val();
10633
10634            if (val < instance.options.min) val = instance.options.min;
10635            else if (val > to) val = to;
10636
10637            instance.update({from: val});
10638
10639            $(this).val(val);
10640        });
10641        $inputTo.on("change", function () {
10642            let val = $(this).val();
10643
10644            if (val < from) val = from;
10645            else if (val > instance.options.max) val = instance.options.max;
10646
10647            instance.update({to: val});
10648
10649            $(this).val(val);
10650        });
10651
10652        $(el).ionRangeSlider({
10653            prefix: ($(el).hasClass('price-range-slider') ? "$" : ""),
10654            prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""),
10655            onStart: function (data) {
10656                updateInputs(data);
10657                applySliderHandleAccessibility(data);
10658            },
10659            onChange: function (data) {
10660                updateInputs(data);
10661                applySliderHandleAccessibility(data);
10662            },
10663            onUpdate: function (data) {
10664                updateInputs(data);
10665                applySliderHandleAccessibility(data);
10666            },
10667            onFinish: function (data) {
10668                updateInputs(data);
10669                applySliderHandleAccessibility(data);
10670                console.log(data)
10671                const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray();
10672                console.log(data_form);
10673                filter_reload_pages(data_form);
10674                $('.processing_div').show();
10675            }
10676        });
10677
10678        function updateInputs(data) {
10679            from = data.from;
10680            to = data.to;
10681
10682            $inputFrom.val(from).trigger('change.select2');
10683            $inputTo.val(to).trigger('change.select2');
10684        }
10685
10686        instance = $(el).data("ionRangeSlider");
10687        applySliderHandleAccessibility({
10688            input: $(el),
10689            min: instance?.result?.min ?? instance?.options?.min,
10690            max: instance?.result?.max ?? instance?.options?.max,
10691            from: instance?.result?.from ?? instance?.options?.from,
10692            to: instance?.result?.to ?? instance?.options?.to
10693        });
10694    })
10695
10696    function applySliderHandleAccessibility(data) {
10697        const $input = data?.input ? $(data.input) : $();
10698        if (!$input.length) return;
10699
10700        const min = data.min ?? '';
10701        const max = data.max ?? '';
10702        const from = data.from ?? '';
10703        const to = data.to ?? '';
10704        const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter';
10705        const $sliderContainer = $input.closest('label').find('.irs');
10706        const $fromHandle = $sliderContainer.find('.irs-handle.from');
10707        const $toHandle = $sliderContainer.find('.irs-handle.to');
10708
10709        $fromHandle.attr({
10710            role: 'slider',
10711            'aria-label': `${filterLabel} from`,
10712            'aria-valuemin': min,
10713            'aria-valuemax': max,
10714            'aria-valuenow': from
10715        });
10716        $toHandle.attr({
10717            role: 'slider',
10718            'aria-label': `${filterLabel} to`,
10719            'aria-valuemin': min,
10720            'aria-valuemax': max,
10721            'aria-valuenow': to
10722        });
10723        $sliderContainer.find('.irs-line').removeAttr('tabindex');
10724    }
10725
10726    $('.pages_pagination').on('click', '.pag_num', function () {
10727        if ($(this).hasClass('disabled')) {
10728            return;
10729        }
10730        const pag_num = $(this).attr('data-page');
10731        const limit = $('#pages-search-form .limit').val();
10732        skip = (pag_num - 1)*limit;
10733        $(".pages_pagination .pag_num").removeClass("active");
10734        $(this).addClass("active");
10735        $("#pages-search-form .pagination_page").val(pag_num);
10736        $("#pages-search-form .skip_pages").val(skip).trigger('change');
10737        update_url();
10738        $("html, body").animate({ scrollTop: $('.pages-list').offset().top }, "slow");
10739    });
10740
10741    $('#pages-search-form').on('change', 'input, select', function () {
10742        const redirect = $(this).data('redirect');
10743        if (redirect) {
10744            window.location = redirect;
10745        } else {
10746            if (!$(this).hasClass('skip_pages')) {
10747                $("#pages-search-form .pagination_page").val(1);
10748                $(".skip_pages").val(0);
10749            }
10750            if (!$(this).hasClass('js-range-slider')) {
10751                const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray();
10752                console.log(data);
10753                filter_reload_pages(data);
10754                $('.processing_pages_div').show();
10755            }
10756        }
10757    }).on('submit', function () {
10758        return false;
10759    });
10760
10761    $('#pages_sorting').on('change', function () {
10762        const values = $(this).val().split('-')
10763        if (values.length === 2) {
10764            $('#pages-search-form .order_by').val(values[0])
10765            $('#pages-search-form .order_dir').val(values[1])
10766        }
10767        $("#pages-search-form .pagination_page").val(1);
10768        $(".skip_pages").val(0);
10769        const data = $('#pages-search-form').find(':not(.js-range-slider)').serializeArray()
10770        filter_reload_pages(data)
10771        $('.processing_pages_div').show()
10772    });
10773        $('.diamonds-reset.filters-reset-button').on('click', function () {
10774        const $filterForm = $('#diamonds-search-form');
10775        $filterForm.find('select option').prop('selected', false).trigger('change.select2');
10776        $filterForm.find('input[type="number"], input[type="text"]').val('');
10777        $filterForm.find('input[type="checkbox"]').prop('checked', false);
10778        $(".price-range-slider, .js-range-slider").each(function () {
10779            let rangeData = $(this).data("ionRangeSlider");
10780            rangeData.update_check.from = rangeData.options.from = $(this).data("min");
10781            rangeData.update_check.to = rangeData.options.to = $(this).data("max");
10782            rangeData.reset();
10783        });
10784        $('.shapes-img').removeClass('active');
10785        const data = $filterForm.find(':not(.js-range-slider)').serializeArray();
10786        filter_reload_diamonds(data);
10787    })
10788
10789    $("#diamonds-search-form price-range-slider, #diamonds-search-form .js-range-slider").map(function (ind, el) {
10790        let $inputFrom = $(el).parent().find('.ranger_from');
10791        let $inputTo = $(el).parent().find('.ranger_to');
10792        let instance;
10793        let from = 0;
10794        let to = 0;
10795
10796        $inputFrom.on("change", function () {
10797            let val = $(this).val();
10798
10799            if (val < instance.options.min) val = instance.options.min;
10800            else if (val > to) val = to;
10801
10802            instance.update({from: val});
10803
10804            $(this).val(val);
10805        });
10806        $inputTo.on("change", function () {
10807            let val = $(this).val();
10808
10809            if (val < from) val = from;
10810            else if (val > instance.options.max) val = instance.options.max;
10811
10812            instance.update({to: val});
10813
10814            $(this).val(val);
10815        });
10816
10817        $(el).ionRangeSlider({
10818            prefix: ($(el).hasClass('price-range-slider') ? "$" : ""),
10819            prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""),
10820            onStart: function (data) {
10821                updateInputs(data);
10822                applySliderHandleAccessibility(data);
10823            },
10824            onChange: function (data) {
10825                updateInputs(data);
10826                applySliderHandleAccessibility(data);
10827            },
10828            onUpdate: function (data) {
10829                updateInputs(data);
10830                applySliderHandleAccessibility(data);
10831            },
10832            onFinish: function (data) {
10833                updateInputs(data);
10834                applySliderHandleAccessibility(data);
10835                console.log(data)
10836                const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray();
10837                console.log(data_form);
10838                filter_reload_diamonds(data_form);
10839                $('.processing_div').show();
10840            }
10841        });
10842
10843        function updateInputs(data) {
10844            from = data.from;
10845            to = data.to;
10846
10847            $inputFrom.val(from).trigger('change.select2');
10848            $inputTo.val(to).trigger('change.select2');
10849        }
10850
10851        instance = $(el).data("ionRangeSlider");
10852        applySliderHandleAccessibility({
10853            input: $(el),
10854            min: instance?.result?.min ?? instance?.options?.min,
10855            max: instance?.result?.max ?? instance?.options?.max,
10856            from: instance?.result?.from ?? instance?.options?.from,
10857            to: instance?.result?.to ?? instance?.options?.to
10858        });
10859    })
10860
10861    function applySliderHandleAccessibility(data) {
10862        const $input = data?.input ? $(data.input) : $();
10863        if (!$input.length) return;
10864
10865        const min = data.min ?? '';
10866        const max = data.max ?? '';
10867        const from = data.from ?? '';
10868        const to = data.to ?? '';
10869        const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter';
10870        const $sliderContainer = $input.closest('label').find('.irs');
10871        const $fromHandle = $sliderContainer.find('.irs-handle.from');
10872        const $toHandle = $sliderContainer.find('.irs-handle.to');
10873
10874        $fromHandle.attr({
10875            role: 'slider',
10876            'aria-label': `${filterLabel} from`,
10877            'aria-valuemin': min,
10878            'aria-valuemax': max,
10879            'aria-valuenow': from
10880        });
10881        $toHandle.attr({
10882            role: 'slider',
10883            'aria-label': `${filterLabel} to`,
10884            'aria-valuemin': min,
10885            'aria-valuemax': max,
10886            'aria-valuenow': to
10887        });
10888        $sliderContainer.find('.irs-line').removeAttr('tabindex');
10889    }
10890
10891    $('.diamonds_pagination').on('click', '.pag_num', function () {
10892        if ($(this).hasClass('disabled')) {
10893            return;
10894        }
10895        const pag_num = $(this).attr('data-page');
10896        const limit = $('#diamonds-search-form .limit').val();
10897        skip = (pag_num - 1)*limit;
10898        $(".diamonds_pagination .pag_num").removeClass("active");
10899        $(this).addClass("active");
10900        $("#diamonds-search-form .pagination_page").val(pag_num);
10901        $("#diamonds-search-form .skip_pages").val(skip).trigger('change');
10902        update_url();
10903        $("html, body").animate({ scrollTop: $('.diamonds-list').offset().top }, "slow");
10904    });
10905
10906    $('#diamonds-search-form').on('change', 'input, select', function () {
10907        const redirect = $(this).data('redirect');
10908        if (redirect) {
10909            window.location = redirect;
10910        } else {
10911            if (!$(this).hasClass('skip_pages')) {
10912                $("#diamonds-search-form .pagination_page").val(1);
10913                $(".skip_pages").val(0);
10914            }
10915            if (!$(this).hasClass('js-range-slider')) {
10916                const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray();
10917                console.log(data);
10918                filter_reload_diamonds(data);
10919                $('.processing_diamonds_div').show();
10920            }
10921        }
10922    }).on('submit', function () {
10923        return false;
10924    });
10925
10926    $('#diamonds_sorting').on('change', function () {
10927        const values = $(this).val().split('-')
10928        if (values.length === 2) {
10929            $('#diamonds-search-form .order_by').val(values[0])
10930            $('#diamonds-search-form .order_dir').val(values[1])
10931        }
10932        $("#diamonds-search-form .pagination_page").val(1);
10933        $(".skip_pages").val(0);
10934        const data = $('#diamonds-search-form').find(':not(.js-range-slider)').serializeArray()
10935        filter_reload_diamonds(data)
10936        $('.processing_diamonds_div').show()
10937    });
10938    
10939    const trap = focusTrap.createFocusTrap('#filters-container', {
10940        onActivate: () => $('#filters-container').addClass('is-active'),
10941        onDeactivate: () => $('#filters-container').removeClass('is-active'),
10942        clickOutsideDeactivates: true
10943    });
10944
10945    $('.filter-toggle-btn').click(function (e) {
10946        e.stopPropagation();
10947        $('#filters-container').addClass('open')
10948        $('#filters-container').removeAttr('inert')
10949        trap.activate()
10950        $('.close-div .close_svg').focus()
10951        $('body').addClass('content-fixed');
10952        
10953        $(document).on('click.outsideFilters touchstart.outsideFilters wheel.outsideFilters', function (e) {
10954            if (!$(e.target).closest('#filters-container').length) {
10955                closeFilters();
10956            }
10957        });
10958    });
10959
10960    function closeFilters() {
10961        $('#filters-container').removeClass('open')
10962        $('#filters-container').attr('inert', 'inert')
10963        trap.deactivate();
10964        $('body').removeClass('content-fixed');
10965        $(document).off('.outsideFilters');
10966    }
10967
10968    $('.close-div .close_svg').click(function () {
10969        closeFilters();
10970    });
10971
10972    function get_specs(element) {
10973        let myArray = [];
10974        element.each(function(){
10975            const _this =  $(this);
10976            const spec = _this.data('spec');
10977            const redirect = _this.data('redirect');
10978            const value = _this.val();
10979
10980            if (redirect) window.location = redirect;
10981            if (spec in myArray){
10982                myArray[spec] += '|' + value;
10983            }else{
10984                myArray[spec] = value;
10985            }
10986        });
10987        let result = '';
10988        for(const key in myArray){
10989            if(result != '') result += '&'
10990            result += key + '=' + myArray[key]
10991        }
10992        return result;
10993    }
10994
10995    function side_filters_focusable() {
10996        $(document).ready(function () {
10997            if ($(window).width() < 768) {
10998                $('.pcontainer .filters-container').attr('inert', 'inert')
10999            } else {
11000                $('#filters-container').removeClass('open')
11001                $('#filters-container').removeAttr('inert')
11002                trap.deactivate()
11003            }
11004        });
11005    }
11006
11007    $(document).on('keydown', function (event) {
11008        if (event.key == "Escape" && $(window).width() <= 768) {
11009            $('#filters-container').removeClass('open')
11010            $('#filters-container').attr('inert', 'inert')
11011        }
11012    });
11013
11014    update_url();
11015    function update_url() {
11016        let rangeable =  $(".js-range-slider").filter( (index,e) => {
11017            if(e.value === 'null;null') return false;
11018            let values = e.value.split(';');
11019
11020            if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false;
11021
11022            if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false;
11023
11024            if(values.length > 1  && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true;
11025
11026            return false;
11027        });
11028        rangeable = rangeable.serialize();
11029        if(rangeable) rangeable = rangeable.replace('specs[Total Carat Weight]','Spec_Total_Carat_Weight')
11030
11031        const brands =  $('input[name="brand_group_id\\[\\]"]:checked').map(function(){
11032            const redirect = $(this).data('redirect');
11033            if (redirect) window.location = redirect;
11034
11035            return $(this).val();
11036        }).get().join('|');
11037        const product_types =  $('input[name="product_type\\[\\]"]:checked').map(function(){
11038            const redirect = $(this).data('redirect');
11039            if (redirect) window.location = redirect;
11040
11041            return $(this).val();
11042        }).get().join('|');
11043        const specs = get_specs($('.speckable:checked'));
11044        const tudor_specs = get_specs($('.tudorable:checked'));
11045
11046        let sort = $('.sorting').val();
11047        const search_val = $('.sfform #keyword-search').val();
11048        const ring_builder = $('input[name=ring_builder]').val();
11049        const filterable = $('.filterable').serialize();
11050
11051        let qs = [];
11052        if(ring_builder) qs.push('ring_builder='+ ring_builder);
11053
11054                const page = $('#items-search-form .pagination_page').val();
11055        const pPage = $('#pages-search-form .pagination_page').val();
11056        const dPage = $('#diamonds-search-form .pagination_page').val();
11057
11058        if(page && page > 1) qs.push('page='+ page);
11059        if(pPage && pPage > 1) qs.push('p_page='+ pPage);
11060        if(dPage && dPage > 1) qs.push('d_page='+ dPage);
11061        
11062        if(filterable) qs.push(filterable);
11063        if(search_val) qs.push('search='+ search_val);
11064
11065                if(sort && sort !== 'seed-asc') {
11066            if(sort == 'instock-nothing') sort = 'instock';
11067            qs.push('sort_by='+ sort)
11068        }
11069                if(rangeable) qs.push(rangeable);
11070        if(brands) qs.push('brands='+ brands);
11071        if(product_types) qs.push('product_types='+ product_types);
11072        if(specs) qs.push(specs);
11073        if(tudor_specs) qs.push(tudor_specs);
11074        
11075        // RS 2025-05-19 Ticket #3790 - UTM dissapear from url on filter pages https://www.wrike.com/open.htm?id=1661200741
11076        const params = new URLSearchParams(window.location.search);
11077        
11078        for (const [key, value] of params.entries()) {
11079            if (
11080                key.startsWith('utm_') ||
11081                key.startsWith('rl_') || // RS 2025-06-26 https://www.wrike.com/open.htm?id=1690036777
11082                ['cid', 'kw', 'scid', 'tc'].includes(key)
11083            ) {
11084                qs.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
11085            }
11086        }
11087
11088        let loc = $('<a>', {href: window.location})[0];
11089        if (history.pushState) {
11090                        
11091            function trimTrailingSlash(path) {
11092                return path.replace(/\/+$/, '');
11093            }
11094            
11095            const newUrl = trimTrailingSlash(loc.pathname + (qs.length ? '?' + qs.join('&') : ''));
11096            if (newUrl !== location.pathname + location.search) {
11097                history.pushState(null, null, newUrl);
11098            }
11099
11100            $("link[rel='canonical']").attr('href', location.protocol + '//' + location.host + "/" + trimSlashes(loc.pathname + (qs.length ? '?' + qs.join('&') : '' )));
11101        }
11102    }
11103
11104    function filter_reload_items(data) {
11105        var _origData = data;
11106        var _retry = function () { filter_reload_items(_origData); };
11107        data = data.concat($(".js-range-slider").filter( (index,e) => {
11108            if(e.value === 'null;null') return false;
11109            let values = e.value.split(';');
11110
11111            if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false;
11112
11113            if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false;
11114
11115            if(values.length > 1  && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true;
11116
11117            return false;
11118        }).serializeArray());
11119        data = data.concat($('select[name=sort_by]').serializeArray());
11120
11121        update_url();
11122
11123        const hasPricelessFiler = data.findIndex(item => item.name === 'has_priceless')
11124        const priceRangeFilterIndex = data.findIndex(item => item.name === 'price[]')
11125        if (hasPricelessFiler !== -1 && priceRangeFilterIndex !== -1) {
11126            data.splice(priceRangeFilterIndex, 1)
11127        }
11128        let previewStatus = false;
11129        const params = new URLSearchParams(window.location.search);
11130        if (params.get('preview') === '1') {
11131            previewStatus = true;
11132        }
11133        data.push({name: "preview", value: previewStatus});
11134
11135        $.ajax({
11136            url: local_view_folder + '/ws/ajax_filters.php',
11137            type: "POST",
11138            headers: {'X-CSRF-TOKEN': window.csrf_token},
11139            data: data,
11140            dataType: "json",
11141            success: function (response) {
11142                if (response.redirect == true) {
11143                    if (response.custom_redirect) {
11144                        window.location = response.custom_redirect;
11145                    }
11146                    if (response.david_yurman) {
11147                        window.location = response.david_yurman;
11148                    }
11149                                        if (response.tudor) {
11150                        window.location = response.tudor;
11151                    }
11152                }
11153
11154                $(".results .items_total_results").text(response['count']);
11155
11156                recordsTotal = response['count'];
11157                $("#items-search-form input[name=count]").val(recordsTotal);
11158                pagination_page = $("#items-search-form .pagination_page").val();
11159                limit = 18;
11160                            
11161                if (window.hide_seo_on_pagination) {                     
11162                    if (pagination_page > 1) {
11163                        $(".main_page_container .structured_content").hide();
11164                        $(".main_page_container h1.title span").remove();
11165                        $(".main_page_container h1.title").append("<span> - page " + pagination_page + "</spam>");
11166                    } else {
11167                        $(".main_page_container .structured_content").show();
11168                        $(".main_page_container h1.title span").remove();                        
11169                    }
11170                }                
11171
11172                $.ajax({
11173                    url: local_view_folder + '/ws/ajax_pagination.php',
11174                    type: "POST",
11175                    headers: {'X-CSRF-TOKEN': window.csrf_token},
11176                    data: {
11177                        recordsTotal: recordsTotal,
11178                        pagination_page: pagination_page,
11179                        limit: limit
11180                    },
11181                    dataType: "html",
11182                    success: function(result){
11183                        $('.items_pagination .pagination_nav').html(result);
11184                        $('.processing_items_div').hide();
11185                    },
11186                    error: function (xhr, status, error) {
11187                        // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
11188                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return;
11189                        // console.error(xhr);
11190                        // If backend returned HTML page
11191                        if (xhr.responseText) {
11192                            document.open();
11193                            document.write(xhr.responseText);
11194                            document.close();
11195                            return;
11196                        }
11197                    }
11198                });
11199
11200                $(".items-list").html(response['html']);
11201            },
11202            error: function (xhr, status, error) {
11203                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
11204                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return;
11205                // console.error(xhr);
11206                // If backend returned HTML page
11207                if (xhr.responseText) {
11208                    document.open();
11209                    document.write(xhr.responseText);
11210                    document.close();
11211                    return;
11212                }
11213            }
11214        });
11215    }
11216
11217    function filter_reload_pages(data) {
11218        var _retry = function () { filter_reload_pages(data); };
11219        $.ajax({
11220            url: '/skeleton/1.0/view/ws/ajax_search_pages.php',
11221            type: "POST",
11222            headers: {'X-CSRF-TOKEN': window.csrf_token},
11223            data: data,
11224            dataType: "json",
11225            success: function (response) {
11226                $(".results .pages_total_results").text(response['count']);
11227
11228                recordsTotal = response['count'];
11229                $("#pages-search-form input[name=count]").val(recordsTotal);
11230                pagination_page = $("#pages-search-form .pagination_page").val();
11231                limit = 18;
11232
11233                $.ajax({
11234                    url: '/skeleton/1.0/view/ws/ajax_pagination.php',
11235                    type: "POST",
11236                    headers: {'X-CSRF-TOKEN': window.csrf_token},
11237                    data: {
11238                        recordsTotal: recordsTotal,
11239                        pagination_page: pagination_page,
11240                        limit: limit
11241                    },
11242                    dataType: "html",
11243                    success: function(result){
11244                        $('.pages_pagination .pagination_nav').html(result);
11245                        $('.processing_pages_div').hide();
11246                    },
11247                    error: function (xhr, status, error) {
11248                        // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
11249                        if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return;
11250                        // console.error(xhr);
11251                        // If backend returned HTML page
11252                        if (xhr.responseText) {
11253                            document.open();
11254                            document.write(xhr.responseText);
11255                            document.close();
11256                            return;
11257                        }
11258                    }
11259                });
11260
11261                $(".pages-list").html(response['html']);
11262            },
11263            error: function (xhr, status, error) {
11264                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
11265                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return;
11266                // console.error(xhr);
11267                // If backend returned HTML page
11268                if (xhr.responseText) {
11269                    document.open();
11270                    document.write(xhr.responseText);
11271                    document.close();
11272                    return;
11273                }
11274            }
11275        });
11276    }
11277
11278    function filter_reload_diamonds(data) {
11279        var _origData = data;
11280        var _retry = function () { filter_reload_diamonds(_origData); };
11281        data = data.concat($(".js-range-slider").filter( (index,e) => {
11282            if(e.value === 'null;null') return false;
11283            let values = e.value.split(';');
11284
11285            if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false;
11286
11287            if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false;
11288
11289            if(values.length > 1  && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true;
11290
11291            return false;
11292        }).serializeArray());
11293        data = data.concat($('select[name=sort_by]').serializeArray());
11294
11295        update_url();
11296
11297        $.ajax({
11298            url: '/skeleton/1.0/view/ws/ajax_search_diamonds.php',
11299            type: "POST",
11300            headers: {'X-CSRF-TOKEN': window.csrf_token},
11301            data: data,
11302            dataType: "json",
11303            success: function (response) {
11304                $(".results .diamonds_total_results").text(response['count']);
11305
11306                recordsTotal = response['count'];
11307                $("#diamonds-search-form input[name=count]").val(recordsTotal);
11308                pagination_page = $("#diamonds-search-form .pagination_page").val();
11309                limit = 18;
11310
11311                $.ajax({
11312                    url: '/skeleton/1.0/view/ws/ajax_pagination.php',
11313                    type: "POST",
11314                    headers: {'X-CSRF-TOKEN': window.csrf_token},
11315                    data: {
11316                        recordsTotal: recordsTotal,
11317                        pagination_page: pagination_page,
11318                        limit: limit
11319                    },
11320                    dataType: "html",
11321                    success: function(result){
11322                        $('.diamonds_pagination .pagination_nav').html(result);
11323                        $('.processing_diamonds_div').hide();
11324                    },
11325                });
11326
11327                $(".diamonds-list").html(response['html']);
11328            },
11329            error: function (xhr, status, error) {
11330                // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726
11331                if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return;
11332                // console.error(xhr);
11333                // If backend returned HTML page
11334                if (xhr.responseText) {
11335                    document.open();
11336                    document.write(xhr.responseText);
11337                    document.close();
11338                    return;
11339                }
11340            }
11341        });
11342    }
11343});
11344</script>
11344
11345<style>
11346    .irs-single {
11347        max-width: calc(100% - 30px);
11348        white-space: nowrap;
11349        overflow: hidden;
11350        text-overflow: ellipsis;
11351        position: absolute;
11352        transform: translateX(-30%);
11353    }
11354
11355    .pcontainer {
11356        margin: auto;
11357        padding-right: 100px;
11358        padding-left: 100px;
11359    }
11360    .above_content {
11361        padding: 30px 100px;
11362    }
11363    .pcontainer .filters-container {
11364        width: 22%;
11365        padding-right: 20px;
11366        z-index: 0;
11367    }
11368    .pcontainer .filters-content {
11369        width: 78%;
11370        position: relative;
11371    }
11372    .pcontainer.empty_filters .filters-container {
11373        display: none;
11374    }
11375    .filters-container .filters-reset-button {
11376        opacity: 1.0;
11377        padding: 10px 20px;
11378        border: 1px solid #ececec;
11379        background: #ececec;
11380        text-transform: uppercase;
11381        color: #000;
11382        font-weight: normal;
11383        display: flex;
11384        align-items: center;
11385        cursor: pointer;
11386        font-size: 0.85rem;
11387    }
11388    .filters-container .filters-reset-button svg {
11389        height: 14px;
11390        margin-right: 5px;
11391    }
11392    .filters-container .filters-reset-button svg path {
11393        fill: currentColor;
11394    }
11395    .filters-container .filters-reset-button-wrapper {
11396        margin-top: 1rem;
11397        margin-bottom: 1rem;
11398    }
11399    .pcontainer.empty_filters .filters-content {
11400        width: 100%;
11401    }
11402    .items-list,
11403    .pages-list,
11404    .diamonds-list {
11405        flex-wrap: wrap;
11406    }
11407    .items-list .item,
11408    .pages-list .item,
11409    .diamonds-list .item {
11410        cursor: pointer;
11411        display: flex;
11412        flex-direction: column;
11413        justify-content: flex-end;
11414        align-items: center;
11415        border: 1px solid #eee;
11416        color: #222;
11417        text-decoration: none;
11418        text-align: center;
11419        margin-left: -1px;
11420        margin-top: -1px;
11421    }
11422    .items-list .item a,
11423    .pages-list .item a,
11424    .diamonds-list .item a {
11425        width: 100%;
11426        display: flex;
11427        flex-direction: column;
11428        justify-content: flex-start;
11429        align-items: center;
11430        height: 100%;
11431        color: #222;
11432        text-decoration: none;
11433    }
11434    .items-list .item a:focus-visible,
11435    .pages-list .item a:focus-visible,
11436    .diamonds-list .item a:focus-visible {
11437         box-shadow: inset 0 0 0 2px #000;
11438    }
11439    .items-list .item_img_div,
11440    .pages-list .item_img_div,
11441    .diamonds-list .item_img_div {
11442        width: 100%;
11443        display: flex;
11444        align-items: center;
11445        justify-content: center;
11446        position: relative;
11447    }
11448    .item-img-logo-overlay {
11449        position: absolute;
11450        bottom: 8px;
11451        right: 8px;
11452        max-width: 12%;
11453        max-height: 12%;
11454        width: auto;
11455        height: auto;
11456        pointer-events: none;
11457        z-index: 2;
11458        padding: 0!important;
11459    }
11460    .items-list .item img,
11461    .pages-list .item img,
11462    .diamonds-list .item img {
11463        max-width: 100%;
11464        padding: 25px;
11465        height: auto;
11466        transition: all 0.2s ease;
11467    }
11468    .items-list .item .item-info,
11469    .pages-list .item .item-info,
11470    .diamonds-list .item .item-info {
11471        width: 100%;
11472        padding: 20px;
11473    }
11474    .items-list .item .stock svg,
11475    .pages-list .item .stock svg,
11476    .diamonds-list .item .stock svg {
11477        height: 12px;
11478        margin-right: 5px;
11479    }
11480    .items-list .item .stock .text-success,
11481    .pages-list .item .stock .text-success,
11482    .diamonds-list .item .stock .text-success {
11483        color: #1c8132 !important;
11484    }
11485    .items-list .item .stock .text-success svg path,
11486    .pages-list .item .stock .text-success svg path,
11487    .diamonds-list .item .stock .text-success svg path {
11488        fill: #1c8132;
11489    }
11490    .items-list .item .stock .text-danger svg path,
11491    .pages-list .item .stock .text-danger svg path,
11492    .diamonds-list .item .stock .text-danger svg path {
11493        fill: #dc3545;
11494    }
11495    .items-list .item-info .fields,
11496    .pages-list .item-info .fields,
11497    .diamonds-list .item-info .fields {
11498        display: block;
11499        line-height: 1.2;
11500        word-break: break-word;
11501    }
11502    .items-list .item .stock span>span,
11503    .pages-list .item .stock span>span,
11504    .diamonds-list .item .stock span>span {
11505        margin-left: 5px;
11506    }
11507    .items-list .item:hover img,
11508    .pages-list .item:hover img,
11509    .diamonds-list .item:hover img {
11510        -webkit-transform: scale(1.1);
11511        -moz-transform: scale(1.1);
11512        -ms-transform: scale(1.1);
11513        -o-transform: scale(1.1);
11514        transform: scale(1.1);
11515    }
11516    .sorting-panel {
11517        display: flex;
11518        justify-content: space-between;
11519        align-items: center;
11520    }
11521    .sorting-panel .sortby label {
11522        font-size: 14px;
11523    }
11524    .pagination .page-item:hover {
11525        cursor: pointer;
11526    }
11527    .pcontainer  .filter-toggle-btn {
11528        color: #3172ab;
11529        border: 1px solid #3172ab;
11530        border-radius: 0px;
11531        display: flex;
11532        align-items: center;
11533    }
11534    .pcontainer  .filter-toggle-btn:hover,
11535    .pcontainer  .filter-toggle-btn:focus{
11536        color: #fff;
11537        background-color: #3172ab;
11538    }
11539    .pcontainer .close_svg svg {
11540        height: 15px;
11541    }
11542    .pcontainer .filter_svg {
11543        height: 12px;
11544        margin-right: 5px;
11545    }
11546    .pcontainer .filter_svg path {
11547        fill: currentColor;
11548    }
11549    .processing_div {
11550        z-index: 2;
11551        background: #ffffffcf;
11552        position: absolute;
11553        left: 0;
11554        right: 0;
11555        top: 0;
11556        bottom: 0;
11557        display: none;
11558    }
11559
11560    .pcontainer .btn_collapse {
11561        display: flex;
11562        align-items: center;
11563        /*width: 100%;
11564        min-height: 44px;*/
11565        padding: 5px 0;
11566        font-size: 0.85rem;
11567        margin-bottom: 12px;
11568        font-weight: 500;
11569        line-height: 1.2;
11570        text-align: left;
11571        background: transparent;
11572        border: none;
11573    }
11574    .pcontainer .btn_collapse svg {
11575        height: 10px;
11576        margin-right: 5px;
11577    }
11578    .processing_div .processing {
11579        display: flex;
11580        align-items: center;
11581        justify-content: center;
11582        height: 100vh;
11583        font-size: 24px;
11584        font-weight: 600;
11585    }
11586    .btn-outline-primary {
11587        color: #3172ab;
11588        border-color: #3172ab;
11589    }
11590    .collection-filter {
11591        position: relative;
11592    }
11593    .collection-filter .form-check label,
11594    .collection-filter .form-check input{
11595        cursor: pointer;
11596    }
11597    .main_page_container .header_mobile_banner,
11598    .main_page_container .header_tablet_banner  {
11599        display: none;
11600    }
11601    .main_page_container .header_desktop_banner img,
11602    .main_page_container .header_tablet_banner img,
11603    .main_page_container .header_mobile_banner img,
11604    .main_page_container .header_desktop_banner video,
11605    .main_page_container .header_tablet_banner video,
11606    .main_page_container .header_mobile_banner video {
11607        width: 100%;
11608    }
11609    .below_content, .structured_content {
11610        width: 100%;
11611        margin-top: 30px;
11612        margin-bottom: 30px;
11613    }
11614    .structured_content_row {
11615        display: flex;
11616        align-items: center;
11617        justify-content: center;
11618    }
11619    .structured_content_row .sc_image {
11620        width: 50%;
11621    }
11622    .structured_content_row .sc_text {
11623        width: 50%;
11624        display: flex;
11625        flex-direction: column;
11626        align-items: center;
11627        justify-content: center;
11628        padding: 20px;
11629    }
11630    .structured_content_row .sc_text h3 {
11631        font-size: 30px;
11632        margin-bottom: 20px;
11633        text-align: center;
11634    }
11635    .structured_content_row .sc_text p {
11636        width: 80%;
11637        margin: 0 auto;
11638        text-align: center;
11639    }
11640    .structured_content a, .below_content a {
11641        color: #0056b3;
11642        text-decoration: underline;
11643    }
11644    .filters-content .marketing_banner_box a{
11645        justify-content: center;
11646        align-items: center;
11647    }
11648    .filters-content .marketing_banner_box img{
11649        padding: 0px;
11650        object-fit: cover; 
11651        width: 100%; 
11652        height: 100%;
11653    }
11654    .items-list .item-info .fields .formatted_price {
11655        color:red;
11656        width:100%;   
11657        display: block;
11658        margin-bottom: 2px;
11659    }
11660    .items-list .item-info .fields .formatted_sale_price {
11661        width:100%;  
11662        display: block;
11663    }
11664    @media (min-width: 992px) {
11665        .pagination .page-item span{
11666            font-size: 1.2rem;
11667            padding: 0.6rem 1rem;
11668        }
11669        .structured_content_row .image_order_1,
11670        .structured_content_row .image_order_3 {
11671            order:2;
11672        }
11673        .structured_content_row .text_order_1,
11674        .structured_content_row .text_order_3 {
11675            order:1;
11676        }
11677    }
11678    @media (max-width: 991.9px) {
11679        .pcontainer .filters-container {
11680            width: 25%;
11681        }
11682        .pcontainer .filters-content {
11683            width: 75%;
11684        }
11685        .pcontainer {
11686            padding-right: 15px;
11687            padding-left: 15px;
11688        }
11689        .above_content {
11690            padding: 20px 15px;
11691        }
11692        .structured_content_row {
11693            flex-wrap: wrap;
11694            margin-bottom: 30px;
11695        }
11696        .main_page_container .header_desktop_banner {
11697            display: none;
11698        }
11699        .main_page_container .header_tablet_banner {
11700            display: block;
11701        }
11702
11703        .structured_content_row .sc_image {
11704            width: 100%;
11705        }
11706        .structured_content_row .sc_text {
11707            width: 100%;
11708        }
11709    }
11710
11711    @media (max-width: 767.9px) {
11712        .pcontainer .collection-filter .btn_collapse {
11713            width: 100%;
11714            min-height: 44px;
11715            padding: 10px 0;
11716            margin-bottom: 12px;
11717        }
11718        .sortby label {
11719            position: absolute;
11720            top: 5px;
11721            left: 10px;
11722            z-index: -1;
11723        }
11724        .pcontainer .filters-content {
11725            width: 100%;
11726        }
11727        .pcontainer .filters-container {
11728            position: fixed;
11729            top: 0;
11730            left: 0;
11731            overflow-x: hidden;
11732            width: 325px;
11733            overflow-y: scroll;
11734            transform: translateX(-325px);
11735            z-index: 9999;
11736            height: 100vh;
11737            background-color: #ffffff;
11738            padding:20px;
11739            border-right: 1px solid #ccc;
11740            transition: all 0.3s;
11741        }
11742        .pcontainer .filters-container.open {
11743            transform: translateX(0);
11744        }
11745        .main_page_container .header_tablet_banner {
11746            display: none;
11747        }
11748        .main_page_container .header_mobile_banner {
11749            display: block;
11750        }
11751        body.content-fixed {
11752            overflow: hidden;
11753            /*position: fixed;
11754            width: 100%;*/
11755        }
11756    }
11757    @media (max-width: 400px) {
11758        .pagination .page-item span{
11759            font-size: 0.9rem;
11760            padding: 0.4rem 0.6rem;
11761        }
11762        .structured_content_row .sc_text p {
11763            width: 100%;
11764        }
11765    }
11766</style>
11767<style>
11768    @media (min-width: 992px) {
11769        .pcontainer {
11770                    width:100%;
11771                            max-width:100%;
11772                }
11773
11774        .filter-title {
11775                color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:24px !important;        font-family:Montserrat !important;        text-transform:uppercase !important;        }
11776
11777        .items-list,
11778        .pages-list,
11779        .diamonds-list {
11780            gap: 0px;
11781        }
11782
11783        .items-list .item,
11784        .pages-list .item,
11785        .diamonds-list .item {
11786                    width: calc(33.333333333333% - 0px * 2 / 3 + 1px);
11787                }
11788
11789        .items-list .item,
11790        .pages-list .item,
11791        .diamonds-list .item,
11792        .item .wishlist-btn {
11793            border-color: #eeeeee;
11794                    border: none !important;
11795                }
11796
11797        .pcontainer hr {
11798            border-color: #eeeeee;
11799        }
11800
11801        .filters-reset-button {
11802                font-weight:400 !important;        font-style:normal !important;                        font-size:10px !important;        font-family:Montserrat !important;        text-transform:uppercase !important;                border-width:0px;        border-radius:0px;                }
11803
11804        .filters-reset-button:hover {
11805                                }
11806
11807        .collection-filter button {
11808        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;        letter-spacing:0.5px !important;                font-size:13px !important;        font-family:Montserrat !important;        text-transform:uppercase !important;        }
11809
11810        .collection-filter label {
11811        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:12px !important;        font-family:Montserrat !important;        text-transform:none !important;        }
11812
11813        .collection-filter .form-check-input {
11814        accent-color:#0275ff !important;        }
11815
11816                    .field-1 {
11817            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11818                    .field-2 {
11819            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;            letter-spacing:0.5px !important;                        font-size:13px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11820                    .field-3 {
11821            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11822                    .field-4 {
11823            color:#000000 !important;            font-weight:400 !important;
11823            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11824                    .field-5 {
11825            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:13px !important;            font-family:Montserrat !important;            text-transform:uppercase !important;                        }
11826            }
11827    @media (min-width: 768px) and (max-width: 991.9px) {
11828        .pcontainer {
11829                    width:100%;
11830                            max-width:100%;
11831                }
11832
11833        .filter-title {
11834                color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:22px !important;        font-family:Montserrat !important;        text-transform:uppercase !important;        }
11835
11836        .items-list,
11837        .pages-list,
11838        .diamonds-list {
11839            gap: 0px;
11840        }
11841
11842        .items-list .item,
11843        .pages-list .item,
11844        .diamonds-list .item {
11845                    width: calc(50% - 0px * 1 / 2 + 1px);
11846                }
11847
11848        .items-list .item,
11849        .pages-list .item,
11850        .diamonds-list .item,
11851        .item .wishlist-btn {
11852            border-color: #eeeeee;
11853                    border: none !important;
11854                }
11855
11856        .pcontainer hr {
11857            border-color: #eeeeee;
11858        }
11859
11860        .filters-reset-button {
11861                font-weight:400 !important;        font-style:normal !important;                        font-size:10px !important;        font-family:Montserrat !important;        text-transform:none !important;                border-width:0px;        border-radius:0px;                }
11862
11863        .filters-reset-button:hover {
11864                                }
11865
11866        .collection-filter button {
11867        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;        letter-spacing:0.5px !important;                font-size:13px !important;        font-family:Montserrat !important;        text-transform:none !important;        }
11868
11869        .collection-filter label {
11870        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:12px !important;        font-family:Montserrat !important;        text-transform:none !important;        }
11871
11872        .collection-filter .form-check-input {
11873        accent-color:#0275ff !important;        }
11874
11875                    .field-1 {
11876            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11877                    .field-2 {
11878            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;            letter-spacing:0.5px !important;                        font-size:13px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11879                    .field-3 {
11880            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11881                    .field-4 {
11882            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11883                    .field-5 {
11884            color:#000000 !important;            font-weight:400 !important;
11884            font-style:normal !important;                                    font-size:13px !important;            font-family:Montserrat !important;            text-transform:uppercase !important;                        }
11885            }
11886    @media (max-width: 767.9px) {
11887        .pcontainer {
11888                    width:100%;
11889                            max-width:100%;
11890                }
11891
11892        .filter-title {
11893                color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:21px !important;        font-family:Montserrat !important;        text-transform:uppercase !important;        }
11894
11895        .items-list,
11896        .pages-list,
11897        .diamonds-list {
11898            gap: 0px;
11899        }
11900
11901        .items-list .item,
11902        .pages-list .item,
11903        .diamonds-list .item {
11904                    width: calc(50% - 0px * 1 / 2 + 1px);
11905                }
11906
11907        .items-list .item,
11908        .pages-list .item,
11909        .diamonds-list .item,
11910        .item .wishlist-btn {
11911            border-color: #eeeeee;
11912                    border: none !important;
11913                }
11914
11915        .pcontainer hr {
11916            border-color: #eeeeee;
11917        }
11918
11919        .filters-reset-button {
11920                font-weight:400 !important;        font-style:normal !important;                        font-size:10px !important;        font-family:Montserrat !important;        text-transform:none !important;                border-width:0px;        border-radius:0px;                }
11921
11922        .filters-reset-button:hover {
11923                                }
11924
11925        .collection-filter button {
11926        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;        letter-spacing:0.5px !important;                font-size:13px !important;        font-family:Montserrat !important;        text-transform:none !important;        }
11927
11928        .collection-filter label {
11929        color:#000000 !important;        font-weight:400 !important;        font-style:normal !important;                        font-size:12px !important;        font-family:Montserrat !important;        text-transform:none !important;        }
11930
11931        .collection-filter .form-check-input {
11932        accent-color:#0275ff !important;        }
11933
11934                    .field-1 {
11935            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11936                    .field-2 {
11937            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;            letter-spacing:0.5px !important;                        font-size:13px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11938                    .field-3 {
11939            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11940                    .field-4 {
11941            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:12px !important;            font-family:Montserrat !important;            text-transform:none !important;            margin-bottom:8px !important;            }
11942                    .field-5 {
11943            color:#000000 !important;            font-weight:400 !important;            font-style:normal !important;                                    font-size:13px !important;            font-family:Montserrat !important;            text-transform:uppercase !important;                        }
11944            }
11945</style>
11946
11947<footer class="appearance-desktop-view-template">
11948    
11949    
11950        
11951        <div class="footer_container footer_container_1">
11952
11953                        
11954                  
11955
11956                <div class="flex_row flex_row_1">
11957
11958                    
11959                        <div class="flex_col flex_col_1">
11960
11961                            
11962                        </div>
11963
11964                        <style>
11965                            .footer_container_1 .flex_row_1 .flex_col_1 {
11966                            width:10%;                            }
11967                        </style>
11968
11969
11970                    
11971                        <div class="flex_col flex_col_2">
11972
11973                            
11974
11975<div class="flex_cell flex_cell_1 image">
11976    <div class="flex_cell_content">
11977
11978            <a href="https://www.charleskrypell.com/home"
11979           >
11980    
11981        
11982            <img
11983                                width="350px"
11984                
11985                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_wht_20190307.png"
11986
11987                alt="Charles Krypell">
11988
11989        
11990            </a>
11991    
11992    </div>
11993</div>
11994    <style>
11995                .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.image {
11996        width:100%;        justify-content:center;
11996 -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
11997        .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
11998        display: flex;
11999        margin-top:35px;        margin-bottom:35px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
12000        .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.image img {
12001                }
12002        
12003                .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.image {
12004        height:100%;        }
12005            </style>
12006
12007
12008                        </div>
12009
12010                        <style>
12011                            .footer_container_1 .flex_row_1 .flex_col_2 {
12012                            width:80%;                            }
12013                        </style>
12014
12015
12016                    
12017                        <div class="flex_col flex_col_3">
12018
12019                            
12020                        </div>
12021
12022                        <style>
12023                            .footer_container_1 .flex_row_1 .flex_col_3 {
12024                            width:10%;                            }
12025                        </style>
12026
12027
12028                    
12029                </div>
12030            
12031                
12032                <style>
12033                    .footer_container_1 .flex_row_1 {
12034                        background-color: #857874;
12035                        color:#000000;                        height:auto;                                                
12036                                            }
12037                </style>
12038                
12039                                        
12040                
12041                        
12042                  
12043
12044                <div class="flex_row flex_row_2">
12045
12046                    
12047                        <div class="flex_col flex_col_1">
12048
12049                            <div class="flex_cell flex_cell_1 line">
12050            <div class="s_line"></div>
12051    </div>
12052
12053<style>
12054    .footer_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 {
12055        width: 100%;
12056        justify-content:center; -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12057
12058    
12059    .footer_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
12060        background-color:#ffbf3f;        border-style: solid;
12061                width:90%;        border-radius:0px;        border-width:1px;        border-color:#ffbf3f;    }
12062
12063</style>
12064                        </div>
12065
12066                        <style>
12067                            .footer_container_1 .flex_row_2 .flex_col_1 {
12068                            width:100%;                            }
12069                        </style>
12070
12071
12072                    
12073                </div>
12074            
12075                
12076                <style>
12077                    .footer_container_1 .flex_row_2 {
12078                        background-color: #857874;
12079                        color:#000000;                        height:25;                                                
12080                                            }
12081                </style>
12082                
12083                                        
12084                
12085                        
12086                  
12087
12088                <div class="flex_row flex_row_3">
12089
12090                    
12091                        <div class="flex_col flex_col_1">
12092
12093                            
12094                        </div>
12095
12096                        <style>
12097                            .footer_container_1 .flex_row_3 .flex_col_1 {
12098                            width:15%;                            }
12099                        </style>
12100
12101
12102                    
12103                        <div class="flex_col flex_col_2">
12104
12105                            <div class="flex_cell flex_cell_1 custom_code">
12106    <div class="flex_cell_content">
12107        <table border="0" style="border-collapse: collapse; background-color: #857874; width: 100%;
12107 height: 226.047px; border-color: #ffffff;">
12108<tbody>
12109<tr style="height: 53.125px;">
12110<td style="width: 3.16369%;"></td>
12111<td style="width: 23.5213%; height: 53.125px;"></td>
12112<td style="width: 21.7331%; height: 53.125px;"></td>
12113<td style="width: 23.934%;"></td>
12114<td style="width: 26.685%; height: 53.125px;"></td>
12115<td style="width: 0.825309%; height: 53.125px;"></td>
12116</tr>
12117<tr style="height: 162.922px;">
12118<td style="vertical-align: top; width: 3.16369%; line-height: 1.5;"><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><strong> </strong></span></span></td>
12119<td style="height: 162.922px; vertical-align: top; width: 23.5213%; line-height: 1.5;"><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><strong>INFORMATION<br /></strong><span style="font-family: Montserrat; font-size: 10pt;"><a href="/store-locator" title="Store Locator" style="color: #ffffff;">Store Locator</a><br /><a href="https://charleskrypellstore.com/" title="Charles Krypell Flagship Store" style="color: #ffffff;" target="_blank" rel="noopener">Charles Krypell Flagship Store</a><br /></span><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><a href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="2026 Jewelry Book" style="color: #ffffff;" target="_blank" rel="noopener">2026 Jewelry Book</a></span></span></span></span></span></td>
12120<td style="height: 162.922px; vertical-align: top; width: 21.7331%; line-height: 1.5;"><span style="color: #ffffff;"><a href="/faq#tab4" style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><strong>CLIENT SERVICES</strong></span></a></span><br /><span style="color: #ffffff;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">FAQ »</span></a><br /></span><span style="color: #ffffff;"><a href="/faq#tab8" style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-family: Montserrat;">Privacy Policy</span><strong> </strong></span></a><a href="/faq#tab8" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">»</span></a><br /></span><span style="color: #ffffff;"><a href="/faq#tab7" style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-family: Montserrat;">Terms & Conditions</span><strong> </strong></span></a><a href="/faq#tab7" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">»</span></a></span><br /><span style="font-family: Montserrat; font-size: 10pt; color: #ffffff;"><a href="/faq#tab3" title="Shipping »"><span style="color: #ffffff;">Shipping »</span></a><br /><a href="/faq#tab4" title="Repairs »"><span style="color: #ffffff;">Repairs »</span></a><br /><a href="/faq#tab5" title="Return Policy »"><span style="color: #ffffff;">Return Policy »</span></a><br /></span></td>
12121<td style="vertical-align: top; width: 23.934%; line-height: 1.5;"><span style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><strong>CONTACTS<br /></strong><span style="font-family: Montserrat;">Call: <span style="color: #ffffff;"><a href="tel:1 (516) 399-1678" style="color: #ffffff;">1 (516) 399-1678</a></span></span><span style="color: #ffffff;"><strong><br /></strong><span style="font-family: Montserrat;">Email: <a href="/cdn-cgi/l/email-protection#fa899b969f89ba898e9b9d93949dd499929b889698d4938992958d999b899f9e99ccd4999597" style="color: #ffffff;"><span class="__cf_email__" data-cfemail="3142505d544271525950435d54425a434841545d5d1f525e5c">[email&#160;protected]</span></a></span></span></span></span></td>
12122<td style="height: 162.922px; width: 26.685%; vertical-align: top; line-height: 1.5;"><span style="color: #ffffff;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;"><strong><span style="font-family: Cinzel; font-size: 10pt;">NEWSLETTER<br /></span></strong></span><span style="font-size: 10pt; font-family: Montserrat;">Get exclusive offers and news.</span></span><br /><a class="newsletter_btn" style="color: #ffffff; font-style: normal; background-color: #857874; font-size: 12px; font-family: Montserrat; display: inline-flex; white-space: nowrap; align-items: center; padding: 6px 20px; justify-content: left; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;" href="/newsletter-signup" title="Newsletter Signup"> Newsletter Signup <svg fill="#fff" role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
12123                                    c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
12124                                    C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
12125                                    c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"> </path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"> </polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></td>
12126<td style="width: 0.825309%; vertical-align: top; line-height: 1.5; height: 162.922px;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"> </span></strong></span></td>
12127</tr>
12128<tr style="height: 10px;">
12129<td style="vertical-align: top; width: 3.16369%;"></td>
12130<td style="vertical-align: top; width: 95.8735%; height: 10px;" colspan="4"></td>
12131<td style="vertical-align: top; width: 0.825309%; height: 10px;"></td>
12132</tr>
12133</tbody>
12134</table>    </div>
12135</div>
12136
12137<style>
12138    .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12139    width:100%;    }
12140
12141        .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12142    height:100%;    }
12143    
12144    .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
12145        width: 100%;
12146        height: 100%;
12147    }
12148</style>
12149                        </div>
12150
12151                        <style>
12152                            .footer_container_1 .flex_row_3 .flex_col_2 {
12153                            width:85%;                            }
12154                        </style>
12155
12156
12157                    
12158                        <div class="flex_col flex_col_3">
12159
12160                            
12161                        </div>
12162
12163                        <style>
12164                            .footer_container_1 .flex_row_3 .flex_col_3 {
12165                            width:10%;                            }
12166                        </style>
12167
12168
12169                    
12170                </div>
12171            
12172                
12173                <style>
12174                    .footer_container_1 .flex_row_3 {
12175                        background-color: #857874;
12176                        color:#000000;                        height:auto;                                                
12177                                            }
12178                </style>
12179                
12180                                        
12181                
12182            
12183        </div>
12184        <style>
12185            .footer_container .flex_row {
12186                display: flex;
12187            }
12188            .footer_container_1 {
12189                            width:100%;
12190                                        max-width:100%;
12191                            margin: 0 auto;
12192            }
12193            .footer_container .flex_row .flex_col{
12194                display: flex;
12195                flex-wrap: wrap;
12196                box-sizing: border-box;
12197                align-content: baseline;
12198            }
12199            .footer_container .flex_row .flex_col .flex_cell{
12200                height: fit-content;
12201                display: flex;
12202            }
12203            .footer_container .flex_row .flex_col .flex_cell a{
12204                text-decoration: none;
12205            }
12206            .footer_container img {
12207                max-width: 100%;
12208            }
12209        </style>
12210
12211    
12212</footer>
12213<footer class="appearance-tablet-view-template">
12214    
12215    
12216        
12217        <div class="footer_container footer_container_2">
12218
12219                        
12220                  
12221
12222                <div class="flex_row flex_row_1">
12223
12224                    
12225                        <div class="flex_col flex_col_1">
12226
12227                            
12228                        </div>
12229
12230                        <style>
12231                            .footer_container_2 .flex_row_1 .flex_col_1 {
12232                            width:5%;                            }
12233                        </style>
12234
12235
12236                    
12237                        <div class="flex_col flex_col_2">
12238
12239                            
12240
12241<div class="flex_cell flex_cell_1 image">
12242    <div class="flex_cell_content">
12243
12244            <a href="https://www.charleskrypell.com/home"
12245           >
12246    
12247        
12248            <img
12249                                width="350px"
12250                
12251                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_wht_20190307.png"
12252
12253                alt="Charles Krypell ">
12254
12255        
12256            </a>
12257    
12258    </div>
12259</div>
12260    <style>
12261                .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.image {
12262        width:100%;        justify-content:center;
12262 -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
12263        .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
12264        display: flex;
12265        margin-top:25px;        margin-bottom:20px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
12266        .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.image img {
12267        max-width:100%;        }
12268        
12269                .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.image {
12270        height:100%;        }
12271            </style>
12272
12273
12274                        </div>
12275
12276                        <style>
12277                            .footer_container_2 .flex_row_1 .flex_col_2 {
12278                            width:90%;                            }
12279                        </style>
12280
12281
12282                    
12283                        <div class="flex_col flex_col_3">
12284
12285                            
12286                        </div>
12287
12288                        <style>
12289                            .footer_container_2 .flex_row_1 .flex_col_3 {
12290                            width:5%;                            }
12291                        </style>
12292
12293
12294                    
12295                </div>
12296            
12297                
12298                <style>
12299                    .footer_container_2 .flex_row_1 {
12300                        background-color: #857874;
12301                        color:#000000;                        height:100;                                                
12302                                            }
12303                </style>
12304                
12305                                        
12306                
12307                        
12308                  
12309
12310                <div class="flex_row flex_row_2">
12311
12312                    
12313                        <div class="flex_col flex_col_1">
12314
12315                            <div class="flex_cell flex_cell_1 line">
12316            <div class="s_line"></div>
12317    </div>
12318
12319<style>
12320    .footer_container_2>.flex_row_2>.flex_col_1>.flex_cell_1 {
12321        width: 100%;
12322        justify-content:center; -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12323
12324    
12325    .footer_container_2>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
12326        background-color:#ffbf3f;        border-style: solid;
12327                width:90%;        border-radius:0px;        border-width:1px;        border-color:#ffbf3f;    }
12328
12329</style>
12330                        </div>
12331
12332                        <style>
12333                            .footer_container_2 .flex_row_2 .flex_col_1 {
12334                            width:100%;                            }
12335                        </style>
12336
12337
12338                    
12339                </div>
12340            
12341                
12342                <style>
12343                    .footer_container_2 .flex_row_2 {
12344                        background-color: #857874;
12345                        color:#000000;                        height:auto;                                                
12346                                            }
12347                </style>
12348                
12349                                        
12350                
12351                        
12352                  
12353
12354                <div class="flex_row flex_row_3">
12355
12356                    
12357                        <div class="flex_col flex_col_1">
12358
12359                            
12360                        </div>
12361
12362                        <style>
12363                            .footer_container_2 .flex_row_3 .flex_col_1 {
12364                            width:5%;                            }
12365                        </style>
12366
12367
12368                    
12369                        <div class="flex_col flex_col_2">
12370
12371                            <div class="flex_cell flex_cell_1 custom_code">
12372    <div class="flex_cell_content">
12373        <table border="0" style="background-color: #857874; border-collapse: collapse; width: 100%; border-color: #ffffff; height: 226.469px;">
12374<tbody>
12375<tr style="height: 55.9531px;">
12376<td style="width: 25.0325%; height: 55.9531px;"></td>
12377<td style="width: 24.1216%; height: 55.9531px;"></td>
12378<td style="width: 28.0605%;"></td>
12379<td style="width: 27.7854%; height: 55.9531px;"></td>
12380</tr>
12381<tr style="height: 158.094px;">
12382<td style="height: 158.094px; vertical-align: top; width: 25.0325%;"><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;">Information<br /></span><span style="font-family: Montserrat; color: #000000; font-size: 10pt;"><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><a href="/store-locator" title="Store Locator" style="color: #ffffff;">Store Locator</a><br /><a href="https://charleskrypellstore.com/" title="Charles Krypell Flagship Store" style="color: #ffffff;">Charles Krypell Flagship Store</a><br /></span><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><a href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="2026 Jewelry Book" style="color: #ffffff;" target="_blank" rel="noopener">2026 Jewelry Book</a></span></span></span></span></span></span></span></td>
12383<td style="height: 158.094px; vertical-align: top; width: 19.1216%;"><span style="font-family: Cinzel; color: #ffffff; font-size: 10pt;">Client Services</span><br /><span style="color: #ffffff;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">FAQ »</span></a><br /></span><span style="color: #ffffff;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"></span></a></span><span style="color: #ffffff;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"></span></a></span><span style="color: #ffffff;"><a href="/faq#tab8" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">Privacy Policy »</span></a></span><br /><span style="color: #ffffff;"><a href="/faq#tab7" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">Terms & Conditions »</span></a></span><br /><span style="font-family: Montserrat; font-size: 10pt; color: #ffffff;"><a href="/faq#tab3" title="Shipping »"><span style="color: #ffffff;">Shipping »</span></a><br /><a href="/faq#tab4" title="Repairs »"><span style="color: #ffffff;">Repairs »</span></a><br /><a href="/faq#tab5" title="Return Policy »"><span style="color: #ffffff;">Return Policy »</span></a></span></td>
12384<td style="vertical-align: top; width: 28.0605%;"><span style="font-family: Cinzel; color: #ffffff; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;">Contacts<br /></span></span><span style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-family: Montserrat;">Call: <a href="tel:1 (516) 399-1678" style="color: #ffffff;">1 (516) 399-1678</a></span></span></span><span style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><br /></span></span><span style="color: #ffffff;"><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-family: Montserrat;">Email: <a href="/cdn-cgi/l/email-protection#e695878a8395a6959287818f8881c8858e87948a84c88f958e8991858795838285d0c885898b" style="color: #ffffff;"><span class="__cf_email__" data-cfemail="2a594b464f596a49424b58464f594158535a4f464604494547">[email&#160;protected]</span></a></span></span><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-family: Montserrat;"><a href="/cdn-cgi/l/email-protection#eb988a878e98ab989f8a8c82858cc588838a998789c5829883849c888a988e8f88ddc5888486" style="color: #ffffff;"></a></span></span></span></span></td>
12385<td style="height: 158.094px; vertical-align: top; width: 27.7854%;"><span style="font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 10pt;"><span style="font-family: Cinzel; font-size: 10pt;">Newsletter<br /></span><span style="font-family: Cinzel; font-size: 10pt;"><span style="font-size: 10pt; font-family: Montserrat;">Get exclusive offers and news.</span></span></span><br /><a class="newsletter_btn" style="color: #ffffff; font-style: normal; background-color: #857874; font-size: 12px; font-family: Montserrat; display: inline-flex; white-space: nowrap; align-items: center; padding: 6px 20px; justify-content: left; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;" href="/newsletter-signup" title="Newsletter Signup"> Newsletter Signup <svg fill="#fff" role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
12386                                  c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
12387                                  C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
12388                                  c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"> </path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"> </polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></td>
12389</tr>
12390<tr style="height: 12.4219px;">
12391<td style="vertical-align: top; width: 100%; height: 12.4219px;" colspan="4"></td>
12392</tr>
12393</tbody>
12394</table>    </div>
12395</div>
12396
12397<style>
12398    .footer_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12399    width:100%;    }
12400
12401        .footer_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12402    height:100%;    }
12403    
12404    .footer_container_2>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
12405        width: 100%;
12406        height: 100%;
12407    }
12408</style>
12409                        </div>
12410
12411                        <style>
12412                            .footer_container_2 .flex_row_3 .flex_col_2 {
12413                            width:90%;                            }
12414                        </style>
12415
12416
12417                    
12418                        <div class="flex_col flex_col_3">
12419
12420                            
12421                        </div>
12422
12423                        <style>
12424                            .footer_container_2 .flex_row_3 .flex_col_3 {
12425                            width:5%;                            }
12426                        </style>
12427
12428
12429                    
12430                </div>
12431            
12432                
12433                <style>
12434                    .footer_container_2 .flex_row_3 {
12435                        background-color: #857874;
12436                        color:#000000;                        height:auto;                                                
12437                                            }
12438                </style>
12439                
12440                                        
12441                
12442            
12443        </div>
12444        <style>
12445            .footer_container .flex_row {
12446                display: flex;
12447            }
12448            .footer_container_2 {
12449                            width:100%;
12450                                        max-width:100%;
12451                            margin: 0 auto;
12452            }
12453            .footer_container .flex_row .flex_col{
12454                display: flex;
12455                flex-wrap: wrap;
12456                box-sizing: border-box;
12457                align-content: baseline;
12458            }
12459            .footer_container .flex_row .flex_col .flex_cell{
12460                height: fit-content;
12461                display: flex;
12462            }
12463            .footer_container .flex_row .flex_col .flex_cell a{
12464                text-decoration: none;
12465            }
12466            .footer_container img {
12467                max-width: 100%;
12468            }
12469        </style>
12470
12471    
12472</footer>
12473<footer class="appearance-mobile-view-template">
12474    
12475    
12476        
12477        <div class="footer_container footer_container_3">
12478
12479                        
12480                  
12481
12482                <div class="flex_row flex_row_1">
12483
12484                    
12485                        <div class="flex_col flex_col_1">
12486
12487                            
12488                        </div>
12489
12490                        <style>
12491                            .footer_container_3 .flex_row_1 .flex_col_1 {
12492                            width:5%;                            }
12493                        </style>
12494
12495
12496                    
12497                        <div class="flex_col flex_col_2">
12498
12499                            
12500
12501<div class="flex_cell flex_cell_1 image">
12502    <div class="flex_cell_content">
12503
12504            <a href="https://www.charleskrypell.com/home"
12505           >
12506    
12507        
12508            <img
12509                                width="300px"
12510                
12511                src="https://www.charleskrypell.com/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_wht_20190307.png"
12512
12513                alt="Charles Krypell ">
12514
12515        
12516            </a>
12517    
12518    </div>
12519</div>
12520    <style>
12521                .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.image {
12522        width:100%;        justify-content:center;
12522 -webkit-justify-content:center;                align-items:center; -webkit-align-items:center;        }
12523        .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.image>.flex_cell_content {
12524        display: flex;
12525        margin-top:25px;        margin-bottom:20px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;        }
12526        .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.image img {
12527                }
12528        
12529                .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.image {
12530        height:100%;        }
12531            </style>
12532
12533
12534                        </div>
12535
12536                        <style>
12537                            .footer_container_3 .flex_row_1 .flex_col_2 {
12538                            width:90%;                            }
12539                        </style>
12540
12541
12542                    
12543                        <div class="flex_col flex_col_3">
12544
12545                            
12546                        </div>
12547
12548                        <style>
12549                            .footer_container_3 .flex_row_1 .flex_col_3 {
12550                            width:5%;                            }
12551                        </style>
12552
12553
12554                    
12555                </div>
12556            
12557                
12558                <style>
12559                    .footer_container_3 .flex_row_1 {
12560                        background-color: #857874;
12561                        color:#000000;                        height:50;                                                
12562                                            }
12563                </style>
12564                
12565                                        
12566                
12567                        
12568                  
12569
12570                <div class="flex_row flex_row_2">
12571
12572                    
12573                        <div class="flex_col flex_col_1">
12574
12575                            <div class="flex_cell flex_cell_1 line">
12576            <div class="s_line"></div>
12577    </div>
12578
12579<style>
12580    .footer_container_3>.flex_row_2>.flex_col_1>.flex_cell_1 {
12581        width: 100%;
12582        justify-content:center; -webkit-justify-content:center;        margin-top:px;        margin-bottom:px;        margin-left:px;        margin-right:px;        padding-top:px;        padding-bottom:px;        padding-left:px;        padding-right:px;    }
12583
12584    
12585    .footer_container_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line {
12586        background-color:#ffbf3f;        border-style: solid;
12587                width:90%;        border-radius:0px;        border-width:1px;        border-color:#ffbf3f;    }
12588
12589</style>
12590                        </div>
12591
12592                        <style>
12593                            .footer_container_3 .flex_row_2 .flex_col_1 {
12594                            width:100%;                            }
12595                        </style>
12596
12597
12598                    
12599                </div>
12600            
12601                
12602                <style>
12603                    .footer_container_3 .flex_row_2 {
12604                        background-color: #857874;
12605                        color:#000000;                        height:100;                                                
12606                                            }
12607                </style>
12608                
12609                                        
12610                
12611                        
12612                  
12613
12614                <div class="flex_row flex_row_3">
12615
12616                    
12617                        <div class="flex_col flex_col_1">
12618
12619                            
12620                        </div>
12621
12622                        <style>
12623                            .footer_container_3 .flex_row_3 .flex_col_1 {
12624                            width:5%;                            }
12625                        </style>
12626
12627
12628                    
12629                        <div class="flex_col flex_col_2">
12630
12631                            <div class="flex_cell flex_cell_1 custom_code">
12632    <div class="flex_cell_content">
12633        <table border="0" style="border-collapse: collapse; width: 100%; height: 457.173px; background-color: #857874; border-color: #ffffff; margin-left: auto; margin-right: auto;">
12634<tbody>
12635<tr style="height: 54.375px;">
12636<td style="width: 50%; text-align: center; vertical-align: top; height: 54.375px;">
12637<p></p>
12638</td>
12639<td style="width: 50%; text-align: center; vertical-align: top; height: 54.375px;">
12640<p></p>
12641</td>
12642</tr>
12643<tr style="height: 129.266px;">
12644<td style="position: absolute; left: 0px; right: 0px; height: 129.266px; text-align: center; vertical-align: top; line-height: 1.5;">
12645<p><span style="font-family: Montserrat; color: #ffffff; font-size: 10pt;"><span style="font-family: Cinzel; font-size: 10pt;"><strong>Information<br /></strong><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><a href="/store-locator" title="Store Locator" style="color: #ffffff;">Store Locator</a><br /><a href="https://charleskrypellstore.com/" title="Charles Krypell Flagship Store" style="color: #ffffff;" target="_blank" rel="noopener">Charles Krypell Flagship Store</a></span></span><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><br /></span></span><span style="color: #ffffff;"><span style="font-family: Cinzel; color: #000000; font-size: 10pt;"><span style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;"><a href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="2026 Jewelry Book" style="color: #ffffff;" target="_blank" rel="noopener">2026 Jewelry Book</a></span></span></span></span></span><br /></span></span></p>
12646</td>
12647</tr>
12648<tr style="height: 148.266px;">
12649<td style="position: absolute; left: 0px; right: 0px; height: 145.266px; text-align: center; vertical-align: top; line-height: 1.5;">
12650<p><span style="font-family: Cinzel; color: #ffffff; font-size: 10pt;"><strong>Client Services</strong></span><br /><span style="color: #ffffff;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">FAQ »</span></a><br /><a href="/faq#tab8" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">Privacy Policy »</span></a><br /><a href="/faq#tab7" style="color: #ffffff;"><span style="font-family: Montserrat; font-size: 10pt;">Terms & Conditions »</span></a></span><br /><span style="font-family: Montserrat; font-size: 10pt; color: #ffffff;"><a href="/faq#tab3" title="Shipping »"><span style="color: #ffffff;">Shipping »</span></a><br /><a href="/faq#tab4" title="Repairs »"><span style="color: #ffffff;">Repairs »</span></a><br /><a href="/faq#tab5" title="Return Policy »"><span style="color: #ffffff;">Return Policy »</span></a></span></p>
12651</td>
12652</tr>
12653<tr style="height: 100px;">
12654<td style="position: absolute; left: 0px; right: 0px; height: 100px; text-align: center; vertical-align: top; line-height: 1.5; padding-top: 50px;">
12655<p><span style="font-family: Cinzel; color: #ffffff; font-size: 10pt;"><strong>Contacts</strong></span><br /><span style="color: #ffffff; font-size: 10pt;"><a href="/faq#tab2" style="color: #ffffff;"><span style="font-family: Montserrat;">Call: <span style="color: #ffffff;"></span></span></a><span style="font-family: Montserrat;"><a href="tel:1 (516) 399-1678" style="color: #ffffff;">1 (516) 399-1678</a></span></span><br /><span style="font-family: Montserrat; font-size: 10pt;"><span style="color: #ffffff;">Email:</span> <a href="/cdn-cgi/l/email-protection#97e4f6fbf2e4d7e4e3f6f0fef9f0b9f4fff6e5fbf5b9fee4fff8e0f4f6e4f2f3f4a1b9f4f8fa" style="color: #ffffff;"><span class="__cf_email__" data-cfemail="bdcedcd1d8cefdded5dccfd1d8ced6cfc4cdd8d1d193ded2d0">[email&#160;protected]</span></a></span></p>
12656</td>
12657</tr>
12658<tr style="height: 128.266px;">
12659<td style="position: absolute; left: 0; right: 0; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5; padding-top: 50px;">
12660<p><span style="color: #ffffff;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt;"><strong><span style="font-family: Cinzel; font-size: 10pt;">Newsletter<br /></span></strong></span><span style="font-size: 10pt; font-family: Montserrat;">Get exclusive offers and news.</span></span><br /><a class="newsletter_btn" style="color: #ffffff; font-style: normal; background-color: #857874; font-size: 12px; font-family: Montserrat; display: inline-flex; white-space: nowrap; align-items: center; padding: 4px 20px; justify-content: left; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;" href="/newsletter-signup" title="Newsletter Signup"><span style="color: #ffffff;"> Newsletter Signup</span> <svg fill="#fff" role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="34px" height="18px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
12661                                    c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023
12662                                    C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9
12663                                    c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"> </path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 	"></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 	"> </polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></p>
12664</td>
12665</tr>
12666</tbody>
12667</table>    </div>
12668</div>
12669
12670<style>
12671    .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12672    width:100%;    }
12673
12674        .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code {
12675    height:100%;    }
12676    
12677    .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content {
12678        width: 100%;
12679        height: 100%;
12680    }
12681</style>
12682                        </div>
12683
12684                        <style>
12685                            .footer_container_3 .flex_row_3 .flex_col_2 {
12686                            width:90%;                            }
12687                        </style>
12688
12689
12690                    
12691                        <div class="flex_col flex_col_3">
12692
12693                            
12694                        </div>
12695
12696                        <style>
12697                            .footer_container_3 .flex_row_3 .flex_col_3 {
12698                            width:5%;                            }
12699                        </style>
12700
12701
12702                    
12703                </div>
12704            
12705                
12706                <style>
12707                    .footer_container_3 .flex_row_3 {
12708                        background-color: #857874;
12709                        color:#000000;                        height:auto;                                                
12710                                            }
12711                </style>
12712                
12713                                        
12714                
12715            
12716        </div>
12717        <style>
12718            .footer_container .flex_row {
12719                display: flex;
12720            }
12721            .footer_container_3 {
12722                            width:100%;
12723                                        max-width:100%;
12724                            margin: 0 auto;
12725            }
12726            .footer_container .flex_row .flex_col{
12727                display: flex;
12728                flex-wrap: wrap;
12729                box-sizing: border-box;
12730                align-content: baseline;
12731            }
12732            .footer_container .flex_row .flex_col .flex_cell{
12733                height: fit-content;
12734                display: flex;
12735            }
12736            .footer_container .flex_row .flex_col .flex_cell a{
12737                text-decoration: none;
12738            }
12739            .footer_container img {
12740                max-width: 100%;
12741            }
12742        </style>
12743
12744    
12745</footer>
12746
12747                        <div id="popup-content-container-7" class="popup-container" style="display: none;">
12748                            <form id="popup-form" method="post">
12749                                <input name="popup_submissions[pg_type]" value="0" type="hidden">
12750                                <input name="popup_submissions[guid]" value="0" type="hidden">
12751                                <input name="popup_submissions[popup_id]" value="7" type="hidden">
12752                                <input name="popup_submissions[title]" value="new test" type="hidden">
12753                                <input name="popup_submissions[module]" value="popup_submissions" type="hidden">
12754                                <style>
12755                                    [data-checkbox-hidden]{width:fit-content;}body{margin:0;}#logo_img_pop_00001{margin:0 auto;}
12756                        img[carousel_image_type="desktop"]{display:block !important;}
12757                        img[carousel_image_type="tablet"]{display:none !important;}
12758                        img[carousel_image_type="mobile"]{display:none !important;} 
12759                        img[pointer]{cursor:pointer;} p,h1,h2,h3,h4,h5,h6{padding:0; margin:0;} 
12760                        img[zoom]{transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;vertical-align: middle;height: auto;max-width: 100%;}
12761                        img[zoom]:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
12762                        .pointer{cursor:pointer;}
12763                        .gjs-cell, .cell{width:100%;}                      
12764                        .table-auto{
12765                            table-layout: fixed;
12766                        }
12767                        .customer_review_carousel{
12768                            max-height:234px !important;
12769                        }
12770                        img.object-cover{
12771                            filter: none !important;
12772                        }
12773                        .customer_review_carousel .item-carousel{
12774                            flex-direction: column !important;
12775                        }
12776                        .bst-carousel.item-carousel {
12777                            position:relative;
12778                            /*display: flex;
12779                            justify-content: center;*/
12780                        }
12781
12782                        [data-template] img {                        
12783                            width:100%;
12784                        }
12785                        .item-carousel img {                        
12786                            margin: auto;
12787                        }                                                
12788                        .main_page_container img[height]{height:auto !important;}
12789                        /*.gjs-cell{width:100% !important;}*/
12790                        .carousel-control {
12791                            -webkit-tap-highlight-color: transparent;
12792                            display:flex;
12793                            justify-content:center;
12794                            align-items:center;
12795                            z-index:1;
12796                            width:auto;
12797                        }
12798                        .carousel-control  svg {
12799                            color:black;
12800                        }
12801                        .bst-carousel.carousel {                            
12802                            width:-webkit-fill-available;                            
12803                            width:-moz-available;
12804                            position: relative;
12805                          }
12806                        
12807                        @media(max-width: 991.9px){
12808                            img[carousel_image_type="desktop"]{display:none !important;} 
12809                            img[carousel_image_type="tablet"]{display:block !important;} 
12810                            img[carousel_image_type="mobile"]{display:none !important;}
12811                            
12812                        }
12813
12814
12815                        @media(max-width: 767.9px){
12816                            img[carousel_image_type="desktop"]{display:none !important;} 
12817                            img[carousel_image_type="tablet"]{display:none !important;} 
12818                            img[carousel_image_type="mobile"]{display:block !important;}
12819
12820                            
12821                        }
12822                        body{margin:0;}img[zoom]{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;vertical-align:middle;height:auto;max-width:100%;}img[zoom]:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}[data-checkbox-hidden]{width:fit-content;}img[carousel_image_type="desktop"]{display:block !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:none !important;}img[pointer]{cursor:pointer;}p, h1, h2, h3, h4, h5, h6{padding:0;margin:0;}img.object-cover{filter:none !important;}.customer_review_carousel .item-carousel{flex-direction:column !important;}[data-template] img{width:100%;}.item-carousel img{margin:auto;}.main_page_container img[height]{height:auto !important;}.carousel-control  svg{color:black;}.gjs-dashed img{max-width:100%;}*{box-sizing:border-box;}#jahfkahfkj8346r1 h2, #jahfkahfkj8346r1 h3, #jahfkahfkj8346r1 p{margin:0;padding:0;}#jahfkahfkj8346r1 a{text-decoration:none;color:#222;}#jahfkahfkj8346r1 a:hover{text-decoration:none;}.warranty346 img{width:100%;height:auto;}.warranty346 .tablet346, .warranty346 .mobile346{display:none;}#jahfkahfkj8346r1{max-width:700px;margin:0px auto 0px auto;display:flex;justify-content:space-between;}#jahfkahfkj8346r11{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin-right:50px;}#jahfkahfkj8346r21{display:flex;justify-content:center;align-items:center;position:relative;width:100%;margin-left:50px;}#jahfkahfkj8346r22{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:10px 50px;}#jahfkahfkj8346r90{width:100%;height:auto;}#jahfkahfkj8346r91{width:100%;height:auto;display:none;}#jahfkahfkj8346r92{width:100%;height:auto;display:none;}#jahfkahfkj8346r66{width:100%;display:flex;justify-content:center;margin-top:40px;}#template-24-m-h2-01{font-family:"Times New Roman", serif;font-size:21px;font-weight:400;text-transform:uppercase;text-align:center;color:black;}#template-24-m-a-01{text-transform:uppercase;padding:12px 40px;background:transparent;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;border:1px solid black;text-decoration:none;cursor:pointer;box-shadow:0 0 5px 0 black;text-align:center;}@media (max-width: 991.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:block !important;}img[carousel_image_type="mobile"]{display:none !important;}.warranty346 .desktop346{display:none;}.warranty346 .tablet346{display:block;}#jahfkahfkj8346r1{flex-wrap:wrap-reverse;max-width:500px;}#jahfkahfkj8346r90{display:none;}#jahfkahfkj8346r91{display:block;width:100%;}#jahfkahfkj8346r11{width:50%;margin-right:0;}#jahfkahfkj8346r21{width:50%;margin-left:0;}#jahfkahfkj8346r22{margin:50px;}#template-24-m-h2-01{font-size:19px;}}@media (max-width: 767.9px){img[carousel_image_type="desktop"]{display:none !important;}img[carousel_image_type="tablet"]{display:none !important;}img[carousel_image_type="mobile"]{display:block !important;}.warranty346>img{width:100%;}.warranty346 .tablet346{display:none;}.warranty346 .mobile346{display:block;}.warranty346_headings h1, .warranty346_headings h346{color:white;}.men-women346 .warranty346_headings h1, .men-women346 .warranty346_headings h346{color:black;}.men-women346 .warranty346_button a{color:black;border:1px solid black;}.warranty346_button a{color:white;border:1px solid white;}#jahfkahfkj8346r90{width:100%;}#jahfkahfkj8346r91{width:100%;display:none;}#jahfkahfkj8346r92{width:100%;display:block;}#jahfkahfkj8346r22{margin:30px;}#jahfkahfkj8346r66{flex-wrap:wrap;}#template-24-m-h2-01{font-size:22px;}}
12823                                </style>
12824                                <div>
12825                                    <body><div id="jahfkahfkj8346r1"><div id="jahfkahfkj8346r21"><div id="jahfkahfkj8346r22"><h3 id="template-24-m-h2-01" tagname="h3">2026 CHARLES KRYPELL<br/>JEWELRY BOOK</h3><div id="jahfkahfkj8346r66"><a id="template-24-m-a-01" href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" tabindex="0" title="Link title">BROWSE NOW</a></div></div></div><div id="jahfkahfkj8346r11"><img id="jahfkahfkj8346r90" src="/public/1.0/uploads/source/popup/screenshot_20251127_194753_instagram-1.jpg" loading="lazy" href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="Image title" pointer=""/><img id="jahfkahfkj8346r91" src="/public/1.0/uploads/source/popup/screenshot_20251127_194753_instagram-1.jpg" loading="lazy" href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="Image title" pointer=""/><img id="jahfkahfkj8346r92" src="/public/1.0/uploads/source/popup/screenshot_20251127_194753_instagram-1.jpg" loading="lazy" href="https://online.fliphtml5.com/bfkwv/ojod/#p=1" title="Image title" pointer=""/></div></div>
vendor: 108 bytes, line 12825
12825<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
12825<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a416d5585a1a1e79',t:'MTc5MDQ3MzU3Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
12825<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"839d8b02e9c8452aaf2e25750e173bed","r":1,"spa":2}' crossorigin="anonymous"></script>
12825
12826</body>
12827                                </div>
12828                            </form>
12829                        </div>
12830                        
12830<script>
12831                            $(function () {
12832                                let isPopupShown = false;
12833                                let hideCaptcha = true;
12834                                showPopupOnScroll()
12835                                $(window).scroll(function(){
12836                                    showPopupOnScroll()
12837                                });
12838
12839                                let captchaInterval = setInterval(() => {
12840                                    if(hideCaptcha) {
12841                                        $('div.grecaptcha-badge[data-style="bottomleft"]').css("opacity", "0").removeClass("show");
12842                                        if($('div.grecaptcha-badge[data-style="bottomleft"]').length > 0) {
12843                                            clearInterval(captchaInterval);
12844                                        }
12845                                    }
12846                                }, 200)
12847                                
12848                                function showPopupOnScroll() {
12849                                    if(isPopupShown) {
12850                                        return;
12851                                    }
12852                                    
12853                                    if($(window).scrollTop() >= parseInt(0)){
12854                                        isPopupShown = true;
12855
12856                                        const delay = parseInt(0)
12857                                        setTimeout(() => {
12858                                            $('div.grecaptcha-badge[data-style="bottomleft"]').css({"opacity": "1", "z-index": "1000000000"}).addClass("show");
12859                                            hideCaptcha = false;
12860                                            let fancybox7 = $.fancybox.open({
12861                                                src  : '#popup-content-container-7',
12862                                                type : 'inline',
12863                                                beforeClose: function () {
12864                                                    $('div.grecaptcha-badge[data-style="bottomleft"]').css("opacity", "0").removeClass("show");
12865                                                }
12866                                            })
12867                                            const duration = parseInt(60)
12868                                            setTimeout(() => {
12869                                                fancybox7.close()
12870                                            }, duration * 1000)
12871                                        }, delay * 1000)
12872                                    }
12873                                }
12874                            })
12875                        </script>
12875<script>
12876  window.addEventListener('DOMContentLoaded', () => {
12877    const loadPodium = () => {
12878      if (document.getElementById('podium-widget')) return;
12879      const s = document.createElement('script');
12880      s.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=7af2eca4-5f1b-420f-bafb-12131a44cb1e';
12881      s.defer = true;
12882      s.id = 'podium-widget';
12883      s.setAttribute('data-organization-api-token', '7af2eca4-5f1b-420f-bafb-12131a44cb1e');
12884      document.body.appendChild(s);
12885    };
12886    // Load Podium after 5 seconds or on first scroll
12887    setTimeout(loadPodium, 5000);
12888    window.addEventListener('scroll', loadPodium, { once: true });
12889  });
12890</script>
12890<script>
12891let links = document.querySelectorAll('footer a[href*="faq#tab"]'); 
12892links.forEach(link=>{
12893    link.addEventListener("click",function(e){
12894        window.location.href = this.getAttribute('href');
12895      	window.location.reload();
12896    })
12897})
12898
12899</script>
12899<style>
12900  @media (max-width:767.9px){
12901  	body .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-button:before,
12902  
12903body .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-button:after,
12904  
12905body .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-button{
12906  	width: 6vw;
12907    height: 0.6vw;
12908 }
12909body .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-button:before{
12910 top:-1.5vw;   
12911 }
12912 body .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-button:after{
12913 top:1.5vw;   
12914 }
12915  }
12916</style><style>
12917	.slick-prev.slick-arrow{
12918  	/*display:none !important;*/
12919     /*border:none;*/
12920      width:15px;
12921    /*height:15px;
12922      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18L9 12l6-6" /></svg>');
12923  	background-repeat: no-repeat;
12924  background-position: center;
12925  background-size: contain;  */
12926      background-size: 15px;
12927  }
12928  .slick-next.slick-arrow{
12929  	/*display:none !important;*/
12930     /*border:none;*/
12931      width:15px;
12932    background-size: 15px;
12933    /*height:15px;
12934      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6" /></svg>');
12935  	background-repeat: no-repeat;
12936  background-position: center;
12937  background-size: contain;  */
12938    }
12939  .slick-prev:before, .slick-next:before{
12940  	display: none !important;
12941  }
12942  
12943  .slick-prev:focus, .slick-next:focus {
12944     outline: none !important; 
12945}
12946  
12947  
12948 .slick-prev.slick-arrow {
12949   	display: block;
12950    width: 8px;
12951    height: 8px;
12952    background-image: url(/public/1.0/uploads/source/icons/prev1.png);
12953    background-repeat: no-repeat;
12954    background-size: contain;
12955    border: none;
12956       filter: invert(.5);
12957   background-position: left;
12958}
12959  .slick-next.slick-arrow{
12960     	display: block;
12961    width: 8x;
12962    height: 8px;
12963    background-image: url(/public/1.0/uploads/source/icons/next1.png);
12964    background-repeat: no-repeat;
12965    background-size: contain;
12966    border: none;
12967    filter: invert(.5);
12968    background-position: right;
12969  } 
12970</style>
12971<style>
12972  .gpay-card-info-container-fill{
12973  	height:auto;
12974  }
12975  .gpay-card-info-placeholder-svg-container{
12976  	opacity:0;
12977  }
12978  .gpay-card-info-animated-progress-bar-container.border-inset{
12979  	display:none;
12980  }
12981</style>
12981<script>
12982  setTimeout(()=>{
12983    
12984    if(document.querySelector('label[for="ring-size"]')){
12985    document.querySelector('label[for="ring-size"]').innerHTML="Ring Size";
12986    }
12987    if(document.querySelector('label[for="Stones_Type"]')){
12988    	document.querySelector('label[for="Stones_Type"]').innerHTML="Gemstone Variation";
12989    }
12990    if(document.querySelector('label[for="Material"]')){
12991  	document.querySelector('label[for="Material"]').innerHTML=`Metal Type: ${document.querySelector('.metal-container .active img').alt}`;
12992      document.querySelector('.metal-container').addEventListener("click",()=>{
12993        document.querySelector(".variations.mr-2.mb-4 label").innerHTML=`Metal Type: ${document.querySelector('.metal-container .active img').alt}`; 
12994        })
12995    }
12996    
12997  },500 )
12998</script>
12998
12999
13000<script type="text/javascript">
13001  document.addEventListener("DOMContentLoaded", function() {
13002    const container = document.querySelector(".d-flex.flex-wrap.align-items-stretch");
13003    if (!container) return;
13004    const variationBlocks = container.querySelectorAll(".variations.mr-2.mb-4");
13005    
13006    variationBlocks.forEach(function(block) {
13007      if (block.textContent.indexOf("Material") !== -1) {
13008        container.insertBefore(block, container.firstChild);
13009      }
13010    });
13011  });
13012</script>
13012<script>
13013  window.addEventListener('DOMContentLoaded', () => {
13014    const loadPodium = () => {
13015      const s = document.createElement('script');
13016      s.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=7af2eca4-5f1b-420f-bafb-12131a44cb1e';
13017      s.defer = true;
13018      s.id = 'podium-widget';
13019      s.setAttribute('data-organization-api-token', '7af2eca4-5f1b-420f-bafb-12131a44cb1e');
13020      document.body.appendChild(s);
13021    };
13022
13023    // Load after 5 seconds or on first scroll
13024    setTimeout(loadPodium, 5000);
13025    window.addEventListener('scroll', loadPodium, { once: true });
13026  });
13027</script>
vendor: 2 bytes, line 13027
13027
13028<script>
13029  window.addEventListener('load', function () {
13030    var s = document.createElement('script');
13031    s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
13032    s.async = true;
13033
13034    s.onload = function () {
13035      acsbJS.init();
13036
13037      const WEB_COMPONENT_HOST_SELECTOR = "access-widget-ui.notranslate";
13038      const BUTTON_INSIDE_SHADOW_DOM_SELECTOR = "button";
13039
13040      function tryToFindAndStyleButton() {
13041        const shadowHost = document.querySelector(WEB_COMPONENT_HOST_SELECTOR);
13042        if (shadowHost && shadowHost.shadowRoot) {
13043          const buttonInside = shadowHost.shadowRoot.querySelector(BUTTON_INSIDE_SHADOW_DOM_SELECTOR);
13044          if (buttonInside) {
13045            buttonInside.style.setProperty('left', '20px', 'important');
13046            buttonInside.style.setProperty('bottom', '30px', 'important');
13047            observer.disconnect();
13048            return true;
13049          }
13050        }
13051        return false;
13052      }
13053
13054      const observer = new MutationObserver(() => {
13055        if (tryToFindAndStyleButton()) {
13056          observer.disconnect();
13057        }
13058      });
13059
13060      observer.observe(document.body, { childList: true, subtree: true });
13061
13062      tryToFindAndStyleButton();
13063    };
13064
13065    document.body.appendChild(s);
13066  });
13067</script>
13067
13068
13069<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
13069<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
13069<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 13069
13069
13070<script> analitics_events_run();function analitics_events_run() { 
13071                        if (typeof gtag != "undefined"){ gtag("event", "popup_view", {"PopupName":"new test"}); } }; </script>
13071<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
13071<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
13071<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
13071<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
13071<script>
13072                    (function () {
13073                        function ga4Click(eventName, params) {
13074                            if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); }
13075                        }
13076
13077                        $(document).on("click", ".get-location, .use-my-location", function () {
13078                            ga4Click("usemylocation_click");
13079                        });
13080
13081                        $(document).on("click", ".select-store", function () {
13082                            ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""});
13083                        });
13084
13085                        $(document).on("click", "#search-by-zip button", function () {
13086                            var zip = $("#search-by-zip input").val() || "";
13087                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
13088                        });
13089                        $(document).on("submit", "#zipcode-form", function () {
13090                            var zip = $(this).find("input[name=zipcode]").val() || "";
13091                            if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); }
13092                        });
13093
13094                        // Anything clickable inside the popup except its own close control
13095                        $(document).on("click", ".popup-container a, .popup-container button", function () {
13096                            if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; }
13097                            ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)});
13098                        });
13099
13100                        // Opening a chat widget (Podium / Clientbook) is as close as we get to a
13101                        // conversation starting — what happens inside the widget is not visible to us.
13102                        var ga4ChatStarted = false;
13103                        $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () {
13104                            if (ga4ChatStarted) { return; }
13105                            ga4ChatStarted = true;
13106                            ga4Click("conversation_started");
13107                        });
13108                    })();
13109                </script>
13109
13110        <style>
13111            .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; }
13112            .footer-bottom-inner-left { width: 67%; text-transform: uppercase; }
13113            .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; }
13114            @media (max-width: 767px) {
13115                .footer-bottom-outer { display: block; text-align: center; font-weight: 700; }
13116                .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; }
13117            }
13118        </style>
13119        <div class="footer-bottom-outer"><div class="footer-bottom-inner-left">
13120                    COPYRIGHT © 2026 CHARLES KRYPELL, ALL RIGHTS RESERVED. |&nbsp;<a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a>
13121                </div>            <div class="footer-bottom-inner-right">
13122                <div class="cmp-cookies-opener"><a href="javascript:void(0)" role="button" title="Configure Cookies Consent" onclick="$('.cmp-modal-outer').fadeIn();" class="general_style">Configure Cookies Consent &raquo;</a></div>
13123            </div>
13124        
13124<script>window.local_view_folder = '/skeleton/1.0/view';</script>
13124</div>
13125
13126    <!-- Google Consent Mode v2 Defaults -->
13127    
13127<script>
13128        window.dataLayer = window.dataLayer || [];
13129        function gtag() { dataLayer.push(arguments); }
13130        gtag("consent", "default", {
13131            ad_storage: "granted",
13132            ad_user_data: "granted",
13133            ad_personalization: "granted",
13134            analytics_storage: "granted",
13135            functionality_storage: "granted",
13136            personalization_storage: "granted",
13137            security_storage: "granted",
13138            wait_for_update: 2000
13139        });
13140        gtag("set", "ads_data_redaction", false);
13141        gtag("set", "url_passthrough", true);
13142        window.cmpConsentModel = "opt-out";
13143    </script>
13143
13144    
13144<script>window.cmpBridgeConfig = {"provider":"internal","categoryMap":[],"rolexEnabled":false,"blockingAttribute":"","blockingFormat":"","srcAttribute":"data-src"};</script>
vendor: 1 bytes, line 13144
13144
13145<script src="https://www.charleskrypell.com//skeleton/1.0/view/js/cmp-bridge.js?v=1790121799"></script>
13145
13146            <div id="first-visit-cmp-popup" class="first-visit-cookies-background " data-type="other" style="display:none">
13147                <div class="first-visit-cookies-popup">
13148                    <div class="text-container p_general_style">
13149                        <p>By clicking "Accept All", you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. You may change your settings at any time or accept the default settings. <a href="/terms-conditions" title="Cookie Policy">Cookie Policy</a></p>                    </div>
13150                    <div class="buttons actions-container">
13151                        <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style more" title="CMP Settings" onclick="$('.cmp-modal-outer').fadeIn(); $('.first-visit-cookies-popup').fadeOut();">Settings</a>
13152                                                    <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style accept all">Accept all</a>
13153                                                                    </div>
13154                </div>
13155            </div>
13156                <div class="cmp-modal-outer  " style="display: none;" role="dialog" tabindex="-1" aria-labelledby="cmp-modal-label" aria-modal="true">
13157            <div class="cmp-modal-inner">
13158                                <div class="cmp-content">
13159                    <div class="cmp-modal-header">
13160                        <h2 id="cmp-modal-label" class="h2_general_style">We value your privacy</h2>
13161                        <button type="button" class="close" aria-label="Close" title="Close">
13162                            <span aria-hidden="true">&times;</span>
13163                        </button>
13164                    </div>
13165                                            <img src="/public/1.0/uploads/source/brand_logo/ck_storelogo_horz_20190307-removebg-preview.png" loading="lazy" alt="CMP logo" title="CMP logo">
13166                                        <div class="cmp-content-classifications p_general_style">
13167                        <p>On our website, we use services (including from third-party providers) that help us to improve our online presence. The following categories of cookies are used by us and can be managed in the cookie settings. We need your consent before being able to use these services. Alternatively, you may click to refuse to consent, of access more detailed information and change your preferences before consenting. Your preferences will apply to this website only. You can change your preferences at any time by returning to this site or visit our privacy policy.</p>
13168<p>By authorizing third-party services, you allow the placement and the reading of cookies and the use of tracking technologies required to keep our website reliable and secure.</p>                                                    <div class="actions-container-outer">
13169                                <div class="actions-container-inner">
13170                                    <div class="class-info" style="display: flex;">
13171                                        <div>
13172                                            <span class="custom-h2 h3_general_style">Essential</span>
13173                                            <p clas="p_general_style">These cookies are required to run available services and to provide basic shopping functions. These cookies are exempt from consent according to the exceptions provided by the Article 82 of Data Protection Act</p>
13174                                        </div>
13175                                        <div class="action-toggle">
13176                                            <div class="toggleWrapper">
13177                                                <input type="checkbox" class="mobileToggle" id="toggle1" value='on' checked disabled role="switch">
13178                                                <label style="font-size:0px" for="toggle1">On/Off</label>
13179                                            </div>
13180                                        </div>
13181                                    </div>
13182                                                                    </div>
13183                            </div>
13184                                                    <div class="actions-container-outer">
13185                                <div class="actions-container-inner">
13186                                    <div class="class-info" style="display: flex;">
13187                                        <div>
13188                                            <span class="custom-h2 h3_general_style">Personalisation</span>
13189                                            <p clas="p_general_style">These cookies provide a custom experience on our website</p>
13190                                        </div>
13191                                        <div class="action-toggle">
13192                                            <div class="toggleWrapper">
13193                                                <input type="checkbox" class="mobileToggle" id="toggle2" value='off'  role="switch">
13194                                                <label style="font-size:0px" for="toggle2">On/Off</label>
13195                                            </div>
13196                                        </div>
13197                                    </div>
13198                                                                    </div>
13199                            </div>
13200                                                    <div class="actions-container-outer">
13201                                <div class="actions-container-inner">
13202                                    <div class="class-info" style="display: flex;">
13203                                        <div>
13204                                            <span class="custom-h2 h3_general_style">Analytics and statistics</span>
13205                                            <p clas="p_general_style">These cookies allow us to measure visitors traffic. They also help us understand which products and actions are more popular than others</p>
13206                                        </div>
13207                                        <div class="action-toggle">
13208                                            <div class="toggleWrapper">
13209                                                <input type="checkbox" class="mobileToggle" id="toggle3" value='off'  role="switch">
13210                                                <label style="font-size:0px" for="toggle3">On/Off</label>
13211                                            </div>
13212                                        </div>
13213                                    </div>
13214                                                                    </div>
13215                            </div>
13216                                                <div class="buttons">
13217                            <a href="javascript:void(0)" role="button" class="secondary_button_general_style more-confirm">SAVE</a>
13218                        </div>
13219                    </div>
13220                </div>
13221            </div>
13222            <div class="cmp-overlay"></div>
13223        </div>
13224        
13224<script src="/skeleton/1.0/view/js/cmp.js?v=1.2.402"></script>
13224</body>
13225</html>

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