1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Login | Mitchum Jewelers </title> 5<meta name="title" content="Login | Mitchum Jewelers "> 6<meta name="description" content="Login | Mitchum Jewelers "> 7<link rel="canonical" href="https://www.mitchumjewelers.com/login"/> 8<meta name="keywords" content="Login | Mitchum Jewelers "> 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=1678914623" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1678914623" 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.mitchumjewelers.com/public/1.0/uploads/source/logo-desktop.png"> 15<meta property="og:url" content="https://www.mitchumjewelers.com/login"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Login"> 18<meta name="msapplication-TileImage" content="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-desktop.png"> 19<meta property="og:image" content="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-desktop.png"> 20<meta property="og:image:url" content="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-desktop.png"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Login"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Login"> 29<meta name="twitter:site" content="https://www.mitchumjewelers.com/login"> 30<!--twitter share this ends--> 31 32 <link rel="stylesheet" href="https://www.mitchumjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 33 <link rel="stylesheet" href="https://www.mitchumjewelers.com/skeleton/1.0/view/css/font-awesome-4-7-0.min.css" /><link rel="stylesheet" href="https://www.mitchumjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1099.css?ver=1787274919" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 34
34<script>window.csrf_token = "c135f77eb7a419671e3f25994442df0881271cd07d0dd6913bf4560e0b9be3dc"</script>
34 35
35<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790456318000,"csrfToken":"c135f77eb7a419671e3f25994442df0881271cd07d0dd6913bf4560e0b9be3dc","scWsUrl":"https:\/\/www.mitchumjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
35 36
36<script src="https://www.mitchumjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
36 37
37<script src="https://www.mitchumjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789429522" defer></script>
37 38
38<script>window.formSubmitLogUrl = "https://www.mitchumjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
38 39
39<script src="https://www.mitchumjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787274920" defer></script>
39 40 41
41<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
41 42
42<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 42
42<script src="https://www.google.com/recaptcha/api.js?render=
426Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 28 bytes, line 42
42&badge=bottomleft"></script>
42<script src="https://www.mitchumjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
42<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"> 43 <!--Scripts Here--> 44
44<script>window.iShowGlobals = { 45 'NO_IMAGE_URL':'', 46 'SITE_LABELS': '', 47 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 48 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 49 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'417-581-2415','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 50 }; 51 </script>
51<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
51 52 <!-- Start Google Tag Manager --> 53
53<script> 54 window.addEventListener('load', function() {
vendor: 607 bytes, lines 54-65
54 55 (function (w, d, s, l, i) { 56 w[l] = w[l] || []; 57 w[l].push({'gtm.start': 58 new Date().getTime(), event: 'gtm.js'}); 59 var f = d.getElementsByTagName(s)[0], 60 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 61 j.async = true; 62 j.src = 63 '//www.googletagmanager.com/gtm.js?id=' + i + dl; 64 f.parentNode.insertBefore(j, f); 65 })(window, document, 'script', 'dataLayer', '
65GTM-MNSVS54
vendor: 16 bytes, lines 65-66
65'); 66
66}); 67 </script>
67 68 <!-- End Google Tag Manager --> 69 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 69-70
69 70 <script async src="https://www.googletagmanager.com/gtag/js?id=
70G-LRG4RMJS0M
vendor: 28 bytes, lines 70-71
70"></script> 71
71<script> 72
vendor: 184 bytes, lines 72-75
72window.dataLayer = window.dataLayer || []; 73 function gtag(){dataLayer.push(arguments);} 74 gtag("js", new Date()); 75 gtag("config", "
75G-LRG4RMJS0M
vendor: 23 bytes, lines 75-76
75"); 76
76window.gtag = function() { 77 dataLayer.push(arguments); 78 } 79 </script>
79 80 <!-- End Google Analytics 4 tags --> 81
81<script>
vendor: 410 bytes, lines 81-86
81 82 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 83 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 84 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 85 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 86 ga('create', '
86UA-38200599-1
vendor: 44 bytes, lines 86-87
86', 'auto', 'googleAnalytics0'); 87
87ga('set', 'anonymizeIp', true); 88 ga('googleAnalytics0.send', 'pageview')</script>
88<link rel="stylesheet" href="/skeleton/1.0/view/css/cmp.css?ver=1.2.303"/> 89
89<script type="application/ld+json"> 90 { 91 "@context": "https://schema.org", 92 "@graph": [ 93 { 94 "@type": "WebPage", 95 "name": "Login", 96 "description": "Mitchum Jewelers ", 97 "keywords": "Mitchum Jewelers ", 98 "url": "https://www.mitchumjewelers.com/login" 99 }, 100 { 101 "@type": "Organization", 102 "name": "Mitchum Jewelers ", 103 "email": "[email protected]", 104 "logo": "https://www.mitchumjewelers.com", 105 "image": "https://www.mitchumjewelers.com", 106 "telephone": "417-581-2415", 107 "url": "https://www.mitchumjewelers.com/" 108 } 109, 110 { 111 "@type": "BreadcrumbList", 112 "itemListElement": [ 113 { 114 "@type": "ListItem", 115 "position": 1, 116 "name": "Mitchum Jewelers ", 117 "item": "https://www.mitchumjewelers.com/" 118 }, { 119 "@type": "ListItem", 120 "position": 2, 121 "name": "Login", 122 "item": "https://www.mitchumjewelers.com/login" 123 } 124 ] 125 } 126 ] 127 } 128 </script>
128 129 130</head> 131<body> 132 <nav class="skip-links-nav" aria-label="Skip links"> 133 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 134 </nav> 135 136 <div id="loader_div"> 137 <div class="loader_circle"></div> 138 </div> 139 <noscript> 140 <style> 141 body {overflow: auto;} 142 #loader_div {display: none;} 143 </style> 144 </noscript> 145 146 147 <style> 148 @media (min-width: 992px) { 149 150 .sc_payment_general_style { 151 font-size: px !important; 152 font-family: !important; 153 font-weight: !important; 154 font-style: !important; 155 156 letter-spacing: px !important; 157 color: !important; 158 } 159 h1.general_style, .h1_general_style { 160 font-size: 32px !important; 161 font-family: Roboto !important; 162 font-weight: 400 !important; 163 font-style: normal !important; 164 165 letter-spacing: px !important; 166 color: #000000 !important; 167 } 168 h2.general_style, .h2_general_style { 169 font-size: px !important; 170 font-family: 0 !important; 171 font-weight: !important; 172 font-style: normal !important; 173 174 letter-spacing: px !important; 175 color: !important; 176 } 177 h3.general_style, .h3_general_style { 178 font-size: px !important; 179 font-family: 0 !important; 180 font-weight: !important; 181 font-style: normal !important; 182 183 letter-spacing: px !important; 184 color: !important; 185 } 186 h4.general_style, .h4_general_style { 187 font-size: px !important; 188 font-family: 0 !important; 189 font-weight: !important; 190 font-style: normal !important; 191 192 letter-spacing: px !important; 193 color: !important; 194 } 195 h5.general_style, .h5_general_style { 196 font-size: px !important; 197 font-family: 0 !important; 198 font-weight: !important; 199 font-style: normal !important; 200 201 letter-spacing: px !important; 202 color: !important; 203 } 204 h6.general_style, .h6_general_style { 205 font-size: px !important; 206 font-family: 0 !important; 207 font-weight: !important; 208 font-style: normal !important; 209 210 letter-spacing: px !important; 211 color: !important; 212 } 213 p.general_style, .p_general_style { 214 font-size: px !important; 215 font-family: 0 !important; 216 font-weight: !important; 217 font-style: normal !important; 218 219 letter-spacing: px !important; 220 color: !important; 221 } 222 .p2_general_style { 223 font-size: px !important; 224 font-family: 0 !important; 225 font-weight: !important; 226 font-style: normal !important; 227 228 letter-spacing: px !important; 229 color: !important; 230 } 231 .p3_general_style { 232 font-size: px !important; 233 font-family: 0 !important; 234 font-weight: !important; 235 font-style: normal !important; 236 237 letter-spacing: px !important; 238 color: !important; 239 } 240 .p4_general_style { 241 font-size: px !important; 242 font-family: 0 !important; 243 font-weight: !important; 244 font-style: normal !important; 245 246 letter-spacing: px !important; 247 color: !important; 248 } 249 .p5_general_style { 250 font-size: px !important; 251 font-family: 0 !important; 252 font-weight: !important; 253 font-style: normal !important; 254 255 letter-spacing: px !important; 256 color: !important; 257 } 258 .p6_general_style { 259 font-size: px !important; 260 font-family: 0 !important; 261 font-weight: !important; 262 font-style: normal !important; 263 264 letter-spacing: px !important; 265 color: !important; 266 } 267 a.general_style, .a_general_style { 268 text-decoration: !important; 269 color: !important; 270 } 271 a.general_style:hover, .a_general_style:hover { 272 color: !important; 273 } 274 label.general_style, .label_general_style { 275 font-size: px !important; 276 font-family: 0 !important; 277 font-weight: !important; 278 font-style: normal !important; 279 280 letter-spacing: px !important; 281 color: !important; 282 } 283 button.general_style, .button_general_style { 284 font-size: 15px !important; 285 font-family: Roboto !important; 286 font-weight: 400 !important; 287 font-style: normal !important; 288 289 color: #ffffff !important; 290 background-color: #0b7960 !important; 291 border-style: solid !important; 292 border-width: 0.5px !important; 293 border-radius: px !important; 294 border-color: #0b7960 !important; 295 } 296 button.general_style:hover, .button_general_style:hover { 297 color: !important; 298 background-color: !important; 299 border-color: !important; 300 } 301 .secondary_button_general_style { 302 font-size: 15px !important; 303 font-family: Roboto !important; 304 font-weight: 400 !important; 305 font-style: normal !important; 306 307 color: #0b7960 !important; 308 background-color: !important; 309 border-style: solid !important; 310 border-width: 0.5px !important; 311 border-radius: px !important; 312 border-color: #0b7960 !important; 313 } 314 .secondary_button_general_style:hover { 315 color: #ffffff !important; 316 background-color: #0b7960 !important; 317 border-color: !important; 318 } 319 .reset_button_general_style { 320 font-size: px !important; 321 font-family: !important; 322 font-weight: !important; 323 font-style: !important; 324 325 color: !important; 326 background-color: !important; 327 328 border-width: px !important; 329 border-radius: px !important; 330 border-color: !important; 331 } 332 .reset_button_general_style:hover { 333 color: !important; 334 background-color: !important; 335 border-color: !important; 336 } 337 .search_box_general_style .sinps::placeholder { 338 font-size: px !important; 339 font-family: 0 !important; 340 color: !important; 341 } 342 .search_box_general_style .sinps { 343 height: 100%; 344 font-size: px !important; 345 font-family: 0 !important; 346 font-weight: !important; 347 font-style: normal !important; 348 color: !important; 349 background-color: !important; 350 border-style: solid !important; 351 border-width: px !important; 352 border-radius: px !important; 353 border-top-right-radius: 0 !important; 354 border-bottom-right-radius: 0 !important; 355 border-color: !important; 356 } 357 .search_box_general_style .sinps:hover, 358 .search_box_general_style .sinps:focus, 359 .search_box_general_style .sinps:active { 360 background-color: !important; 361 } 362 .search_box_general_style .sBtns { 363 height: 100%; 364 background-color: !important; 365 border-style: solid !important; 366 border-width: px !important; 367 border-radius: px !important; 368 border-top-left-radius: 0 !important; 369 border-bottom-left-radius: 0 !important; 370 border-color: !important; 371 } 372 .search_box_general_style .sBtns:hover, 373 .search_box_general_style .sBtns:focus, 374 .search_box_general_style .sBtns:active { 375 background-color: !important; 376 } 377 .search_box_general_style .sBtns svg { 378 width: px !important; 379 height: px !important; 380 } 381 .search_box_general_style .sBtns path { 382 fill: !important; 383 } 384 .search_box_general_style .sBtns:hover path, 385 .search_box_general_style .sBtns:focus path, 386 .search_box_general_style .sBtns:active path { 387 fill: !important; 388 }
389 .search_box_general_style:hover .sinps, 390 .search_box_general_style:focus .sinps, 391 .search_box_general_style:active .sinps, 392 .search_box_general_style:hover .sBtns, 393 .search_box_general_style:focus .sBtns, 394 .search_box_general_style:active .sBtns { 395 border-color: !important; 396 } 397 svg.general_style, .svg_general_style { 398 fill: #0b7960 !important; 399 stroke-width: .5 !important; 400 stroke: #0b7960 !important; 401 } 402 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 403 color: !important; 404 background: !important; 405 } 406 .irs--big .irs-grid-text { 407 color: !important; 408 } 409 .irs--big .irs-grid-pol { 410 background: !important; 411 } 412 .irs--big .irs-bar { 413 border-color: !important; 414 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 415 } 416 .irs--big .irs-handle { 417 border-color: #B3B3B2; 418 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 419 } 420 .pagination.general_style .page-link { 421 font-size: 15px !important; 422 font-family: Roboto !important; 423 font-weight: 400 !important; 424 font-style: normal !important; 425 426 color: #000000 !important; 427 background-color: !important; 428 border-color: !important; 429 } 430 .pagination.general_style .page-link:hover { 431 color: #ffffff !important; 432 background-color: #0b7960 !important; 433 border-color: #0b7960 !important; 434 } 435 .pagination.general_style .page-item.active .page-link { 436 color: #ffffff !important; 437 background-color: #0b7960 !important; 438 border-color: #0b7960 !important; 439 } 440 input[type=checkbox].general_style { 441 accent-color: #0b7960 !important; 442 } 443 .breadcrumb.general_style .breadcrumb-item a, 444 .breadcrumb.general_style .breadcrumb-item { 445 font-size: 14px !important; 446 font-family: Arial !important; 447 font-weight: !important; 448 font-style: normal !important; 449 450 letter-spacing: px !important; 451 color: #000 !important; 452 } 453 .shapes-div .shapes-img.active { 454 background-color: !important; 455 color: !important; 456 } 457 .input_general_style { 458 position: relative; 459 } 460 .input_general_style label { 461 width: auto !important; 462 position: absolute; 463 top: 50%; 464 left: 5px; 465 z-index: 1; 466 transform: translateY(-50%); 467 transform-origin: 0% 100%; 468 transition: all .2s ease-out; 469 padding: 0 10px; 470 margin: 0 !important; 471 cursor: text; 472 background: white; 473 } 474 .input_general_style label.active { 475 top: 0; 476 transform: translateY(-55%) scale(0.80); 477 } 478 479 .input_general_style input::placeholder { 480 color: transparent !important; 481 } 482 .input_general_style input { 483 font-size: 16px !important; 484 font-family: !important; 485 font-weight: !important; 486 font-style: !important; 487 color: !important; 488 background-color: white !important; 489 border-style: solid !important; 490 border-width: px !important; 491 border-radius: 0px !important; 492 border-color: !important; 493 } 494 .input_general_style:hover input { 495 border-color: !important; 496 }
497 .input_general_style input:-webkit-autofill, 498 .input_general_style input:-webkit-autofill:hover, 499 .input_general_style input:-webkit-autofill:focus, 500 .input_general_style input:-webkit-autofill:active{ 501 -webkit-box-shadow: 0 0 0 30px white inset !important; 502 } 503 .input_general_style input:focus { 504 border-color: initial; 505 box-shadow: unset; 506 } 507 .input_general_style .toggle-password-visibility { 508 position: absolute; 509 right: 5px; 510 top: 50%; 511 transform: translateY(-50%); 512 border: 0; 513 background: transparent; 514 } 515 .select_general_style { 516 position: relative; 517 } 518 .select_general_style label { 519 width: auto !important; 520 position: absolute; 521 top: 50%; 522 left: 5px; 523 transform: translateY(-50%); 524 transform-origin: 0% 100%; 525 transition: all .2s ease-out; 526 padding: 0 10px; 527 margin: 0 !important; 528 cursor: text; 529 background: white; 530 } 531 .select_general_style label.active { 532 top: 0; 533 transform: translateY(-55%) scale(0.80); 534 } 535 536 .select_general_style select { 537 font-size: 16px !important; 538 font-family: !important; 539 font-weight: !important; 540 font-style: !important; 541 color: !important; 542 border-style: solid !important; 543 border-width: px !important; 544 border-radius: 0px !important; 545 border-color: !important; 546 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; 547 -webkit-appearance: none !important; 548 -moz-appearance: none !important; 549 appearance: none !important; 550 } 551 .select_general_style:hover select { 552 border-color: !important; 553 } 554 .select_general_style select:focus { 555 border-color: initial; 556 box-shadow: unset; 557 } 558 .select_general_style select:-webkit-autofill, 559 .select_general_style select:-webkit-autofill:hover, 560 .select_general_style select:-webkit-autofill:focus, 561 .select_general_style select:-webkit-autofill:active{ 562 -webkit-box-shadow: 0 0 0 30px white inset !important; 563 } 564 .textarea_general_style { 565 position: relative; 566 } 567 .textarea_general_style label { 568 width: auto !important; 569 position: absolute; 570 top: 18px; 571 left: 5px; 572 transform: translateY(-50%); 573 transform-origin: 0% 100%; 574 transition: all .2s ease-out; 575 padding: 0 10px; 576 margin: 0 !important; 577 cursor: text; 578 background: white; 579 } 580 .textarea_general_style label.active { 581 top: 0; 582 transform: translateY(-55%) scale(0.80); 583 } 584 585 .textarea_general_style textarea { 586 font-size: 16px !important; 587 font-family: !important; 588 font-weight: !important; 589 font-style: !important; 590 color: !important; 591 background-color: white !important; 592 border-style: solid !important; 593 border-width: px !important; 594 border-radius: 0px !important; 595 border-color: !important; 596 } 597 .textarea_general_style:hover textarea { 598 border-color: !important; 599 } 600 .textarea_general_style textarea:focus { 601 border-color: initial; 602 box-shadow: unset; 603 } 604 .textarea_general_style textarea:-webkit-autofill, 605 .textarea_general_style textarea:-webkit-autofill:hover, 606 .textarea_general_style textarea:-webkit-autofill:focus, 607 .textarea_general_style textarea:-webkit-autofill:active{ 608 -webkit-box-shadow: 0 0 0 30px white inset !important; 609 } 610 } 611 </style> <style> 612 @media (min-width: 768px) and (max-width: 991.9px) { 613 614 .sc_payment_general_style { 615 font-size: px !important; 616 font-family: !important; 617 font-weight: !important; 618 font-style: !important; 619 620 letter-spacing: px !important; 621 color: !important; 622 } 623 h1.general_style, .h1_general_style { 624 font-size: 30px !important; 625 font-family: Roboto !important; 626 font-weight: 400 !important; 627 font-style: normal !important; 628 629 letter-spacing: px !important; 630 color: #000000 !important; 631 } 632 h2.general_style, .h2_general_style { 633 font-size: px !important; 634 font-family: 0 !important; 635 font-weight: !important; 636 font-style: normal !important; 637 638 letter-spacing: px !important; 639 color: !important; 640 } 641 h3.general_style, .h3_general_style { 642 font-size: px !important; 643 font-family: 0 !important; 644 font-weight: !important; 645 font-style: normal !important; 646 647 letter-spacing: px !important; 648 color: !important; 649 } 650 h4.general_style, .h4_general_style { 651 font-size: px !important; 652 font-family: 0 !important; 653 font-weight: !important; 654 font-style: normal !important; 655 656 letter-spacing: px !important; 657 color: !important; 658 } 659 h5.general_style, .h5_general_style { 660 font-size: px !important; 661 font-family: 0 !important; 662 font-weight: !important; 663 font-style: normal !important; 664 665 letter-spacing: px !important; 666 color: !important; 667 } 668 h6.general_style, .h6_general_style { 669 font-size: px !important; 670 font-family: 0 !important; 671 font-weight: !important; 672 font-style: normal !important; 673 674 letter-spacing: px !important; 675 color: !important; 676 } 677 p.general_style, .p_general_style { 678 font-size: px !important; 679 font-family: 0 !important; 680 font-weight: !important; 681 font-style: normal !important; 682 683 letter-spacing: px !important; 684 color: !important; 685 } 686 .p2_general_style { 687 font-size: px !important; 688 font-family: 0 !important; 689 font-weight: !important; 690 font-style: normal !important; 691 692 letter-spacing: px !important; 693 color: !important; 694 } 695 .p3_general_style { 696 font-size: px !important; 697 font-family: 0 !important; 698 font-weight: !important; 699 font-style: normal !important; 700 701 letter-spacing: px !important; 702 color: !important; 703 } 704 .p4_general_style { 705 font-size: px !important; 706 font-family: 0 !important; 707 font-weight: !important; 708 font-style: normal !important; 709 710 letter-spacing: px !important; 711 color: !important; 712 } 713 .p5_general_style { 714 font-size: px !important; 715 font-family: 0 !important; 716 font-weight: !important; 717 font-style: normal !important; 718 719 letter-spacing: px !important; 720 color: !important; 721 } 722 .p6_general_style { 723 font-size: px !important; 724 font-family: 0 !important; 725 font-weight: !important; 726 font-style: normal !important; 727 728 letter-spacing: px !important; 729 color: !important; 730 } 731 a.general_style, .a_general_style { 732 text-decoration: !important; 733 color: !important; 734 } 735 a.general_style:hover, .a_general_style:hover { 736 color: !important; 737 } 738 label.general_style, .label_general_style { 739 font-size: px !important; 740 font-family: 0 !important; 741 font-weight: !important; 742 font-style: normal !important; 743 744 letter-spacing: px !important; 745 color: !important; 746 } 747 button.general_style, .button_general_style { 748 font-size: 14px !important; 749 font-family: Roboto !important; 750 font-weight: 400 !important; 751 font-style: normal !important; 752 753 color: #ffffff !important; 754 background-color: #0b7960 !important; 755 border-style: solid !important; 756 border-width: 0.5px !important; 757 border-radius: px !important; 758 border-color: #0b7960 !important; 759 } 760 button.general_style:hover, .button_general_style:hover { 761 color: !important; 762 background-color: !important; 763 border-color: !important; 764 } 765 .secondary_button_general_style { 766 font-size: 14px !important; 767 font-family: Roboto !important; 768 font-weight: 400 !important; 769 font-style: normal !important; 770 771 color: #0b7960 !important; 772 background-color: !important; 773 border-style: solid !important; 774 border-width: 0.5px !important; 775 border-radius: px !important; 776 border-color: #0b7960 !important; 777 } 778 .secondary_button_general_style:hover { 779 color: #ffffff !important; 780 background-color: #0b7960 !important; 781 border-color: !important; 782 } 783 .reset_button_general_style { 784 font-size: px !important; 785 font-family: !important; 786 font-weight: !important; 787 font-style: !important; 788 789 color: !important; 790 background-color: !important; 791 792 border-width: px !important; 793 border-radius: px !important; 794 border-color: !important; 795 } 796 .reset_button_general_style:hover { 797 color: !important; 798 background-color: !important; 799 border-color: !important; 800 } 801 .search_box_general_style .sinps::placeholder { 802 font-size: px !important; 803 font-family: 0 !important; 804 color: !important; 805 } 806 .search_box_general_style .sinps { 807 height: 100%; 808 font-size: px !important; 809 font-family: 0 !important; 810 font-weight: !important; 811 font-style: normal !important; 812 color: !important; 813 background-color: !important; 814 border-style: solid !important; 815 border-width: px !important; 816 border-radius: px !important; 817 border-top-right-radius: 0 !important; 818 border-bottom-right-radius: 0 !important; 819 border-color: !important; 820 } 821 .search_box_general_style .sinps:hover, 822 .search_box_general_style .sinps:focus, 823 .search_box_general_style .sinps:active { 824 background-color: !important; 825 } 826 .search_box_general_style .sBtns { 827 height: 100%; 828 background-color: !important; 829 border-style: solid !important; 830 border-width: px !important; 831 border-radius: px !important; 832 border-top-left-radius: 0 !important; 833 border-bottom-left-radius: 0 !important; 834 border-color: !important; 835 } 836 .search_box_general_style .sBtns:hover, 837 .search_box_general_style .sBtns:focus, 838 .search_box_general_style .sBtns:active { 839 background-color: !important; 840 } 841 .search_box_general_style .sBtns svg { 842 width: px !important; 843 height: px !important; 844 } 845 .search_box_general_style .sBtns path { 846 fill: !important; 847 } 848 .search_box_general_style .sBtns:hover path, 849 .search_box_general_style .sBtns:focus path, 850 .search_box_general_style .sBtns:active path { 851 fill: !important; 852 }
853 .search_box_general_style:hover .sinps, 854 .search_box_general_style:focus .sinps, 855 .search_box_general_style:active .sinps, 856 .search_box_general_style:hover .sBtns, 857 .search_box_general_style:focus .sBtns, 858 .search_box_general_style:active .sBtns { 859 border-color: !important; 860 } 861 svg.general_style, .svg_general_style { 862 fill: #0b7960 !important; 863 stroke-width: .5 !important; 864 stroke: #0b7960 !important; 865 } 866 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 867 color: !important; 868 background: !important; 869 } 870 .irs--big .irs-grid-text { 871 color: !important; 872 } 873 .irs--big .irs-grid-pol { 874 background: !important; 875 } 876 .irs--big .irs-bar { 877 border-color: !important; 878 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 879 } 880 .irs--big .irs-handle { 881 border-color: #B3B3B2; 882 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 883 } 884 .pagination.general_style .page-link { 885 font-size: 16px !important; 886 font-family: Roboto !important; 887 font-weight: 400 !important; 888 font-style: normal !important; 889 890 color: #000000 !important; 891 background-color: !important; 892 border-color: !important; 893 } 894 .pagination.general_style .page-link:hover { 895 color: #ffffff !important; 896 background-color: #0b7960 !important; 897 border-color: #0b7960 !important; 898 } 899 .pagination.general_style .page-item.active .page-link { 900 color: #ffffff !important; 901 background-color: #0b7960 !important; 902 border-color: #0b7960 !important; 903 } 904 input[type=checkbox].general_style { 905 accent-color: #0b7960 !important; 906 } 907 .breadcrumb.general_style .breadcrumb-item a, 908 .breadcrumb.general_style .breadcrumb-item { 909 font-size: 14px !important; 910 font-family: Arial !important; 911 font-weight: !important; 912 font-style: normal !important; 913 914 letter-spacing: px !important; 915 color: #000 !important; 916 } 917 .shapes-div .shapes-img.active { 918 background-color: !important; 919 color: !important; 920 } 921 .input_general_style { 922 position: relative; 923 } 924 .input_general_style label { 925 width: auto !important; 926 position: absolute; 927 top: 50%; 928 left: 5px; 929 z-index: 1; 930 transform: translateY(-50%); 931 transform-origin: 0% 100%; 932 transition: all .2s ease-out; 933 padding: 0 10px; 934 margin: 0 !important; 935 cursor: text; 936 background: white; 937 } 938 .input_general_style label.active { 939 top: 0; 940 transform: translateY(-55%) scale(0.80); 941 } 942 943 .input_general_style input::placeholder { 944 color: transparent !important; 945 } 946 .input_general_style input { 947 font-size: 16px !important; 948 font-family: !important; 949 font-weight: !important; 950 font-style: !important; 951 color: !important; 952 background-color: white !important; 953 border-style: solid !important; 954 border-width: px !important; 955 border-radius: 0px !important; 956 border-color: !important; 957 } 958 .input_general_style:hover input { 959 border-color: !important; 960 }
961 .input_general_style input:-webkit-autofill, 962 .input_general_style input:-webkit-autofill:hover, 963 .input_general_style input:-webkit-autofill:focus, 964 .input_general_style input:-webkit-autofill:active{ 965 -webkit-box-shadow: 0 0 0 30px white inset !important; 966 } 967 .input_general_style input:focus { 968 border-color: initial; 969 box-shadow: unset; 970 } 971 .input_general_style .toggle-password-visibility { 972 position: absolute; 973 right: 5px; 974 top: 50%; 975 transform: translateY(-50%); 976 border: 0; 977 background: transparent; 978 } 979 .select_general_style { 980 position: relative; 981 } 982 .select_general_style label { 983 width: auto !important; 984 position: absolute; 985 top: 50%; 986 left: 5px; 987 transform: translateY(-50%); 988 transform-origin: 0% 100%; 989 transition: all .2s ease-out; 990 padding: 0 10px; 991 margin: 0 !important; 992 cursor: text; 993 background: white; 994 } 995 .select_general_style label.active { 996 top: 0; 997 transform: translateY(-55%) scale(0.80); 998 } 999 1000 .select_general_style select { 1001 font-size: 16px !important; 1002 font-family: !important; 1003 font-weight: !important; 1004 font-style: !important; 1005 color: !important; 1006 border-style: solid !important; 1007 border-width: px !important; 1008 border-radius: 0px !important; 1009 border-color: !important; 1010 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; 1011 -webkit-appearance: none !important; 1012 -moz-appearance: none !important; 1013 appearance: none !important; 1014 } 1015 .select_general_style:hover select { 1016 border-color: !important; 1017 } 1018 .select_general_style select:focus { 1019 border-color: initial; 1020 box-shadow: unset; 1021 } 1022 .select_general_style select:-webkit-autofill, 1023 .select_general_style select:-webkit-autofill:hover, 1024 .select_general_style select:-webkit-autofill:focus, 1025 .select_general_style select:-webkit-autofill:active{ 1026 -webkit-box-shadow: 0 0 0 30px white inset !important; 1027 } 1028 .textarea_general_style { 1029 position: relative; 1030 } 1031 .textarea_general_style label { 1032 width: auto !important; 1033 position: absolute; 1034 top: 18px; 1035 left: 5px; 1036 transform: translateY(-50%); 1037 transform-origin: 0% 100%; 1038 transition: all .2s ease-out; 1039 padding: 0 10px; 1040 margin: 0 !important; 1041 cursor: text; 1042 background: white; 1043 } 1044 .textarea_general_style label.active { 1045 top: 0; 1046 transform: translateY(-55%) scale(0.80); 1047 } 1048 1049 .textarea_general_style textarea { 1050 font-size: 16px !important; 1051 font-family: !important; 1052 font-weight: !important; 1053 font-style: !important; 1054 color: !important; 1055 background-color: white !important; 1056 border-style: solid !important; 1057 border-width: px !important; 1058 border-radius: 0px !important; 1059 border-color: !important; 1060 } 1061 .textarea_general_style:hover textarea { 1062 border-color: !important; 1063 } 1064 .textarea_general_style textarea:focus { 1065 border-color: initial; 1066 box-shadow: unset; 1067 } 1068 .textarea_general_style textarea:-webkit-autofill, 1069 .textarea_general_style textarea:-webkit-autofill:hover, 1070 .textarea_general_style textarea:-webkit-autofill:focus, 1071 .textarea_general_style textarea:-webkit-autofill:active{ 1072 -webkit-box-shadow: 0 0 0 30px white inset !important; 1073 } 1074 } 1075 </style> <style> 1076 @media (max-width: 767.9px) { 1077 1078 .sc_payment_general_style { 1079 font-size: px !important; 1080 font-family: !important; 1081 font-weight: !important; 1082 font-style: !important; 1083 1084 letter-spacing: px !important; 1085 color: !important; 1086 } 1087 h1.general_style, .h1_general_style { 1088 font-size: 28px !important; 1089 font-family: Roboto !important; 1090 font-weight: 400 !important; 1091 font-style: normal !important; 1092 1093 letter-spacing: px !important; 1094 color: #000000 !important; 1095 } 1096 h2.general_style, .h2_general_style { 1097 font-size: px !important; 1098 font-family: 0 !important; 1099 font-weight: !important; 1100 font-style: normal !important; 1101 1102 letter-spacing: px !important; 1103 color: !important; 1104 } 1105 h3.general_style, .h3_general_style { 1106 font-size: px !important; 1107 font-family: 0 !important; 1108 font-weight: !important; 1109 font-style: normal !important; 1110 1111 letter-spacing: px !important; 1112 color: !important; 1113 } 1114 h4.general_style, .h4_general_style { 1115 font-size: px !important; 1116 font-family: 0 !important; 1117 font-weight: !important; 1118 font-style: normal !important; 1119 1120 letter-spacing: px !important; 1121 color: !important; 1122 } 1123 h5.general_style, .h5_general_style { 1124 font-size: px !important; 1125 font-family: 0 !important; 1126 font-weight: !important; 1127 font-style: normal !important; 1128 1129 letter-spacing: px !important; 1130 color: !important; 1131 } 1132 h6.general_style, .h6_general_style { 1133 font-size: px !important; 1134 font-family: 0 !important; 1135 font-weight: !important; 1136 font-style: normal !important; 1137 1138 letter-spacing: px !important; 1139 color: !important; 1140 } 1141 p.general_style, .p_general_style { 1142 font-size: px !important; 1143 font-family: 0 !important; 1144 font-weight: !important; 1145 font-style: normal !important; 1146 1147 letter-spacing: px !important; 1148 color: !important; 1149 } 1150 .p2_general_style { 1151 font-size: px !important; 1152 font-family: 0 !important; 1153 font-weight: !important; 1154 font-style: normal !important; 1155 1156 letter-spacing: px !important; 1157 color: !important; 1158 } 1159 .p3_general_style { 1160 font-size: px !important; 1161 font-family: 0 !important; 1162 font-weight: !important; 1163 font-style: normal !important; 1164 1165 letter-spacing: px !important; 1166 color: !important; 1167 } 1168 .p4_general_style { 1169 font-size: px !important; 1170 font-family: 0 !important; 1171 font-weight: !important; 1172 font-style: normal !important; 1173 1174 letter-spacing: px !important; 1175 color: !important; 1176 } 1177 .p5_general_style { 1178 font-size: px !important; 1179 font-family: 0 !important; 1180 font-weight: !important; 1181 font-style: normal !important; 1182 1183 letter-spacing: px !important; 1184 color: !important; 1185 } 1186 .p6_general_style { 1187 font-size: px !important; 1188 font-family: 0 !important; 1189 font-weight: !important; 1190 font-style: normal !important; 1191 1192 letter-spacing: px !important; 1193 color: !important; 1194 } 1195 a.general_style, .a_general_style { 1196 text-decoration: !important; 1197 color: !important; 1198 } 1199 a.general_style:hover, .a_general_style:hover { 1200 color: !important; 1201 } 1202 label.general_style, .label_general_style { 1203 font-size: px !important; 1204 font-family: 0 !important; 1205 font-weight: !important; 1206 font-style: normal !important; 1207 1208 letter-spacing: px !important; 1209 color: !important; 1210 } 1211 button.general_style, .button_general_style { 1212 font-size: 14px !important; 1213 font-family: Roboto !important; 1214 font-weight: 400 !important; 1215 font-style: normal !important; 1216 1217 color: #ffffff !important; 1218 background-color: #0b7960 !important; 1219 border-style: solid !important; 1220 border-width: 0.5px !important; 1221 border-radius: px !important; 1222 border-color: #0b7960 !important; 1223 } 1224 button.general_style:hover, .button_general_style:hover { 1225 color: !important; 1226 background-color: !important; 1227 border-color: !important; 1228 } 1229 .secondary_button_general_style { 1230 font-size: 14px !important; 1231 font-family: Roboto !important; 1232 font-weight: 400 !important; 1233 font-style: normal !important; 1234 1235 color: #0b7960 !important; 1236 background-color: !important; 1237 border-style: solid !important; 1238 border-width: 0.5px !important; 1239 border-radius: px !important; 1240 border-color: #0b7960 !important; 1241 } 1242 .secondary_button_general_style:hover { 1243 color: #ffffff !important; 1244 background-color: #0b7960 !important; 1245 border-color: !important; 1246 } 1247 .reset_button_general_style { 1248 font-size: px !important; 1249 font-family: !important; 1250 font-weight: !important; 1251 font-style: !important; 1252 1253 color: !important; 1254 background-color: !important; 1255 1256 border-width: px !important; 1257 border-radius: px !important; 1258 border-color: !important; 1259 } 1260 .reset_button_general_style:hover { 1261 color: !important; 1262 background-color: !important; 1263 border-color: !important; 1264 } 1265 .search_box_general_style .sinps::placeholder { 1266 font-size: px !important; 1267 font-family: 0 !important; 1268 color: !important; 1269 } 1270 .search_box_general_style .sinps { 1271 height: 100%; 1272 font-size: px !important; 1273 font-family: 0 !important; 1274 font-weight: !important; 1275 font-style: normal !important; 1276 color: !important; 1277 background-color: !important; 1278 border-style: solid !important; 1279 border-width: px !important; 1280 border-radius: px !important; 1281 border-top-right-radius: 0 !important; 1282 border-bottom-right-radius: 0 !important; 1283 border-color: !important; 1284 } 1285 .search_box_general_style .sinps:hover, 1286 .search_box_general_style .sinps:focus, 1287 .search_box_general_style .sinps:active { 1288 background-color: !important; 1289 } 1290 .search_box_general_style .sBtns { 1291 height: 100%; 1292 background-color: !important; 1293 border-style: solid !important; 1294 border-width: px !important; 1295 border-radius: px !important; 1296 border-top-left-radius: 0 !important; 1297 border-bottom-left-radius: 0 !important; 1298 border-color: !important; 1299 } 1300 .search_box_general_style .sBtns:hover, 1301 .search_box_general_style .sBtns:focus, 1302 .search_box_general_style .sBtns:active { 1303 background-color: !important; 1304 } 1305 .search_box_general_style .sBtns svg { 1306 width: px !important; 1307 height: px !important; 1308 } 1309 .search_box_general_style .sBtns path { 1310 fill: !important; 1311 } 1312 .search_box_general_style .sBtns:hover path, 1313 .search_box_general_style .sBtns:focus path, 1314 .search_box_general_style .sBtns:active path { 1315 fill: !important; 1316 }
1317 .search_box_general_style:hover .sinps, 1318 .search_box_general_style:focus .sinps, 1319 .search_box_general_style:active .sinps, 1320 .search_box_general_style:hover .sBtns, 1321 .search_box_general_style:focus .sBtns, 1322 .search_box_general_style:active .sBtns { 1323 border-color: !important; 1324 } 1325 svg.general_style, .svg_general_style { 1326 fill: #0b7960 !important; 1327 stroke-width: .5 !important; 1328 stroke: #0b7960 !important; 1329 } 1330 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1331 color: !important; 1332 background: !important; 1333 } 1334 .irs--big .irs-grid-text { 1335 color: !important; 1336 } 1337 .irs--big .irs-grid-pol { 1338 background: !important; 1339 } 1340 .irs--big .irs-bar { 1341 border-color: !important; 1342 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1343 } 1344 .irs--big .irs-handle { 1345 border-color: #B3B3B2; 1346 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1347 } 1348 .pagination.general_style .page-link { 1349 font-size: 15px !important; 1350 font-family: Roboto !important; 1351 font-weight: 400 !important; 1352 font-style: normal !important; 1353 1354 color: #000000 !important; 1355 background-color: !important; 1356 border-color: !important; 1357 } 1358 .pagination.general_style .page-link:hover { 1359 color: #ffffff !important; 1360 background-color: #0b7960 !important; 1361 border-color: #0b7960 !important; 1362 } 1363 .pagination.general_style .page-item.active .page-link { 1364 color: #ffffff !important; 1365 background-color: #0b7960 !important; 1366 border-color: #0b7960 !important; 1367 } 1368 input[type=checkbox].general_style { 1369 accent-color: #0b7960 !important; 1370 } 1371 .breadcrumb.general_style .breadcrumb-item a, 1372 .breadcrumb.general_style .breadcrumb-item { 1373 font-size: 14px !important; 1374 font-family: Arial !important; 1375 font-weight: !important; 1376 font-style: normal !important; 1377 1378 letter-spacing: px !important; 1379 color: #000 !important; 1380 } 1381 .shapes-div .shapes-img.active { 1382 background-color: !important; 1383 color: !important; 1384 } 1385 .input_general_style { 1386 position: relative; 1387 } 1388 .input_general_style label { 1389 width: auto !important; 1390 position: absolute; 1391 top: 50%; 1392 left: 5px; 1393 z-index: 1; 1394 transform: translateY(-50%); 1395 transform-origin: 0% 100%; 1396 transition: all .2s ease-out; 1397 padding: 0 10px; 1398 margin: 0 !important; 1399 cursor: text; 1400 background: white; 1401 } 1402 .input_general_style label.active { 1403 top: 0; 1404 transform: translateY(-55%) scale(0.80); 1405 } 1406 1407 .input_general_style input::placeholder { 1408 color: transparent !important; 1409 } 1410 .input_general_style input { 1411 font-size: 16px !important; 1412 font-family: !important; 1413 font-weight: !important; 1414 font-style: !important; 1415 color: !important; 1416 background-color: white !important; 1417 border-style: solid !important; 1418 border-width: px !important; 1419 border-radius: 0px !important; 1420 border-color: !important; 1421 } 1422 .input_general_style:hover input { 1423 border-color: !important; 1424 }
1425 .input_general_style input:-webkit-autofill, 1426 .input_general_style input:-webkit-autofill:hover, 1427 .input_general_style input:-webkit-autofill:focus, 1428 .input_general_style input:-webkit-autofill:active{ 1429 -webkit-box-shadow: 0 0 0 30px white inset !important; 1430 } 1431 .input_general_style input:focus { 1432 border-color: initial; 1433 box-shadow: unset; 1434 } 1435 .input_general_style .toggle-password-visibility { 1436 position: absolute; 1437 right: 5px; 1438 top: 50%; 1439 transform: translateY(-50%); 1440 border: 0; 1441 background: transparent; 1442 } 1443 .select_general_style { 1444 position: relative; 1445 } 1446 .select_general_style label { 1447 width: auto !important; 1448 position: absolute; 1449 top: 50%; 1450 left: 5px; 1451 transform: translateY(-50%); 1452 transform-origin: 0% 100%; 1453 transition: all .2s ease-out; 1454 padding: 0 10px; 1455 margin: 0 !important; 1456 cursor: text; 1457 background: white; 1458 } 1459 .select_general_style label.active { 1460 top: 0; 1461 transform: translateY(-55%) scale(0.80); 1462 } 1463 1464 .select_general_style select { 1465 font-size: 16px !important; 1466 font-family: !important; 1467 font-weight: !important; 1468 font-style: !important; 1469 color: !important; 1470 border-style: solid !important; 1471 border-width: px !important; 1472 border-radius: 0px !important; 1473 border-color: !important; 1474 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; 1475 -webkit-appearance: none !important; 1476 -moz-appearance: none !important; 1477 appearance: none !important; 1478 } 1479 .select_general_style:hover select { 1480 border-color: !important; 1481 } 1482 .select_general_style select:focus { 1483 border-color: initial; 1484 box-shadow: unset; 1485 } 1486 .select_general_style select:-webkit-autofill, 1487 .select_general_style select:-webkit-autofill:hover, 1488 .select_general_style select:-webkit-autofill:focus, 1489 .select_general_style select:-webkit-autofill:active{ 1490 -webkit-box-shadow: 0 0 0 30px white inset !important; 1491 } 1492 .textarea_general_style { 1493 position: relative; 1494 } 1495 .textarea_general_style label { 1496 width: auto !important; 1497 position: absolute; 1498 top: 18px; 1499 left: 5px; 1500 transform: translateY(-50%); 1501 transform-origin: 0% 100%; 1502 transition: all .2s ease-out; 1503 padding: 0 10px; 1504 margin: 0 !important; 1505 cursor: text; 1506 background: white; 1507 } 1508 .textarea_general_style label.active { 1509 top: 0; 1510 transform: translateY(-55%) scale(0.80); 1511 } 1512 1513 .textarea_general_style textarea { 1514 font-size: 16px !important; 1515 font-family: !important; 1516 font-weight: !important; 1517 font-style: !important; 1518 color: !important; 1519 background-color: white !important; 1520 border-style: solid !important; 1521 border-width: px !important; 1522 border-radius: 0px !important; 1523 border-color: !important; 1524 } 1525 .textarea_general_style:hover textarea { 1526 border-color: !important; 1527 } 1528 .textarea_general_style textarea:focus { 1529 border-color: initial; 1530 box-shadow: unset; 1531 } 1532 .textarea_general_style textarea:-webkit-autofill, 1533 .textarea_general_style textarea:-webkit-autofill:hover, 1534 .textarea_general_style textarea:-webkit-autofill:focus, 1535 .textarea_general_style textarea:-webkit-autofill:active{ 1536 -webkit-box-shadow: 0 0 0 30px white inset !important; 1537 } 1538 } 1539 </style><header class="appearance-desktop-view-template"> 1540 1541 1542 1543 <style> 1544 .header_container>.flex_row { 1545 display: flex; 1546 } 1547 1548 .header_container_1 { 1549 width: 100%; 1550 max-width: 100%; 1551 margin: 0 auto; 1552 position: relative !important; 1553 transform: inherit !important; 1554 } 1555 .header_container>.flex_row>.flex_col { 1556 display: flex; 1557 flex-wrap: wrap; 1558 box-sizing: border-box; 1559 align-content: baseline; 1560 } 1561 .header_container>.flex_row>.flex_col>.flex_cell { 1562 height: fit-content; 1563 display: flex; 1564 } 1565 .header_container>.flex_row>.flex_col>.flex_cell a { 1566 text-decoration: none; 1567 } 1568 .header_container img { 1569 max-width: 100%; 1570 } 1571 .row_spacer_cs { 1572 display: none; 1573 } 1574 .sticky_row { 1575 position: fixed; 1576 } 1577 .sticky_row + .row_spacer_cs { 1578 display: block; 1579 } 1580 </style> 1581 1582 <div class="header_container header_container_1" data-device-type="1"> 1583 1584 1585 1586 <div class="flex_row flex_row_1 "> 1587 1588 1589 <div class="flex_col flex_col_1"> 1590 1591 1592 </div> 1593 1594 <style> 1595 .header_container_1>.flex_row_1>.flex_col_1 { 1596 width:5%; } 1597 </style> 1598 1599 1600 1601 <div class="flex_col flex_col_2"> 1602 1603 1604<div class="flex_cell flex_cell_1 call_us"> 1605 <div class="flex_cell_content"><a class="phone_number_click " href="tel:417-581-2415" title="Call us 417-581-2415">
1605<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>417-581-2415</span></a></div> </div> 1606<style> 1607 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1608 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1609 1610 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1611 height:100%; } 1612 1613 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1614 display: flex; 1615 margin-top:10px; margin-bottom:10px; margin-left:0px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1616 1617 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1618 color:#2f7960; font-style:normal; font-size:16px; font-family:Arial; display: flex; 1619 align-items: center; 1620 text-transform:none; } 1621 1622 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1623 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1624 margin-right: 5px; 1625 height:15px; } 1626 1627 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1628 fill: currentColor; 1629 } 1630 1631 1632 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1633 color:#27634f; } 1634</style> 1635 </div> 1636 1637 <style> 1638 .header_container_1>.flex_row_1>.flex_col_2 { 1639 width:22%; } 1640 </style> 1641 1642 1643 1644 <div class="flex_col flex_col_3"> 1645 1646 1647 </div> 1648 1649 <style> 1650 .header_container_1>.flex_row_1>.flex_col_3 { 1651 width:43%; } 1652 </style> 1653 1654 1655 1656 <div class="flex_col flex_col_4"> 1657 1658 1659<div class="flex_cell flex_cell_1 search_box"> 1660 <div class="flex_cell_content"> 1661 <form class="sform" id="search-box-form" 1662 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 1663 <div class="inputs-group"> 1664 <input class="sinp" type="text" name="search" 1665 placeholder="SEARCH PRODUCTS" 1666 aria-label="SEARCH PRODUCTS" 1667 > 1668 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 1669 <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> 1670 </button> 1671 </div> 1672 </form> 1673 </div> 1674</div> 1675<style> 1676 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 1677 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 1678 1679 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 1680 height:100%; } 1681 1682 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 1683 display: flex; 1684 margin-top:3px; margin-bottom:3px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1685 1686 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_1>.flex_col_4>
1686.flex_cell_1 .inputs-group { 1687 width: 100%; 1688 display: flex; 1689 flex-wrap: nowrap; 1690 } 1691 1692 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp { 1693 border-radius: 0px; 1694 padding: 4px 8px; 1695 outline: 0px; 1696 box-shadow: none; 1697 font-size:px; font-family:Arial; color:#0b7960; font-style:normal; background-color:#ffffff; 1698 1699 1700 border-style: solid; 1701 border-width:1px; border-color:#ffffff; 1702 1703 border-right:0px; 1704 width: 100%; 1705 1706 border-bottom-color:#0b7960; } 1707 1708 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp:hover { 1709 } 1710 1711 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp::placeholder { 1712 font-size:px; font-family:Arial; color:#0b7960; opacity: 1; 1713 } 1714 1715 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn { 1716 height: 100%; 1717 border-radius: 0px; 1718 padding: 4px; 1719 align-items: center; 1720 justify-content: center; 1721 display: flex; 1722 border-style: solid; 1723 border-width:1px; border-color:#ffffff; color:#0b7960; font-style:normal; background-color:#ffffff; border-left:0px; 1724 1725 } 1726 1727 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover { 1728 background-color:#ffffff; } 1729 1730 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn svg { 1731 width:16px; height:16px; } 1732 1733 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn .path_class { 1734 fill:#0b7960; } 1735 1736 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 1737 fill:#0b7960; } 1738 1739</style> 1740 </div> 1741 1742 <style> 1743 .header_container_1>.flex_row_1>.flex_col_4 { 1744 width:15%; } 1745 </style> 1746 1747 1748 1749 <div class="flex_col flex_col_5"> 1750 1751 1752<div class="flex_cell flex_cell_1 account_icons"> 1753 <div class="flex_cell_content"> 1754 1755 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 1756 <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> 1757 </a> 1758 1759 1760 1761 <a class="" href="/login" title="My Account" style="order: 5"> 1762 <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.97
1762H509.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> 1763 </div> 1764</div> 1765 1766<style> 1767 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 1768 width:100%; justify-content: flex-end; 1769 align-items:center; -webkit-align-items:center; } 1770 1771 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 1772 height:100%; } 1773 1774 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content { 1775 display: flex; 1776 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:0px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1777 1778 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 1779 display: none !important; 1780 } 1781 1782 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a { 1783 display: flex; 1784 align-items: center; 1785 color:#2f7960; font-style:normal; font-size:16px; font-family:Arial; margin-left: 12px; 1786 text-transform:none; } 1787 1788 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a svg, 1789 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a img { 1790 flex-shrink: 0; 1791 margin-right: 5px; 1792 width:15px; height:15px; } 1793 1794 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .path_class { 1795 fill: currentColor; 1796 } 1797 1798 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a:hover { 1799 color:#27634f; } 1800 1801 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge { 1802 padding: 0 5px; 1803 height: 16px; 1804 min-width: 16px; 1805 text-align: center; 1806 border-radius: 7px; 1807 line-height: 16px; 1808 border: 1px solid #fff; 1809 font-style: normal; 1810 font-weight: 700; 1811 font-size: 10px; 1812 background-color:#00b252; color:#ffffff; margin-left: -10px; 1813 margin-top: -15px; 1814 } 1815</style> 1816 </div> 1817 1818 <style> 1819 .header_container_1>.flex_row_1>.flex_col_5 { 1820 width:10%; } 1821 </style> 1822 1823 1824 1825 <div class="flex_col flex_col_6"> 1826 1827 1828 </div> 1829 1830 <style> 1831 .header_container_1>.flex_row_1>.flex_col_6 { 1832 width:5%; } 1833 </style> 1834 1835 1836 1837 </div> 1838 1839 1840 <style> 1841 .header_container_1>.flex_row_1 { 1842 background-color: #ffffff; 1843 1844 color:#0b7960; height:auto; 1845 1846 } 1847 1848 </style> 1849 1850 1851 1852 1853 1854 <div class="flex_row flex_row_2 "> 1855 1856 1857 <div class="flex_col flex_col_1"> 1858 1859 1860 </div> 1861 1862 <style> 1863 .header_container_1>.flex_row_2>.flex_col_1 { 1864 } 1865 </style> 1866 1867 1868 1869 <div class="flex_col flex_col_2"> 1870 1871 1872 1873<div class="flex_cell flex_cell_1 image"> 1874 <div class="flex_cell_content"> 1875 1876 <a href="https://www.mitchumjewelers.com/" 1877 > 1878 1879 1880 <img 1881 height="139px" width="1920px" 1882 1883 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-desktop.png" 1884 1885 alt="Mitchum Jewelers Logo"> 1886 1887 1888 </a> 1889 1890 </div> 1891</div> 1892 <style> 1893 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1894 width:100%; justify-content:center;
1894 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1895 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 1896 display: flex; 1897 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1898 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 1899 } 1900 1901 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 1902 height:100%; } 1903 </style> 1904 1905 1906 </div> 1907 1908 <style> 1909 .header_container_1>.flex_row_2>.flex_col_2 { 1910 width:100%; } 1911 </style> 1912 1913 1914 1915 <div class="flex_col flex_col_3"> 1916 1917 1918 </div> 1919 1920 <style> 1921 .header_container_1>.flex_row_2>.flex_col_3 { 1922 } 1923 </style> 1924 1925 1926 1927 </div> 1928 1929 1930 <style> 1931 .header_container_1>.flex_row_2 { 1932 background-color: #0b7960; 1933 1934 color:#000000; height:auto; 1935 1936 } 1937 1938 </style> 1939 1940 1941 1942 1943 1944 <div class="flex_row flex_row_3 "> 1945 1946 1947 <div class="flex_col flex_col_1"> 1948 1949 <div class="flex_cell flex_cell_1 menu"> 1950 <div class="flex_cell_content"> 1951 <nav aria-label="Menu"> 1952 <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false"> 1953 <li class=" menu_container_li" role="none"> 1954 <a href="#!" title="Bridal" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" > 1955 Bridal </a> 1956 1957 1958 1959 1960 <div class="menu_container custom_build_menu menu_container_1_75 custom_bm_fw" role="menu"> 1961 1962 1963 1964 <div class="flex_row flex_row_1"> 1965 1966 1967 <div class="flex_col flex_col_1"> 1968 1969 1970 </div> 1971 1972 <style> 1973 .menu_container_1_75 .flex_row_1 .flex_col_1 { 1974 width:100%; } 1975 </style> 1976 1977 1978 1979 <div class="flex_col flex_col_2"> 1980 1981 1982 <div class="flex_cell flex_cell_1 third_level"> 1983 <div class="flex_cell_content"> 1984 <div class="nav_div_7 menu_container_li"> 1985 <div class="vfit"> 1986 <a class=" " title="Shop Rings By Style" href="#!" data-full_image="" role="button" tabindex="0"> 1987 Shop Rings By Style </a> 1988 </div> 1989 <div class="nav_list_container"> 1990 <ul class="nav_list" role="menu" aria-label="Shop Rings By Style" tabindex="-1"> 1991 <li class="" role="none"> 1992 <a class="" 1993 role="menuitem" 1994 tabindex="0" 1995 href="https://www.mitchumjewelers.com/halo-rings" 1996 title="Halo Rings" 1997 style="" 1998 data-full_image="" 1999 > 2000 Halo Rings</a> 2001 </li> 2002 <li class="" role="none"> 2003 <a class="" 2004 role="menuitem" 2005 tabindex="-1" 2006 href="https://www.mitchumjewelers.com/side-stone-rings" 2007 title="Side Stone Rings" 2008 style="" 2009 data-full_image="" 2010 > 2011 Side Stone Rings</a> 2012 </li> 2013 <li class="" role="none"> 2014 <a class="" 2015 role="menuitem" 2016 tabindex="-1" 2017 href="https://www.mitchumjewelers.com/solitaire-rings" 2018 title="Solitaire Rings" 2019 style="" 2020 data-full_image="" 2021 > 2022 Solitaire Rings</a> 2023 </li> 2024 <li class="" role="none"> 2025 <a class="" 2026 role="menuitem" 2027 tabindex="-1" 2028 href="https://www.mitchumjewelers.com/three-stones-rings" 2029 title="Three Stones Rings" 2030 style="" 2031 data-full_image="" 2032 > 2033 Three Stones Rings</a> 2034 </li> 2035 </ul> 2036 </div> 2037 </div> 2038 </div> 2039 <style> 2040 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 2041 width: 100%; 2042 } 2043 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 2044 text-align: left; 2045 2046 border-bottom: 1px solid #ececec; 2047 padding-bottom: 8px; 2048 } 2049 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 2050 list-style: none; 2051 margin: 0; 2052 padding: 0; 2053 } 2054 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 2055 margin-top: 10px; 2056 } 2057 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 2058 width: 100%; 2059 margin: 0; 2060 padding: 0; 2061 } 2062 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 2063 opacity: 0.8; 2064 } 2065 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 2066 padding: 0; 2067 } 2068 </style> 2069 </div> 2070<style> 2071 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2072 width:100%; align-items:center; -webkit-align-items:center; } 2073 2074 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 2075 } 2076 2077 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 2078 display: flex; 2079 width: 100%; 2080 margin-top:20px; margin-bottom:50px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2081 2082 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 2083 color:#000000; font-style:normal; display: flex; 2084 font-size:15px; font-family:Roboto; text-transform:none; } 2085 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 2086 color:#4d4d4d; } 2087 2088 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2089 height: 20px; 2090 margin-right: 5px; 2091 } 2092 2093 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 2094 color:#000000; font-style:normal; line-height:25px; display: flex; 2095 align-items:center; 2096 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2097 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 2098 color:#4d4d4d; } 2099 2100 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2101 height: 22px; 2102 margin-right: 5px; 2103 } 2104 2105</style> 2106 <div class="flex_cell flex_cell_2 third_level"> 2107 <div class="flex_cell_content"> 2108 <div class="nav_div_13 menu_container_li"> 2109
2109 <div class="vfit"> 2110 <a class=" " title="Shop Wedding Bands" href="#!" data-full_image="" role="button" tabindex="0"> 2111 Shop Wedding Bands </a> 2112 </div> 2113 <div class="nav_list_container"> 2114 <ul class="nav_list" role="menu" aria-label="Shop Wedding Bands" tabindex="-1"> 2115 <li class="" role="none"> 2116 <a class="" 2117 role="menuitem" 2118 tabindex="0" 2119 href="https://www.mitchumjewelers.com/mens-wedding-bands" 2120 title="Men's Wedding Bands" 2121 style="" 2122 data-full_image="" 2123 > 2124 Men's Wedding Bands</a> 2125 </li> 2126 <li class="" role="none"> 2127 <a class="" 2128 role="menuitem" 2129 tabindex="-1" 2130 href="https://www.mitchumjewelers.com/ladies-wedding-bands" 2131 title="Ladies Wedding Bands" 2132 style="" 2133 data-full_image="" 2134 > 2135 Ladies Wedding Bands</a> 2136 </li> 2137 </ul> 2138 </div> 2139 </div> 2140 </div> 2141 <style> 2142 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 { 2143 width: 100%; 2144 } 2145 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .vfit { 2146 text-align: left; 2147 2148 border-bottom: 1px solid #ececec; 2149 padding-bottom: 8px; 2150 } 2151 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list { 2152 list-style: none; 2153 margin: 0; 2154 padding: 0; 2155 } 2156 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list + li { 2157 margin-top: 10px; 2158 } 2159 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 li { 2160 width: 100%; 2161 margin: 0; 2162 padding: 0; 2163 } 2164 .menu_container_1_75>.flex_row_1>.flex_col_2>
2164.flex_cell_2 .nav_div_13 li:hover { 2165 opacity: 0.8; 2166 } 2167 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list li a { 2168 padding: 0; 2169 } 2170 </style> 2171 </div> 2172<style> 2173 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level { 2174 width:100%; align-items:center; -webkit-align-items:center; } 2175 2176 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level { 2177 } 2178 2179 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level>.flex_cell_content { 2180 display: flex; 2181 width: 100%; 2182 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2183 2184 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a { 2185 color:#000000; font-style:normal; display: flex; 2186 font-size:15px; font-family:Roboto; text-transform:none; } 2187 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a:hover { 2188 color:#4d4d4d; } 2189 2190 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a .nav_ct_icons { 2191 height: 20px; 2192 margin-right: 5px; 2193 } 2194 2195 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a { 2196 color:#000000; font-style:normal; line-height:25px; display: flex; 2197 align-items:center; 2198 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2199 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a:hover { 2200 color:#4d4d4d; } 2201 2202 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 2203 height: 22px; 2204 margin-right: 5px; 2205 } 2206 2207</style> 2208 </div> 2209 2210 <style> 2211 .menu_container_1_75 .flex_row_1 .flex_col_2 { 2212 width:100%; } 2213 </style> 2214 2215 2216 2217 <div class="flex_col flex_col_3"> 2218 2219 2220 <div class="flex_cell flex_cell_1 third_level"> 2221 <div class="flex_cell_content"> 2222 <div class="nav_div_8 menu_container_li"> 2223 <div class="vfit"> 2224 <a class=" " title="Shop Rings By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 2225 Shop Rings By Shape </a> 2226 </div> 2227 <div class="nav_list_container"> 2228 <ul class="nav_list" role="menu" aria-label="Shop Rings By Shape" tabindex="-1"> 2229 <li class="" role="none"> 2230 <a class="" 2231 role="menuitem" 2232 tabindex="0" 2233 href="https://www.mitchumjewelers.com/princess-cut-rings" 2234 title="Princess Cut Rings" 2235 style="" 2236 data-full_image="" 2237 > 2238 Princess Cut Rings</a> 2239 </li> 2240 <li class="" role="none"> 2241 <a class="" 2242 role="menuitem" 2243 tabindex="-1" 2244 href="https://www.mitchumjewelers.com/round-cut-rings" 2245 title="Round Cut Rings" 2246 style="" 2247 data-full_image="" 2248 > 2249 Round Cut Rings</a> 2250 </li> 2251 <li class="" role="none"> 2252 <a class="" 2253 role="menuitem" 2254 tabindex="-1" 2255 href="https://www.mitchumjewelers.com/radiant-cut-rings" 2256 title="Radiant Cut Rings" 2257 style="" 2258 data-full_image="" 2259 > 2260 Radiant Cut Rings</a> 2261 </li> 2262 <li class="" role="none"> 2263 <a class="" 2264 role="menuitem" 2265 tabindex="-1" 2266 href="https://www.mitchumjewelers.com/oval-cut-rings" 2267 title="Oval Cut Rings" 2268 style="" 2269 data-full_image="" 2270 > 2271 Oval Cut Rings</a> 2272 </li> 2273 <li class="" role="none"> 2274 <a class="" 2275 role="menuitem" 2276 tabindex="-1" 2277 href="https://www.mitchumjewelers.com/emerald-cut-rings" 2278 title="Emerald Cut Rings" 2279 style="" 2280 data-full_image="" 2281 > 2282 Emerald Cut Rings</a> 2283 </li> 2284 <li class="" role="none"> 2285 <a class="" 2286 role="menuitem" 2287 tabindex="-1" 2288 href="https://www.mitchumjewelers.com/pear-shape-ring" 2289 title="Pear Shape Rings" 2290 style="" 2291 data-full_image="" 2292 > 2293 Pear Shape Rings</a> 2294 </li> 2295 </ul> 2296 </div> 2297 </div> 2298 </div> 2299 <style> 2300 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 2301 width: 100%; 2302 } 2303 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 2304 text-align: left; 2305 2306 border-bottom: 1px solid #ececec; 2307 padding-bottom: 8px; 2308 } 2309 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 2310 list-style: none; 2311 margin: 0; 2312 padding: 0; 2313 } 2314 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 2315 margin-top: 10px; 2316 } 2317 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 2318 width: 100%; 2319 margin: 0; 2320 padding: 0; 2321 } 2322 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 2323 opacity: 0.8; 2324 } 2325 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 2326 padding: 0; 2327 } 2328 </style> 2329 </div> 2330<style> 2331 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2332 width:100%; align-items:center; -webkit-align-items:center; } 2333 2334 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 2335 } 2336 2337 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 2338 display: flex; 2339 width: 100%; 2340 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2341 2342 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 2343 color:#000000; font-style:normal; display: flex; 2344 font-size:15px; font-family:Roboto; text-transform:none; } 2345 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 2346 color:#4d4d4d; } 2347 2348 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2349 height: 20px; 2350 margin-right: 5px; 2351 } 2352 2353 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 2354 color:#000000; font-style:normal; line-height:25px; display: flex; 2355 align-items:center; 2356 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2357 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 2358 color:#4d4d4d; } 2359 2360 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2361 height: 22px; 2362 margin-right: 5px; 2363 } 2364 2365</style> 2366 <div class="flex_cell flex_cell_2 third_level"> 2367 <div class="flex_cell_content"> 2368 <div class="nav_div_15 menu_container_li"> 2369
2369 <div class="vfit"> 2370 <a class=" " title="Shop Bands By Price" href="#!" data-full_image="" role="button" tabindex="0"> 2371 Shop Bands By Price </a> 2372 </div> 2373 <div class="nav_list_container"> 2374 <ul class="nav_list" role="menu" aria-label="Shop Bands By Price" tabindex="-1"> 2375 <li class="" role="none"> 2376 <a class="" 2377 role="menuitem" 2378 tabindex="0" 2379 href="https://www.mitchumjewelers.com/wedding-bands-up-to-500" 2380 title="Up to $500" 2381 style="" 2382 data-full_image="" 2383 > 2384 Up to $500</a> 2385 </li> 2386 <li class="" role="none"> 2387 <a class="" 2388 role="menuitem" 2389 tabindex="-1" 2390 href="https://www.mitchumjewelers.com/wedding-bands-500-to-1000" 2391 title="$500 - $1000" 2392 style="" 2393 data-full_image="" 2394 > 2395 $500 - $1000</a> 2396 </li> 2397 <li class="" role="none"> 2398 <a class="" 2399 role="menuitem" 2400 tabindex="-1" 2401 href="https://www.mitchumjewelers.com/wedding-bands-1000-to-2000" 2402 title="$1000 - $2000" 2403 style="" 2404 data-full_image="" 2405 > 2406 $1000 - $2000</a> 2407 </li> 2408 <li class="" role="none"> 2409 <a class="" 2410 role="menuitem" 2411 tabindex="-1" 2412 href="https://www.mitchumjewelers.com/wedding-bands-2000-to-5000" 2413 title="$2000 - $5000" 2414 style="" 2415 data-full_image="" 2416 > 2417 $2000 - $5000</a> 2418 </li> 2419 <li class="" role="none"> 2420 <a class="" 2421 role="menuitem" 2422 tabindex="-1" 2423 href="https://www.mitchumjewelers.com/wedding-bands-5000-up" 2424 title="$5000 & Up" 2425 style="" 2426 data-full_image="" 2427 > 2428 $5000 & Up</a> 2429 </li> 2430 </ul> 2431 </div> 2432 </div> 2433 </div> 2434 <style> 2435 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 { 2436 width: 100%; 2437 } 2438 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .vfit { 2439 text-align: left; 2440 2441 border-bottom: 1px solid #ececec; 2442 padding-bottom: 8px; 2443 } 2444 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list { 2445 list-style: none; 2446 margin: 0; 2447 padding: 0; 2448 } 2449 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list + li { 2450 margin-top: 10px; 2451 } 2452 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 li { 2453 width: 100%; 2454 margin: 0; 2455 padding: 0; 2456 } 2457 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 li:hover { 2458 opacity: 0.8; 2459 } 2460 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list li a { 2461 padding: 0; 2462 } 2463 </style> 2464 </div> 2465<style> 2466 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level { 2467 width:100%; align-items:center; -webkit-align-items:center; } 2468 2469 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level { 2470 } 2471 2472 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level>.flex_cell_content { 2473 display: flex; 2474 width: 100%; 2475 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2476 2477 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a { 2478 color:#000000; font-style:normal; display: flex; 2479 font-size:15px; font-family:Roboto; text-transform:none; } 2480 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a:hover { 2481 color:#4d4d4d; } 2482 2483 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a .nav_ct_icons { 2484 height: 20px; 2485 margin-right: 5px; 2486 } 2487 2488 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a { 2489 color:#000000; font-style:normal; line-height:25px; display: flex; 2490 align-items:center; 2491 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2492 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a:hover { 2493 color:#4d4d4d; } 2494 2495 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 2496 height: 22px; 2497 margin-right: 5px; 2498 } 2499 2500</style> 2501 </div> 2502 2503 <style> 2504 .menu_container_1_75 .flex_row_1 .flex_col_3 { 2505 width:100%; } 2506 </style> 2507 2508 2509 2510 <div class="flex_col flex_col_4"> 2511 2512 2513 <div class="flex_cell flex_cell_1 third_level"> 2514 <div class="flex_cell_content"> 2515 <div class="nav_div_10 menu_container_li"> 2516 <div class="vfit"> 2517 <a class=" " title="Shop Rings By Price" href="#!" data-full_image="" role="button" tabindex="0"> 2518 Shop Rings By Price </a> 2519 </div> 2520 <div class="nav_list_container"> 2521 <ul class="nav_list" role="menu" aria-label="Shop Rings By Price" tabindex="-1"> 2522 <li class="" role="none"> 2523 <a class="" 2524 role="menuitem" 2525 tabindex="0" 2526 href="https://www.mitchumjewelers.com/engagement-rings-up-to-500" 2527 title="Up to $500" 2528 style="" 2529 data-full_image="" 2530 > 2531 Up to $500</a> 2532 </li> 2533 <li class="" role="none"> 2534 <a class="" 2535 role="menuitem" 2536 tabindex="-1" 2537 href="https://www.mitchumjewelers.com/engagement-rings-500-to-1000" 2538 title="$500 - $1000" 2539 style="" 2540 data-full_image="" 2541
2541 > 2542 $500 - $1000</a> 2543 </li> 2544 <li class="" role="none"> 2545 <a class="" 2546 role="menuitem" 2547 tabindex="-1" 2548 href="https://www.mitchumjewelers.com/engagement-rings-1000-to-2000" 2549 title="$1000 - $2000" 2550 style="" 2551 data-full_image="" 2552 > 2553 $1000 - $2000</a> 2554 </li> 2555 <li class="" role="none"> 2556 <a class="" 2557 role="menuitem" 2558 tabindex="-1" 2559 href="https://www.mitchumjewelers.com/engagement-rings-2000-to-5000" 2560 title="$2000 - $5000" 2561 style="" 2562 data-full_image="" 2563 > 2564 $2000 - $5000</a> 2565 </li> 2566 <li class="" role="none"> 2567 <a class="" 2568 role="menuitem" 2569 tabindex="-1" 2570 href="https://www.mitchumjewelers.com/engagement-rings-5000-up" 2571 title="$5000 & Up" 2572 style="" 2573 data-full_image="" 2574 > 2575 $5000 & Up</a> 2576 </li> 2577 </ul> 2578 </div> 2579 </div> 2580 </div> 2581 <style> 2582 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 2583 width: 100%; 2584 } 2585 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 2586 text-align: left; 2587 2588 border-bottom: 1px solid #ececec; 2589 padding-bottom: 8px; 2590 } 2591 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 2592 list-style: none; 2593 margin: 0; 2594 padding: 0; 2595 } 2596 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 2597 margin-top: 10px; 2598 } 2599 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 2600 width: 100%; 2601 margin: 0; 2602 padding: 0; 2603 } 2604 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 2605 opacity: 0.8; 2606 } 2607 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 2608 padding: 0; 2609 } 2610 </style> 2611 </div> 2612<style> 2613 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 2614 width:100%; align-items:center; -webkit-align-items:center; } 2615 2616 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 2617 } 2618 2619 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 2620 display: flex; 2621 width: 100%; 2622 margin-top:20px; margin-bottom:25px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2623 2624 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 2625 color:#000000; font-style:normal; display: flex; 2626 font-size:15px; font-family:Roboto; text-transform:none; } 2627 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 2628 color:#4d4d4d; } 2629 2630 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 2631 height: 20px; 2632 margin-right: 5px; 2633 } 2634 2635 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 2636 color:#000000; font-style:normal; line-height:25px; display: flex; 2637 align-items:center; 2638 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2639 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 2640 color:#4d4d4d; } 2641 2642 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 2643 height: 22px; 2644 margin-right: 5px; 2645 } 2646 2647</style> 2648 <div class="flex_cell flex_cell_2 third_level"> 2649 <div class="flex_cell_content"> 2650 <div class="nav_div_71 menu_container_li"> 2651 <div class="vfit"> 2652 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 2653 Start Your Research </a> 2654 </div> 2655 <div class="nav_list_container"> 2656 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 2657 <li class="" role="none"> 2658 <a class="" 2659 role="menuitem" 2660 tabindex="0" 2661 href="https://www.mitchumjewelers.com/engagement-rings" 2662 title="View All Engagement Rings" 2663 style="" 2664 data-full_image="" 2665 > 2666 View All Engagement Rings</a> 2667 </li> 2668 <li class="" role="none"> 2669 <a class="" 2670 role="menuitem" 2671 tabindex="-1" 2672 href="https://www.mitchumjewelers.com/wedding-bands" 2673 title="View All Wedding Bands" 2674 style="" 2675 data-full_image="" 2676 > 2677 View All Wedding Bands</a> 2678 </li> 2679 </ul> 2680 </div> 2681 </div> 2682 </div> 2683 <style> 2684 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 { 2685 width: 100%; 2686 } 2687 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .vfit { 2688 text-align: left; 2689 2690 border-bottom: 1px solid #ececec; 2691 padding-bottom: 8px; 2692 } 2693 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list { 2694 list-style: none; 2695 margin: 0; 2696 padding: 0; 2697 } 2698 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list + li { 2699 margin-top: 10px; 2700 } 2701 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 li { 2702 width: 100%; 2703 margin: 0; 2704 padding: 0; 2705 } 2706 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 li:hover { 2707 opacity: 0.8; 2708 } 2709 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list li a { 2710 padding: 0; 2711 } 2712 </style> 2713 </div> 2714<style> 2715 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level { 2716 width:100%; align-items:center; -webkit-align-items:center; } 2717 2718 .menu_container_1_75>.flex_row_1>.flex_col
2718_4>.flex_cell_2.third_level { 2719 } 2720 2721 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level>.flex_cell_content { 2722 display: flex; 2723 width: 100%; 2724 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2725 2726 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a { 2727 color:#000000; font-style:normal; display: flex; 2728 font-size:15px; font-family:Roboto; text-transform:none; } 2729 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a:hover { 2730 color:#4d4d4d; } 2731 2732 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a .nav_ct_icons { 2733 height: 20px; 2734 margin-right: 5px; 2735 } 2736 2737 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a { 2738 color:#000000; font-style:normal; line-height:25px; display: flex; 2739 align-items:center; 2740 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 2741 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a:hover { 2742 color:#4d4d4d; } 2743 2744 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 2745 height: 22px; 2746 margin-right: 5px; 2747 } 2748 2749</style> 2750 </div> 2751 2752 <style> 2753 .menu_container_1_75 .flex_row_1 .flex_col_4 { 2754 width:100%; } 2755 </style> 2756 2757 2758 2759 <div class="flex_col flex_col_5"> 2760 2761 2762 </div> 2763 2764 <style> 2765 .menu_container_1_75 .flex_row_1 .flex_col_5 { 2766 width:100%; } 2767 </style> 2768 2769 2770 2771 </div> 2772 2773 <style> 2774 .menu_container_1_75 .flex_row_1 { 2775 background-color: #ffffff; 2776 color:#000000; height:auto } 2777 </style> 2778 2779 2780 2781 2782 <div class="flex_row flex_row_2"> 2783 2784 2785 <div class="flex_col flex_col_1"> 2786 2787 <div class="flex_cell flex_cell_1 line"> 2788 <div class="s_line"></div> 2789 </div> 2790 2791<style> 2792 .menu_container_1_75>.flex_row_2>.flex_col_1>.flex_cell_1 { 2793 width: 100%; 2794 justify-content:left; -webkit-justify-content:left; margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2795 2796 2797 .menu_container_1_75>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 2798 background-color:#878787; border-style: solid; 2799 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 2800 2801</style> 2802 </div> 2803 2804 <style> 2805 .menu_container_1_75 .flex_row_2 .flex_col_1 { 2806 width:100%; } 2807 </style> 2808 2809 2810 2811 </div> 2812 2813 <style> 2814 .menu_container_1_75 .flex_row_2 { 2815 background-color: #ffffff; 2816 color:#000000; height:auto } 2817 </style> 2818 2819 2820 2821 </div> 2822 <style> 2823 .menu_container .flex_row { 2824 display: flex; 2825 } 2826 .menu_container_1_75 { 2827 width:100%; 2828 max-width:100%; 2829 left:0; 2830 } 2831 .menu_container .flex_row .flex_col{ 2832 display: flex; 2833 flex-wrap: wrap; 2834 box-sizing: border-box; 2835 align-content: baseline; 2836 } 2837 .menu_container .flex_row .flex_col .flex_cell{ 2838 height: fit-content; 2839 display: flex; 2840 } 2841 .menu_container .flex_row .flex_col .flex_cell a{ 2842 text-decoration: none; 2843 } 2844 .menu_container img { 2845 max-width: 100%; 2846 } 2847 </style> 2848 2849 2850 </li> 2851 <li class=" menu_container_li" role="none"> 2852 <a href="https://www.mitchumjewelers.com/benchmark-ring-lab" title="Design Your Wedding Band" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 2853 Design Your Wedding Band </a> 2854 </li> 2855 <li class=" menu_container_li" role="none"> 2856 <a href="#!" title="Fine Jewelry" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2857 Fine Jewelry </a> 2858 2859 2860 2861 2862 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 2863 2864 2865 2866 <div class="flex_row flex_row_1"> 2867 2868 2869 <div class="flex_col flex_col_1"> 2870 2871 2872 </div> 2873 2874 <style> 2875 .menu_container_1_8 .flex_row_1 .flex_col_1 { 2876 width:100%; } 2877 </style> 2878 2879 2880 2881 <div class="flex_col flex_col_2"> 2882 2883 2884 <div class="flex_cell flex_cell_1 third_level"> 2885 <div class="flex_cell_content"> 2886 <div class="nav_div_17 menu_container_li"> 2887 <div class="vfit"> 2888 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 2889 Shop By Type </a> 2890 </div> 2891 <div class="nav_list_container"> 2892 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 2893 <li class="" role="none"> 2894 <a class="" 2895 role="menuitem" 2896 tabindex="0" 2897 href="https://www.mitchumjewelers.com/necklaces" 2898 title="Necklaces" 2899 style="" 2900 data-full_image="" 2901 > 2902 <img class="nav_
2902ct_icons menu_icon_necklaces" 2903 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 2904 alt="Necklaces" 2905 title="Necklaces" 2906 height="22" 2907 width="22" 2908 loading="lazy"/> 2909 Necklaces</a> 2910 </li> 2911 <li class="" role="none"> 2912 <a class="" 2913 role="menuitem" 2914 tabindex="-1" 2915 href="https://www.mitchumjewelers.com/diamond-studs" 2916 title="Diamond Studs" 2917 style="" 2918 data-full_image="" 2919 > 2920 <img class="nav_ct_icons menu_icon_diamondstuds" 2921 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 2922 alt="Diamond Studs" 2923 title="Diamond Studs" 2924 height="22" 2925 width="22" 2926 loading="lazy"/> 2927 Diamond Studs</a> 2928 </li> 2929 <li class="" role="none"> 2930 <a class="" 2931 role="menuitem" 2932 tabindex="-1" 2933 href="https://www.mitchumjewelers.com/earrings" 2934 title="Earrings" 2935 style="" 2936 data-full_image="" 2937 > 2938 <img class="nav_ct_icons menu_icon_earrings" 2939 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 2940 alt="Earrings" 2941 title="Earrings" 2942 height="22" 2943 width="22" 2944 loading="lazy"/> 2945 Earrings</a> 2946 </li> 2947 <li class="" role="none"> 2948 <a class="" 2949 role="menuitem" 2950 tabindex="-1" 2951 href="https://www.mitchumjewelers.com/bracelets" 2952 title="Bracelets" 2953 style="" 2954 data-full_image="" 2955 > 2956 <img class="nav_
2956ct_icons menu_icon_bracelets" 2957 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 2958 alt="Bracelets" 2959 title="Bracelets" 2960 height="22" 2961 width="22" 2962 loading="lazy"/> 2963 Bracelets</a> 2964 </li> 2965 <li class="" role="none"> 2966 <a class="" 2967 role="menuitem" 2968 tabindex="-1" 2969 href="https://www.mitchumjewelers.com/fashion-rings" 2970 title="Rings" 2971 style="" 2972 data-full_image="" 2973 > 2974 <img class="nav_ct_icons menu_icon_rings" 2975 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 2976 alt="Rings" 2977 title="Rings" 2978 height="22" 2979 width="22" 2980 loading="lazy"/> 2981 Rings</a> 2982 </li> 2983 </ul> 2984 </div> 2985 </div> 2986 </div> 2987 <style> 2988 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 2989 width: 100%; 2990 } 2991 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 2992 text-align: left; 2993 2994 border-bottom: 1px solid #ececec; 2995 padding-bottom: 8px; 2996 } 2997 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 2998 list-style: none; 2999 margin: 0; 3000 padding: 0; 3001 } 3002 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 3003 margin-top: 10px; 3004 } 3005 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 3006 width: 100%; 3007 margin: 0; 3008 padding: 0; 3009 } 3010 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 3011 opacity: 0.8; 3012 } 3013 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 3014 padding: 0; 3015 } 3016 </style> 3017 </div> 3018<style> 3019 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3020 width:100%; align-items:start; -webkit-align-items:start; } 3021 3022 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3023 height:100%; } 3024 3025 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 3026 display: flex; 3027 width: 100%; 3028 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3029 3030 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 3031 color:#000000; font-style:normal; display: flex; 3032 font-size:15px; font-family:Roboto; text-transform:none; } 3033 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 3034 color:#4d4d4d; } 3035 3036 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3037 height: 20px; 3038 margin-right: 5px; 3039 } 3040 3041 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 3042 color:#000000; font-style:normal; line-height:25px; display: flex; 3043 align-items:center; 3044 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 3045 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 3046 color:#4d4d4d; } 3047 3048 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3049 height: 22px; 3050 margin-right: 5px; 3051 } 3052 3053</style> 3054 </div> 3055 3056 <style> 3057 .menu_container_1_8 .flex_row_1 .flex_col_2 { 3058 width:100%; } 3059 </style> 3060 3061 3062 3063 <div class="flex_col flex_col_3"> 3064 3065 3066 <div class="flex_cell flex_cell_1 third_level"> 3067 <div class="flex_cell_content"> 3068 <div class="nav_div_19 menu_container_li"> 3069 <div class="vfit"> 3070 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 3071 Shop By Price </a> 3072 </div> 3073 <div class="nav_list_container"> 3074 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 3075 <li class="" role="none"> 3076 <a class="" 3077 role="menuitem" 3078 tabindex="0" 3079 href="https://www.mitchumjewelers.com/fine-jewelry-0-to-500" 3080 title="Up to $500" 3081 style="" 3082 data-full_image="" 3083 > 3084 Up to $500</a> 3085 </li> 3086 <li class="" role="none"> 3087 <a class="" 3088 role="menuitem" 3089 tabindex="-1" 3090 href="https://www.mitchumjewelers.com/fine-jewelry-500-to-1000" 3091 title="$500 - $1000" 3092 style="" 3093 data-full_image="" 3094 > 3095 $500 - $1000</a> 3096 </li> 3097 <li class="" role="none"> 3098 <a class="" 3099 role="menuitem" 3100 tabindex="-1" 3101 href="https://www.mitchumjewelers.com/fine-jewelry-1000-to-2000" 3102 title="$1000 - $2000" 3103 style="" 3104 data-full_image="" 3105 > 3106 $1000 - $2000</a> 3107 </li> 3108 <li class="" role="none"> 3109 <a class="" 3110 role="menuitem" 3111 tabindex="-1" 3112 href="https://www.mitchumjewelers.com/fine-jewelry-2000-to-5000" 3113 title="$2000 - $5000" 3114 style="" 3115 data-full_image="" 3116 > 3117 $2000 - $5000</a> 3118 </li> 3119 <li class="" role="none"> 3120 <a class="" 3121 role="menuitem" 3122 tabindex="-1" 3123 href="https://www.mitchumjewelers.com/fine-jewelry-5000-up" 3124 title="$5000 & Up" 3125 style="" 3126 data-full_image="" 3127 > 3128 $5000 & Up</a> 3129 </li> 3130
3130 </ul> 3131 </div> 3132 </div> 3133 </div> 3134 <style> 3135 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 3136 width: 100%; 3137 } 3138 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 3139 text-align: left; 3140 3141 border-bottom: 1px solid #ececec; 3142 padding-bottom: 8px; 3143 } 3144 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 3145 list-style: none; 3146 margin: 0; 3147 padding: 0; 3148 } 3149 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 3150 margin-top: 10px; 3151 } 3152 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li { 3153 width: 100%; 3154 margin: 0; 3155 padding: 0; 3156 } 3157 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 3158 opacity: 0.8; 3159 } 3160 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 3161 padding: 0; 3162 } 3163 </style> 3164 </div> 3165<style> 3166 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3167 width:100%; align-items:start; -webkit-align-items:start; } 3168 3169 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3170 height:100%; } 3171 3172 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 3173 display: flex; 3174 width: 100%; 3175 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3176 3177 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 3178 color:#000000; font-style:normal; display: flex; 3179 font-size:15px; font-family:Roboto; text-transform:none; } 3180 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 3181 color:#4d4d4d; } 3182 3183 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3184 height: 20px; 3185 margin-right: 5px; 3186 } 3187 3188 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 3189 color:#000000; font-style:normal; line-height:25px; display: flex; 3190 align-items:center; 3191 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 3192 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 3193 color:#4d4d4d; } 3194 3195 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3196 height: 22px; 3197 margin-right: 5px; 3198 } 3199 3200</style> 3201 </div> 3202 3203 <style> 3204 .menu_container_1_8 .flex_row_1 .flex_col_3 { 3205 width:100%; } 3206 </style> 3207 3208 3209 3210 <div class="flex_col flex_col_4"> 3211 3212 3213 <div class="flex_cell flex_cell_1 third_level"> 3214 <div class="flex_cell_content"> 3215 <div class="nav_div_81 menu_container_li"> 3216 <div class="vfit"> 3217 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 3218 Start Your Research </a> 3219 </div> 3220 <div class="nav_list_container"> 3221 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 3222 <li class="" role="none"> 3223 <a class="" 3224 role="menuitem" 3225 tabindex="0" 3226 href="https://www.mitchumjewelers.com/fine-jewelry" 3227 title="View All Fine Jewelry" 3228 style="" 3229 data-full_image="" 3230 > 3231 View All Fine Jewelry</a> 3232 </li> 3233 </ul> 3234 </div> 3235 </div> 3236 </div> 3237 <style> 3238 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 3239 width: 100%; 3240 } 3241 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 3242 text-align: left; 3243 3244 border-bottom: 1px solid #ececec; 3245 padding-bottom: 8px; 3246 } 3247 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 3248 list-style: none; 3249 margin: 0; 3250 padding: 0; 3251 } 3252 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 3253 margin-top: 10px; 3254 } 3255 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 3256 width: 100%; 3257 margin: 0; 3258 padding: 0; 3259 } 3260 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 3261 opacity: 0.8; 3262 } 3263 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 3264 padding: 0; 3265 } 3266 </style> 3267 </div> 3268<style> 3269 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3270 width:100%; align-items:start; -webkit-align-items:start; } 3271 3272 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3273 height:100%; } 3274 3275 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 3276 display: flex; 3277 width: 100%; 3278 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3279 3280 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 3281 color:#000000; font-style:normal; display: flex; 3282 font-size:15px; font-family:Roboto; text-transform:none; } 3283 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 3284 color:#4d4d4d; } 3285 3286 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3287 height: 20px; 3288 margin-right: 5px; 3289 } 3290 3291 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 3292 color:#000000; font-style:normal; line-height:25px; display: flex; 3293 align-items:center; 3294 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 3295 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 3296 color:#4d4d4d; } 3297 3298 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3299 height: 22px; 3300 margin-right: 5px; 3301 } 3302 3303</style> 3304 </div> 3305 3306 <style> 3307 .menu_container_1_8 .flex_row_1 .flex_col_4 { 3308 width:100%; } 3309 </style> 3310 3311 3312 3313 <div class="flex_col flex_col_5"> 3314 3315 3316 </div> 3317 3318 <style> 3319 .menu_container_1_8 .flex_row_1 .flex_col_5 { 3320 width:100%; } 3321 </style> 3322 3323 3324 3325 </div> 3326 3327 <style> 3328 .menu_container_1_8 .flex_row_1 { 3329 background-color: #ffffff; 3330 color:#000000; height:250 } 3331 </style> 3332 3333 3334 3335 3336 <div class="flex_row flex_row_2"> 3337 3338 3339 <div class="flex_col flex_col_1"> 3340 3341 <div class="flex_cell flex_cell_1 line"> 3342 <div class="s_line"></div> 3343 </div> 3344 3345<style> 3346 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 3347 width: 100%; 3348 justify-content:left;
3348 -webkit-justify-content:left; margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3349 3350 3351 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 3352 background-color:#878787; border-style: solid; 3353 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 3354 3355</style> 3356 </div> 3357 3358 <style> 3359 .menu_container_1_8 .flex_row_2 .flex_col_1 { 3360 width:100%; } 3361 </style> 3362 3363 3364 3365 </div> 3366 3367 <style> 3368 .menu_container_1_8 .flex_row_2 { 3369 background-color: #ffffff; 3370 color:#000000; height:auto } 3371 </style> 3372 3373 3374 3375 </div> 3376 <style> 3377 .menu_container .flex_row { 3378 display: flex; 3379 } 3380 .menu_container_1_8 { 3381 width:100%; 3382 max-width:100%; 3383 left:0; 3384 } 3385 .menu_container .flex_row .flex_col{ 3386 display: flex; 3387 flex-wrap: wrap; 3388 box-sizing: border-box; 3389 align-content: baseline; 3390 } 3391 .menu_container .flex_row .flex_col .flex_cell{ 3392 height: fit-content; 3393 display: flex; 3394 } 3395 .menu_container .flex_row .flex_col .flex_cell a{ 3396 text-decoration: none; 3397 } 3398 .menu_container img { 3399 max-width: 100%; 3400 } 3401 </style> 3402 3403 3404 </li> 3405 <li class=" menu_container_li" role="none"> 3406 <a href="#!" title="Designers " class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3407 Designers </a> 3408 3409 3410 3411 3412 3413<div class="menu_container default_build_menu menu_container_1_navigation_72"> 3414 <div class="nav_div_72"> 3415 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 3416 3417 <li style="" 3418 class="" 3419 role="none"> 3420 3421 3422 3423 <a class="nav_a_trd " title="JB Star" href="https://www.mitchumjewelers.com/jbstar" data-full_image="" role="menuitem" tabindex="0" > 3424 JB Star </a> 3425 3426 3427 3428 3429 3430 3431 3432 </li> 3433 3434 3435 3436 <li style="" 3437 class="" 3438 role="none"> 3439 3440 3441 3442 <a class="nav_a_trd " title="A.JAFFE" href="https://www.mitchumjewelers.com/a-jaffe" data-full_image="" role="menuitem" tabindex="-1" > 3443 A.JAFFE </a> 3444 3445 3446 3447 3448 3449 3450 3451 </li> 3452 3453 3454 3455 <li style="" 3456 class="" 3457 role="none"> 3458 3459 3460 3461 <a class="nav_a_trd " title="Allison-Kaufman" href="https://www.mitchumjewelers.com/allison-kaufman" data-full_image="" role="menuitem" tabindex="-1" > 3462 Allison-Kaufman </a> 3463 3464 3465 3466 3467 3468 3469 3470 </li> 3471 3472 3473 3474 <li style="" 3475 class="" 3476 role="none"> 3477 3478 3479 3480 <a class="nav_a_trd " title="Ashi Diamonds" href="https://www.mitchumjewelers.com/ashi-diamonds" data-full_image="" role="menuitem" tabindex="-1" aria-current="page"> 3481 Ashi Diamonds </a> 3482 3483 3484 3485 3486 3487 3488 3489 </li> 3490 3491 3492 3493 <li style="" 3494 class="" 3495 role="none"> 3496 3497 3498 3499 <a class="nav_a_trd " title="Tacori" href="https://www.mitchumjewelers.com/tacori?product_types=Engagement%20Ring" data-full_image="" role="menuitem" tabindex="-1" > 3500 Tacori </a> 3501 3502 3503 3504 3505 3506 3507 3508 </li> 3509 3510 3511 3512 <li style="" 3513 class="" 3514 role="none"> 3515 3516 3517 3518 <a class="nav_a_trd " title="Armenta" href="https://www.mitchumjewelers.com/armenta" data-full_image="" role="menuitem" tabindex="-1" > 3519 Armenta </a> 3520 3521 3522 3523 3524 3525 3526 3527 </li> 3528 3529 3530 3531 <li style="" 3532 class="" 3533 role="none"> 3534 3535 3536 3537 <a class="nav_a_trd " title="Benchmark" href="https://www.mitchumjewelers.com/benchmark-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 3538 Benchmark </a> 3539 3540 3541 3542 3543 3544 3545 3546 </li> 3547 3548 3549 3550 <li style="" 3551 class="" 3552 role="none"> 3553 3554 3555 3556 <a class="nav_a_trd " title="Beny S
3556ofer" href="https://www.mitchumjewelers.com/beny-sofer" data-full_image="" role="menuitem" tabindex="-1" > 3557 Beny Sofer </a> 3558 3559 3560 3561 3562 3563 3564 3565 </li> 3566 3567 3568 3569 <li style="" 3570 class="" 3571 role="none"> 3572 3573 3574 3575 <a class="nav_a_trd " title="Dee Berkley" href="https://www.mitchumjewelers.com/dee-berkley" data-full_image="" role="menuitem" tabindex="-1" > 3576 Dee Berkley </a> 3577 3578 3579 3580 3581 3582 3583 3584 </li> 3585 3586 3587 3588 <li style="" 3589 class="" 3590 role="none"> 3591 3592 3593 3594 <a class="nav_a_trd " title="ELLE" href="https://www.mitchumjewelers.com/elle" data-full_image="" role="menuitem" tabindex="-1" > 3595 ELLE </a> 3596 3597 3598 3599 3600 3601 3602 3603 </li> 3604 3605 3606 3607 <li style="" 3608 class="" 3609 role="none"> 3610 3611 3612 3613 <a class="nav_a_trd " title="Goshwara" href="https://www.mitchumjewelers.com/goshwara" data-full_image="" role="menuitem" tabindex="-1" > 3614 Goshwara </a> 3615 3616 3617 3618 3619 3620 3621 3622 </li> 3623 3624 3625 3626 <li style="" 3627 class="" 3628 role="none"> 3629 3630 3631 3632 <a class="nav_a_trd " title="Henri Daussi" href="https://www.mitchumjewelers.com/henri-daussi" data-full_image="" role="menuitem" tabindex="-1" > 3633 Henri Daussi </a> 3634 3635 3636 3637 3638 3639 3640 3641 </li> 3642 3643 </ul> 3644 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 3645 3646 3647 <li style="" 3648 class="" 3649 role="none"> 3650 3651 3652 3653 <a class="nav_a_trd " title="Ippolita" href="https://www.mitchumjewelers.com/ippolita" data-full_image="" role="menuitem" tabindex="0" > 3654 Ippolita </a> 3655 3656 3657 3658 3659 3660 3661 3662 </li> 3663 3664 3665 3666 <li style="" 3667 class="" 3668 role="none"> 3669 3670 3671 3672 <a class="nav_a_trd " title="John Hardy" href="https://www.mitchumjewelers.com/john-hardy" data-full_image="" role="menuitem" tabindex="-1" > 3673 John Hardy </a> 3674 3675 3676 3677 3678 3679 3680 3681 </li> 3682 3683 3684 3685 <li style="" 3686 class="" 3687 role="none"> 3688 3689 3690 3691 <a class="nav_a_trd " title="Madison L" href="https://www.mitchumjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 3692 Madison L </a> 3693 3694 3695 3696 3697 3698 3699 3700 </li> 3701 3702 3703 3704 <li style="" 3705 class="" 3706 role="none"> 3707 3708 3709 3710 <a class="nav_a_trd " title="Michael M " href="https://www.mitchumjewelers.com/michael-m" data-full_image="" role="menuitem" tabindex="-1" > 3711 Michael M </a> 3712 3713 3714 3715 3716 3717 3718 3719 </li> 3720 3721 3722 3723 <li style="" 3724 class="" 3725 role="none"> 3726 3727 3728 3729 <a class="nav_a_trd " title="Parade" href="https://www.mitchumjewelers.com/parade" data-full_image="/public/1.0/uploads/source/brands/parade_jewels_in_design/paradelogo.jpg" role="menuitem" tabindex="-1" > 3730 Parade </a> 3731 3732 3733 3734 3735 3736 3737 3738 </li> 3739 3740 3741 3742 <li style="" 3743 class="" 3744 role="none"> 3745 3746 3747 3748 <a class="nav_a_trd " title="Roberto Demeglio" href="https://www.mitchumjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 3749 Roberto Demeglio </a> 3750 3751 3752 3753 3754 3755 3756 3757 </li> 3758 3759 3760 3761 <li style="" 3762 class="" 3763 role="none"> 3764 3765 3766 3767 <a class="nav_a_trd " title="Shy Creation" href="https://www.mitchumjewelers.com/shy-creation" data-full_image="" role="menuitem" tabindex="-1" > 3768 Shy Creation </a> 3769 3770 3771 3772 3773 3774 3775 3776 </li> 3777 3778 3779 3780 <li style="" 3781 class="" 3782 role="none"> 3783 3784 3785 3786 <a class="nav_a_trd " title="Mitchum Jewelers Collection" href="https://www.mitchumjewelers.com/mitchum-jewelers-collection" data-full_image="" role="menuitem" tabindex="-1" > 3787 Mitchum Jewelers Collection </a> 3788 3789 3790 3791 3792 3793 3794 3795 </li> 3796 3797 3798 </ul> 3799 </div> 3800</div> 3801<style> 3802 .menu_container_1_navigation_72 { 3803 background: #fff; 3804 } 3805 .horizontal_menu .nav_div_72 { 3806 padding: 15px 0px; 3807 box-shadow: 0px 0px 5px #00000078; display: flex; 3808 flex-wrap: wrap; 3809 } 3810 .horizontal_menu .nav_img_72 { 3811 height: 200px; 3812 width: 250px; 3813 margin-left: 50px; 3814 margin-right: 20px; 3815 flex-shrink: 0; 3816 order: 1; 3817 } 3818 .horizontal_menu .nav_img_72 img { 3819 max-width: 100%; 3820 max-height: 100%; 3821 } 3822 .horizontal_menu .nav_div_72 .vfit { 3823 text-align: left; 3824 border-bottom: 1px solid #ececec; 3825 text-transform: uppercase; 3826 } 3827 .nav_div_72 .vfit a { 3828 text-decoration: none; 3829 color: #222; 3830 } 3831 .nav_div_72 .nav_list { 3832 list-style: none; 3833 margin: 0; 3834 padding: 0; 3835 order: 1; 3836 } 3837 .nav_div_72 ul { 3838 list-style: none; 3839 } 3840 #desktop_hamburger_menu_template .nav_div_72 li { 3841 width: 100%; 3842 margin: 0; 3843 padding: 0px 20px; 3844 position: relative; 3845 } 3846 .horizontal_menu .nav_div_72 li { 3847 width: 100%; 3848 margin: 0; 3849 padding: 0px 20px; 3850 position: relative; 3851 } 3852 3853 #desktop_hamburger_menu_template .nav_div_72 li svg { 3854 position: absolute; 3855 right: 15px; 3856 height: 10px; 3857 top: 10px; 3858 } 3859 .horizontal_menu .nav_div_72 li svg { 3860 position: absolute; 3861 right: 15px; 3862 height: 10px; 3863 top: 10px; 3864 } 3865 3866 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 3867 display: flex; 3868 align-items: center; 3869 padding: 0; 3870 line-height: 30px; 3871 font-size: 14px; 3872 text-transform: uppercase; 3873 text-decoration: none; 3874 color: #222; 3875 white-space: normal; 3876 3877 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 3878 } 3879 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 3880 background: none; 3881 border: none; 3882 cursor: pointer; 3883 } 3884 3885 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 3886 text-decoration: underline; 3887 } 3888 3889 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 3890 color:#4d4d4d; cursor: pointer; 3891 } 3892 3893 3894 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 3895 display: flex; 3896 align-items: center; 3897 padding: 0; 3898 line-height: 30px; 3899 font-size: 14px; 3900 text-transform: uppercase; 3901 text-decoration: none; 3902 color: #222; 3903 white-space: normal; 3904 3905 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 3906 3907 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 3908 color:#4d4d4d; } 3909 3910 .nav_div_72 .nav_list li a .nav_icons { 3911 height: 30px; 3912 margin-right: 5px; 3913 } 3914 3915 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 3916 height: 22px; 3917 } 3918 3919 3920 .nav_div_72 .nav_list li a:hover { 3921 color: #3172ab; 3922 } 3923 .horizontal_menu .nav_div_72 .nav_list_trd { 3924 display: none; 3925 position: absolute; 3926 left: 100%; 3927 top: -15px; 3928 padding: 15px 0px; 3929 box-shadow: 0px 0px 5px #00000078; background: #fff; 3930 } 3931 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 3932 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 3933 display: block; 3934 z-index: 99; 3935 } 3936 3937 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 3938 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 3939 } 3940 3941 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 3942 width: 250px; 3943 } 3944 </style> 3945 </li> 3946 <li class=" menu_container_li" role="none"> 3947 <a href="https://www.mitchumjewelers.com/pre-owned-rolex" title="Pre-Owned Rolex" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 3948 Pre-Owned Rolex </a> 3949 </li> 3950 <li class=" menu_container_li" role="none"> 3951 <a href="#!" title="Timepieces" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3952 Timepieces </a> 3953 3954 3955 3956 3957 3958<div class="menu_container default_build_menu menu_container_1_navigation_20"> 3959 <div class="nav_div_20"> 3960 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 3961 3962 <li style="" 3963 class="" 3964 role="none"> 3965 3966 3967 3968 <a class="nav_a_trd " title="Shinola" href="https://www.mitchumjewelers.com/shinola" data-full_image="" role="menuitem" tabindex="0" > 3969 Shinola </a> 3970 3971 3972 3973 3974 3975 3976 3977 </li> 3978 3979
3979 3980 3981 <li style="" 3982 class="" 3983 role="none"> 3984 3985 3986 3987 <a class="nav_a_trd " title="Seiko" href="https://www.mitchumjewelers.com/seiko" data-full_image="" role="menuitem" tabindex="-1" > 3988 Seiko </a> 3989 3990 3991 3992 3993 3994 3995 3996 </li> 3997 3998 3999 </ul> 4000 </div> 4001</div> 4002<style> 4003 .menu_container_1_navigation_20 { 4004 background: #fff; 4005 } 4006 .horizontal_menu .nav_div_20 { 4007 padding: 15px 0px; 4008 box-shadow: 0px 0px 5px #00000078; display: flex; 4009 flex-wrap: wrap; 4010 } 4011 .horizontal_menu .nav_img_20 { 4012 height: 200px; 4013 width: 250px; 4014 margin-left: 50px; 4015 margin-right: 20px; 4016 flex-shrink: 0; 4017 order: 1; 4018 } 4019 .horizontal_menu .nav_img_20 img { 4020 max-width: 100%; 4021 max-height: 100%; 4022 } 4023 .horizontal_menu .nav_div_20 .vfit { 4024 text-align: left; 4025 border-bottom: 1px solid #ececec; 4026 text-transform: uppercase; 4027 } 4028 .nav_div_20 .vfit a { 4029 text-decoration: none; 4030 color: #222; 4031 } 4032 .nav_div_20 .nav_list { 4033 list-style: none; 4034 margin: 0; 4035 padding: 0; 4036 order: 1; 4037 } 4038 .nav_div_20 ul { 4039 list-style: none; 4040 } 4041 #desktop_hamburger_menu_template .nav_div_20 li { 4042 width: 100%; 4043 margin: 0; 4044 padding: 0px 20px; 4045 position: relative; 4046 } 4047 .horizontal_menu .nav_div_20 li { 4048 width: 100%; 4049 margin: 0; 4050 padding: 0px 20px; 4051 position: relative; 4052 } 4053 4054 #desktop_hamburger_menu_template .nav_div_20 li svg { 4055 position: absolute; 4056 right: 15px; 4057 height: 10px; 4058 top: 10px; 4059 } 4060 .horizontal_menu .nav_div_20 li svg { 4061 position: absolute; 4062 right: 15px; 4063 height: 10px; 4064 top: 10px; 4065 } 4066 4067 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 4068 display: flex; 4069 align-items: center; 4070 padding: 0; 4071 line-height: 30px; 4072 font-size: 14px; 4073 text-transform: uppercase; 4074 text-decoration: none; 4075 color: #222; 4076 white-space: normal; 4077 4078 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 4079 } 4080 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 4081 background: none; 4082 border: none; 4083 cursor: pointer; 4084 } 4085 4086 .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 { 4087 text-decoration: underline; 4088 } 4089 4090 .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 { 4091 color:#4d4d4d; cursor: pointer; 4092 } 4093 4094 4095 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .n
4095av_list li .nav_list_trd li a { 4096 display: flex; 4097 align-items: center; 4098 padding: 0; 4099 line-height: 30px; 4100 font-size: 14px; 4101 text-transform: uppercase; 4102 text-decoration: none; 4103 color: #222; 4104 white-space: normal; 4105 4106 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 4107 4108 .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:hover { 4109 color:#4d4d4d; } 4110 4111 .nav_div_20 .nav_list li a .nav_icons { 4112 height: 30px; 4113 margin-right: 5px; 4114 } 4115 4116 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 4117 height: 22px; 4118 } 4119 4120 4121 .nav_div_20 .nav_list li a:hover { 4122 color: #3172ab; 4123 } 4124 .horizontal_menu .nav_div_20 .nav_list_trd { 4125 display: none; 4126 position: absolute; 4127 left: 100%; 4128 top: -15px; 4129 padding: 15px 0px; 4130 box-shadow: 0px 0px 5px #00000078; background: #fff; 4131 } 4132 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 4133 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 4134 display: block; 4135 z-index: 99; 4136 } 4137 4138 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 4139 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 4140 width: 250px; 4141 } 4142 4143 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 4144 width: 250px; 4145 } 4146 </style> 4147 </li> 4148 <li class=" menu_container_li" role="none"> 4149 <a href="#!" title="About Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4150 About Us </a> 4151 4152 4153 4154 4155 4156<div class="menu_container default_build_menu menu_container_1_navigation_98"> 4157 <div class="nav_div_98"> 4158 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 4159 4160 <li style="" 4161 class="" 4162 role="none"> 4163 4164 4165 4166 <a class="nav_a_trd " title="About Us" href="https://www.mitchumjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 4167 About Us </a> 4168 4169 4170 4171 4172 4173 4174 4175 </li> 4176 4177 4178 4179 <li style="" 4180 class="" 4181 role="none"> 4182 4183 4184 4185 <a class="nav_a_trd " title="Staff" href="https://www.mitchumjewelers.com/staff" data-full_image="" role="menuitem" tabindex="-1" > 4186 Staff </a> 4187 4188 4189 4190 4191 4192 4193 4194 </li> 4195 4196 4197 </ul> 4198 </div> 4199</div> 4200<style> 4201 .menu_container_1_navigation_98 { 4202 background: #fff; 4203 } 4204 .horizontal_menu .nav_div_98 { 4205 padding: 15px 0px; 4206 box-shadow: 0px 0px 5px #00000078; display: flex; 4207 flex-wrap: wrap; 4208 } 4209 .horizontal_menu .nav_img_98 { 4210 height: 200px; 4211 width: 250px; 4212 margin-left: 50px; 4213 margin-right: 20px; 4214 flex-shrink: 0; 4215 order: 1; 4216 } 4217 .horizontal_menu .nav_img_98 img { 4218 max-width: 100%; 4219 max-height: 100%; 4220 } 4221 .horizontal_menu .nav_div_98 .vfit { 4222 text-align: left; 4223 border-bottom: 1px solid #ececec; 4224 text-transform: uppercase; 4225 } 4226 .nav_div_98 .vfit a { 4227 text-decoration: none; 4228 color: #222; 4229 } 4230 .nav_div_98 .nav_list { 4231 list-style: none; 4232 margin: 0; 4233 padding: 0; 4234 order: 1; 4235 } 4236 .nav_div_98 ul { 4237 list-style: none; 4238 } 4239 #desktop_hamburger_menu_template .nav_div_98 li { 4240 width: 100%; 4241 margin: 0; 4242 padding: 0px 20px; 4243 position: relative; 4244 } 4245 .horizontal_menu .nav_div_98 li { 4246 width: 100%; 4247 margin: 0; 4248 padding: 0px 20px; 4249 position: relative; 4250 } 4251 4252 #desktop_hamburger_menu_template .nav_div_98 li svg { 4253 position: absolute; 4254 right: 15px; 4255 height: 10px; 4256 top: 10px; 4257 } 4258 .horizontal_menu .nav_div_98 li svg { 4259 position: absolute; 4260 right: 15px; 4261 height: 10px; 4262 top: 10px; 4263 } 4264 4265 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_a_trd { 4266 display: flex; 4267 align-items: center; 4268 padding: 0; 4269 line-height: 30px; 4270 font-size: 14px; 4271 text-transform: uppercase; 4272 text-decoration: none; 4273 color: #222; 4274 white-space: normal; 4275 4276 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 4277 } 4278 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li button { 4279 background: none; 4280 border: none; 4281 cursor: pointer; 4282 } 4283 4284 .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 { 4285 text-decoration: underline; 4286 } 4287 4288 .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 { 4289 color:#4d4d4d; cursor: pointer; 4290 } 4291 4292 4293 .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 { 4294 display: flex; 4295 align-items: center; 4296 padding: 0; 4297 line-height: 30px; 4298 font-size: 14px; 4299 text-transform: uppercase; 4300 text-decoration: none; 4301 color: #222; 4302 white-space: normal; 4303 4304 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 4305 4306 .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 { 4307 color:#4d4d4d; } 4308 4309 .nav_div_98 .nav_list li a .nav_icons { 4310 height: 30px; 4311 margin-right: 5px; 4312 } 4313 4314 .nav_div_98 .nav_list .nav_list_trd li a .nav_icons { 4315 height: 22px; 4316 } 4317 4318 4319 .nav_div_98 .nav_list li a:hover { 4320 color: #3172ab; 4321 } 4322 .horizontal_menu .nav_div_98 .nav_list_trd { 4323 display: none; 4324 position: absolute; 4325 left: 100%; 4326 top: -15px; 4327 padding: 15px 0px; 4328 box-shadow: 0px 0px 5px #00000078; background: #fff; 4329 } 4330 .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open, 4331 .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd { 4332 display: block; 4333 z-index: 99; 4334 } 4335 4336 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98, 4337 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{ 4338 width: 250px; 4339 } 4340 4341 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{ 4342 width: 250px; 4343 } 4344 </style> 4345 </li> 4346 <li class=" menu_container_li" role="none"> 4347 <a href="#!" title="Services" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4348 Services </a> 4349 4350 4351 4352 4353 4354<div class="menu_container default_build_menu menu_container_1_navigation_106"> 4355 <div class="nav_div_106"> 4356 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 4357 4358 <li style="" 4359 class="" 4360 role="none"> 4361 4362 4363 4364 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.mitchumjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="0" > 4365 Jewelry Repair </a> 4366 4367 4368 4369 4370 4371 4372 4373 </li> 4374 4375 4376 4377 <li style="" 4378 class="" 4379 role="none"> 4380 4381 4382 4383 <a class="nav_a_trd " title="Jewelry Cleaning " href="https://www.mitchumjewelers.com/jewelry-cleaning" data-full_image="" role="menuitem" tabindex="-1" > 4384 Jewelry Cleaning </a> 4385 4386 4387 4388 4389 4390 4391 4392 </li> 4393 4394 4395 4396 <li style="" 4397 class="" 4398 role="none"> 4399 4400 4401 4402 <a class="nav_a_trd " title="Jewelry Appraisal" href="https://www.mitchumjewelers.com/jewelry-appraisal" data-full_image="" role="menuitem" tabindex="-1" > 4403 Jewelry Appraisal </a> 4404 4405 4406 4407 4408 4409 4410 4411 </li> 4412 4413 4414 4415 <li style="" 4416 class="" 4417 role="none"> 4418 4419 4420 4421 <a class="nav_a_trd " title="Custom Jewelry De
4421sign" href="https://www.mitchumjewelers.com/custom-jewelry-design" data-full_image="" role="menuitem" tabindex="-1" > 4422 Custom Jewelry Design </a> 4423 4424 4425 4426 4427 4428 4429 4430 </li> 4431 4432 4433 4434 <li style="" 4435 class="" 4436 role="none"> 4437 4438 4439 4440 <a class="nav_a_trd " title="Financing" href="https://www.mitchumjewelers.com/financing" data-full_image="" role="menuitem" tabindex="-1" > 4441 Financing </a> 4442 4443 4444 4445 4446 4447 4448 4449 </li> 4450 4451 4452 4453 <li style="" 4454 class="" 4455 role="none"> 4456 4457 4458 4459 <a class="nav_a_trd " title="Anything Promise" href="https://www.mitchumjewelers.com/journals/anythingpromise" data-full_image="" role="menuitem" tabindex="-1" > 4460 Anything Promise </a> 4461 4462 4463 4464 4465 4466 4467 4468 </li> 4469 4470 4471 </ul> 4472 </div> 4473</div> 4474<style> 4475 .menu_container_1_navigation_106 { 4476 background: #fff; 4477 } 4478 .horizontal_menu .nav_div_106 { 4479 padding: 15px 0px; 4480 box-shadow: 0px 0px 5px #00000078; display: flex; 4481 flex-wrap: wrap; 4482 } 4483 .horizontal_menu .nav_img_106 { 4484 height: 200px; 4485 width: 250px; 4486 margin-left: 50px; 4487 margin-right: 20px; 4488 flex-shrink: 0; 4489 order: 1; 4490 } 4491 .horizontal_menu .nav_img_106 img { 4492 max-width: 100%; 4493 max-height: 100%; 4494 } 4495 .horizontal_menu .nav_div_106 .vfit { 4496 text-align: left; 4497 border-bottom: 1px solid #ececec; 4498 text-transform: uppercase; 4499 } 4500 .nav_div_106 .vfit a { 4501 text-decoration: none; 4502 color: #222; 4503 } 4504 .nav_div_106 .nav_list { 4505 list-style: none; 4506 margin: 0; 4507 padding: 0; 4508 order: 1; 4509 } 4510 .nav_div_106 ul { 4511 list-style: none; 4512 } 4513 #desktop_hamburger_menu_template .nav_div_106 li { 4514 width: 100%; 4515 margin: 0; 4516 padding: 0px 20px; 4517 position: relative; 4518 } 4519 .horizontal_menu .nav_div_106 li { 4520 width: 100%; 4521 margin: 0; 4522 padding: 0px 20px; 4523 position: relative; 4524 } 4525 4526 #desktop_hamburger_menu_template .nav_div_106 li svg { 4527 position: absolute; 4528 right: 15px; 4529 height: 10px; 4530 top: 10px; 4531 } 4532 .horizontal_menu .nav_div_106 li svg { 4533 position: absolute; 4534 right: 15px; 4535 height: 10px; 4536 top: 10px; 4537 } 4538 4539 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd { 4540 display: flex; 4541 align-items: center; 4542 padding: 0; 4543 line-height: 30px; 4544 font-size: 14px; 4545 text-transform: uppercase; 4546 text-decoration: none; 4547 color: #222; 4548 white-space: normal; 4549 4550 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 4551 } 4552 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li button { 4553 background: none; 4554 border: none; 4555 cursor: pointer; 4556 } 4557 4558 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men { 4559 text-decoration: underline; 4560 } 4561 4562 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover { 4563 color:#4d4d4d; cursor: pointer; 4564 } 4565 4566 4567 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a { 4568 display: flex; 4569 align-items: center; 4570 padding: 0; 4571 line-height: 30px; 4572 font-size: 14px; 4573 text-transform: uppercase; 4574 text-decoration: none; 4575 color: #222; 4576 white-space: normal; 4577 4578 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 4579 4580 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover { 4581 color:#4d4d4d; } 4582 4583 .nav_div_106 .nav_list li a .nav_icons { 4584 height: 30px; 4585 margin-right: 5px; 4586 } 4587 4588 .nav_div_106 .nav_list .nav_list_trd li a .nav_icons { 4589 height: 22px; 4590 } 4591 4592 4593 .nav_div_106 .nav_list li a:hover { 4594 color: #3172ab; 4595 } 4596 .horizontal_menu .nav_div_106 .nav_list_trd { 4597 display: none; 4598 position: absolute; 4599 left: 100%; 4600 top: -15px; 4601 padding: 15px 0px; 4602 box-shadow: 0px 0px 5px #00000078; background: #fff; 4603 } 4604 .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open, 4605 .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd { 4606 display: block; 4607 z-index: 99; 4608 } 4609 4610 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106, 4611 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{ 4612 width: 250px; 4613 } 4614 4615 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{ 4616 width: 250px; 4617 } 4618 </style> 4619 </li> 4620 <li class=" menu_container_li" role="none"> 4621 <a href="https://www.mitchumjewelers.com/faq" title="FAQ" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 4622 FAQ </a> 4623 </li> 4624 <li class=" menu_container_li" role="none"> 4625 <a href="https://www.mitchumjewelers.com/events" title="Events" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 4626 Events </a> 4627 </li> 4628 <li class=" menu_container_li" role="none"> 4629 <a href="https://www.mitchumjewelers.com/contact-us" title="Contact Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 4630 Contact Us </a> 4631 </li> 4632 </ul> 4633 </nav> 4634 <style> 4635 4636 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu { 4637 display: flex; 4638 list-style: none; 4639 margin: 0; 4640 padding: 0; 4641 } 4642 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links { 4643 padding: 5px 0; 4644 display:flex; 4645 align-items:center; 4646 text-transform:none; } 4647 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links { 4648 background: none; 4649 border: none; 4650 cursor: pointer; 4651 } 4652 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li { 4653 margin-left:16px; } 4654 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img, 4655 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img { 4656 margin-right:4px; 4657 } 4658 4659 .horizontal_menu .menu_container { 4660 position: absolute; 4661 z-index: 9999999; 4662 visibility: hidden; 4663 opacity: 0; 4664 transition: opacity 300ms; 4665 }
4666 .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container { 4667 visibility: visible; 4668 opacity: 1; 4669 } 4670 4671 /* Focus styling for menubar */ 4672 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus { 4673 padding: 0; 4674 border: #034575 solid 1.5px; 4675 } 4676 </style> 4677
4677<script> 4678 // Character navigation tracking 4679 let lastCharTime = 0; 4680 let lastChar = ''; 4681 const CHAR_NAV_TIMEOUT = 500; // milliseconds 4682 4683 // Function to update content and move focus to page title 4684 function updateContent(linkURL, linkName, moveFocus) { 4685 if (typeof moveFocus !== 'boolean') { 4686 moveFocus = true; 4687 } 4688 4689 // Update page title if exists 4690 var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]'); 4691 if (h1Node) { 4692 h1Node.textContent = linkName; 4693 h1Node.tabIndex = -1; 4694 if (moveFocus) { 4695 setTimeout(function() { 4696 h1Node.focus(); 4697 }, 0); 4698 } 4699 } 4700 4701 // Close all submenus 4702 $('.show_sub_menu').removeClass('show_sub_menu'); 4703 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4704 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4705 } 4706 4707 // Function to set focus to menuitem with roving tabindex 4708 function setFocusToMenuitem(menuItems, newMenuitem) { 4709 menuItems.each(function() { 4710 if (this === newMenuitem[0]) { 4711 $(this).attr('tabindex', '0'); 4712 newMenuitem.focus(); 4713 } else { 4714 $(this).attr('tabindex', '-1'); 4715 } 4716 }); 4717 } 4718 4719 // Menu containers are now initialized in PHP templates with proper attributes 4720 4721 // Helper function to get all submenu items 4722 function getSubmenuItems(menuContainer) { 4723 // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a) 4724 // Find all menu items within the menu_container, excluding the top-level hor_menu_links 4725 // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button") 4726 return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() { 4727 let $item = $(this); 4728 // Exclude items that are hor_menu_links (top-level menu items) 4729 if ($item.hasClass('hor_menu_links')) { 4730 return false; 4731 } 4732 // Exclude items with role="button" (section headers) 4733 if ($item.attr('role') === 'button') { 4734 return false; 4735 } 4736 // Must have role="menuitem" 4737 if ($item.attr('role') !== 'menuitem') { 4738 return false; 4739 } 4740 // Must be visible and not disabled 4741 if (!$item.is(':visible') || $item.attr('disabled')) { 4742 return false; 4743 } 4744 // Must be within a menu_container_li (to exclude other links) 4745 return $item.closest('.menu_container_li').length > 0; 4746 }); 4747 } 4748 4749 // Helper function to get all menubar items 4750 function getMenubarItems() { 4751 return $('.horizontal_menu>li .hor_menu_links').filter(function() { 4752 return $(this).is(':visible') && !$(this).attr('disabled'); 4753 }); 4754 } 4755 4756 // Helper function to find next item starting with character 4757 function findItemByCharacter(items, char, startIndex) { 4758 char = char.toLowerCase(); 4759 // Search from startIndex to end 4760 for (let i = startIndex + 1; i < items.length; i++) { 4761 let text = $(items[i]).text().trim().toLowerCase(); 4762 if (text.charAt(0) === char) { 4763 return i; 4764 } 4765 } 4766 // Wrap around: search from beginning to startIndex 4767 for (let i = 0; i <= startIndex; i++) { 4768 let text = $(items[i]).text().trim().toLowerCase(); 4769 if (text.charAt(0) === char) { 4770 return i; 4771 } 4772 } 4773 return -1; 4774 } 4775 4776 let lastInputWasKeyboard = false;
4777 4778 document.addEventListener('keydown', (e) => { 4779 if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 4780 lastInputWasKeyboard = true; 4781 } 4782 }); 4783 4784 document.addEventListener('mousedown', () => { 4785 lastInputWasKeyboard = false; 4786 }); 4787 4788 $('.horizontal_menu').on('focusin', function(e) { 4789 if (lastInputWasKeyboard) { 4790 $(this).addClass('focus'); 4791 } 4792 }); 4793 4794 $('.horizontal_menu').on('focusout', function(e) { 4795 if (!$(e.relatedTarget).closest('.horizontal_menu').length) { 4796 $(this).removeClass('focus'); 4797 } 4798 }); 4799 4800 $('.menu_container_li').on('mouseenter', function () { 4801 $('.show_sub_menu').removeClass('show_sub_menu'); 4802 $('.nav_list_trd.open').removeClass('open'); 4803 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4804 }); 4805 4806 $('.menu_container_li').on('mouseleave', function () { 4807 $('.show_sub_menu').removeClass('show_sub_menu'); 4808 $('.nav_list_trd.open').removeClass('open'); 4809 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4810 }); 4811 4812 $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () { 4813 $('.show_sub_menu').removeClass('show_sub_menu'); 4814 $('.nav_list_trd.open').removeClass('open'); 4815 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4816 $(this).attr('aria-expanded', 'false'); 4817 }); 4818 4819 $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) { 4820 let $currentItem = $(this); 4821 let menu_list = $currentItem.closest('.menu_container_li'); 4822 let menubarItems = getMenubarItems(); 4823 let currentIndex = menubarItems.index($currentItem); 4824 let hasSubmenu = menu_list.find('.menu_container').length > 0; 4825 4826 if (event.which === 13 || event.which === 32) { 4827 if(event.which === 32) { 4828 event.preventDefault(); 4829 } 4830 4831 if (hasSubmenu) { 4832 // If has submenu, toggle it 4833 let wasOpen = menu_list.hasClass('show_sub_menu'); 4834 menu_list.toggleClass('show_sub_menu'); 4835 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 4836 $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 4837 $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 4838 4839 if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) { 4840 let menu_container = menu_list.find('.menu_container'); 4841 if (menu_container.length > 0) { 4842 let submenuItems = getSubmenuItems(menu_container); 4843 if (submenuItems.length > 0) { 4844 setTimeout(function() { 4845 submenuItems.first().focus(); 4846 }, 0); 4847 } 4848 } 4849 } 4850 } else { 4851 // If no submenu, activate the link 4852 event.preventDefault(); 4853 let linkUrl = $currentItem.attr('href'); 4854 let linkName = $currentItem.text().trim(); 4855 4856 // Close all menus 4857 $('.show_sub_menu').removeClass('show_sub_menu'); 4858 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4859 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4860 4861 // Navigate to the link if it's a valid URL 4862 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 4863 // Navigate to the page 4864 window.location.href = linkUrl; 4865 } 4866 } 4867 } else if (event.which === 27) { 4868 // Escape: close submenu if open 4869 if (menu_list.hasClass('show_sub_menu')) { 4870 menu_list.removeClass('show_sub_menu'); 4871 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 4872 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 4873 $currentItem.attr('aria-expanded', 'false'); 4874 menu_list.find('.nav_list_trd').removeClass('open'); 4875 } 4876 } else if (event.which === 37) { 4877 // Left Arrow: move to previous item (circular) 4878 event.preventDefault(); 4879 let prevItem = currentIndex >
4879 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last(); 4880 setFocusToMenuitem(menubarItems, prevItem); 4881 // Open submenu if any popup is open 4882 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 4883 let prevMenuList = prevItem.closest('.menu_container_li'); 4884 if (prevMenuList.find('.menu_container').length > 0) { 4885 prevMenuList.addClass('show_sub_menu'); 4886 prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4887 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4888 } 4889 } 4890 } else if (event.which === 39) { 4891 // Right Arrow: move to next item in menubar (circular) 4892 // 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." 4893 event.preventDefault(); 4894 let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first(); 4895 setFocusToMenuitem(menubarItems, nextItem); 4896 // Open submenu if any popup is open 4897 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 4898 let nextMenuList = nextItem.closest('.menu_container_li'); 4899 if (nextMenuList.find('.menu_container').length > 0) { 4900 nextMenuList.addClass('show_sub_menu'); 4901 nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4902 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4903 } 4904 } 4905 } else if (event.which === 40) { 4906 // Down Arrow: open submenu and focus first item 4907 event.preventDefault(); 4908 if (menu_list.find('.menu_container').length > 0) { 4909 menu_list.addClass('show_sub_menu'); 4910 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4911 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4912 $currentItem.attr('aria-expanded', 'true'); 4913 4914 let menu_container = menu_list.find('.menu_container'); 4915 let submenuItems = getSubmenuItems(menu_container); 4916 if (submenuItems.length > 0) { 4917 setTimeout(function() { 4918 let firstItem = submenuItems.first(); 4919 setFocusToMenuitem(submenuItems, firstItem); 4920 }, 0); 4921 } 4922 } 4923 } else if (event.which === 38) { 4924 // Up Arrow: open submenu and focus last item 4925 event.preventDefault(); 4926 if (menu_list.find('.menu_container').length > 0) { 4927 menu_list.addClass('show_sub_menu'); 4928 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 4929 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 4930 $currentItem.attr('aria-expanded', 'true'); 4931 4932 let menu_container = menu_list.find('.menu_container'); 4933 let submenuItems = getSubmenuItems(menu_container); 4934 if (submenuItems.length > 0) { 4935 setTimeout(function() { 4936 let lastItem = submenuItems.last(); 4937 // Initialize tabindex for submenu items if not already set 4938 submenuItems.attr('tabindex', '-1'); 4939 setFocusToMenuitem(submenuItems, lastItem); 4940 }, 0); 4941 } 4942 } 4943 } else if (event.which === 36 || event.which === 33) { 4944 // Home or PageUp: move to first item in menubar 4945 event.preventDefault(); 4946 let firstItem = menubarItems.first(); 4947 setFocusToMenuitem(menubarItems, firstItem); 4948 } else if (event.which === 35 || event.which === 34) { 4949 // End or PageDown: move to last item in menubar 4950 event.preventDefault();
4951 let lastItem = menubarItems.last(); 4952 setFocusToMenuitem(menubarItems, lastItem); 4953 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 4954 // Character navigation (A-Z, 0-9) 4955 event.preventDefault(); 4956 let char = String.fromCharCode(event.which).toLowerCase(); 4957 let now = Date.now(); 4958 4959 // Reset if timeout passed or different character 4960 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 4961 lastChar = char; 4962 lastCharTime = now; 4963 } 4964 4965 let nextIndex = findItemByCharacter(menubarItems, char, currentIndex); 4966 if (nextIndex >= 0) { 4967 let nextItem = menubarItems.eq(nextIndex); 4968 setFocusToMenuitem(menubarItems, nextItem); 4969 } 4970 } 4971 }); 4972 4973 4974 // Handle keyboard navigation for section headers (role="button" in .vfit) 4975 // Note: tabindex="0" should be added in PHP template, not here 4976 $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) { 4977 if (event.which === 40) { 4978 // Down Arrow: move focus to first submenu item in this section 4979 event.preventDefault(); 4980 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 4981 if ($currentNavDiv.length > 0) { 4982 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 4983 if (firstItem.length > 0) { 4984 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 4985 setFocusToMenuitem(submenuItems, firstItem); 4986 } 4987 } 4988 } else if (event.which === 38) { 4989 // Up Arrow: move focus to last submenu item in this section 4990 event.preventDefault(); 4991 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 4992 if ($currentNavDiv.length > 0) { 4993 let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last(); 4994 if (lastItem.length > 0) { 4995 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 4996 setFocusToMenuitem(submenuItems, lastItem); 4997 } 4998 } 4999 } else if (event.which === 13 || event.which === 32) { 5000 // Enter/Space: move focus to first submenu item (same as Down Arrow) 5001 event.preventDefault(); 5002 if (event.which === 32) { 5003 event.preventDefault(); 5004 } 5005 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 5006 if ($currentNavDiv.length > 0) { 5007 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 5008 if (firstItem.length > 0) { 5009 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 5010 setFocusToMenuitem(submenuItems, firstItem); 5011 } 5012 } 5013 } 5014 }); 5015 5016 $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) { 5017 let $currentElement = $(this); 5018 let $currentLi = $currentElement.closest('li'); 5019 5020 // Find the menu_container - could be parent or ancestor 5021 let $menuContainer = $currentElement.closest('.menu_container'); 5022 if ($menuContainer.length === 0) { 5023 // If not found, look for parent menu_container_li and then its menu_container 5024 let $parentMenuContainerLi = $currentElement.closest('.menu_container_li'); 5025 if ($parentMenuContainerLi.length > 0) { 5026 $menuContainer = $parentMenuContainerLi.closest('.menu_container'); 5027 if ($menuContainer.length === 0) { 5028 // Try finding menu_container that c
5028ontains this menu_container_li 5029 $menuContainer = $parentMenuContainerLi.parents('.menu_container').first(); 5030 } 5031 } 5032 } 5033 5034 // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu 5035 let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first(); 5036 if ($parentMenuContainerLi.length === 0) { 5037 // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container 5038 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() { 5039 return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0; 5040 }).first(); 5041 } 5042 if ($parentMenuContainerLi.length === 0) { 5043 // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container 5044 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 5045 return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0; 5046 }).first(); 5047 } 5048 5049 // Get all submenu items in current submenu 5050 // For custom_build_menu, ALL items across all columns should be treated as equal submenu items 5051 let submenuItems = $(); 5052 if ($menuContainer.length > 0) { 5053 // Check if this is custom_build_menu structure 5054 let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu'); 5055 5056 if (isCustomBuildMenu) { 5057 // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container 5058 // All items are equal submenu items regardless of which column they're in 5059 submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() { 5060 let $item = $(this); 5061 // Exclude items that are in .vfit (section headers) or are hor_menu_links 5062 // Also exclude items with role="button" (section headers) 5063 return $item.is(':visible') && 5064 !$item.attr('disabled') && 5065 !$item.hasClass('hor_menu_links') && 5066 !$item.closest('.vfit').length && 5067 $item.attr('role') === 'menuitem'; 5068 }); 5069 } else { 5070 // Standard menu structure (default_build_menu) - get all items within menu_container 5071 submenuItems = getSubmenuItems($menuContainer); 5072 } 5073 } 5074 5075 // Find current element index - try multiple methods 5076 let currentSubmenuIndex = -1; 5077 if (submenuItems.length > 0) { 5078 currentSubmenuIndex = submenuItems.index($currentElement); 5079 // If not found by index, try to find by comparing elements 5080 if (currentSubmenuIndex === -1) { 5081 submenuItems.each(function(index) { 5082 if ($(this)[0] === $currentElement[0]) { 5083 currentSubmenuIndex = index; 5084 return false; // break 5085 } 5086 }); 5087 } 5088 } 5089 5090 // Get parent menubar items 5091 let menubarItems = getMenubarItems(); 5092 let parentMenubarIndex = -1; 5093 if ($parentMenuContainerLi.length > 0) { 5094 let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links'); 5095 if ($parentHorMenuLink.length > 0) { 5096 parentMenubarIndex = menubarItems.index($parentHorMenuLink); 5097 } 5098 } 5099 5100 if (event.which === 13 || event.which === 32) { 5101 // Enter/Space: toggle nested submenu if exists, otherwise activate item 5102 if(event.which === 32) { 5103 event.preventDefault(); 5104 } 5105 5106 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 5107 if ($nestedSubmenu.length > 0) { 5108 $nestedSubmenu.toggleClass('open'); 5109 // If opening nested submenu, focus first item 5110 if ($nestedSubmenu.hasClass('open')) { 5111 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 5112 return $(this).is(':visible') && !$(this).attr('disabled'); 5113 }); 5114 if (nestedItems.length > 0) { 5115 setTimeout(function() { 5116 let firstItem = nestedItems.first(); 5117 setFocusToMenuitem(nestedItems, firstItem); 5118 }, 0); 5119 } 5120 } 5121 } else { 5122 // If no nested submenu, activate the link 5123 let linkUrl = $currentElement.attr('href'); 5124 let linkName = $currentElement.text().trim(); 5125 5126 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 5127 // Close all menus 5128 $('.show_sub_menu').removeClass('show_sub_menu'); 5129 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5130 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5131 5132 // Update content and move focus 5133 updateContent(linkUrl, linkName, true); 5134 } 5135 } 5136 } else if (event.which === 27) { 5137 // Escape: close submenu and return focus to parent menu item 5138 event.preventDefault(); 5139 5140 // Close any open nested submenu 5141 $currentLi.find('.nav_list_trd').removeClass('open'); 5142 5143 // Find the parent menu container 5144 if ($parentMenuContainerLi.length === 0) { 5145 let current = $currentElement.parent(); 5146 while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) { 5147 current = current.parent(); 5148 } 5149 if (current.hasClass('menu_container_li')) { 5150 $parentMenuContainerLi = current; 5151 } else { 5152 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 5153 return $(this).find($currentElement).length > 0; 5154 }).first(); 5155 } 5156 } 5157 5158 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 5159 $parentMenuContainerLi.removeClass('show_sub_menu'); 5160 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5161 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5162 5163 // Return focus to the parent menu item 5164 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 5165 if (parent_menu_link.length > 0) { 5166 let menubarItems = getMenubarItems(); 5167 setFocusToMenuitem(menubarItems, parent_menu_link); 5168 } 5169 } 5170 } else if (event.which === 37) { 5171 // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item 5172 event.preventDefault(); 5173 5174 // Close current submenu 5175 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 5176 $parentMenuContainerLi.removeClass('show_sub_menu'); 5177 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5178 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5179 5180 // Move to previous menubar item and open its submenu 5181 if (parentMenubarIndex >= 0) { 5182 let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1; 5183 let prevMenubarItem = menubarItems.eq(prevMenubarIndex); 5184 let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li'); 5185 5186 if (prevMenuContainerLi.find('.menu_container').length > 0) { 5187 prevMenuContainerLi.addClass('show_sub_menu'); 5188 prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5189 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5190 } 5191 setFocusToMenuitem(menubarItems, prevMenubarItem); 5192 } else { 5193 // Just focus parent if not in menubar 5194 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 5195 if (parent_menu_link.length > 0) { 5196 let menubarItems = getMenubarItems(); 5197 setFocusToMenuitem(menubarItems, parent_menu_link); 5198 } 5199 } 5200 } 5201 } else if (event.which === 39) { 5202 // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item 5203 event.preventDefault(); 5204 5205 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 5206 if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) { 5207 // Open nested submenu and focus first item 5208 $nestedSubmenu.addClass('open'); 5209 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 5210 return $(this).is(':visible') && !$(this).attr('disabled'); 5211 }); 5212 if (nestedItems.length > 0) { 5213 setTimeout(function() { 5214 let firstItem = nestedItems.first(); 5215 setFocusToMenuitem(nestedItems, firstItem); 5216 }, 0); 5217 } 5218 } else { 5219 // Close current submenu and move to next menubar item 5220 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 5221 $parentMenuContainerLi.removeClass('show_sub_menu'); 5222 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5223 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5224 5225 // Move to next menubar item and open its submenu 5226 if (parentMenubarIndex >= 0) { 5227 let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0; 5228 let nextMenubarItem = menubarItems.eq(nextMenubarIndex); 5229 let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li'); 5230 5231 if (nextMenuContainerLi.find('.menu_container').length > 0) { 5232 nextMenuContainerLi.addClass('show_sub_menu'); 5233 nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5234 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5235 } 5236 setFocusToMenuitem(menubarItems, nextMenubarItem); 5237 } 5238 } 5239 } 5240 } else if (event.which === 40) { 5241 // Down Arrow: move to next item in submenu (circular) 5242 event.preventDefault(); 5243 if (submenuItems.length > 0) { 5244 let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0; 5245 let nextItem = submenuItems.eq(nextIndex); 5246 if (nextItem.length > 0) { 5247 setFocusToMenuitem(submenuItems, nextItem); 5248 } 5249 } 5250 } else if (event.which === 38) { 5251 // Up Arrow: move to previous item in submenu (circular) 5252 event.preventDefault(); 5253 if (submenuItems.length > 0) { 5254 let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1; 5255 let prevItem = submenuItems.eq(prevIndex); 5256 if (prevItem.length > 0) { 5257 setFocusToMenuitem(submenuItems, prevItem); 5258 } 5259 } 5260 } else if (event.which === 36 || event.which === 33) { 5261 // Home or PageUp: move to first item in submenu 5262 event.preventDefault(); 5263 if (submenuItems.length > 0) { 5264 let firstItem = submenuItems.first(); 5265 setFocusToMenuitem(submenuItems, firstItem); 5266 } 5267 } else if (event.which === 35 || event.which === 34) { 5268 // End or PageDown: move to last item in submenu 5269 event.preventDefault(); 5270 if (submenuItems.length > 0) {
5271 let lastItem = submenuItems.last(); 5272 setFocusToMenuitem(submenuItems, lastItem); 5273 } 5274 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 5275 // Character navigation (A-Z, 0-9) 5276 event.preventDefault(); 5277 let char = String.fromCharCode(event.which).toLowerCase(); 5278 let now = Date.now(); 5279 5280 // Reset if timeout passed or different character 5281 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 5282 lastChar = char; 5283 lastCharTime = now; 5284 } 5285 5286 if (submenuItems.length > 0 && currentSubmenuIndex >= 0) { 5287 let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex); 5288 if (nextIndex >= 0) { 5289 let nextItem = submenuItems.eq(nextIndex); 5290 setFocusToMenuitem(submenuItems, nextItem); 5291 } 5292 } 5293 } 5294 }); 5295 </script>
5295 5296 </div> 5297</div> 5298 5299<style> 5300 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 5301 width:100%; justify-content: center; 5302 align-items:center; -webkit-align-items:center; } 5303 5304 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 5305 } 5306 5307 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 5308 display: flex; 5309 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:5px; padding-bottom:5px; padding-left:px; padding-right:px; } 5310 5311 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 5312 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 5313 color:#000000; display: flex; 5314 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 5315 5316 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 5317 color:#4d4d4d; } 5318</style> 5319 </div> 5320 5321 <style> 5322 .header_container_1>.flex_row_3>.flex_col_1 { 5323 width:100%; } 5324 </style> 5325 5326 5327 5328 </div> 5329 5330 5331 <style> 5332 .header_container_1>.flex_row_3 { 5333 background-color: #ffffff; 5334 5335 color:#000000; height:auto; 5336 5337 } 5338 5339 </style> 5340 5341 5342 5343 5344 5345 5346 <div class="flex_row"> 5347 5348 5349 <div class="flex_col"> 5350 5351 5352 </div> 5353 5354 <div class="flex_col"> 5355 5356 5357 </div> 5358 5359 <div class="flex_col"> 5360 5361 5362 </div> 5363 5364 <div class="flex_col"> 5365 5366 5367 </div> 5368 5369 <div class="flex_col"> 5370 5371 5372 </div> 5373 5374 <div class="flex_col"> 5375 5376 5377 </div> 5378 5379 </div> 5380 5381 5382 5383 <div class="flex_row"> 5384 5385 5386 <div class="flex_col"> 5387 5388 5389 </div> 5390 5391 <div class="flex_col"> 5392 5393 5394 </div> 5395 5396 <div class="flex_col"> 5397 5398 5399 </div> 5400 5401 </div> 5402 5403 5404 5405 <div class="flex_row"> 5406 5407 5408 <div class="flex_col"> 5409 5410 <div class="flex_cell flex_cell_1 menu"> 5411 <style> 5412 #desktop_hamburger_menu_template { 5413 position: fixed; 5414 top: 0; 5415 left: 0; 5416 width: 325px; 5417 overflow-y: auto; 5418 transform: translateX(-325px); 5419 z-index: 1000000001; 5420 height: 100vh; 5421 background-color: #ffffff; 5422 transition: all 0.3s ease; 5423 } 5424 #desktop_hamburger_menu_template_overlay.open { 5425 position: fixed; 5426 top: 0; 5427 left: 0; 5428 width: 100vw; 5429 z-index: 1000000001; 5430 transition: all 0.3s ease; 5431 height: 100vh; 5432 background: rgba(1, 1, 1, 0.5); 5433 cursor: pointer; 5434 transform: translateX(325px); 5435 }
5436 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 5437 padding: 10px; 5438 padding-right:25px; 5439 } 5440 #desktop_hamburger_menu_template .hamburger-menu-close-button { 5441 font-size: 14px !important; 5442 display: flex; 5443 align-items: center; 5444 margin-bottom: 20px; 5445 } 5446 #desktop_hamburger_menu_template .hamburger-menu-close-button svg, 5447 #desktop_hamburger_menu_template button.hamburger-menu-close-button svg { 5448 height: 15px; 5449 margin-right: 5px; 5450 } 5451 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 5452 display: flex; 5453 justify-content: space-between; 5454 align-items: center; 5455 } 5456 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg, 5457 #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg, 5458 #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg { 5459 height: 10px; 5460 float: right; 5461 } 5462 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span,
5463 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 5464 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 5465 text-decoration: underline; 5466 } 5467 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 5468 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 5469 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 5470 min-width:30px; 5471 justify-content: end; 5472 } 5473 #desktop_hamburger_menu_template .ham_menu_container { 5474 display:flex; 5475 justify-content: space-between; 5476 } 5477 #desktop_hamburger_menu_template.open { 5478 transform: translateX(0); 5479 } 5480 #desktop_hamburger_menu_template .sub-menu-panel { 5481 display: none; 5482 } 5483 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 5484 display: none; 5485 } 5486 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 5487 display: block; 5488 } 5489 #desktop_hamburger_menu_template .icon_and_name { 5490 display:flex; 5491 align-items:center; 5492 gap:10px; 5493 } 5494 #desktop_hamburger_menu_template .hum-line { 5495 border-bottom: 1px solid #ddd; 5496 } 5497 #desktop_hamburger_menu_template .sub-menu-panel.open,
5498 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 5499 display: block; 5500 } 5501 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 5502 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 5503 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 5504 #desktop_hamburger_menu_template a.hamburger-menu-close-button{ 5505 color:#000000; display: flex; 5506 text-align: left; 5507 width: 100%; 5508 position: relative; 5509 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 5510 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 5511 display: none; 5512 padding: 15px 0px; 5513 background: #fff; 5514 } 5515 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 5516 display: block; 5517 padding-top:2px; 5518 } 5519 /* Reset button styles to look like links */ 5520 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
5521 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 5522 #desktop_hamburger_menu_template button.parent_men_arrow { 5523 background: none; 5524 border: none; 5525 padding: 0; 5526 cursor: pointer; 5527 -webkit-appearance: none; 5528 -moz-appearance: none; 5529 appearance: none; 5530 } 5531 5532 /* Hover and active states for buttons - inherit from link styles */ 5533 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 5534 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active, 5535 #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 5536 #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover { 5537 /* Styles inherited from parent selectors above */ 5538 } 5539 5540 /* Additional button styles are inherited from parent selectors above */ 5541 5542 /* Image styles inside buttons */ 5543 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
5544 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 5545 height:20px; 5546 } 5547 </style> 5548 5549 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 5550 <div class="hamburger-menu-template-inner"> 5551 <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu"> 5552 <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> 5553 5554 <div class="script_before_menu"> 5555 </div> 5556 <div style="clear: both"></div> 5557 5558 5559 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-123" aria-label="Expand Bridal section"> 5560 <span class="icon_and_name"> 5561 5562 Bridal </span> 5563 <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> 5564 5565 </button> 5566 5567 5568 5569 <div class="sub-menu-panel" id="desktop-submenu-123" aria-hidden="true"> 5570 5571 5572 5573 5574 <div class="menu_container custom_build_menu menu_container_1_75 custom_bm_fw" role="menu"> 5575 5576 5577 5578 <div class="flex_row flex_row_1"> 5579 5580 5581 <div class="flex_col flex_col_1"> 5582 5583 5584 </div> 5585 5586 <style> 5587 .menu_container_1_75 .flex_row_1 .flex_col_1 { 5588 width:100%; } 5589 </style> 5590 5591 5592 5593 <div class="flex_col flex_col_2"> 5594 5595 5596 <div class="flex_cell flex_cell_1 third_level"> 5597 <div class="flex_cell_content"> 5598 <div class="nav_div_7 menu_container_li"> 5599 <div class="vfit"> 5600 <a class=" " title="Shop Rings By Style" href="#!" data-full_image="" role="button" tabindex="0"> 5601 Shop Rings By Style </a> 5602 </div> 5603 <div class="nav_list_container"> 5604 <ul class="nav_list" role="menu" aria-label="Shop Rings By Style" tabindex="-1"> 5605 <li class="" role="none"> 5606 <a class="" 5607 role="menuitem" 5608 tabindex="0" 5609 href="https://www.mitchumjewelers.com/halo-rings" 5610 title="Halo Rings" 5611 style="" 5612 data-full_image="" 5613 > 5614 Halo Rings</a> 5615 </li> 5616 <li class="" role="none"> 5617 <a class="" 5618 role="menuitem" 5619 tabindex="-1" 5620 href="https://www.mitchumjewelers.com/side-stone-rings" 5621 title="Side Stone Rings" 5622 style="" 5623 data-full_image="" 5624 > 5625 Side Stone Rings</a> 5626 </li> 5627 <li class="" role="none"> 5628 <a class="" 5629 role="menuitem" 5630 tabindex="-1" 5631 href="https://www.mitchumjewelers.com/solitaire-rings" 5632 title="Solitaire Rings" 5633 style="" 5634 data-full_image="" 5635 > 5636 Solitaire Rings</a> 5637 </li> 5638 <li class="" role="none"> 5639 <a class="" 5640 role="menuitem" 5641 tabindex="-1" 5642 href="https://www.mitchumjewelers.com/three-stones-rings" 5643 title="Three Stones Rings" 5644 style="" 5645 data-full_image="" 5646 > 5647 Three Stones Rings</a> 5648 </li> 5649 </ul> 5650 </div> 5651 </div> 5652 </div> 5653 <style> 5654 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 5655 width: 100%; 5656 } 5657 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 5658 text-align: left; 5659 5660 border-bottom: 1px solid #ececec; 5661 padding-bottom: 8px; 5662 } 5663 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 5664 list-style: none; 5665 margin: 0; 5666 padding: 0; 5667 } 5668 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 5669 margin-top: 10px; 5670 } 5671 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 5672 width: 100%; 5673 margin: 0; 5674 padding: 0; 5675 } 5676 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 5677 opacity: 0.8; 5678 } 5679 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 5680 padding: 0; 5681 } 5682 </style> 5683 </div> 5684<style> 5685 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 5686 width:100%; align-items:center; -webkit-align-items:center; } 5687 5688 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 5689 } 5690 5691 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 5692 display: flex; 5693 width: 100%; 5694 margin-top:20px; margin-bottom:50px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5695 5696 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 5697 color:#000000; font-style:normal; display: flex; 5698 font-size:15px; font-family:Roboto; text-transform:none; } 5699 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 5700 color:#4d4d4d; } 5701 5702 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 5703 height: 20px; 5704 margin-right: 5px; 5705 } 5706 5707 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 5708 color:#000000; font-style:normal; line-height:25px; display: flex; 5709 align-items:center; 5710 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 5711 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 5712 color:#4d4d4d; } 5713 5714 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 5715 height: 22px; 5716 margin-right: 5px; 5717 } 5718 5719</style> 5720 <div class="flex_cell flex_cell_2 third_level"> 5721 <div class="flex_cell_content"> 5722 <div class="nav_div_13 menu_container_li"> 5723 <div class="vfit"> 5724 <a class=" " title="Shop Wedding Bands" href="#!" data-full_image="" role="button" tabindex="0"> 5725
5725 Shop Wedding Bands </a> 5726 </div> 5727 <div class="nav_list_container"> 5728 <ul class="nav_list" role="menu" aria-label="Shop Wedding Bands" tabindex="-1"> 5729 <li class="" role="none"> 5730 <a class="" 5731 role="menuitem" 5732 tabindex="0" 5733 href="https://www.mitchumjewelers.com/mens-wedding-bands" 5734 title="Men's Wedding Bands" 5735 style="" 5736 data-full_image="" 5737 > 5738 Men's Wedding Bands</a> 5739 </li> 5740 <li class="" role="none"> 5741 <a class="" 5742 role="menuitem" 5743 tabindex="-1" 5744 href="https://www.mitchumjewelers.com/ladies-wedding-bands" 5745 title="Ladies Wedding Bands" 5746 style="" 5747 data-full_image="" 5748 > 5749 Ladies Wedding Bands</a> 5750 </li> 5751 </ul> 5752 </div> 5753 </div> 5754 </div> 5755 <style> 5756 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 { 5757 width: 100%; 5758 } 5759 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .vfit { 5760 text-align: left; 5761 5762 border-bottom: 1px solid #ececec; 5763 padding-bottom: 8px; 5764 } 5765 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list { 5766 list-style: none; 5767 margin: 0; 5768 padding: 0; 5769 } 5770 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list + li { 5771 margin-top: 10px; 5772 } 5773 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 li { 5774 width: 100%; 5775 margin: 0; 5776 padding: 0; 5777 } 5778 .menu_container_1_75>.flex_row_1>.flex_col_2>
5778.flex_cell_2 .nav_div_13 li:hover { 5779 opacity: 0.8; 5780 } 5781 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2 .nav_div_13 .nav_list li a { 5782 padding: 0; 5783 } 5784 </style> 5785 </div> 5786<style> 5787 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level { 5788 width:100%; align-items:center; -webkit-align-items:center; } 5789 5790 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level { 5791 } 5792 5793 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level>.flex_cell_content { 5794 display: flex; 5795 width: 100%; 5796 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5797 5798 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a { 5799 color:#000000; font-style:normal; display: flex; 5800 font-size:15px; font-family:Roboto; text-transform:none; } 5801 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a:hover { 5802 color:#4d4d4d; } 5803 5804 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .vfit a .nav_ct_icons { 5805 height: 20px; 5806 margin-right: 5px; 5807 } 5808 5809 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a { 5810 color:#000000; font-style:normal; line-height:25px; display: flex; 5811 align-items:center; 5812 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 5813 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a:hover { 5814 color:#4d4d4d; } 5815 5816 .menu_container_1_75>.flex_row_1>.flex_col_2>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 5817 height: 22px; 5818 margin-right: 5px; 5819 } 5820 5821</style> 5822 </div> 5823 5824 <style> 5825 .menu_container_1_75 .flex_row_1 .flex_col_2 { 5826 width:100%; } 5827 </style> 5828 5829 5830 5831 <div class="flex_col flex_col_3"> 5832 5833 5834 <div class="flex_cell flex_cell_1 third_level"> 5835 <div class="flex_cell_content"> 5836 <div class="nav_div_8 menu_container_li"> 5837 <div class="vfit"> 5838 <a class=" " title="Shop Rings By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 5839 Shop Rings By Shape </a> 5840 </div> 5841 <div class="nav_list_container"> 5842 <ul class="nav_list" role="menu" aria-label="Shop Rings By Shape" tabindex="-1"> 5843 <li class="" role="none"> 5844 <a class="" 5845 role="menuitem" 5846 tabindex="0" 5847 href="https://www.mitchumjewelers.com/princess-cut-rings" 5848 title="Princess Cut Rings" 5849 style="" 5850 data-full_image="" 5851 > 5852 Princess Cut Rings</a> 5853 </li> 5854 <li class="" role="none"> 5855 <a class="" 5856 role="menuitem" 5857 tabindex="-1" 5858 href="https://www.mitchumjewelers.com/round-cut-rings" 5859 title="Round Cut Rings" 5860 style="" 5861 data-full_image="" 5862 > 5863 Round Cut Rings</a> 5864 </li> 5865 <li class="" role="none"> 5866 <a class="" 5867 role="menuitem" 5868 tabindex="-1" 5869 href="https://www.mitchumjewelers.com/radiant-cut-rings" 5870 title="Radiant Cut Rings" 5871 style="" 5872 data-full_image="" 5873 > 5874 Radiant Cut Rings</a> 5875 </li> 5876 <li class="" role="none"> 5877 <a class="" 5878 role="menuitem" 5879 tabindex="-1" 5880 href="https://www.mitchumjewelers.com/oval-cut-rings" 5881 title="Oval Cut Rings" 5882 style="" 5883 data-full_image="" 5884 > 5885 Oval Cut Rings</a> 5886 </li> 5887 <li class="" role="none"> 5888 <a class="" 5889 role="menuitem" 5890 tabindex="-1" 5891 href="https://www.mitchumjewelers.com/emerald-cut-rings" 5892 title="Emerald Cut Rings" 5893 style="" 5894 data-full_image="" 5895 > 5896 Emerald Cut Rings</a> 5897 </li> 5898 <li class="" role="none"> 5899 <a class="" 5900 role="menuitem" 5901 tabindex="-1" 5902 href="https://www.mitchumjewelers.com/pear-shape-ring" 5903 title="Pear Shape Rings" 5904 style="" 5905 data-full_image="" 5906 > 5907 Pear Shape Rings</a> 5908 </li> 5909 </ul> 5910 </div> 5911 </div> 5912 </div> 5913 <style> 5914 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 5915 width: 100%; 5916 } 5917 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 5918 text-align: left; 5919 5920 border-bottom: 1px solid #ececec; 5921 padding-bottom: 8px; 5922 } 5923 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 5924 list-style: none; 5925 margin: 0; 5926 padding: 0; 5927 } 5928 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 5929 margin-top: 10px; 5930 } 5931 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 5932 width: 100%; 5933 margin: 0; 5934 padding: 0; 5935 } 5936 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 5937 opacity: 0.8; 5938 } 5939 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 5940 padding: 0; 5941 } 5942 </style> 5943 </div> 5944<style> 5945 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 5946 width:100%; align-items:center; -webkit-align-items:center; } 5947 5948 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 5949 } 5950 5951 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 5952 display: flex; 5953 width: 100%; 5954 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5955 5956 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 5957 color:#000000; font-style:normal; display: flex; 5958 font-size:15px; font-family:Roboto; text-transform:none; } 5959 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 5960 color:#4d4d4d; } 5961 5962 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 5963 height: 20px; 5964 margin-right: 5px; 5965 } 5966 5967 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 5968 color:#000000; font-style:normal; line-height:25px; display: flex; 5969 align-items:center; 5970 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 5971 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 5972 color:#4d4d4d; } 5973 5974 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 5975 height: 22px; 5976 margin-right: 5px; 5977 } 5978 5979</style> 5980 <div class="flex_cell flex_cell_2 third_level"> 5981 <div class="flex_cell_content"> 5982 <div class="nav_div_15 menu_container_li"> 5983
5983 <div class="vfit"> 5984 <a class=" " title="Shop Bands By Price" href="#!" data-full_image="" role="button" tabindex="0"> 5985 Shop Bands By Price </a> 5986 </div> 5987 <div class="nav_list_container"> 5988 <ul class="nav_list" role="menu" aria-label="Shop Bands By Price" tabindex="-1"> 5989 <li class="" role="none"> 5990 <a class="" 5991 role="menuitem" 5992 tabindex="0" 5993 href="https://www.mitchumjewelers.com/wedding-bands-up-to-500" 5994 title="Up to $500" 5995 style="" 5996 data-full_image="" 5997 > 5998 Up to $500</a> 5999 </li> 6000 <li class="" role="none"> 6001 <a class="" 6002 role="menuitem" 6003 tabindex="-1" 6004 href="https://www.mitchumjewelers.com/wedding-bands-500-to-1000" 6005 title="$500 - $1000" 6006 style="" 6007 data-full_image="" 6008 > 6009 $500 - $1000</a> 6010 </li> 6011 <li class="" role="none"> 6012 <a class="" 6013 role="menuitem" 6014 tabindex="-1" 6015 href="https://www.mitchumjewelers.com/wedding-bands-1000-to-2000" 6016 title="$1000 - $2000" 6017 style="" 6018 data-full_image="" 6019 > 6020 $1000 - $2000</a> 6021 </li> 6022 <li class="" role="none"> 6023 <a class="" 6024 role="menuitem" 6025 tabindex="-1" 6026 href="https://www.mitchumjewelers.com/wedding-bands-2000-to-5000" 6027 title="$2000 - $5000" 6028 style="" 6029 data-full_image="" 6030 > 6031 $2000 - $5000</a> 6032 </li> 6033 <li class="" role="none"> 6034 <a class="" 6035 role="menuitem" 6036 tabindex="-1" 6037 href="https://www.mitchumjewelers.com/wedding-bands-5000-up" 6038 title="$5000 & Up" 6039 style="" 6040 data-full_image="" 6041 > 6042 $5000 & Up</a> 6043 </li> 6044 </ul> 6045 </div> 6046 </div> 6047 </div> 6048 <style> 6049 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 { 6050 width: 100%; 6051 } 6052 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .vfit { 6053 text-align: left; 6054 6055 border-bottom: 1px solid #ececec; 6056 padding-bottom: 8px; 6057 } 6058 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list { 6059 list-style: none; 6060 margin: 0; 6061 padding: 0; 6062 } 6063 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list + li { 6064 margin-top: 10px; 6065 } 6066 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 li { 6067 width: 100%; 6068 margin: 0; 6069 padding: 0; 6070 } 6071 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 li:hover { 6072 opacity: 0.8; 6073 } 6074 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2 .nav_div_15 .nav_list li a { 6075 padding: 0; 6076 } 6077 </style> 6078 </div> 6079<style> 6080 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level { 6081 width:100%; align-items:center; -webkit-align-items:center; } 6082 6083 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level { 6084 } 6085 6086 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level>.flex_cell_content { 6087 display: flex; 6088 width: 100%; 6089 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6090 6091 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a { 6092 color:#000000; font-style:normal; display: flex; 6093 font-size:15px; font-family:Roboto; text-transform:none; } 6094 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a:hover { 6095 color:#4d4d4d; } 6096 6097 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .vfit a .nav_ct_icons { 6098 height: 20px; 6099 margin-right: 5px; 6100 } 6101 6102 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a { 6103 color:#000000; font-style:normal; line-height:25px; display: flex; 6104 align-items:center; 6105 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6106 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a:hover { 6107 color:#4d4d4d; } 6108 6109 .menu_container_1_75>.flex_row_1>.flex_col_3>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 6110 height: 22px; 6111 margin-right: 5px; 6112 } 6113 6114</style> 6115 </div> 6116 6117 <style> 6118 .menu_container_1_75 .flex_row_1 .flex_col_3 { 6119 width:100%; } 6120 </style> 6121 6122 6123 6124 <div class="flex_col flex_col_4"> 6125 6126 6127 <div class="flex_cell flex_cell_1 third_level"> 6128 <div class="flex_cell_content"> 6129 <div class="nav_div_10 menu_container_li"> 6130 <div class="vfit"> 6131 <a class=" " title="Shop Rings By Price" href="#!" data-full_image="" role="button" tabindex="0"> 6132 Shop Rings By Price </a> 6133 </div> 6134 <div class="nav_list_container"> 6135 <ul class="nav_list" role="menu" aria-label="Shop Rings By Price" tabindex="-1"> 6136 <li class="" role="none"> 6137 <a class="" 6138 role="menuitem" 6139 tabindex="0" 6140 href="https://www.mitchumjewelers.com/engagement-rings-up-to-500" 6141 title="Up to $500" 6142 style="" 6143 data-full_image="" 6144 > 6145 Up to $500</a> 6146 </li> 6147 <li class="" role="none"> 6148 <a class="" 6149 role="menuitem" 6150 tabindex="-1" 6151 href="https://www.mitchumjewelers.com/engagement-rings-500-to-1000" 6152 title="$500 - $1000" 6153 style="" 6154 data-full_image="" 6155
6155 > 6156 $500 - $1000</a> 6157 </li> 6158 <li class="" role="none"> 6159 <a class="" 6160 role="menuitem" 6161 tabindex="-1" 6162 href="https://www.mitchumjewelers.com/engagement-rings-1000-to-2000" 6163 title="$1000 - $2000" 6164 style="" 6165 data-full_image="" 6166 > 6167 $1000 - $2000</a> 6168 </li> 6169 <li class="" role="none"> 6170 <a class="" 6171 role="menuitem" 6172 tabindex="-1" 6173 href="https://www.mitchumjewelers.com/engagement-rings-2000-to-5000" 6174 title="$2000 - $5000" 6175 style="" 6176 data-full_image="" 6177 > 6178 $2000 - $5000</a> 6179 </li> 6180 <li class="" role="none"> 6181 <a class="" 6182 role="menuitem" 6183 tabindex="-1" 6184 href="https://www.mitchumjewelers.com/engagement-rings-5000-up" 6185 title="$5000 & Up" 6186 style="" 6187 data-full_image="" 6188 > 6189 $5000 & Up</a> 6190 </li> 6191 </ul> 6192 </div> 6193 </div> 6194 </div> 6195 <style> 6196 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 6197 width: 100%; 6198 } 6199 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 6200 text-align: left; 6201 6202 border-bottom: 1px solid #ececec; 6203 padding-bottom: 8px; 6204 } 6205 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 6206 list-style: none; 6207 margin: 0; 6208 padding: 0; 6209 } 6210 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 6211 margin-top: 10px; 6212 } 6213 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 6214 width: 100%; 6215 margin: 0; 6216 padding: 0; 6217 } 6218 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 6219 opacity: 0.8; 6220 } 6221 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 6222 padding: 0; 6223 } 6224 </style> 6225 </div> 6226<style> 6227 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 6228 width:100%; align-items:center; -webkit-align-items:center; } 6229 6230 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 6231 } 6232 6233 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 6234 display: flex; 6235 width: 100%; 6236 margin-top:20px; margin-bottom:25px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6237 6238 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 6239 color:#000000; font-style:normal; display: flex; 6240 font-size:15px; font-family:Roboto; text-transform:none; } 6241 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 6242 color:#4d4d4d; } 6243 6244 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 6245 height: 20px; 6246 margin-right: 5px; 6247 } 6248 6249 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 6250 color:#000000; font-style:normal; line-height:25px; display: flex; 6251 align-items:center; 6252 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6253 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 6254 color:#4d4d4d; } 6255 6256 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 6257 height: 22px; 6258 margin-right: 5px; 6259 } 6260 6261</style> 6262 <div class="flex_cell flex_cell_2 third_level"> 6263 <div class="flex_cell_content"> 6264 <div class="nav_div_71 menu_container_li"> 6265 <div class="vfit"> 6266 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 6267 Start Your Research </a> 6268 </div> 6269 <div class="nav_list_container"> 6270 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 6271 <li class="" role="none"> 6272 <a class="" 6273 role="menuitem" 6274 tabindex="0" 6275 href="https://www.mitchumjewelers.com/engagement-rings" 6276 title="View All Engagement Rings" 6277 style="" 6278 data-full_image="" 6279 > 6280 View All Engagement Rings</a> 6281 </li> 6282 <li class="" role="none"> 6283 <a class="" 6284 role="menuitem" 6285 tabindex="-1" 6286 href="https://www.mitchumjewelers.com/wedding-bands" 6287 title="View All Wedding Bands" 6288 style="" 6289 data-full_image="" 6290 > 6291 View All Wedding Bands</a> 6292 </li> 6293 </ul> 6294 </div> 6295 </div> 6296 </div> 6297 <style> 6298 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 { 6299 width: 100%; 6300 } 6301 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .vfit { 6302 text-align: left; 6303 6304 border-bottom: 1px solid #ececec; 6305 padding-bottom: 8px; 6306 } 6307 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list { 6308 list-style: none; 6309 margin: 0; 6310 padding: 0; 6311 } 6312 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list + li { 6313 margin-top: 10px; 6314 } 6315 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 li { 6316 width: 100%; 6317 margin: 0; 6318 padding: 0; 6319 } 6320 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 li:hover { 6321 opacity: 0.8; 6322 } 6323 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2 .nav_div_71 .nav_list li a { 6324 padding: 0; 6325 } 6326 </style> 6327 </div> 6328<style> 6329 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level { 6330 width:100%; align-items:center; -webkit-align-items:center; } 6331 6332 .menu_container_1_75>.flex_row_1>.flex_col
6332_4>.flex_cell_2.third_level { 6333 } 6334 6335 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level>.flex_cell_content { 6336 display: flex; 6337 width: 100%; 6338 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6339 6340 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a { 6341 color:#000000; font-style:normal; display: flex; 6342 font-size:15px; font-family:Roboto; text-transform:none; } 6343 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a:hover { 6344 color:#4d4d4d; } 6345 6346 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .vfit a .nav_ct_icons { 6347 height: 20px; 6348 margin-right: 5px; 6349 } 6350 6351 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a { 6352 color:#000000; font-style:normal; line-height:25px; display: flex; 6353 align-items:center; 6354 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6355 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a:hover { 6356 color:#4d4d4d; } 6357 6358 .menu_container_1_75>.flex_row_1>.flex_col_4>.flex_cell_2.third_level .nav_list li a .nav_ct_icons { 6359 height: 22px; 6360 margin-right: 5px; 6361 } 6362 6363</style> 6364 </div> 6365 6366 <style> 6367 .menu_container_1_75 .flex_row_1 .flex_col_4 { 6368 width:100%; } 6369 </style> 6370 6371 6372 6373 <div class="flex_col flex_col_5"> 6374 6375 6376 </div> 6377 6378 <style> 6379 .menu_container_1_75 .flex_row_1 .flex_col_5 { 6380 width:100%; } 6381 </style> 6382 6383 6384 6385 </div> 6386 6387 <style> 6388 .menu_container_1_75 .flex_row_1 { 6389 background-color: #ffffff; 6390 color:#000000; height:auto } 6391 </style> 6392 6393 6394 6395 6396 <div class="flex_row flex_row_2"> 6397 6398 6399 <div class="flex_col flex_col_1"> 6400 6401 <div class="flex_cell flex_cell_1 line"> 6402 <div class="s_line"></div> 6403 </div> 6404 6405<style> 6406 .menu_container_1_75>.flex_row_2>.flex_col_1>.flex_cell_1 { 6407 width: 100%; 6408 justify-content:left; -webkit-justify-content:left; margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6409 6410 6411 .menu_container_1_75>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 6412 background-color:#878787; border-style: solid; 6413 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 6414 6415</style> 6416 </div> 6417 6418 <style> 6419 .menu_container_1_75 .flex_row_2 .flex_col_1 { 6420 width:100%; } 6421 </style> 6422 6423 6424 6425 </div> 6426 6427 <style> 6428 .menu_container_1_75 .flex_row_2 { 6429 background-color: #ffffff; 6430 color:#000000; height:auto } 6431 </style> 6432 6433 6434 6435 </div> 6436 <style> 6437 .menu_container .flex_row { 6438 display: flex; 6439 } 6440 .menu_container_1_75 { 6441 width:100%; 6442 max-width:100%; 6443 left:0; 6444 } 6445 .menu_container .flex_row .flex_col{ 6446 display: flex; 6447 flex-wrap: wrap; 6448 box-sizing: border-box; 6449 align-content: baseline; 6450 } 6451 .menu_container .flex_row .flex_col .flex_cell{ 6452 height: fit-content; 6453 display: flex; 6454 } 6455 .menu_container .flex_row .flex_col .flex_cell a{ 6456 text-decoration: none; 6457 } 6458 .menu_container img { 6459 max-width: 100%; 6460 } 6461 </style> 6462 6463 6464 </div> 6465 <div class="hum-line"></div> 6466 6467 6468 <a class="hamburger-menu
6468-nav-section " title="Design Your Wedding Band" href="https://www.mitchumjewelers.com/benchmark-ring-lab" > 6469 <span class="icon_and_name"> 6470 6471 Design Your Wedding Band </span> 6472 6473 </a> 6474 6475 6476 6477 <div class="sub-menu-panel" id="desktop-submenu-132" aria-hidden="true"> 6478 6479 6480 6481 6482 6483<div class="menu_container default_build_menu menu_container_1_navigation_132"> 6484 <div class="nav_div_132"> 6485 </div> 6486</div> 6487<style> 6488 .menu_container_1_navigation_132 { 6489 background: #fff; 6490 } 6491 .horizontal_menu .nav_div_132 { 6492 padding: 15px 0px; 6493 box-shadow: 0px 0px 5px #00000078; display: flex; 6494 flex-wrap: wrap; 6495 } 6496 .horizontal_menu .nav_img_132 { 6497 height: 200px; 6498 width: 250px; 6499 margin-left: 50px; 6500 margin-right: 20px; 6501 flex-shrink: 0; 6502 order: 1; 6503 } 6504 .horizontal_menu .nav_img_132 img { 6505 max-width: 100%; 6506 max-height: 100%; 6507 } 6508 .horizontal_menu .nav_div_132 .vfit { 6509 text-align: left; 6510 border-bottom: 1px solid #ececec; 6511 text-transform: uppercase; 6512 } 6513 .nav_div_132 .vfit a { 6514 text-decoration: none; 6515 color: #222; 6516 } 6517 .nav_div_132 .nav_list { 6518 list-style: none; 6519 margin: 0; 6520 padding: 0; 6521 order: 1; 6522 } 6523 .nav_div_132 ul { 6524 list-style: none; 6525 } 6526 #desktop_hamburger_menu_template .nav_div_132 li { 6527 width: 100%; 6528 margin: 0; 6529 padding: 0px 20px; 6530 position: relative; 6531 } 6532 .horizontal_menu .nav_div_132 li { 6533 width: 100%; 6534 margin: 0; 6535 padding: 0px 20px; 6536 position: relative; 6537 } 6538 6539 #desktop_hamburger_menu_template .nav_div_132 li svg { 6540 position: absolute; 6541 right: 15px; 6542 height: 10px; 6543 top: 10px; 6544 } 6545 .horizontal_menu .nav_div_132 li svg { 6546 position: absolute; 6547 right: 15px; 6548 height: 10px; 6549 top: 10px; 6550 } 6551 6552 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li .nav_a_trd { 6553 display: flex; 6554 align-items: center; 6555 padding: 0; 6556 line-height: 30px; 6557 font-size: 14px; 6558 text-transform: uppercase; 6559 text-decoration: none; 6560 color: #222; 6561 white-space: normal; 6562 6563 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 6564 } 6565 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li button { 6566 background: none; 6567 border: none; 6568 cursor: pointer; 6569 } 6570 6571 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li .nav_a_trd.parent_men { 6572 text-decoration: underline; 6573 } 6574 6575 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li .nav_a_trd:hover { 6576 color:#4d4d4d; cursor: pointer; 6577 } 6578 6579 6580 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a { 6581 display: flex; 6582 align-items: center; 6583 padding: 0; 6584 line-height: 30px; 6585 font-size: 14px; 6586 text-transform: uppercase; 6587 text-decoration: none; 6588 color: #222; 6589 white-space: normal; 6590 6591 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6592 6593 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a:hover { 6594 color:#4d4d4d; } 6595 6596 .nav_div_132 .nav_list li a .nav_icons { 6597 height: 30px; 6598 margin-right: 5px; 6599 } 6600 6601 .nav_div_132 .nav_list .nav_list_trd li a .nav_icons { 6602 height: 22px; 6603 } 6604 6605 6606 .nav_div_132 .nav_list li a:hover { 6607 color: #3172ab; 6608 } 6609 .horizontal_menu .nav_div_132 .nav_list_trd { 6610 display: none; 6611 position: absolute; 6612 left: 100%; 6613 top: -15px; 6614 padding: 15px 0px; 6615 box-shadow: 0px 0px 5px #00000078; background: #fff; 6616 } 6617 .horizontal_menu .nav_div_132 .nav_list>li .nav_list_trd.open, 6618 .horizontal_menu .nav_div_132 .nav_list>li:hover .nav_list_trd { 6619 display: block; 6620 z-index: 99; 6621 } 6622 6623 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_132, 6624 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_132 .nav_list_trd{ 6625 width: 250px; 6626 } 6627 6628 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_132 .nav_list_trd{ 6629 width: 250px; 6630 } 6631 </style> 6632 </div> 6633 <div class="hum-line"></div> 6634 6635 6636 <button type="button" class="hamburger-menu
6636-nav-section " aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Fine Jewelry section"> 6637 <span class="icon_and_name"> 6638 6639 Fine Jewelry </span> 6640 <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> 6641 6642 </button> 6643 6644 6645 6646 <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true"> 6647 6648 6649 6650 6651 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 6652 6653 6654 6655 <div class="flex_row flex_row_1"> 6656 6657 6658 <div class="flex_col flex_col_1"> 6659 6660 6661 </div> 6662 6663 <style> 6664 .menu_container_1_8 .flex_row_1 .flex_col_1 { 6665 width:100%; } 6666 </style> 6667 6668 6669 6670 <div class="flex_col flex_col_2"> 6671 6672 6673 <div class="flex_cell flex_cell_1 third_level"> 6674 <div class="flex_cell_content"> 6675 <div class="nav_div_17 menu_container_li"> 6676 <div class="vfit"> 6677 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 6678 Shop By Type </a> 6679 </div> 6680 <div class="nav_list_container"> 6681 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 6682 <li class="" role="none"> 6683 <a class="" 6684 role="menuitem" 6685 tabindex="0" 6686 href="https://www.mitchumjewelers.com/necklaces" 6687 title="Necklaces" 6688 style="" 6689 data-full_image="" 6690 > 6691 <img class="nav_
6691ct_icons menu_icon_necklaces" 6692 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 6693 alt="Necklaces" 6694 title="Necklaces" 6695 height="22" 6696 width="22" 6697 loading="lazy"/> 6698 Necklaces</a> 6699 </li> 6700 <li class="" role="none"> 6701 <a class="" 6702 role="menuitem" 6703 tabindex="-1" 6704 href="https://www.mitchumjewelers.com/diamond-studs" 6705 title="Diamond Studs" 6706 style="" 6707 data-full_image="" 6708 > 6709 <img class="nav_ct_icons menu_icon_diamondstuds" 6710 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 6711 alt="Diamond Studs" 6712 title="Diamond Studs" 6713 height="22" 6714 width="22" 6715 loading="lazy"/> 6716 Diamond Studs</a> 6717 </li> 6718 <li class="" role="none"> 6719 <a class="" 6720 role="menuitem" 6721 tabindex="-1" 6722 href="https://www.mitchumjewelers.com/earrings" 6723 title="Earrings" 6724 style="" 6725 data-full_image="" 6726 > 6727 <img class="nav_ct_icons menu_icon_earrings" 6728 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 6729 alt="Earrings" 6730 title="Earrings" 6731 height="22" 6732 width="22" 6733 loading="lazy"/> 6734 Earrings</a> 6735 </li> 6736 <li class="" role="none"> 6737 <a class="" 6738 role="menuitem" 6739 tabindex="-1" 6740 href="https://www.mitchumjewelers.com/bracelets" 6741 title="Bracelets" 6742 style="" 6743 data-full_image="" 6744 > 6745 <img class="nav_
6745ct_icons menu_icon_bracelets" 6746 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 6747 alt="Bracelets" 6748 title="Bracelets" 6749 height="22" 6750 width="22" 6751 loading="lazy"/> 6752 Bracelets</a> 6753 </li> 6754 <li class="" role="none"> 6755 <a class="" 6756 role="menuitem" 6757 tabindex="-1" 6758 href="https://www.mitchumjewelers.com/fashion-rings" 6759 title="Rings" 6760 style="" 6761 data-full_image="" 6762 > 6763 <img class="nav_ct_icons menu_icon_rings" 6764 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 6765 alt="Rings" 6766 title="Rings" 6767 height="22" 6768 width="22" 6769 loading="lazy"/> 6770 Rings</a> 6771 </li> 6772 </ul> 6773 </div> 6774 </div> 6775 </div> 6776 <style> 6777 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 6778 width: 100%; 6779 } 6780 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 6781 text-align: left; 6782 6783 border-bottom: 1px solid #ececec; 6784 padding-bottom: 8px; 6785 } 6786 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 6787 list-style: none; 6788 margin: 0; 6789 padding: 0; 6790 } 6791 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 6792 margin-top: 10px; 6793 } 6794 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 6795 width: 100%; 6796 margin: 0; 6797 padding: 0; 6798 } 6799 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 6800 opacity: 0.8; 6801 } 6802 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 6803 padding: 0; 6804 } 6805 </style> 6806 </div> 6807<style> 6808 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 6809 width:100%; align-items:start; -webkit-align-items:start; } 6810 6811 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 6812 height:100%; } 6813 6814 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 6815 display: flex; 6816 width: 100%; 6817 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6818 6819 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 6820 color:#000000; font-style:normal; display: flex; 6821 font-size:15px; font-family:Roboto; text-transform:none; } 6822 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 6823 color:#4d4d4d; } 6824 6825 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 6826 height: 20px; 6827 margin-right: 5px; 6828 } 6829 6830 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 6831 color:#000000; font-style:normal; line-height:25px; display: flex; 6832 align-items:center; 6833 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6834 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 6835 color:#4d4d4d; } 6836 6837 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 6838 height: 22px; 6839 margin-right: 5px; 6840 } 6841 6842</style> 6843 </div> 6844 6845 <style> 6846 .menu_container_1_8 .flex_row_1 .flex_col_2 { 6847 width:100%; } 6848 </style> 6849 6850 6851 6852 <div class="flex_col flex_col_3"> 6853 6854 6855 <div class="flex_cell flex_cell_1 third_level"> 6856 <div class="flex_cell_content"> 6857 <div class="nav_div_19 menu_container_li"> 6858 <div class="vfit"> 6859 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 6860 Shop By Price </a> 6861 </div> 6862 <div class="nav_list_container"> 6863 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 6864 <li class="" role="none"> 6865 <a class="" 6866 role="menuitem" 6867 tabindex="0" 6868 href="https://www.mitchumjewelers.com/fine-jewelry-0-to-500" 6869 title="Up to $500" 6870 style="" 6871 data-full_image="" 6872 > 6873 Up to $500</a> 6874 </li> 6875 <li class="" role="none"> 6876 <a class="" 6877 role="menuitem" 6878 tabindex="-1" 6879 href="https://www.mitchumjewelers.com/fine-jewelry-500-to-1000" 6880 title="$500 - $1000" 6881 style="" 6882 data-full_image="" 6883 > 6884 $500 - $1000</a> 6885 </li> 6886 <li class="" role="none"> 6887 <a class="" 6888 role="menuitem" 6889 tabindex="-1" 6890 href="https://www.mitchumjewelers.com/fine-jewelry-1000-to-2000" 6891 title="$1000 - $2000" 6892 style="" 6893 data-full_image="" 6894 > 6895 $1000 - $2000</a> 6896 </li> 6897 <li class="" role="none"> 6898 <a class="" 6899 role="menuitem" 6900 tabindex="-1" 6901 href="https://www.mitchumjewelers.com/fine-jewelry-2000-to-5000" 6902 title="$2000 - $5000" 6903 style="" 6904 data-full_image="" 6905 > 6906 $2000 - $5000</a> 6907 </li> 6908 <li class="" role="none"> 6909 <a class="" 6910 role="menuitem" 6911 tabindex="-1" 6912 href="https://www.mitchumjewelers.com/fine-jewelry-5000-up" 6913 title="$5000 & Up" 6914 style="" 6915 data-full_image="" 6916 > 6917 $5000 & Up</a> 6918 </li> 6919
6919 </ul> 6920 </div> 6921 </div> 6922 </div> 6923 <style> 6924 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 6925 width: 100%; 6926 } 6927 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 6928 text-align: left; 6929 6930 border-bottom: 1px solid #ececec; 6931 padding-bottom: 8px; 6932 } 6933 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 6934 list-style: none; 6935 margin: 0; 6936 padding: 0; 6937 } 6938 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 6939 margin-top: 10px; 6940 } 6941 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li { 6942 width: 100%; 6943 margin: 0; 6944 padding: 0; 6945 } 6946 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 6947 opacity: 0.8; 6948 } 6949 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 6950 padding: 0; 6951 } 6952 </style> 6953 </div> 6954<style> 6955 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 6956 width:100%; align-items:start; -webkit-align-items:start; } 6957 6958 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 6959 height:100%; } 6960 6961 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 6962 display: flex; 6963 width: 100%; 6964 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6965 6966 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 6967 color:#000000; font-style:normal; display: flex; 6968 font-size:15px; font-family:Roboto; text-transform:none; } 6969 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 6970 color:#4d4d4d; } 6971 6972 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 6973 height: 20px; 6974 margin-right: 5px; 6975 } 6976 6977 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 6978 color:#000000; font-style:normal; line-height:25px; display: flex; 6979 align-items:center; 6980 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 6981 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 6982 color:#4d4d4d; } 6983 6984 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 6985 height: 22px; 6986 margin-right: 5px; 6987 } 6988 6989</style> 6990 </div> 6991 6992 <style> 6993 .menu_container_1_8 .flex_row_1 .flex_col_3 { 6994 width:100%; } 6995 </style> 6996 6997 6998 6999 <div class="flex_col flex_col_4"> 7000 7001 7002 <div class="flex_cell flex_cell_1 third_level"> 7003 <div class="flex_cell_content"> 7004 <div class="nav_div_81 menu_container_li"> 7005 <div class="vfit"> 7006 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 7007 Start Your Research </a> 7008 </div> 7009 <div class="nav_list_container"> 7010 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 7011 <li class="" role="none"> 7012 <a class="" 7013 role="menuitem" 7014 tabindex="0" 7015 href="https://www.mitchumjewelers.com/fine-jewelry" 7016 title="View All Fine Jewelry" 7017 style="" 7018 data-full_image="" 7019 > 7020 View All Fine Jewelry</a> 7021 </li> 7022 </ul> 7023 </div> 7024 </div> 7025 </div> 7026 <style> 7027 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 7028 width: 100%; 7029 } 7030 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 7031 text-align: left; 7032 7033 border-bottom: 1px solid #ececec; 7034 padding-bottom: 8px; 7035 } 7036 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 7037 list-style: none; 7038 margin: 0; 7039 padding: 0; 7040 } 7041 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 7042 margin-top: 10px; 7043 } 7044 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 7045 width: 100%; 7046 margin: 0; 7047 padding: 0; 7048 } 7049 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 7050 opacity: 0.8; 7051 } 7052 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 7053 padding: 0; 7054 } 7055 </style> 7056 </div> 7057<style> 7058 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7059 width:100%; align-items:start; -webkit-align-items:start; } 7060 7061 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7062 height:100%; } 7063 7064 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 7065 display: flex; 7066 width: 100%; 7067 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7068 7069 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 7070 color:#000000; font-style:normal; display: flex; 7071 font-size:15px; font-family:Roboto; text-transform:none; } 7072 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 7073 color:#4d4d4d; } 7074 7075 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7076 height: 20px; 7077 margin-right: 5px; 7078 } 7079 7080 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 7081 color:#000000; font-style:normal; line-height:25px; display: flex; 7082 align-items:center; 7083 font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 7084 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 7085 color:#4d4d4d; } 7086 7087 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7088 height: 22px; 7089 margin-right: 5px; 7090 } 7091 7092</style> 7093 </div> 7094 7095 <style> 7096 .menu_container_1_8 .flex_row_1 .flex_col_4 { 7097 width:100%; } 7098 </style> 7099 7100 7101 7102 <div class="flex_col flex_col_5"> 7103 7104 7105 </div> 7106 7107 <style> 7108 .menu_container_1_8 .flex_row_1 .flex_col_5 { 7109 width:100%; } 7110 </style> 7111 7112 7113 7114 </div> 7115 7116 <style> 7117 .menu_container_1_8 .flex_row_1 { 7118 background-color: #ffffff; 7119 color:#000000; height:250 } 7120 </style> 7121 7122 7123 7124 7125 <div class="flex_row flex_row_2"> 7126 7127 7128 <div class="flex_col flex_col_1"> 7129 7130 <div class="flex_cell flex_cell_1 line"> 7131 <div class="s_line"></div> 7132 </div> 7133 7134<style> 7135 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 7136 width: 100%; 7137 justify-content:left;
7137 -webkit-justify-content:left; margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7138 7139 7140 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 7141 background-color:#878787; border-style: solid; 7142 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 7143 7144</style> 7145 </div> 7146 7147 <style> 7148 .menu_container_1_8 .flex_row_2 .flex_col_1 { 7149 width:100%; } 7150 </style> 7151 7152 7153 7154 </div> 7155 7156 <style> 7157 .menu_container_1_8 .flex_row_2 { 7158 background-color: #ffffff; 7159 color:#000000; height:auto } 7160 </style> 7161 7162 7163 7164 </div> 7165 <style> 7166 .menu_container .flex_row { 7167 display: flex; 7168 } 7169 .menu_container_1_8 { 7170 width:100%; 7171 max-width:100%; 7172 left:0; 7173 } 7174 .menu_container .flex_row .flex_col{ 7175 display: flex; 7176 flex-wrap: wrap; 7177 box-sizing: border-box; 7178 align-content: baseline; 7179 } 7180 .menu_container .flex_row .flex_col .flex_cell{ 7181 height: fit-content; 7182 display: flex; 7183 } 7184 .menu_container .flex_row .flex_col .flex_cell a{ 7185 text-decoration: none; 7186 } 7187 .menu_container img { 7188 max-width: 100%; 7189 } 7190 </style> 7191 7192 7193 </div> 7194 <div class="hum-line"></div> 7195 7196 7197 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-72" aria-label="Expand Designers section"> 7198 <span class="icon_and_name"> 7199 7200 Designers </span> 7201 <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> 7202 7203 </button> 7204 7205 7206 7207 <div class="sub-menu-panel" id="desktop-submenu-72" aria-hidden="true"> 7208 7209 7210 7211 7212 7213<div class="menu_container default_build_menu menu_container_1_navigation_72"> 7214 <div class="nav_div_72"> 7215 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 7216 7217 <li style="" 7218 class="" 7219 role="none"> 7220 7221 7222 7223 <a class="nav_a_trd " title="JB Star" href="https://www.mitchumjewelers.com/jbstar" data-full_image="" role="menuitem" tabindex="0" > 7224 JB Star </a> 7225 7226 7227 7228 7229 7230 7231 7232 </li> 7233 7234 7235 7236 <li style="" 7237 class="" 7238 role="none"> 7239 7240 7241 7242 <a class="nav_a_trd " title="A.JAFFE" href="https://www.mitchumjewelers.com/a-jaffe" data-full_image="" role="menuitem" tabindex="-1" > 7243 A.JAFFE </a> 7244 7245 7246 7247 7248 7249 7250 7251 </li> 7252 7253 7254 7255 <li style="" 7256 class="" 7257 role="none"> 7258 7259 7260 7261 <a class="nav_a_trd " title="Allison-Kaufman" href="https://www.mitchumjewelers.com/allison-kaufman" data-full_image="" role="menuitem" tabindex="-1" > 7262 Allison-Kaufman </a> 7263 7264 7265 7266 7267 7268 7269 7270 </li> 7271 7272 7273 7274 <li style="" 7275 class="" 7276 role="none"> 7277 7278 7279 7280 <a class="nav_a_trd " title="Ashi Diamonds" href="https://www.mitchumjewelers.com/ashi-diamonds" data-full_image="" role="menuitem" tabindex="-1" aria-current="page"> 7281 Ashi Diamonds </a> 7282 7283 7284 7285 7286 7287 7288 7289 </li> 7290 7291 7292 7293 <li style="" 7294 class="" 7295 role="none"> 7296 7297 7298 7299 <a class="nav_a_trd " title="Tacori" href="https://www.mitchumjewelers.com/tacori?product_types=Engagement%20Ring" data-full_image="" role="menuitem" tabindex="-1" > 7300 Tacori </a> 7301 7302 7303 7304 7305 7306 7307 7308 </li> 7309 7310 7311 7312 <li style="" 7313 class="" 7314 role="none"> 7315 7316 7317 7318 <a class="nav_a_trd " title="Armenta" href="https://www.mitchumjewelers.com/armenta" data-full_image="" role="menuitem" tabindex="-1" > 7319 Armenta </a> 7320 7321 7322 7323 7324 7325 7326 7327 </li> 7328 7329 7330 7331 <li style="" 7332 class="" 7333 role="none"> 7334 7335 7336 7337 <a class="nav_a_trd " title="Benchmark" href="https://www.mitchumjewelers.com/benchmark-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 7338 Benchmark </a> 7339 7340 7341 7342 7343 7344 7345 7346 </li> 7347 7348 7349 7350 <li style="" 7351 class="" 7352 role="none"> 7353 7354 7355 7356 <a class="nav_a_trd " title="Beny S
7356ofer" href="https://www.mitchumjewelers.com/beny-sofer" data-full_image="" role="menuitem" tabindex="-1" > 7357 Beny Sofer </a> 7358 7359 7360 7361 7362 7363 7364 7365 </li> 7366 7367 7368 7369 <li style="" 7370 class="" 7371 role="none"> 7372 7373 7374 7375 <a class="nav_a_trd " title="Dee Berkley" href="https://www.mitchumjewelers.com/dee-berkley" data-full_image="" role="menuitem" tabindex="-1" > 7376 Dee Berkley </a> 7377 7378 7379 7380 7381 7382 7383 7384 </li> 7385 7386 7387 7388 <li style="" 7389 class="" 7390 role="none"> 7391 7392 7393 7394 <a class="nav_a_trd " title="ELLE" href="https://www.mitchumjewelers.com/elle" data-full_image="" role="menuitem" tabindex="-1" > 7395 ELLE </a> 7396 7397 7398 7399 7400 7401 7402 7403 </li> 7404 7405 7406 7407 <li style="" 7408 class="" 7409 role="none"> 7410 7411 7412 7413 <a class="nav_a_trd " title="Goshwara" href="https://www.mitchumjewelers.com/goshwara" data-full_image="" role="menuitem" tabindex="-1" > 7414 Goshwara </a> 7415 7416 7417 7418 7419 7420 7421 7422 </li> 7423 7424 7425 7426 <li style="" 7427 class="" 7428 role="none"> 7429 7430 7431 7432 <a class="nav_a_trd " title="Henri Daussi" href="https://www.mitchumjewelers.com/henri-daussi" data-full_image="" role="menuitem" tabindex="-1" > 7433 Henri Daussi </a> 7434 7435 7436 7437 7438 7439 7440 7441 </li> 7442 7443 </ul> 7444 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 7445 7446 7447 <li style="" 7448 class="" 7449 role="none"> 7450 7451 7452 7453 <a class="nav_a_trd " title="Ippolita" href="https://www.mitchumjewelers.com/ippolita" data-full_image="" role="menuitem" tabindex="0" > 7454 Ippolita </a> 7455 7456 7457 7458 7459 7460 7461 7462 </li> 7463 7464 7465 7466 <li style="" 7467 class="" 7468 role="none"> 7469 7470 7471 7472 <a class="nav_a_trd " title="John Hardy" href="https://www.mitchumjewelers.com/john-hardy" data-full_image="" role="menuitem" tabindex="-1" > 7473 John Hardy </a> 7474 7475 7476 7477 7478 7479 7480 7481 </li> 7482 7483 7484 7485 <li style="" 7486 class="" 7487 role="none"> 7488 7489 7490 7491 <a class="nav_a_trd " title="Madison L" href="https://www.mitchumjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 7492 Madison L </a> 7493 7494 7495 7496 7497 7498 7499 7500 </li> 7501 7502 7503 7504 <li style="" 7505 class="" 7506 role="none"> 7507 7508 7509 7510 <a class="nav_a_trd " title="Michael M " href="https://www.mitchumjewelers.com/michael-m" data-full_image="" role="menuitem" tabindex="-1" > 7511 Michael M </a> 7512 7513 7514 7515 7516 7517 7518 7519 </li> 7520 7521 7522 7523 <li style="" 7524 class="" 7525 role="none"> 7526 7527 7528 7529 <a class="nav_a_trd " title="Parade" href="https://www.mitchumjewelers.com/parade" data-full_image="/public/1.0/uploads/source/brands/parade_jewels_in_design/paradelogo.jpg" role="menuitem" tabindex="-1" > 7530 Parade </a> 7531 7532 7533 7534 7535 7536 7537 7538 </li> 7539 7540 7541 7542 <li style="" 7543 class="" 7544 role="none"> 7545 7546 7547 7548 <a class="nav_a_trd " title="Roberto Demeglio" href="https://www.mitchumjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 7549 Roberto Demeglio </a> 7550 7551 7552 7553 7554 7555 7556 7557 </li> 7558 7559 7560 7561 <li style="" 7562 class="" 7563 role="none"> 7564 7565 7566 7567 <a class="nav_a_trd " title="Shy Creation" href="https://www.mitchumjewelers.com/shy-creation" data-full_image="" role="menuitem" tabindex="-1" > 7568 Shy Creation </a> 7569 7570 7571 7572 7573 7574 7575 7576 </li> 7577 7578 7579 7580 <li style="" 7581 class="" 7582 role="none"> 7583 7584 7585 7586 <a class="nav_a_trd " title="Mitchum Jewelers Collection" href="https://www.mitchumjewelers.com/mitchum-jewelers-collection" data-full_image="" role="menuitem" tabindex="-1" > 7587 Mitchum Jewelers Collection </a> 7588 7589 7590 7591 7592 7593 7594 7595 </li> 7596 7597 7598 </ul> 7599 </div> 7600</div> 7601<style> 7602 .menu_container_1_navigation_72 { 7603 background: #fff; 7604 } 7605 .horizontal_menu .nav_div_72 { 7606 padding: 15px 0px; 7607 box-shadow: 0px 0px 5px #00000078; display: flex; 7608 flex-wrap: wrap; 7609 } 7610 .horizontal_menu .nav_img_72 { 7611 height: 200px; 7612 width: 250px; 7613 margin-left: 50px; 7614 margin-right: 20px; 7615 flex-shrink: 0; 7616 order: 1; 7617 } 7618 .horizontal_menu .nav_img_72 img { 7619 max-width: 100%; 7620 max-height: 100%; 7621 } 7622 .horizontal_menu .nav_div_72 .vfit { 7623 text-align: left; 7624 border-bottom: 1px solid #ececec; 7625 text-transform: uppercase; 7626 } 7627 .nav_div_72 .vfit a { 7628 text-decoration: none; 7629 color: #222; 7630 } 7631 .nav_div_72 .nav_list { 7632 list-style: none; 7633 margin: 0; 7634 padding: 0; 7635 order: 1; 7636 } 7637 .nav_div_72 ul { 7638 list-style: none; 7639 } 7640 #desktop_hamburger_menu_template .nav_div_72 li { 7641 width: 100%; 7642 margin: 0; 7643 padding: 0px 20px; 7644 position: relative; 7645 } 7646 .horizontal_menu .nav_div_72 li { 7647 width: 100%; 7648 margin: 0; 7649 padding: 0px 20px; 7650 position: relative; 7651 } 7652 7653 #desktop_hamburger_menu_template .nav_div_72 li svg { 7654 position: absolute; 7655 right: 15px; 7656 height: 10px; 7657 top: 10px; 7658 } 7659 .horizontal_menu .nav_div_72 li svg { 7660 position: absolute; 7661 right: 15px; 7662 height: 10px; 7663 top: 10px; 7664 } 7665 7666 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 7667 display: flex; 7668 align-items: center; 7669 padding: 0; 7670 line-height: 30px; 7671 font-size: 14px; 7672 text-transform: uppercase; 7673 text-decoration: none; 7674 color: #222; 7675 white-space: normal; 7676 7677 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 7678 } 7679 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 7680 background: none; 7681 border: none; 7682 cursor: pointer; 7683 } 7684 7685 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 7686 text-decoration: underline; 7687 } 7688 7689 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 7690 color:#4d4d4d; cursor: pointer; 7691 } 7692 7693 7694 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 7695 display: flex; 7696 align-items: center; 7697 padding: 0; 7698 line-height: 30px; 7699 font-size: 14px; 7700 text-transform: uppercase; 7701 text-decoration: none; 7702 color: #222; 7703 white-space: normal; 7704 7705 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 7706 7707 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 7708 color:#4d4d4d; } 7709 7710 .nav_div_72 .nav_list li a .nav_icons { 7711 height: 30px; 7712 margin-right: 5px; 7713 } 7714 7715 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 7716 height: 22px; 7717 } 7718 7719 7720 .nav_div_72 .nav_list li a:hover { 7721 color: #3172ab; 7722 } 7723 .horizontal_menu .nav_div_72 .nav_list_trd { 7724 display: none; 7725 position: absolute; 7726 left: 100%; 7727 top: -15px; 7728 padding: 15px 0px; 7729 box-shadow: 0px 0px 5px #00000078; background: #fff; 7730 } 7731 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 7732 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 7733 display: block; 7734 z-index: 99; 7735 } 7736 7737 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 7738 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 7739 } 7740 7741 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 7742 width: 250px; 7743 } 7744 </style> 7745 </div> 7746 <div class="hum-line"></div> 7747 7748 7749 <a class="hamburger-menu
7749-nav-section " title="Pre-Owned Rolex" href="https://www.mitchumjewelers.com/pre-owned-rolex" > 7750 <span class="icon_and_name"> 7751 7752 Pre-Owned Rolex </span> 7753 7754 </a> 7755 7756 7757 7758 <div class="sub-menu-panel" id="desktop-submenu-124" aria-hidden="true"> 7759 7760 7761 7762 7763 7764<div class="menu_container default_build_menu menu_container_1_navigation_124"> 7765 <div class="nav_div_124"> 7766 </div> 7767</div> 7768<style> 7769 .menu_container_1_navigation_124 { 7770 background: #fff; 7771 } 7772 .horizontal_menu .nav_div_124 { 7773 padding: 15px 0px; 7774 box-shadow: 0px 0px 5px #00000078; display: flex; 7775 flex-wrap: wrap; 7776 } 7777 .horizontal_menu .nav_img_124 { 7778 height: 200px; 7779 width: 250px; 7780 margin-left: 50px; 7781 margin-right: 20px; 7782 flex-shrink: 0; 7783 order: 1; 7784 } 7785 .horizontal_menu .nav_img_124 img { 7786 max-width: 100%; 7787 max-height: 100%; 7788 } 7789 .horizontal_menu .nav_div_124 .vfit { 7790 text-align: left; 7791 border-bottom: 1px solid #ececec; 7792 text-transform: uppercase; 7793 } 7794 .nav_div_124 .vfit a { 7795 text-decoration: none; 7796 color: #222; 7797 } 7798 .nav_div_124 .nav_list { 7799 list-style: none; 7800 margin: 0; 7801 padding: 0; 7802 order: 1; 7803 } 7804 .nav_div_124 ul { 7805 list-style: none; 7806 } 7807 #desktop_hamburger_menu_template .nav_div_124 li { 7808 width: 100%; 7809 margin: 0; 7810 padding: 0px 20px; 7811 position: relative; 7812 } 7813 .horizontal_menu .nav_div_124 li { 7814 width: 100%; 7815 margin: 0; 7816 padding: 0px 20px; 7817 position: relative; 7818 } 7819 7820 #desktop_hamburger_menu_template .nav_div_124 li svg { 7821 position: absolute; 7822 right: 15px; 7823 height: 10px; 7824 top: 10px; 7825 } 7826 .horizontal_menu .nav_div_124 li svg { 7827 position: absolute; 7828 right: 15px; 7829 height: 10px; 7830 top: 10px; 7831 } 7832 7833 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li .nav_a_trd { 7834 display: flex; 7835 align-items: center; 7836 padding: 0; 7837 line-height: 30px; 7838 font-size: 14px; 7839 text-transform: uppercase; 7840 text-decoration: none; 7841 color: #222; 7842 white-space: normal; 7843 7844 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 7845 } 7846 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li button { 7847 background: none; 7848 border: none; 7849 cursor: pointer; 7850 } 7851 7852 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li .nav_a_trd.parent_men { 7853 text-decoration: underline; 7854 } 7855 7856 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li .nav_a_trd:hover { 7857 color:#4d4d4d; cursor: pointer; 7858 } 7859 7860 7861 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a { 7862 display: flex; 7863 align-items: center; 7864 padding: 0; 7865 line-height: 30px; 7866 font-size: 14px; 7867 text-transform: uppercase; 7868 text-decoration: none; 7869 color: #222; 7870 white-space: normal; 7871 7872 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 7873 7874 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a:hover { 7875 color:#4d4d4d; } 7876 7877 .nav_div_124 .nav_list li a .nav_icons { 7878 height: 30px; 7879 margin-right: 5px; 7880 } 7881 7882 .nav_div_124 .nav_list .nav_list_trd li a .nav_icons { 7883 height: 22px; 7884 } 7885 7886 7887 .nav_div_124 .nav_list li a:hover { 7888 color: #3172ab; 7889 } 7890 .horizontal_menu .nav_div_124 .nav_list_trd { 7891 display: none; 7892 position: absolute; 7893 left: 100%; 7894 top: -15px; 7895 padding: 15px 0px; 7896 box-shadow: 0px 0px 5px #00000078; background: #fff; 7897 } 7898 .horizontal_menu .nav_div_124 .nav_list>li .nav_list_trd.open, 7899 .horizontal_menu .nav_div_124 .nav_list>li:hover .nav_list_trd { 7900 display: block; 7901 z-index: 99; 7902 } 7903 7904 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_124, 7905 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_124 .nav_list_trd{ 7906 width: 250px; 7907 } 7908 7909 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_124 .nav_list_trd{ 7910 width: 250px; 7911 } 7912 </style> 7913 </div> 7914 <div class="hum-line"></div> 7915 7916 7917 <button type="button" class="hamburger-menu
7917-nav-section " aria-expanded="false" aria-controls="desktop-submenu-20" aria-label="Expand Timepieces section"> 7918 <span class="icon_and_name"> 7919 7920 Timepieces </span> 7921 <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> 7922 7923 </button> 7924 7925 7926 7927 <div class="sub-menu-panel" id="desktop-submenu-20" aria-hidden="true"> 7928 7929 7930 7931 7932 7933<div class="menu_container default_build_menu menu_container_1_navigation_20"> 7934 <div class="nav_div_20"> 7935 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 7936 7937 <li style="" 7938 class="" 7939 role="none"> 7940 7941 7942 7943 <a class="nav_a_trd " title="Shinola" href="https://www.mitchumjewelers.com/shinola" data-full_image="" role="menuitem" tabindex="0" > 7944 Shinola </a> 7945 7946 7947 7948 7949 7950 7951 7952 </li> 7953 7954 7955 7956 <li style="" 7957 class="" 7958 role="none"> 7959 7960 7961 7962 <a class="nav_a_trd " title="Seiko" href="https://www.mitchumjewelers.com/seiko" data-full_image="" role="menuitem" tabindex="-1" > 7963 Seiko </a> 7964 7965 7966 7967 7968 7969 7970 7971 </li> 7972 7973 7974 </ul> 7975 </div> 7976</div> 7977<style> 7978 .menu_container_1_navigation_20 { 7979 background: #fff; 7980 } 7981 .horizontal_menu .nav_div_20 { 7982 padding: 15px 0px; 7983 box-shadow: 0px 0px 5px #00000078; display: flex; 7984 flex-wrap: wrap; 7985 } 7986 .horizontal_menu .nav_img_20 { 7987 height: 200px; 7988 width: 250px; 7989 margin-left: 50px; 7990 margin-right: 20px; 7991 flex-shrink: 0; 7992 order: 1; 7993 } 7994 .horizontal_menu .nav_img_20 img { 7995 max-width: 100%; 7996 max-height: 100%; 7997 } 7998 .horizontal_menu .nav_div_20 .vfit { 7999 text-align: left; 8000 border-bottom: 1px solid #ececec; 8001 text-transform: uppercase; 8002 } 8003 .nav_div_20 .vfit a { 8004 text-decoration: none; 8005 color: #222; 8006 }
8007 .nav_div_20 .nav_list { 8008 list-style: none; 8009 margin: 0; 8010 padding: 0; 8011 order: 1; 8012 } 8013 .nav_div_20 ul { 8014 list-style: none; 8015 } 8016 #desktop_hamburger_menu_template .nav_div_20 li { 8017 width: 100%; 8018 margin: 0; 8019 padding: 0px 20px; 8020 position: relative; 8021 } 8022 .horizontal_menu .nav_div_20 li { 8023 width: 100%; 8024 margin: 0; 8025 padding: 0px 20px; 8026 position: relative; 8027 } 8028 8029 #desktop_hamburger_menu_template .nav_div_20 li svg { 8030 position: absolute; 8031 right: 15px; 8032 height: 10px; 8033 top: 10px; 8034 } 8035 .horizontal_menu .nav_div_20 li svg { 8036 position: absolute; 8037 right: 15px; 8038 height: 10px; 8039 top: 10px; 8040 } 8041 8042 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 8043 display: flex; 8044 align-items: center; 8045 padding: 0; 8046 line-height: 30px; 8047 font-size: 14px; 8048 text-transform: uppercase; 8049 text-decoration: none; 8050 color: #222; 8051 white-space: normal; 8052 8053 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 8054 } 8055 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 8056 background: none; 8057 border: none; 8058 cursor: pointer; 8059 } 8060 8061 .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 { 8062 text-decoration: underline; 8063 } 8064 8065 .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 { 8066 color:#4d4d4d; cursor: pointer; 8067 } 8068 8069 8070 .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 { 8071 display: flex; 8072 align-items: center; 8073 padding: 0; 8074 line-height: 30px; 8075 font-size: 14px; 8076 text-transform: uppercase; 8077 text-decoration: none; 8078 color: #222; 8079 white-space: normal; 8080 8081 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 8082 8083 .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:hover { 8084 color:#4d4d4d; } 8085 8086 .nav_div_20 .nav_list li a .nav_icons { 8087 height: 30px; 8088 margin-right: 5px; 8089 } 8090 8091 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 8092 height: 22px; 8093 } 8094 8095 8096 .nav_div_20 .nav_list li a:hover { 8097 color: #3172ab; 8098 } 8099 .horizontal_menu .nav_div_20 .nav_list_trd { 8100 display: none; 8101 position: absolute; 8102 left: 100%; 8103 top: -15px; 8104 padding: 15px 0px; 8105 box-shadow: 0px 0px 5px #00000078; background: #fff; 8106 } 8107 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 8108 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 8109 display: block; 8110 z-index: 99; 8111 } 8112 8113 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 8114 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 8115 width: 250px; 8116 } 8117 8118 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 8119 width: 250px; 8120 } 8121 </style> 8122 </div> 8123 <div class="hum-line"></div> 8124 8125 8126 <button type="button" class="hamburger-menu
8126-nav-section " aria-expanded="false" aria-controls="desktop-submenu-98" aria-label="Expand About Us section"> 8127 <span class="icon_and_name"> 8128 8129 About Us </span> 8130 <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> 8131 8132 </button> 8133 8134 8135 8136 <div class="sub-menu-panel" id="desktop-submenu-98" aria-hidden="true"> 8137 8138 8139 8140 8141 8142<div class="menu_container default_build_menu menu_container_1_navigation_98"> 8143 <div class="nav_div_98"> 8144 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 8145 8146 <li style="" 8147 class="" 8148 role="none"> 8149 8150 8151 8152 <a class="nav_a_trd " title="About Us" href="https://www.mitchumjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 8153 About Us </a> 8154 8155 8156 8157 8158 8159 8160 8161 </li> 8162 8163 8164 8165 <li style="" 8166 class="" 8167 role="none"> 8168 8169 8170 8171 <a class="nav_a_trd " title="Staff" href="https://www.mitchumjewelers.com/staff" data-full_image="" role="menuitem" tabindex="-1" > 8172 Staff </a> 8173 8174 8175 8176 8177 8178 8179 8180 </li> 8181 8182 8183 </ul> 8184 </div> 8185</div> 8186<style> 8187 .menu_container_1_navigation_98 { 8188 background: #fff; 8189 } 8190 .horizontal_menu .nav_div_98 { 8191 padding: 15px 0px; 8192 box-shadow: 0px 0px 5px #00000078; display: flex; 8193 flex-wrap: wrap; 8194 } 8195 .horizontal_menu .nav_img_98 { 8196 height: 200px; 8197 width: 250px; 8198 margin-left: 50px; 8199 margin-right: 20px; 8200 flex-shrink: 0; 8201 order: 1; 8202 } 8203 .horizontal_menu .nav_img_98 img { 8204 max-width: 100%; 8205 max-height: 100%; 8206 } 8207 .horizontal_menu .nav_div_98 .vfit { 8208 text-align: left; 8209 border-bottom: 1px solid #ececec; 8210 text-transform: uppercase; 8211 } 8212 .nav_div_98 .vfit a { 8213 text-decoration: none; 8214 color: #222; 8215 } 8216 .nav_div_98 .nav_list { 8217 list-style: none; 8218 margin: 0; 8219 padding: 0; 8220 order: 1; 8221 } 8222 .nav_div_98 ul { 8223 list-style: none; 8224 } 8225 #desktop_hamburger_menu_template .nav_div_98 li { 8226 width: 100%; 8227 margin: 0; 8228 padding: 0px 20px; 8229 position: relative; 8230 } 8231 .horizontal_menu .nav_div_98 li { 8232 width: 100%; 8233 margin: 0; 8234 padding: 0px 20px; 8235 position: relative; 8236 } 8237 8238 #desktop_hamburger_menu_template .nav_div_98 li svg { 8239 position: absolute; 8240 right: 15px; 8241 height: 10px; 8242 top: 10px; 8243 } 8244 .horizontal_menu .nav_div_98 li svg { 8245 position: absolute; 8246 right: 15px; 8247 height: 10px; 8248 top: 10px; 8249 } 8250 8251 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li .nav_a_trd { 8252 display: flex; 8253 align-items: center; 8254 padding: 0; 8255 line-height: 30px; 8256 font-size: 14px; 8257 text-transform: uppercase; 8258 text-decoration: none; 8259 color: #222; 8260 white-space: normal; 8261 8262 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 8263 } 8264 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_98 .nav_div_98 .nav_list li button { 8265 background: none; 8266 border: none; 8267 cursor: pointer; 8268 } 8269 8270 .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 { 8271 text-decoration: underline; 8272 } 8273 8274 .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 { 8275 color:#4d4d4d; cursor: pointer; 8276 } 8277 8278 8279 .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 { 8280 display: flex; 8281 align-items: center; 8282 padding: 0; 8283 line-height: 30px; 8284 font-size: 14px; 8285 text-transform: uppercase; 8286 text-decoration: none; 8287 color: #222; 8288 white-space: normal; 8289 8290 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 8291 8292 .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 { 8293 color:#4d4d4d; } 8294 8295 .nav_div_98 .nav_list li a .nav_icons { 8296 height: 30px; 8297 margin-right: 5px; 8298 } 8299 8300 .nav_div_98 .nav_list .nav_list_trd li a .nav_icons { 8301 height: 22px; 8302 } 8303 8304 8305 .nav_div_98 .nav_list li a:hover { 8306 color: #3172ab; 8307 } 8308 .horizontal_menu .nav_div_98 .nav_list_trd { 8309 display: none; 8310 position: absolute; 8311 left: 100%; 8312 top: -15px; 8313 padding: 15px 0px; 8314 box-shadow: 0px 0px 5px #00000078; background: #fff; 8315 } 8316 .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open, 8317 .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd { 8318 display: block; 8319 z-index: 99; 8320 } 8321 8322 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98, 8323 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{ 8324 width: 250px; 8325 } 8326 8327 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_98 .nav_list_trd{ 8328 width: 250px; 8329 } 8330 </style> 8331 </div> 8332 <div class="hum-line"></div> 8333 8334 8335 <button type="button" class="hamburger-menu
8335-nav-section " aria-expanded="false" aria-controls="desktop-submenu-106" aria-label="Expand Services section"> 8336 <span class="icon_and_name"> 8337 8338 Services </span> 8339 <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> 8340 8341 </button> 8342 8343 8344 8345 <div class="sub-menu-panel" id="desktop-submenu-106" aria-hidden="true"> 8346 8347 8348 8349 8350 8351<div class="menu_container default_build_menu menu_container_1_navigation_106"> 8352 <div class="nav_div_106"> 8353 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 8354 8355 <li style="" 8356 class="" 8357 role="none"> 8358 8359 8360 8361 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.mitchumjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="0" > 8362 Jewelry Repair </a> 8363 8364 8365 8366 8367 8368 8369 8370 </li> 8371 8372 8373 8374 <li style="" 8375 class="" 8376 role="none"> 8377 8378 8379 8380 <a class="nav_a_trd " title="Jewelry Cleaning " href="https://www.mitchumjewelers.com/jewelry-cleaning" data-full_image="" role="menuitem" tabindex="-1" > 8381 Jewelry Cleaning </a> 8382 8383 8384 8385 8386 8387 8388 8389 </li> 8390 8391 8392 8393 <li style="" 8394 class="" 8395 role="none"> 8396 8397 8398 8399 <a class="nav_a_trd " title="Jewelry Appraisal" href="https://www.mitchumjewelers.com/jewelry-appraisal" data-full_image="" role="menuitem" tabindex="-1" > 8400 Jewelry Appraisal </a> 8401 8402 8403 8404 8405 8406 8407 8408 </li> 8409 8410 8411 8412 <li style="" 8413 class="" 8414 role="none"> 8415 8416 8417 8418 <a class="nav_a_trd " title="Custom Jewelry De
8418sign" href="https://www.mitchumjewelers.com/custom-jewelry-design" data-full_image="" role="menuitem" tabindex="-1" > 8419 Custom Jewelry Design </a> 8420 8421 8422 8423 8424 8425 8426 8427 </li> 8428 8429 8430 8431 <li style="" 8432 class="" 8433 role="none"> 8434 8435 8436 8437 <a class="nav_a_trd " title="Financing" href="https://www.mitchumjewelers.com/financing" data-full_image="" role="menuitem" tabindex="-1" > 8438 Financing </a> 8439 8440 8441 8442 8443 8444 8445 8446 </li> 8447 8448 8449 8450 <li style="" 8451 class="" 8452 role="none"> 8453 8454 8455 8456 <a class="nav_a_trd " title="Anything Promise" href="https://www.mitchumjewelers.com/journals/anythingpromise" data-full_image="" role="menuitem" tabindex="-1" > 8457 Anything Promise </a> 8458 8459 8460 8461 8462 8463 8464 8465 </li> 8466 8467 8468 </ul> 8469 </div> 8470</div> 8471<style> 8472 .menu_container_1_navigation_106 { 8473 background: #fff; 8474 } 8475 .horizontal_menu .nav_div_106 { 8476 padding: 15px 0px; 8477 box-shadow: 0px 0px 5px #00000078; display: flex; 8478 flex-wrap: wrap; 8479 } 8480 .horizontal_menu .nav_img_106 { 8481 height: 200px; 8482 width: 250px; 8483 margin-left: 50px; 8484 margin-right: 20px; 8485 flex-shrink: 0; 8486 order: 1; 8487 } 8488 .horizontal_menu .nav_img_106 img { 8489 max-width: 100%; 8490 max-height: 100%; 8491 } 8492 .horizontal_menu .nav_div_106 .vfit { 8493 text-align: left; 8494 border-bottom: 1px solid #ececec; 8495 text-transform: uppercase; 8496 } 8497 .nav_div_106 .vfit a { 8498 text-decoration: none; 8499 color: #222; 8500 } 8501 .nav_div_106 .nav_list { 8502 list-style: none; 8503 margin: 0; 8504 padding: 0; 8505 order: 1; 8506 } 8507 .nav_div_106 ul { 8508 list-style: none; 8509 } 8510 #desktop_hamburger_menu_template .nav_div_106 li { 8511 width: 100%; 8512 margin: 0; 8513 padding: 0px 20px; 8514 position: relative; 8515 } 8516 .horizontal_menu .nav_div_106 li { 8517 width: 100%; 8518 margin: 0; 8519 padding: 0px 20px; 8520 position: relative; 8521 } 8522 8523 #desktop_hamburger_menu_template .nav_div_106 li svg { 8524 position: absolute; 8525 right: 15px; 8526 height: 10px; 8527 top: 10px; 8528 } 8529 .horizontal_menu .nav_div_106 li svg { 8530 position: absolute; 8531 right: 15px; 8532 height: 10px; 8533 top: 10px; 8534 } 8535 8536 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd { 8537 display: flex; 8538 align-items: center; 8539 padding: 0; 8540 line-height: 30px; 8541 font-size: 14px; 8542 text-transform: uppercase; 8543 text-decoration: none; 8544 color: #222; 8545 white-space: normal; 8546 8547 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 8548 } 8549 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li button { 8550 background: none; 8551 border: none; 8552 cursor: pointer; 8553 } 8554 8555 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men { 8556 text-decoration: underline; 8557 } 8558 8559 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover { 8560 color:#4d4d4d; cursor: pointer; 8561 } 8562 8563 8564 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a { 8565 display: flex; 8566 align-items: center; 8567 padding: 0; 8568 line-height: 30px; 8569 font-size: 14px; 8570 text-transform: uppercase; 8571 text-decoration: none; 8572 color: #222; 8573 white-space: normal; 8574 8575 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 8576 8577 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover { 8578 color:#4d4d4d; } 8579 8580 .nav_div_106 .nav_list li a .nav_icons { 8581 height: 30px; 8582 margin-right: 5px; 8583 } 8584 8585 .nav_div_106 .nav_list .nav_list_trd li a .nav_icons { 8586 height: 22px; 8587 } 8588 8589 8590 .nav_div_106 .nav_list li a:hover { 8591 color: #3172ab; 8592 } 8593 .horizontal_menu .nav_div_106 .nav_list_trd { 8594 display: none; 8595 position: absolute; 8596 left: 100%; 8597 top: -15px; 8598 padding: 15px 0px; 8599 box-shadow: 0px 0px 5px #00000078; background: #fff; 8600 } 8601 .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open, 8602 .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd { 8603 display: block; 8604 z-index: 99; 8605 } 8606 8607 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106, 8608 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{ 8609 width: 250px; 8610 } 8611 8612 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_106 .nav_list_trd{ 8613 width: 250px; 8614 } 8615 </style> 8616 </div> 8617 <div class="hum-line"></div> 8618 8619 8620 <a class="hamburger-menu
8620-nav-section " title="FAQ" href="https://www.mitchumjewelers.com/faq" > 8621 <span class="icon_and_name"> 8622 8623 FAQ </span> 8624 8625 </a> 8626 8627 8628 8629 <div class="sub-menu-panel" id="desktop-submenu-122" aria-hidden="true"> 8630 8631 8632 8633 8634 8635<div class="menu_container default_build_menu menu_container_1_navigation_122"> 8636 <div class="nav_div_122"> 8637 </div> 8638</div> 8639<style> 8640 .menu_container_1_navigation_122 { 8641 background: #fff; 8642 } 8643 .horizontal_menu .nav_div_122 { 8644 padding: 15px 0px; 8645 box-shadow: 0px 0px 5px #00000078; display: flex; 8646 flex-wrap: wrap; 8647 } 8648 .horizontal_menu .nav_img_122 { 8649 height: 200px; 8650 width: 250px; 8651 margin-left: 50px; 8652 margin-right: 20px; 8653 flex-shrink: 0; 8654 order: 1; 8655 } 8656 .horizontal_menu .nav_img_122 img { 8657 max-width: 100%; 8658 max-height: 100%; 8659 } 8660 .horizontal_menu .nav_div_122 .vfit { 8661 text-align: left; 8662 border-bottom: 1px solid #ececec; 8663 text-transform: uppercase; 8664 } 8665 .nav_div_122 .vfit a { 8666 text-decoration: none; 8667 color: #222; 8668 } 8669 .nav_div_122 .nav_list { 8670 list-style: none; 8671 margin: 0; 8672 padding: 0; 8673 order: 1; 8674 } 8675 .nav_div_122 ul { 8676 list-style: none; 8677 } 8678 #desktop_hamburger_menu_template .nav_div_122 li { 8679 width: 100%; 8680 margin: 0; 8681 padding: 0px 20px; 8682 position: relative; 8683 } 8684 .horizontal_menu .nav_div_122 li { 8685 width: 100%; 8686 margin: 0; 8687 padding: 0px 20px; 8688 position: relative; 8689 } 8690 8691 #desktop_hamburger_menu_template .nav_div_122 li svg { 8692 position: absolute; 8693 right: 15px; 8694 height: 10px; 8695 top: 10px; 8696 } 8697 .horizontal_menu .nav_div_122 li svg { 8698 position: absolute; 8699 right: 15px; 8700 height: 10px; 8701 top: 10px; 8702 } 8703 8704 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li .nav_a_trd { 8705 display: flex; 8706 align-items: center; 8707 padding: 0; 8708 line-height: 30px; 8709 font-size: 14px; 8710 text-transform: uppercase; 8711 text-decoration: none; 8712 color: #222; 8713 white-space: normal; 8714 8715 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 8716 } 8717 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li button { 8718 background: none; 8719 border: none; 8720 cursor: pointer; 8721 } 8722 8723 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li .nav_a_trd.parent_men { 8724 text-decoration: underline; 8725 } 8726 8727 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li .nav_a_trd:hover { 8728 color:#4d4d4d; cursor: pointer; 8729 } 8730 8731 8732 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a { 8733 display: flex; 8734 align-items: center; 8735 padding: 0; 8736 line-height: 30px; 8737 font-size: 14px; 8738 text-transform: uppercase; 8739 text-decoration: none; 8740 color: #222; 8741 white-space: normal; 8742 8743 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 8744 8745 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a:hover { 8746 color:#4d4d4d; } 8747 8748 .nav_div_122 .nav_list li a .nav_icons { 8749 height: 30px; 8750 margin-right: 5px; 8751 } 8752 8753 .nav_div_122 .nav_list .nav_list_trd li a .nav_icons { 8754 height: 22px; 8755 } 8756 8757 8758 .nav_div_122 .nav_list li a:hover { 8759 color: #3172ab; 8760 } 8761 .horizontal_menu .nav_div_122 .nav_list_trd { 8762 display: none; 8763 position: absolute; 8764 left: 100%; 8765 top: -15px; 8766 padding: 15px 0px; 8767 box-shadow: 0px 0px 5px #00000078; background: #fff; 8768 } 8769 .horizontal_menu .nav_div_122 .nav_list>li .nav_list_trd.open, 8770 .horizontal_menu .nav_div_122 .nav_list>li:hover .nav_list_trd { 8771 display: block; 8772 z-index: 99; 8773 } 8774 8775 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_122, 8776 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_122 .nav_list_trd{ 8777 width: 250px; 8778 } 8779 8780 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_122 .nav_list_trd{ 8781 width: 250px; 8782 } 8783 </style> 8784 </div> 8785 <div class="hum-line"></div> 8786 8787 8788 <a class="hamburger-menu
8788-nav-section " title="Events" href="https://www.mitchumjewelers.com/events" > 8789 <span class="icon_and_name"> 8790 8791 Events </span> 8792 8793 </a> 8794 8795 8796 8797 <div class="sub-menu-panel" id="desktop-submenu-105" aria-hidden="true"> 8798 8799 8800 8801 8802 8803<div class="menu_container default_build_menu menu_container_1_navigation_105"> 8804 <div class="nav_div_105"> 8805 </div> 8806</div> 8807<style> 8808 .menu_container_1_navigation_105 { 8809 background: #fff; 8810 } 8811 .horizontal_menu .nav_div_105 { 8812 padding: 15px 0px; 8813 box-shadow: 0px 0px 5px #00000078; display: flex; 8814 flex-wrap: wrap; 8815 } 8816 .horizontal_menu .nav_img_105 { 8817 height: 200px; 8818 width: 250px; 8819 margin-left: 50px; 8820 margin-right: 20px; 8821 flex-shrink: 0; 8822 order: 1; 8823 } 8824 .horizontal_menu .nav_img_105 img { 8825 max-width: 100%; 8826 max-height: 100%; 8827 } 8828 .horizontal_menu .nav_div_105 .vfit { 8829 text-align: left; 8830 border-bottom: 1px solid #ececec; 8831 text-transform: uppercase; 8832 } 8833 .nav_div_105 .vfit a { 8834 text-decoration: none; 8835 color: #222; 8836 } 8837 .nav_div_105 .nav_list { 8838 list-style: none; 8839 margin: 0; 8840 padding: 0; 8841 order: 1; 8842 } 8843 .nav_div_105 ul { 8844 list-style: none; 8845 } 8846 #desktop_hamburger_menu_template .nav_div_105 li { 8847 width: 100%; 8848 margin: 0; 8849 padding: 0px 20px; 8850 position: relative; 8851 } 8852 .horizontal_menu .nav_div_105 li { 8853 width: 100%; 8854 margin: 0; 8855 padding: 0px 20px; 8856 position: relative; 8857 } 8858 8859 #desktop_hamburger_menu_template .nav_div_105 li svg { 8860 position: absolute; 8861 right: 15px; 8862 height: 10px; 8863 top: 10px; 8864 } 8865 .horizontal_menu .nav_div_105 li svg { 8866 position: absolute; 8867 right: 15px; 8868 height: 10px; 8869 top: 10px; 8870 } 8871 8872 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 8873 display: flex; 8874 align-items: center; 8875 padding: 0; 8876 line-height: 30px; 8877 font-size: 14px; 8878 text-transform: uppercase; 8879 text-decoration: none; 8880 color: #222; 8881 white-space: normal; 8882 8883 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 8884 } 8885 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li button { 8886 background: none; 8887 border: none; 8888 cursor: pointer; 8889 } 8890 8891 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 8892 text-decoration: underline; 8893 } 8894 8895 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 8896 color:#4d4d4d; cursor: pointer; 8897 } 8898 8899 8900 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 8901 display: flex; 8902 align-items: center; 8903 padding: 0; 8904 line-height: 30px; 8905 font-size: 14px; 8906 text-transform: uppercase; 8907 text-decoration: none; 8908 color: #222; 8909 white-space: normal; 8910 8911 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 8912 8913 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 8914 color:#4d4d4d; } 8915 8916 .nav_div_105 .nav_list li a .nav_icons { 8917 height: 30px; 8918 margin-right: 5px; 8919 } 8920 8921 .nav_div_105 .nav_list .nav_list_trd li a .nav_icons { 8922 height: 22px; 8923 } 8924 8925 8926 .nav_div_105 .nav_list li a:hover { 8927 color: #3172ab; 8928 } 8929 .horizontal_menu .nav_div_105 .nav_list_trd { 8930 display: none; 8931 position: absolute; 8932 left: 100%; 8933 top: -15px; 8934 padding: 15px 0px; 8935 box-shadow: 0px 0px 5px #00000078; background: #fff; 8936 } 8937 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 8938 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 8939 display: block; 8940 z-index: 99; 8941 } 8942 8943 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105, 8944 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 8945 width: 250px; 8946 } 8947 8948 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 8949 width: 250px; 8950 } 8951 </style> 8952 </div> 8953 <div class="hum-line"></div> 8954 8955 8956 <a class="hamburger-menu
8956-nav-section " title="Contact Us" href="https://www.mitchumjewelers.com/contact-us" > 8957 <span class="icon_and_name"> 8958 8959 Contact Us </span> 8960 8961 </a> 8962 8963 8964 8965 <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true"> 8966 8967 8968 8969 8970 8971<div class="menu_container default_build_menu menu_container_1_navigation_22"> 8972 <div class="nav_div_22"> 8973 </div> 8974</div> 8975<style> 8976 .menu_container_1_navigation_22 { 8977 background: #fff; 8978 } 8979 .horizontal_menu .nav_div_22 { 8980 padding: 15px 0px; 8981 box-shadow: 0px 0px 5px #00000078; display: flex; 8982 flex-wrap: wrap; 8983 } 8984 .horizontal_menu .nav_img_22 { 8985 height: 200px; 8986 width: 250px; 8987 margin-left: 50px; 8988 margin-right: 20px; 8989 flex-shrink: 0; 8990 order: 1; 8991 } 8992 .horizontal_menu .nav_img_22 img { 8993 max-width: 100%; 8994 max-height: 100%; 8995 } 8996 .horizontal_menu .nav_div_22 .vfit { 8997 text-align: left; 8998 border-bottom: 1px solid #ececec; 8999 text-transform: uppercase; 9000 } 9001 .nav_div_22 .vfit a { 9002 text-decoration: none; 9003 color: #222; 9004 } 9005 .nav_div_22 .nav_list { 9006 list-style: none; 9007 margin: 0; 9008 padding: 0; 9009 order: 1; 9010 } 9011 .nav_div_22 ul { 9012 list-style: none; 9013 } 9014 #desktop_hamburger_menu_template .nav_div_22 li { 9015 width: 100%; 9016 margin: 0; 9017 padding: 0px 20px; 9018 position: relative; 9019 } 9020 .horizontal_menu .nav_div_22 li { 9021 width: 100%; 9022 margin: 0; 9023 padding: 0px 20px; 9024 position: relative; 9025 } 9026 9027 #desktop_hamburger_menu_template .nav_div_22 li svg { 9028 position: absolute; 9029 right: 15px; 9030 height: 10px; 9031 top: 10px; 9032 } 9033 .horizontal_menu .nav_div_22 li svg { 9034 position: absolute; 9035 right: 15px; 9036 height: 10px; 9037 top: 10px; 9038 } 9039 9040 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 9041 display: flex; 9042 align-items: center; 9043 padding: 0; 9044 line-height: 30px; 9045 font-size: 14px; 9046 text-transform: uppercase; 9047 text-decoration: none; 9048 color: #222; 9049 white-space: normal; 9050 9051 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; 9052 } 9053 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button { 9054 background: none; 9055 border: none; 9056 cursor: pointer; 9057 } 9058 9059 .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 { 9060 text-decoration: underline; 9061 } 9062 9063 .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 { 9064 color:#4d4d4d; cursor: pointer; 9065 } 9066 9067 9068 .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 { 9069 display: flex; 9070 align-items: center; 9071 padding: 0; 9072 line-height: 30px; 9073 font-size: 14px; 9074 text-transform: uppercase; 9075 text-decoration: none; 9076 color: #222; 9077 white-space: normal; 9078 9079 color:#000000; font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 9080 9081 .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 { 9082 color:#4d4d4d; } 9083 9084 .nav_div_22 .nav_list li a .nav_icons { 9085 height: 30px; 9086 margin-right: 5px; 9087 } 9088 9089 .nav_div_22 .nav_list .nav_list_trd li a .nav_icons { 9090 height: 22px; 9091 } 9092 9093 9094 .nav_div_22 .nav_list li a:hover { 9095 color: #3172ab; 9096 } 9097 .horizontal_menu .nav_div_22 .nav_list_trd { 9098 display: none; 9099 position: absolute; 9100 left: 100%; 9101 top: -15px; 9102 padding: 15px 0px; 9103 box-shadow: 0px 0px 5px #00000078; background: #fff; 9104 } 9105 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 9106 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 9107 display: block; 9108 z-index: 99; 9109 } 9110 9111 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22, 9112 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 9113 width: 250px; 9114 } 9115 9116 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 9117 width: 250px; 9118 } 9119 </style> 9120 </div> 9121 <div class="hum-line"></div> 9122 <div class="script_after_menu"> 9123 </div> 9124 </div> 9125 </nav>
9126 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 9127 9128
9128<script> 9129 $(function () { 9130 9131 const $menuRoot = $('#desktop_hamburger_menu_template'); 9132 const $menuWrap = $('.header_container_1'); 9133 const $button = $('#desktop_hamburger_button'); 9134 const $overlay = $('#desktop_hamburger_menu_template_overlay'); 9135 const $closeBtn = $('#desktop_hamburger_close_button'); 9136 9137 const trap = focusTrap.createFocusTrap($menuRoot[0], { 9138 onActivate: () => $menuRoot.addClass('is-active'), 9139 onDeactivate: () => $menuRoot.removeClass('is-active'), 9140 clickOutsideDeactivates: true 9141 }); 9142 9143 $button.on('click keypress', function (event) { 9144 if (event.which === 13 || event.which === 32 || event.type === 'click') { 9145 if (event.which === 32) event.preventDefault(); 9146 9147 const isOpen = $menuRoot.hasClass('open'); 9148 9149 $menuRoot.toggleClass('open'); 9150 $overlay.toggleClass('open'); 9151 $menuRoot.removeAttr('inert'); 9152 $button.attr('aria-expanded', String(!isOpen)); 9153 9154 if (!isOpen) { 9155 trap.activate(); 9156 $closeBtn.focus(); 9157 } else { 9158 closeHamburgerMenu(); 9159 } 9160 } 9161 }); 9162 9163 $closeBtn.add($overlay).on('click keypress', function (event) { 9164 if (event.which === 13 || event.which === 32 || event.type === 'click') { 9165 if (event.which === 32) event.preventDefault(); 9166 closeHamburgerMenu(); 9167 } 9168 }); 9169 9170 function closeHamburgerMenu() { 9171 $menuRoot.removeClass('open').attr('inert', 'inert'); 9172 $overlay.removeClass('open'); 9173 $button.attr('aria-expanded', 'false'); 9174 9175 $menuRoot.find('.sub-menu-panel').each(function () { 9176 const $submenu = $(this); 9177 $submenu.removeClass('open').attr('aria-hidden', 'true'); 9178 updateSubmenuTabindex($submenu, true); 9179 }); 9180 9181 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 9182 .attr('aria-expanded', 'false'); 9183 9184 trap.deactivate(); 9185 } 9186 9187 function updateSubmenuTabindex($submenu, isHidden) { 9188 const $items = $submenu.find('a'); 9189 9190 if (isHidden) { 9191 $items.each(function () { 9192 $(this).attr('tabindex', '-1'); 9193 }); 9194 } else { 9195 $items.each(function () { 9196 $(this).attr('tabindex', '0'); 9197 }); 9198 } 9199 } 9200 9201 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 9202 9203 e.preventDefault(); 9204 e.stopPropagation(); 9205 9206 const $trigger = $(this); 9207 const $submenu = $trigger.next('.nav_list_trd'); 9208 9209 if (!$submenu.length) return; 9210 9211 const isOpen = $submenu.hasClass('open'); 9212 9213 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 9214 $(this) 9215 .removeClass('open') 9216 .attr('aria-hidden', 'true'); 9217 updateSubmenuTabindex($(this), true); 9218 }); 9219 9220 if (isOpen) { 9221 $submenu 9222 .removeClass('open') 9223 .attr('aria-hidden', 'true'); 9224 updateSubmenuTabindex($submenu, true); 9225 } else { 9226 $submenu 9227 .addClass('open') 9228 .attr('aria-hidden', 'false'); 9229 updateSubmenuTabindex($submenu, false); 9230 } 9231 }); 9232
9233 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 9234 9235 e.preventDefault(); 9236 e.stopPropagation(); 9237 9238 const $btn = $(this); 9239 const submenuId = $btn.attr('aria-controls'); 9240 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 9241 9242 if (!$submenu.length) return; 9243 9244 const isExpanded = $btn.attr('aria-expanded') === 'true'; 9245 9246 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 9247 $(this).removeClass('open').attr('aria-hidden', 'true'); 9248 updateSubmenuTabindex($(this), true); 9249 }); 9250 9251 $menuRoot.find('[aria-controls]') 9252 .not($btn) 9253 .attr('aria-expanded', 'false'); 9254 9255 if (isExpanded) { 9256 console.log($submenu) 9257 $btn.attr('aria-expanded', 'false'); 9258 $submenu.removeClass('open').attr('aria-hidden', 'true'); 9259 updateSubmenuTabindex($submenu, true); 9260 } else { 9261 $btn.attr('aria-expanded', 'true'); 9262 $submenu.addClass('open').attr('aria-hidden', 'false'); 9263 updateSubmenuTabindex($submenu, false); 9264 } 9265 }); 9266 9267 $menuRoot.on('keydown', function (e) { 9268 if (e.key !== 'Escape') return; 9269 9270 const $open = $menuRoot.find('.nav_list_trd.open').last(); 9271 if (!$open.length) return; 9272 9273 $open 9274 .removeClass('open') 9275 .attr('aria-hidden', 'true'); 9276 9277 updateSubmenuTabindex($open, true); 9278 9279 $open.prev('.nav_a_trd').focus(); 9280 9281 e.preventDefault(); 9282 e.stopPropagation(); 9283 }); 9284 9285 $menuRoot.find('.sub-menu-panel').each(function () { 9286 const $submenu = $(this); 9287 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 9288 updateSubmenuTabindex($submenu, !isOpen); 9289 }); 9290 9291 }); 9292 9293 </script>
9293 9294</div> 9295 9296<style> 9297 #desktop_hamburger_menu_template>ul>li>a, 9298 #desktop_hamburger_menu_template>ul>li>button { 9299 color:#000000; display: flex; 9300 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 9301 9302 #desktop_hamburger_menu_template>ul>li>a:hover, 9303 #desktop_hamburger_menu_template>ul>li>button:hover { 9304 color:#4d4d4d; } 9305</style> 9306 </div> 9307 9308 </div> 9309 9310 9311 </div> 9312 9313 9314 9315</header> 9316<header class="appearance-tablet-view-template"> 9317 9318 9319 9320 <style> 9321 .header_container>.flex_row { 9322 display: flex; 9323 } 9324 9325 .header_container_2 { 9326 width: 100%; 9327 max-width: 100%; 9328 margin: 0 auto; 9329 position: relative !important; 9330 transform: inherit !important; 9331 } 9332 .header_container>.flex_row>.flex_col { 9333 display: flex; 9334 flex-wrap: wrap; 9335 box-sizing: border-box; 9336 align-content: baseline; 9337 } 9338 .header_container>.flex_row>.flex_col>.flex_cell { 9339 height: fit-content; 9340 display: flex; 9341 } 9342 .header_container>.flex_row>.flex_col>.flex_cell a { 9343 text-decoration: none; 9344 } 9345 .header_container img { 9346 max-width: 100%; 9347 } 9348 .row_spacer_cs { 9349 display: none; 9350 } 9351 .sticky_row { 9352 position: fixed; 9353 } 9354 .sticky_row + .row_spacer_cs { 9355 display: block; 9356 } 9357 </style> 9358 9359 <div class="header_container header_container_2" data-device-type="2"> 9360 9361 9362 9363 <div class="flex_row flex_row_1 "> 9364 9365 9366 <div class="flex_col flex_col_1"> 9367 9368 9369 </div> 9370 9371 <style> 9372 .header_container_2>.flex_row_1>.flex_col_1 { 9373 width:5%; } 9374 </style> 9375 9376 9377 9378 <div class="flex_col flex_col_2"> 9379 9380 9381<div class="flex_cell flex_cell_1 call_us"> 9382 <div class="flex_cell_content"><a class="phone_number_click " href="tel:417-581-2415" title="Call us 417-581-2415"><svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>417-581-2415</span></a></div> </div> 9383<style> 9384 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 9385 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 9386 9387 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 9388 height:100%; } 9389 9390 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 9391 display: flex; 9392 margin-top:10px; margin-bottom:10px; margin-left:0px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9393 9394 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a { 9395 color:#2f7960; font-style:normal; font-size:16px; font-family:Arial; display: flex; 9396 align-items: center; 9397 text-transform:none; } 9398 9399 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 9400 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 9401 margin-right: 5px; 9402 height:15px; } 9403 9404 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 9405 fill: currentColor; 9406 } 9407 9408 9409 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 9410 color:#27634f; } 9411</style> 9412 </div> 9413 9414 <style> 9415 .header_container_2>.flex_row_1>.flex_col_2 { 9416 width:22%; } 9417 </style> 9418 9419 9420 9421 <div class="flex_col flex_col_3"> 9422 9423 <div class="flex_cell flex_cell_1 custom_code"> 9424 <div class="flex_cell_content"> 9425 <style> 9426.header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img{ 9427height: auto !important; 9428} 9429.header_container img { 9430 max-width: 100%; 9431 height: auto; 9432} 9433</style> </div> 9434</div> 9435 9436<style> 9437 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.custom_code { 9438 width:100%; } 9439 9440 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.custom_code { 9441 } 9442 9443 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.custom_code>.flex_cell_content { 9444 width: 100%; 9445 height: 100%; 9446 } 9447</style> 9448 </div> 9449 9450 <style> 9451 .header_container_2>.flex_row_1>.flex_col_3 { 9452 width:43%; } 9453 </style> 9454 9455 9456 9457 <div class="flex_col flex_col_4"> 9458 9459 9460<div class="flex_cell flex_cell_1 search_box"> 9461 <div class="flex_cell_content"> 9462 <form class="sform" id="search-box-form"
9463 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 9464 <div class="inputs-group"> 9465 <input class="sinp" type="text" name="search" 9466 placeholder="SEARCH PRODUCTS" 9467 aria-label="SEARCH PRODUCTS" 9468 > 9469 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 9470 <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> 9471 </button> 9472 </div> 9473 </form> 9474 </div> 9475</div> 9476<style> 9477 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 9478 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 9479 9480 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 9481 height:100%; } 9482 9483 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 9484 display: flex; 9485 margin-top:3px; margin-bottom:3px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9486 9487 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sform, .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .inputs-group { 9488 width: 100%; 9489 display: flex; 9490 flex-wrap: nowrap; 9491 } 9492 9493 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp { 9494 border-radius: 0px; 9495 padding: 4px 8px; 9496 outline: 0px; 9497 box-shadow: none; 9498 font-size:px; font-family:Arial; color:#0b7960; font-style:normal; background-color:#ffffff; 9499 9500 9501 border-style: solid; 9502 border-width:1px; border-color:#ffffff; 9503 9504 border-right:0px; 9505 width: 100%; 9506 9507 border-bottom-color:#0b7960; } 9508 9509 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp:hover { 9510 } 9511 9512 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp::placeholder { 9513 font-size:px; font-family:Arial; color:#0b7960; opacity: 1; 9514 } 9515 9516 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn { 9517 height: 100%; 9518 border-radius: 0px; 9519 padding: 4px; 9520 align-items: center; 9521 justify-content: center; 9522 display: flex; 9523 border-style: solid; 9524 border-width:1px; border-color:#ffffff; color:#0b7960; font-style:normal; background-color:#ffffff; border-left:0px; 9525 9526 } 9527 9528 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover { 9529 background-color:#ffffff; } 9530 9531 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn svg { 9532 width:16px; height:16px; } 9533 9534 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn .path_class { 9535 fill:#0b7960; } 9536 9537 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 9538 fill:#0b7960; } 9539 9540</style> 9541 </div> 9542 9543 <style> 9544 .header_container_2>.flex_row_1>.flex_col_4 { 9545 width:15%; } 9546 </style> 9547 9548 9549 9550 <div class="flex_col flex_col_5"> 9551 9552 9553<div class="flex_cell flex_cell_1 account_icons"> 9554 <div class="flex_cell_content"> 9555 9556 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 9557 <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>
9557 <span class="item-count-badge wishlist-count-badge d-none"></span> 9558 </a> 9559 9560 9561 9562 <a class="" href="/login" title="My Account" style="order: 5"> 9563 <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> 9564 </div> 9565</div> 9566 9567<style> 9568 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 9569 width:100%; justify-content: flex-end; 9570 align-items:center; -webkit-align-items:center; } 9571 9572 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 9573 height:100%; } 9574 9575 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content { 9576 display: flex; 9577 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:0px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9578 9579 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 9580 display: none !important; 9581 } 9582 9583 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a { 9584 display: flex; 9585 align-items: center; 9586 color:#2f7960; font-style:normal; font-size:16px; font-family:Arial; margin-left: 12px; 9587 text-transform:none; } 9588 9589 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a svg, 9590 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a img { 9591 flex-shrink: 0; 9592 margin-right: 5px; 9593 width:15px; height:15px; } 9594 9595 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .path_class { 9596 fill: currentColor; 9597 } 9598 9599 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a:hover { 9600 color:#27634f; } 9601 9602 .header_container_2>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge { 9603 padding: 0 5px; 9604 height: 16px; 9605 min-width: 16px; 9606 text-align: center; 9607 border-radius: 7px; 9608 line-height: 16px; 9609 border: 1px solid #fff; 9610 font-style: normal; 9611 font-weight: 700; 9612 font-size: 10px; 9613 background-color:#00b252; color:#ffffff; margin-left: -10px; 9614 margin-top: -15px; 9615 } 9616</style> 9617 </div> 9618 9619 <style> 9620 .header_container_2>.flex_row_1>.flex_col_5 { 9621 width:10%; } 9622 </style> 9623 9624 9625 9626 <div class="flex_col flex_col_6"> 9627 9628 9629 </div> 9630 9631 <style> 9632 .header_container_2>.flex_row_1>.flex_col_6 { 9633 width:5%; } 9634 </style> 9635 9636 9637 9638 </div> 9639 9640 9641 <style> 9642 .header_container_2>.flex_row_1 { 9643 background-color: #ffffff; 9644 9645 color:#0b7960; height:auto; 9646 9647 } 9648 9649 </style> 9650 9651 9652 9653 9654 9655 <div class="flex_row flex_row_2 "> 9656 9657 9658 <div class="flex_col flex_col_1"> 9659 9660 9661 </div> 9662 9663 <style> 9664 .header_container_2>.flex_row_2>.flex_col_1 { 9665 } 9666 </style> 9667 9668 9669 9670 <div class="flex_col flex_col_2"> 9671 9672 9673 9674<div class="flex_cell flex_cell_1 image"> 9675 <div class="flex_cell_content"> 9676 9677 <a href="https://www.mitchumjewelers.com/" 9678 > 9679 9680 9681 <img 9682 height="139px" width="1920px" 9683 9684 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-tablet.png"
9685 9686 alt="Mitchum Jewelers Logo"> 9687 9688 9689 </a> 9690 9691 </div> 9692</div> 9693 <style> 9694 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 9695 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 9696 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 9697 display: flex; 9698 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9699 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 9700 } 9701 9702 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 9703 height:100%; } 9704 </style> 9705 9706 9707 </div> 9708 9709 <style> 9710 .header_container_2>.flex_row_2>.flex_col_2 { 9711 width:100%; } 9712 </style> 9713 9714 9715 9716 <div class="flex_col flex_col_3"> 9717 9718 9719 </div> 9720 9721 <style> 9722 .header_container_2>.flex_row_2>.flex_col_3 { 9723 } 9724 </style> 9725 9726 9727 9728 </div> 9729 9730 9731 <style> 9732 .header_container_2>.flex_row_2 { 9733 background-color: #0b7960; 9734 9735 color:#000000; height:auto; 9736 9737 } 9738 9739 </style> 9740 9741 9742 9743 9744 9745 <div class="flex_row flex_row_3 "> 9746 9747 9748 <div class="flex_col flex_col_1"> 9749 9750 <div class="flex_cell flex_cell_1 menu"> 9751 <div class="flex_cell_content"> 9752 <nav aria-label="Menu"> 9753 <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false"> 9754 <li class=" menu_container_li" role="none"> 9755 <a href="#!" title="Bridal" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" > 9756 Bridal </a> 9757 9758 9759 9760 9761 9762<div class="menu_container default_build_menu menu_container_2_navigation_123"> 9763 <div class="nav_div_123"> 9764 <ul class="nav_list" role="menu" aria-label="Bridal" tabindex="-1"> 9765 9766 <li style="" 9767 class="" 9768 role="none"> 9769 9770 9771 9772 <a class="nav_a_trd " title="Shop Rings By Style" href="#!" data-full_image="" role="menuitem" tabindex="0" > 9773 Shop Rings By Style <svg viewBox="0 0 320 512"><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> 9774 </a> 9775 9776 9777 9778 9779 9780 9781 9782 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Style" tabindex="-1"> 9783 <li style="" 9784 class="" 9785 role="none"> 9786 9787 <a class="" href="https://www.mitchumjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="0" > 9788 Halo Rings </a> 9789 </li> 9790 <li style="" 9791 class="" 9792 role="none"> 9793 9794 <a class="" href="https://www.mitchumjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 9795 Side Stone Rings </a> 9796 </li> 9797 <li style="" 9798 class="" 9799 role="none"> 9800 9801 <a class="" href="https://www.mitchumjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 9802 Solitaire Rings </a> 9803 </li> 9804 <li style="" 9805 class="" 9806 role="none"> 9807 9808 <a class="" href="https://www.mitchumjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 9809 Three Stones Rings </a> 9810 </li> 9811 </ul> 9812 </li> 9813 9814 9815 9816 <li style="" 9817 class="" 9818 role="none"> 9819 9820 9821 9822 <a class="nav_a_trd " title="Shop Rings By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 9823 Shop Rings By Shape <svg viewBox="0 0 320 512"><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> 9824 </a> 9825 9826 9827 9828 9829 9830 9831 9832 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Shape" tabindex="-1"> 9833 <li style="" 9834 class="" 9835 role="none"> 9836 9837 <a class="" href="https://www.mitchumjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 9838 Princess Cut Rings </a> 9839 </li> 9840 <li style="" 9841 class="" 9842 role="none"> 9843 9844 <a class="" href="https://www.mitchumjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 9845 Round Cut Rings </a> 9846 </li> 9847 <li style="" 9848 class="" 9849 role="none"> 9850 9851 <a class="" href="https://www.mitchumjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 9852 Radiant Cut Rings </a> 9853 </li> 9854 <li style="" 9855 class="" 9856 role="none"> 9857 9858 <a class="" href="https://www.mitchumjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 9859 Oval Cut Rings </a> 9860 </li> 9861 <li style="" 9862 class="" 9863 role="none"> 9864 9865 <a class="" href="https://www.mitchumjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 9866 Emerald Cut Rings </a> 9867 </li> 9868 <li style="" 9869 class="" 9870 role="none"> 9871 9872 <a class="" href="https://www.mitchumjewelers.com/pear-shape-ring" title="Pear Shape Rings" role="menuitem" tabindex="-1" > 9873 Pear Shape Rings </a> 9874 </li> 9875
9875 </ul> 9876 </li> 9877 9878 9879 9880 <li style="" 9881 class="" 9882 role="none"> 9883 9884 9885 9886 <a class="nav_a_trd " title="Shop Rings By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 9887 Shop Rings By Price <svg viewBox="0 0 320 512"><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> 9888 </a> 9889 9890 9891 9892 9893 9894 9895 9896 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Price" tabindex="-1"> 9897 <li style="" 9898 class="" 9899 role="none"> 9900 9901 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 9902 Up to $500 </a> 9903 </li> 9904 <li style="" 9905 class="" 9906 role="none"> 9907 9908 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 9909 $500 - $1000 </a> 9910 </li> 9911 <li style="" 9912 class="" 9913 role="none"> 9914 9915 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 9916 $1000 - $2000 </a> 9917 </li> 9918 <li style="" 9919 class="" 9920 role="none"> 9921 9922 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 9923 $2000 - $5000 </a> 9924 </li> 9925 <li style="" 9926 class="" 9927 role="none"> 9928 9929 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 9930 $5000 & Up </a> 9931 </li> 9932 </ul> 9933 </li> 9934 9935 9936 9937 <li style="" 9938 class="" 9939 role="none"> 9940 9941 9942 9943 <a class="nav_a_trd " title="Shop Wedding Bands" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 9944 Shop Wedding Bands <svg viewBox="0 0 320 512"><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> 9945 </a> 9946 9947 9948 9949 9950 9951 9952 9953 <ul class="nav_list_trd" role="menu" aria-label="Shop Wedding Bands" tabindex="-1"> 9954 <li style="" 9955 class="" 9956 role="none"> 9957 9958 <a class="" href="https://www.mitchumjewelers.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 9959 Men's Wedding Bands </a> 9960 </li> 9961 <li style="" 9962 class="" 9963 role="none"> 9964 9965 <a class="" href="https://www.mitchumjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 9966 Ladies Wedding Bands </a> 9967 </li> 9968 </ul> 9969 </li> 9970 9971 9972 9973 <li style="" 9974 class="" 9975 role="none"> 9976 9977 9978 9979 <a class="nav_a_trd " title="Shop Bands By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 9980 Shop Bands By Price <svg viewBox="0 0 320 512"><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> 9981 </a> 9982 9983 9984 9985 9986 9987 9988 9989 <ul class="nav_list_trd" role="menu" aria-label="Shop Bands By Price" tabindex="-1"> 9990
9990 <li style="" 9991 class="" 9992 role="none"> 9993 9994 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 9995 Up to $500 </a> 9996 </li> 9997 <li style="" 9998 class="" 9999 role="none"> 10000 10001 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 10002 $500 - $1000 </a> 10003 </li> 10004 <li style="" 10005 class="" 10006 role="none"> 10007 10008 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 10009 $1000 - $2000 </a> 10010 </li> 10011 <li style="" 10012 class="" 10013 role="none"> 10014 10015 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 10016 $2000 - $5000 </a> 10017 </li> 10018 <li style="" 10019 class="" 10020 role="none"> 10021 10022 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 10023 $5000 & Up </a> 10024 </li> 10025 </ul> 10026 </li> 10027 10028 10029 10030 <li style="" 10031 class="" 10032 role="none"> 10033 10034 10035 10036 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 10037 Start Your Research <svg viewBox="0 0 320 512"><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> 10038 </a> 10039 10040 10041 10042 10043 10044 10045 10046 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 10047 <li style="" 10048 class="" 10049 role="none"> 10050 10051 <a class="" href="https://www.mitchumjewelers.com/engagement-rings" title="View All Engagement Rings" role="menuitem" tabindex="0" > 10052 View All Engagement Rings </a> 10053 </li> 10054 <li style="" 10055 class="" 10056 role="none"> 10057 10058 <a class="" href="https://www.mitchumjewelers.com/wedding-bands" title="View All Wedding Bands" role="menuitem" tabindex="-1" > 10059 View All Wedding Bands </a> 10060 </li> 10061 </ul> 10062 </li> 10063 10064 10065 </ul> 10066 </div> 10067</div> 10068<style> 10069 .menu_container_2_navigation_123 { 10070 background: #fff; 10071 } 10072 .horizontal_menu .nav_div_123 { 10073 padding: 15px 0px; 10074 box-shadow: 0px 0px 5px #00000078; display: flex; 10075 flex-wrap: wrap; 10076 } 10077 .horizontal_menu .nav_img_123 { 10078 height: 200px; 10079 width: 250px; 10080 margin-left: 50px; 10081 margin-right: 20px; 10082 flex-shrink: 0; 10083 order: 1; 10084 } 10085 .horizontal_menu .nav_img_123 img { 10086 max-width: 100%; 10087 max-height: 100%; 10088 } 10089 .horizontal_menu .nav_div_123 .vfit { 10090 text-align: left; 10091 border-bottom: 1px solid #ececec; 10092 text-transform: uppercase; 10093 } 10094 .nav_div_123 .vfit a { 10095 text-decoration: none; 10096 color: #222; 10097 } 10098 .nav_div_123 .nav_list { 10099 list-style: none; 10100 margin: 0; 10101 padding: 0; 10102 order: 1; 10103 } 10104 .nav_div_123 ul { 10105 list-style: none; 10106 } 10107 #tablet_hamburger_menu_template .nav_div_123 li { 10108 width: 100%; 10109 margin: 0; 10110 padding: 0px 20px; 10111 position: relative; 10112 } 10113 .horizontal_menu .nav_div_123 li { 10114 width: 100%; 10115 margin: 0; 10116 padding: 0px 20px; 10117 position: relative; 10118 } 10119 10120 #tablet_hamburger_menu_template .nav_div_123 li svg { 10121 position: absolute; 10122 right: 15px; 10123 height: 10px; 10124 top: 10px; 10125 } 10126 .horizontal_menu .nav_div_123 li svg { 10127 position: absolute; 10128 right: 15px; 10129 height: 10px; 10130 top: 10px; 10131 } 10132 10133 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd { 10134 display: flex; 10135 align-items: center; 10136 padding: 0; 10137 line-height: 30px; 10138 font-size: 14px; 10139 text-transform: uppercase; 10140 text-decoration: none; 10141 color: #222; 10142 white-space: normal; 10143 10144 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 10145 } 10146 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li button { 10147 background: none; 10148 border: none; 10149 cursor: pointer; 10150 } 10151 10152 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd.parent_men { 10153 text-decoration: underline; 10154 } 10155 10156 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd:hover { 10157 color:#4d4d4d; cursor: pointer; 10158 } 10159 10160 10161 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a { 10162 display: flex; 10163 align-items: center; 10164 padding: 0; 10165 line-height: 30px; 10166 font-size: 14px; 10167 text-transform: uppercase; 10168 text-decoration: none; 10169 color: #222; 10170 white-space: normal; 10171 10172 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 10173 10174 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a:hover { 10175 color:#4d4d4d; } 10176 10177 .nav_div_123 .nav_list li a .nav_icons { 10178 height: 30px; 10179 margin-right: 5px; 10180 } 10181 10182 10183 10184 .nav_div_123 .nav_list li a:hover { 10185 color: #3172ab; 10186 } 10187 .horizontal_menu .nav_div_123 .nav_list_trd { 10188 display: none; 10189 position: absolute; 10190 left: 100%; 10191 top: -15px; 10192 padding: 15px 0px; 10193 box-shadow: 0px 0px 5px #00000078; background: #fff; 10194 } 10195 .horizontal_menu .nav_div_123 .nav_list>li .nav_list_trd.open, 10196 .horizontal_menu .nav_div_123 .nav_list>li:hover .nav_list_trd { 10197 display: block; 10198 z-index: 99; 10199 } 10200 10201 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123, 10202 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123 .nav_list_trd{ 10203 width: 250px; 10204 } 10205 10206 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123 .nav_list_trd{ 10207 width: 250px; 10208 } 10209 </style> 10210
10210 </li> 10211 <li class=" menu_container_li" role="none"> 10212 <a href="https://www.mitchumjewelers.com/benchmark-ring-lab" title="Design Your Wedding Band" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 10213 Design Your Wedding Band </a> 10214 </li> 10215 <li class=" menu_container_li" role="none"> 10216 <a href="#!" title="Fine Jewelry" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 10217 Fine Jewelry </a> 10218 10219 10220 10221 10222 10223<div class="menu_container default_build_menu menu_container_2_navigation_16"> 10224 <div class="nav_div_16"> 10225 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 10226 10227 <li style="" 10228 class="" 10229 role="none"> 10230 10231 10232 10233 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 10234 Shop By Type <svg viewBox="0 0 320 512"><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> 10235 </a> 10236 10237 10238 10239 10240 10241 10242 10243 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 10244 <li style="" 10245 class="" 10246 role="none"> 10247 10248 <a class="" href="https://www.mitchumjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" > 10249 <img class="nav_icons menu_icon_necklaces" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 10250 Necklaces </a> 10251 </li> 10252 <li style="" 10253 class="" 10254 role="none"> 10255 10256 <a class="" href="https://www.mitchumjewelers.com/diamond-studs" title="Diamond Studs" role="menuitem" tabindex="-1" > 10257 <img class="nav_icons menu_icon_diamondstuds" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
10257ings/stud.svg" alt="Diamond Studs" title="Diamond Studs" loading="lazy"/> 10258 Diamond Studs </a> 10259 </li> 10260 <li style="" 10261 class="" 10262 role="none"> 10263 10264 <a class="" href="https://www.mitchumjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 10265 <img class="nav_icons menu_icon_earrings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 10266 Earrings </a> 10267 </li> 10268 <li style="" 10269 class="" 10270 role="none"> 10271 10272 <a class="" href="https://www.mitchumjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 10273 <img class="nav_icons menu_icon_bracelets" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 10274 Bracelets </a> 10275 </li> 10276 <li style="" 10277 class="" 10278 role="none"> 10279 10280 <a class="" href="https://www.mitchumjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 10281 <img class="nav_icons menu_icon_rings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 10282 Rings </a> 10283 </li> 10284 </ul> 10285 </li> 10286 10287 10288 10289 <li style="" 10290 class="" 10291 role="none"> 10292 10293 10294 10295 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 10296 Shop By Price <svg viewBox="0 0 320 512"><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> 10297 </a> 10298 10299 10300 10301 10302 10303 10304 10305 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 10306 <li style="" 10307 class="" 10308 role="none"> 10309 10310 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 10311 Up to $500 </a> 10312 </li> 10313 <li style="" 10314 class="" 10315 role="none"> 10316 10317 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 10318 $500 - $1000 </a> 10319 </li> 10320 <li style="" 10321 class="" 10322 role="none"> 10323 10324 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 10325 $1000 - $2000 </a> 10326 </li> 10327 <li style="" 10328 class="" 10329 role="none"> 10330 10331 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 10332 $2000 - $5000 </a> 10333 </li> 10334 <li style="" 10335 class="" 10336 role="none"> 10337 10338 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 10339 $5000 & Up </a> 10340 </li> 10341 </ul> 10342 </li> 10343 10344 10345 10346 <li style="" 10347 class="" 10348 role="none"> 10349 10350 10351 10352 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 10353 Start Your Research <svg viewBox="0 0 320 512"><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> 10354 </a> 10355 10356 10357 10358 10359 10360 10361 10362 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 10363 <li style="" 10364 class="" 10365 role="none"> 10366 10367 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry" title="View All Fine Jewelry" role="menuitem" tabindex="0" > 10368 View All Fine Jewelry </a> 10369 </li> 10370
10370 </ul> 10371 </li> 10372 10373 10374 </ul> 10375 </div> 10376</div> 10377<style> 10378 .menu_container_2_navigation_16 { 10379 background: #fff; 10380 } 10381 .horizontal_menu .nav_div_16 { 10382 padding: 15px 0px; 10383 box-shadow: 0px 0px 5px #00000078; display: flex; 10384 flex-wrap: wrap; 10385 } 10386 .horizontal_menu .nav_img_16 { 10387 height: 200px; 10388 width: 250px; 10389 margin-left: 50px; 10390 margin-right: 20px; 10391 flex-shrink: 0; 10392 order: 1; 10393 } 10394 .horizontal_menu .nav_img_16 img { 10395 max-width: 100%; 10396 max-height: 100%; 10397 } 10398 .horizontal_menu .nav_div_16 .vfit { 10399 text-align: left; 10400 border-bottom: 1px solid #ececec; 10401 text-transform: uppercase; 10402 } 10403 .nav_div_16 .vfit a { 10404 text-decoration: none; 10405 color: #222; 10406 } 10407 .nav_div_16 .nav_list { 10408 list-style: none; 10409 margin: 0; 10410 padding: 0; 10411 order: 1; 10412 } 10413 .nav_div_16 ul { 10414 list-style: none; 10415 } 10416 #tablet_hamburger_menu_template .nav_div_16 li { 10417 width: 100%; 10418 margin: 0; 10419 padding: 0px 20px; 10420 position: relative; 10421 } 10422 .horizontal_menu .nav_div_16 li { 10423 width: 100%; 10424 margin: 0; 10425 padding: 0px 20px; 10426 position: relative; 10427 } 10428 10429 #tablet_hamburger_menu_template .nav_div_16 li svg { 10430 position: absolute; 10431 right: 15px; 10432 height: 10px; 10433 top: 10px; 10434 } 10435 .horizontal_menu .nav_div_16 li svg { 10436 position: absolute; 10437 right: 15px; 10438 height: 10px; 10439 top: 10px; 10440 } 10441 10442 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 10443 display: flex; 10444 align-items: center; 10445 padding: 0; 10446 line-height: 30px; 10447 font-size: 14px; 10448 text-transform: uppercase; 10449 text-decoration: none; 10450 color: #222; 10451 white-space: normal; 10452 10453 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 10454 } 10455 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button { 10456 background: none; 10457 border: none; 10458 cursor: pointer; 10459 } 10460 10461 .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 { 10462 text-decoration: underline; 10463 } 10464 10465 .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 { 10466 color:#4d4d4d; cursor: pointer; 10467 } 10468 10469 10470 .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 { 10471 display: flex; 10472 align-items: center; 10473 padding: 0; 10474 line-height: 30px; 10475 font-size: 14px; 10476 text-transform: uppercase; 10477 text-decoration: none; 10478 color: #222; 10479 white-space: normal; 10480 10481 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 10482 10483 .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 { 10484 color:#4d4d4d; } 10485 10486 .nav_div_16 .nav_list li a .nav_icons { 10487 height: 30px; 10488 margin-right: 5px; 10489 } 10490 10491 10492 10493 .nav_div_16 .nav_list li a:hover { 10494 color: #3172ab; 10495 } 10496 .horizontal_menu .nav_div_16 .nav_list_trd { 10497 display: none; 10498 position: absolute; 10499 left: 100%; 10500 top: -15px; 10501 padding: 15px 0px; 10502 box-shadow: 0px 0px 5px #00000078; background: #fff; 10503 } 10504 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 10505 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 10506 display: block; 10507 z-index: 99; 10508 } 10509 10510 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16, 10511 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 10512 width: 250px; 10513 } 10514 10515 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 10516 width: 250px; 10517 } 10518 </style> 10519 </li> 10520 <li class=" menu_container_li" role="none"> 10521 <a href="#!" title="Designers " class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 10522 Designers </a> 10523 10524 10525 10526 10527 10528<div class="menu_container default_build_menu menu_container_2_navigation_72"> 10529 <div class="nav_div_72"> 10530 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 10531 10532 <li style="" 10533 class="" 10534 role="none"> 10535 10536 10537 10538 <a class="nav_a_trd " title="JB Star" href="https://www.mitchumjewelers.com/jbstar" data-full_image="" role="menuitem" tabindex="0" > 10539 JB Star </a> 10540 10541 10542 10543 10544 10545 10546 10547 </li> 10548 10549 10550 10551 <li style="" 10552 class="" 10553 role="none"> 10554 10555 10556 10557 <a class="nav_a_trd " title="A.JAFFE" href="https://www.mitchumjewelers.com/a-jaffe" data-full_image="" role="menuitem" tabindex="-1" > 10558 A.JAFFE </a> 10559 10560 10561 10562 10563 10564 10565 10566 </li> 10567 10568 10569 10570 <li style="" 10571 class="" 10572 role="none"> 10573 10574 10575 10576 <a class="nav_a_trd " title="Allison-Kaufman" href="https://www.mitchumjewelers.com/allison-kaufman" data-full_image="" role="menuitem" tabindex="-1" > 10577 Allison-Kaufman </a> 10578 10579 10580 10581 10582 10583 10584 10585 </li> 10586 10587 10588 10589 <li style="" 10590 class="" 10591 role="none"> 10592 10593 10594 10595 <a class="nav_a_trd " title="Ashi Diamonds" href="https://www.mitchumjewelers.com/ashi-diamonds" data-full_image="" role="menuitem" tabindex="-1" aria-current="page"> 10596 Ashi Diamonds </a> 10597 10598 10599 10600 10601 10602 10603 10604 </li> 10605 10606 10607 10608 <li style="" 10609 class="" 10610 role="none"> 10611 10612 10613 10614 <a class="nav_a_trd " title="Tacori" href="https://www.mitchumjewelers.com/tacori?product_types=Engagement%20Ring" data-full_image="" role="menuitem" tabindex="-1" > 10615 Tacori </a> 10616 10617 10618 10619 10620 10621 10622 10623 </li> 10624 10625 10626 10627 <li style="" 10628 class="" 10629 role="none"> 10630 10631 10632 10633 <a class="nav_a_trd " title="Armenta" href="https://www.mitchumjewelers.com/armenta" data-full_image="" role="menuitem" tabindex="-1" > 10634 Armenta </a> 10635 10636 10637 10638 10639 10640 10641 10642 </li> 10643 10644 10645 10646 <li style="" 10647 class="" 10648 role="none"> 10649 10650 10651 10652 <a class="nav_a_trd " title="Benchmark" href="https://www.mitchumjewelers.com/benchmark-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 10653 Benchmark </a> 10654 10655 10656 10657 10658 10659 10660 10661 </li> 10662 10663 10664 10665 <li style="" 10666 class="" 10667 role="none"> 10668 10669 10670 10671 <a class="nav_a_trd " title="Beny S
10671ofer" href="https://www.mitchumjewelers.com/beny-sofer" data-full_image="" role="menuitem" tabindex="-1" > 10672 Beny Sofer </a> 10673 10674 10675 10676 10677 10678 10679 10680 </li> 10681 10682 10683 10684 <li style="" 10685 class="" 10686 role="none"> 10687 10688 10689 10690 <a class="nav_a_trd " title="Dee Berkley" href="https://www.mitchumjewelers.com/dee-berkley" data-full_image="" role="menuitem" tabindex="-1" > 10691 Dee Berkley </a> 10692 10693 10694 10695 10696 10697 10698 10699 </li> 10700 10701 10702 10703 <li style="" 10704 class="" 10705 role="none"> 10706 10707 10708 10709 <a class="nav_a_trd " title="ELLE" href="https://www.mitchumjewelers.com/elle" data-full_image="" role="menuitem" tabindex="-1" > 10710 ELLE </a> 10711 10712 10713 10714 10715 10716 10717 10718 </li> 10719 10720 10721 10722 <li style="" 10723 class="" 10724 role="none"> 10725 10726 10727 10728 <a class="nav_a_trd " title="Goshwara" href="https://www.mitchumjewelers.com/goshwara" data-full_image="" role="menuitem" tabindex="-1" > 10729 Goshwara </a> 10730 10731 10732 10733 10734 10735 10736 10737 </li> 10738 10739 10740 10741 <li style="" 10742 class="" 10743 role="none"> 10744 10745 10746 10747 <a class="nav_a_trd " title="Henri Daussi" href="https://www.mitchumjewelers.com/henri-daussi" data-full_image="" role="menuitem" tabindex="-1" > 10748 Henri Daussi </a> 10749 10750 10751 10752 10753 10754 10755 10756 </li> 10757 10758 </ul> 10759 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 10760 10761 10762 <li style="" 10763 class="" 10764 role="none"> 10765 10766 10767 10768 <a class="nav_a_trd " title="Ippolita" href="https://www.mitchumjewelers.com/ippolita" data-full_image="" role="menuitem" tabindex="0" > 10769 Ippolita </a> 10770 10771 10772 10773 10774 10775 10776 10777 </li> 10778 10779 10780 10781 <li style="" 10782 class="" 10783 role="none"> 10784 10785 10786 10787 <a class="nav_a_trd " title="John Hardy" href="https://www.mitchumjewelers.com/john-hardy" data-full_image="" role="menuitem" tabindex="-1" > 10788 John Hardy </a> 10789 10790 10791 10792 10793 10794 10795 10796 </li> 10797 10798 10799 10800 <li style="" 10801 class="" 10802 role="none"> 10803 10804 10805 10806 <a class="nav_a_trd " title="Madison L" href="https://www.mitchumjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 10807 Madison L </a> 10808 10809 10810 10811 10812 10813 10814 10815 </li> 10816 10817 10818 10819 <li style="" 10820 class="" 10821 role="none"> 10822 10823 10824 10825 <a class="nav_a_trd " title="Michael M " href="https://www.mitchumjewelers.com/michael-m" data-full_image="" role="menuitem" tabindex="-1" > 10826 Michael M </a> 10827 10828 10829 10830 10831 10832 10833 10834 </li> 10835 10836 10837 10838 <li style="" 10839 class="" 10840 role="none"> 10841 10842 10843 10844 <a class="nav_a_trd " title="Parade" href="https://www.mitchumjewelers.com/parade" data-full_image="/public/1.0/uploads/source/brands/parade_jewels_in_design/paradelogo.jpg" role="menuitem" tabindex="-1" > 10845 Parade </a> 10846 10847 10848 10849 10850 10851 10852 10853 </li> 10854 10855 10856 10857 <li style="" 10858 class="" 10859 role="none"> 10860 10861 10862 10863 <a class="nav_a_trd " title="Roberto Demeglio" href="https://www.mitchumjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 10864 Roberto Demeglio </a> 10865 10866 10867 10868 10869 10870 10871 10872 </li> 10873 10874 10875 10876 <li style="" 10877 class="" 10878 role="none"> 10879 10880 10881 10882 <a class="nav_a_trd " title="Shy Creation" href="https://www.mitchumjewelers.com/shy-creation" data-full_image="" role="menuitem" tabindex="-1" > 10883 Shy Creation </a> 10884 10885 10886 10887 10888 10889 10890 10891 </li> 10892 10893 10894 10895 <li style="" 10896 class="" 10897 role="none"> 10898 10899 10900 10901 <a class="nav_a_trd " title="Mitchum Jewelers Collection" href="https://www.mitchumjewelers.com/mitchum-jewelers-collection" data-full_image="" role="menuitem" tabindex="-1" > 10902 Mitchum Jewelers Collection </a> 10903 10904 10905 10906 10907 10908 10909 10910 </li> 10911 10912 10913 </ul> 10914 </div> 10915</div> 10916<style> 10917 .menu_container_2_navigation_72 { 10918 background: #fff; 10919 } 10920 .horizontal_menu .nav_div_72 { 10921 padding: 15px 0px; 10922 box-shadow: 0px 0px 5px #00000078; display: flex; 10923 flex-wrap: wrap; 10924 } 10925 .horizontal_menu .nav_img_72 { 10926 height: 200px; 10927 width: 250px; 10928 margin-left: 50px; 10929 margin-right: 20px; 10930 flex-shrink: 0; 10931 order: 1; 10932 } 10933 .horizontal_menu .nav_img_72 img { 10934 max-width: 100%; 10935 max-height: 100%; 10936 } 10937 .horizontal_menu .nav_div_72 .vfit { 10938 text-align: left; 10939 border-bottom: 1px solid #ececec; 10940 text-transform: uppercase; 10941 } 10942 .nav_div_72 .vfit a { 10943 text-decoration: none; 10944 color: #222; 10945 } 10946 .nav_div_72 .nav_list { 10947 list-style: none; 10948 margin: 0; 10949 padding: 0; 10950 order: 1; 10951 } 10952 .nav_div_72 ul { 10953 list-style: none; 10954 } 10955 #tablet_hamburger_menu_template .nav_div_72 li { 10956 width: 100%; 10957 margin: 0; 10958 padding: 0px 20px; 10959 position: relative; 10960 } 10961 .horizontal_menu .nav_div_72 li { 10962 width: 100%; 10963 margin: 0; 10964 padding: 0px 20px; 10965 position: relative; 10966 } 10967 10968 #tablet_hamburger_menu_template .nav_div_72 li svg { 10969 position: absolute; 10970 right: 15px; 10971 height: 10px; 10972 top: 10px; 10973 } 10974 .horizontal_menu .nav_div_72 li svg { 10975 position: absolute; 10976 right: 15px; 10977 height: 10px; 10978 top: 10px; 10979 } 10980 10981 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 10982 display: flex; 10983 align-items: center; 10984 padding: 0; 10985 line-height: 30px; 10986 font-size: 14px; 10987 text-transform: uppercase; 10988 text-decoration: none; 10989 color: #222; 10990 white-space: normal; 10991 10992 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 10993 } 10994 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li button { 10995 background: none; 10996 border: none; 10997 cursor: pointer; 10998 } 10999 11000 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 11001 text-decoration: underline; 11002 } 11003 11004 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 11005 color:#4d4d4d; cursor: pointer; 11006 } 11007 11008 11009 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 11010 display: flex; 11011 align-items: center; 11012 padding: 0; 11013 line-height: 30px; 11014 font-size: 14px; 11015 text-transform: uppercase; 11016 text-decoration: none; 11017 color: #222; 11018 white-space: normal; 11019 11020 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 11021 11022 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 11023 color:#4d4d4d; } 11024 11025 .nav_div_72 .nav_list li a .nav_icons { 11026 height: 30px; 11027 margin-right: 5px; 11028 } 11029 11030 11031 11032 .nav_div_72 .nav_list li a:hover { 11033 color: #3172ab; 11034 } 11035 .horizontal_menu .nav_div_72 .nav_list_trd { 11036 display: none; 11037 position: absolute; 11038 left: 100%; 11039 top: -15px; 11040 padding: 15px 0px; 11041 box-shadow: 0px 0px 5px #00000078; background: #fff; 11042 } 11043 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 11044 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 11045 display: block; 11046 z-index: 99; 11047 } 11048 11049 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72, 11050 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 11051 } 11052 11053 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 11054 width: 250px; 11055 } 11056 </style> 11057 </li> 11058 <li class=" menu_container_li" role="none"> 11059 <a href="https://www.mitchumjewelers.com/pre-owned-rolex" title="Pre-Owned Rolex" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 11060 Pre-Owned Rolex </a> 11061 </li> 11062 <li class=" menu_container_li" role="none"> 11063 <a href="#!" title="Timepieces" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 11064 Timepieces </a> 11065 11066 11067 11068 11069 11070<div class="menu_container default_build_menu menu_container_2_navigation_20"> 11071 <div class="nav_div_20"> 11072 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 11073 11074 <li style="" 11075 class="" 11076 role="none"> 11077 11078 11079 11080 <a class="nav_a_trd " title="Shinola" href="https://www.mitchumjewelers.com/shinola" data-full_image="" role="menuitem" tabindex="0" > 11081 Shinola </a> 11082 11083 11084 11085 11086 11087 11088 11089 </li> 11090 11091 11092 11093 <li style="" 11094
11094 class="" 11095 role="none"> 11096 11097 11098 11099 <a class="nav_a_trd " title="Seiko" href="https://www.mitchumjewelers.com/seiko" data-full_image="" role="menuitem" tabindex="-1" > 11100 Seiko </a> 11101 11102 11103 11104 11105 11106 11107 11108 </li> 11109 11110 11111 </ul> 11112 </div> 11113</div> 11114<style> 11115 .menu_container_2_navigation_20 { 11116 background: #fff; 11117 } 11118 .horizontal_menu .nav_div_20 { 11119 padding: 15px 0px; 11120 box-shadow: 0px 0px 5px #00000078; display: flex; 11121 flex-wrap: wrap; 11122 } 11123 .horizontal_menu .nav_img_20 { 11124 height: 200px; 11125 width: 250px; 11126 margin-left: 50px; 11127 margin-right: 20px; 11128 flex-shrink: 0; 11129 order: 1; 11130 } 11131 .horizontal_menu .nav_img_20 img { 11132 max-width: 100%; 11133 max-height: 100%; 11134 } 11135 .horizontal_menu .nav_div_20 .vfit { 11136 text-align: left; 11137 border-bottom: 1px solid #ececec; 11138 text-transform: uppercase; 11139 } 11140 .nav_div_20 .vfit a { 11141 text-decoration: none; 11142 color: #222; 11143 } 11144 .nav_div_20 .nav_list { 11145 list-style: none; 11146 margin: 0; 11147 padding: 0; 11148 order: 1; 11149 } 11150 .nav_div_20 ul { 11151 list-style: none; 11152 } 11153 #tablet_hamburger_menu_template .nav_div_20 li { 11154 width: 100%; 11155 margin: 0; 11156 padding: 0px 20px; 11157 position: relative; 11158 } 11159 .horizontal_menu .nav_div_20 li { 11160 width: 100%; 11161 margin: 0; 11162 padding: 0px 20px; 11163 position: relative; 11164 } 11165 11166 #tablet_hamburger_menu_template .nav_div_20 li svg { 11167 position: absolute; 11168 right: 15px; 11169 height: 10px; 11170 top: 10px; 11171 } 11172 .horizontal_menu .nav_div_20 li svg { 11173 position: absolute; 11174 right: 15px; 11175 height: 10px; 11176 top: 10px; 11177 } 11178 11179 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 11180 display: flex; 11181 align-items: center; 11182 padding: 0; 11183 line-height: 30px; 11184 font-size: 14px; 11185 text-transform: uppercase; 11186 text-decoration: none; 11187 color: #222; 11188 white-space: normal; 11189 11190 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 11191 } 11192 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li button { 11193 background: none; 11194 border: none; 11195 cursor: pointer; 11196 } 11197 11198 .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 { 11199 text-decoration: underline; 11200 } 11201 11202 .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 { 11203 color:#4d4d4d; cursor: pointer; 11204 } 11205 11206 11207 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .n
11207av_list li .nav_list_trd li a { 11208 display: flex; 11209 align-items: center; 11210 padding: 0; 11211 line-height: 30px; 11212 font-size: 14px; 11213 text-transform: uppercase; 11214 text-decoration: none; 11215 color: #222; 11216 white-space: normal; 11217 11218 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 11219 11220 .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:hover { 11221 color:#4d4d4d; } 11222 11223 .nav_div_20 .nav_list li a .nav_icons { 11224 height: 30px; 11225 margin-right: 5px; 11226 } 11227 11228 11229 11230 .nav_div_20 .nav_list li a:hover { 11231 color: #3172ab; 11232 } 11233 .horizontal_menu .nav_div_20 .nav_list_trd { 11234 display: none; 11235 position: absolute; 11236 left: 100%; 11237 top: -15px; 11238 padding: 15px 0px; 11239 box-shadow: 0px 0px 5px #00000078; background: #fff; 11240 } 11241 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 11242 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 11243 display: block; 11244 z-index: 99; 11245 } 11246 11247 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20, 11248 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 11249 width: 250px; 11250 } 11251 11252 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 11253 width: 250px; 11254 } 11255 </style> 11256 </li> 11257 <li class=" menu_container_li" role="none"> 11258 <a href="#!" title="About Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 11259 About Us </a> 11260 11261 11262 11263 11264 11265<div class="menu_container default_build_menu menu_container_2_navigation_98"> 11266 <div class="nav_div_98"> 11267 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 11268 11269 <li style="" 11270 class="" 11271 role="none"> 11272 11273 11274 11275 <a class="nav_a_trd " title="About Us" href="https://www.mitchumjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 11276 About Us </a> 11277 11278 11279 11280 11281 11282 11283 11284 </li> 11285 11286 11287 11288 <li style="" 11289 class="" 11290 role="none"> 11291 11292 11293 11294 <a class="nav_a_trd " title="Staff" href="https://www.mitchumjewelers.com/staff" data-full_image="" role="menuitem" tabindex="-1" > 11295 Staff </a> 11296 11297 11298 11299 11300 11301 11302 11303 </li> 11304 11305 11306 </ul> 11307 </div> 11308</div> 11309<style> 11310 .menu_container_2_navigation_98 { 11311 background: #fff; 11312 } 11313 .horizontal_menu .nav_div_98 { 11314 padding: 15px 0px; 11315 box-shadow: 0px 0px 5px #00000078; display: flex; 11316 flex-wrap: wrap; 11317 } 11318 .horizontal_menu .nav_img_98 { 11319 height: 200px; 11320 width: 250px; 11321 margin-left: 50px; 11322 margin-right: 20px; 11323 flex-shrink: 0; 11324 order: 1; 11325 } 11326 .horizontal_menu .nav_img_98 img { 11327 max-width: 100%; 11328 max-height: 100%; 11329 } 11330 .horizontal_menu .nav_div_98 .vfit { 11331 text-align: left; 11332 border-bottom: 1px solid #ececec; 11333 text-transform: uppercase; 11334 } 11335 .nav_div_98 .vfit a { 11336 text-decoration: none; 11337 color: #222; 11338 } 11339 .nav_div_98 .nav_list { 11340 list-style: none; 11341 margin: 0; 11342 padding: 0; 11343 order: 1; 11344 } 11345 .nav_div_98 ul { 11346 list-style: none; 11347 } 11348 #tablet_hamburger_menu_template .nav_div_98 li { 11349 width: 100%; 11350 margin: 0; 11351 padding: 0px 20px; 11352 position: relative; 11353 } 11354 .horizontal_menu .nav_div_98 li { 11355 width: 100%; 11356 margin: 0; 11357 padding: 0px 20px; 11358 position: relative; 11359 } 11360 11361 #tablet_hamburger_menu_template .nav_div_98 li svg { 11362 position: absolute; 11363 right: 15px; 11364 height: 10px; 11365 top: 10px; 11366 } 11367 .horizontal_menu .nav_div_98 li svg { 11368 position: absolute; 11369 right: 15px; 11370 height: 10px; 11371 top: 10px; 11372 } 11373 11374 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_a_trd { 11375 display: flex; 11376 align-items: center; 11377 padding: 0; 11378 line-height: 30px; 11379 font-size: 14px; 11380 text-transform: uppercase; 11381 text-decoration: none; 11382 color: #222; 11383 white-space: normal; 11384 11385 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 11386 } 11387 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li button { 11388 background: none; 11389 border: none; 11390 cursor: pointer; 11391 } 11392 11393 .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 { 11394 text-decoration: underline; 11395 } 11396 11397 .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 { 11398 color:#4d4d4d; cursor: pointer; 11399 } 11400 11401 11402 .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 { 11403 display: flex; 11404 align-items: center; 11405 padding: 0; 11406 line-height: 30px; 11407 font-size: 14px; 11408 text-transform: uppercase; 11409 text-decoration: none; 11410 color: #222; 11411 white-space: normal; 11412 11413 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 11414 11415 .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 { 11416 color:#4d4d4d; } 11417 11418 .nav_div_98 .nav_list li a .nav_icons { 11419 height: 30px; 11420 margin-right: 5px; 11421 } 11422 11423 11424 11425 .nav_div_98 .nav_list li a:hover { 11426 color: #3172ab; 11427 } 11428 .horizontal_menu .nav_div_98 .nav_list_trd { 11429 display: none; 11430 position: absolute; 11431 left: 100%; 11432 top: -15px; 11433 padding: 15px 0px; 11434 box-shadow: 0px 0px 5px #00000078; background: #fff; 11435 } 11436 .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open, 11437 .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd { 11438 display: block; 11439 z-index: 99; 11440 } 11441 11442 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98, 11443 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{ 11444 width: 250px; 11445 } 11446 11447 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{ 11448 width: 250px; 11449 } 11450 </style> 11451 </li> 11452 <li class=" menu_container_li" role="none"> 11453 <a href="#!" title="Services" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 11454 Services </a> 11455 11456 11457 11458 11459 11460<div class="menu_container default_build_menu menu_container_2_navigation_106"> 11461 <div class="nav_div_106"> 11462 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 11463 11464 <li style="" 11465 class="" 11466 role="none"> 11467 11468 11469 11470 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.mitchumjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="0" > 11471 Jewelry Repair </a> 11472 11473 11474 11475 11476 11477 11478 11479 </li> 11480 11481 11482 11483 <li style="" 11484 class="" 11485 role="none"> 11486 11487 11488 11489 <a class="nav_a_trd " title="Jewelry Cleaning " href="https://www.mitchumjewelers.com/jewelry-cleaning" data-full_image="" role="menuitem" tabindex="-1" > 11490 Jewelry Cleaning </a> 11491 11492 11493 11494 11495 11496 11497 11498 </li> 11499 11500 11501 11502 <li style="" 11503 class="" 11504 role="none"> 11505 11506 11507 11508 <a class="nav_a_trd " title="Jewelry Appraisal" href="https://www.mitchumjewelers.com/jewelry-appraisal" data-full_image="" role="menuitem" tabindex="-1" > 11509 Jewelry Appraisal </a> 11510 11511 11512 11513 11514 11515 11516 11517 </li> 11518 11519 11520 11521 <li style="" 11522 class="" 11523 role="none"> 11524 11525 11526 11527 <a class="nav_a_trd " title="Custom Jewelry De
11527sign" href="https://www.mitchumjewelers.com/custom-jewelry-design" data-full_image="" role="menuitem" tabindex="-1" > 11528 Custom Jewelry Design </a> 11529 11530 11531 11532 11533 11534 11535 11536 </li> 11537 11538 11539 11540 <li style="" 11541 class="" 11542 role="none"> 11543 11544 11545 11546 <a class="nav_a_trd " title="Financing" href="https://www.mitchumjewelers.com/financing" data-full_image="" role="menuitem" tabindex="-1" > 11547 Financing </a> 11548 11549 11550 11551 11552 11553 11554 11555 </li> 11556 11557 11558 11559 <li style="" 11560 class="" 11561 role="none"> 11562 11563 11564 11565 <a class="nav_a_trd " title="Anything Promise" href="https://www.mitchumjewelers.com/journals/anythingpromise" data-full_image="" role="menuitem" tabindex="-1" > 11566 Anything Promise </a> 11567 11568 11569 11570 11571 11572 11573 11574 </li> 11575 11576 11577 </ul> 11578 </div> 11579</div> 11580<style> 11581 .menu_container_2_navigation_106 { 11582 background: #fff; 11583 } 11584 .horizontal_menu .nav_div_106 { 11585 padding: 15px 0px; 11586 box-shadow: 0px 0px 5px #00000078; display: flex; 11587 flex-wrap: wrap; 11588 } 11589 .horizontal_menu .nav_img_106 { 11590 height: 200px; 11591 width: 250px; 11592 margin-left: 50px; 11593 margin-right: 20px; 11594 flex-shrink: 0; 11595 order: 1; 11596 } 11597 .horizontal_menu .nav_img_106 img { 11598 max-width: 100%; 11599 max-height: 100%; 11600 } 11601 .horizontal_menu .nav_div_106 .vfit { 11602 text-align: left; 11603 border-bottom: 1px solid #ececec; 11604 text-transform: uppercase; 11605 } 11606 .nav_div_106 .vfit a { 11607 text-decoration: none; 11608 color: #222; 11609 } 11610 .nav_div_106 .nav_list { 11611 list-style: none; 11612 margin: 0; 11613 padding: 0; 11614 order: 1; 11615 } 11616 .nav_div_106 ul { 11617 list-style: none; 11618 } 11619 #tablet_hamburger_menu_template .nav_div_106 li { 11620 width: 100%; 11621 margin: 0; 11622 padding: 0px 20px; 11623 position: relative; 11624 } 11625 .horizontal_menu .nav_div_106 li { 11626 width: 100%; 11627 margin: 0; 11628 padding: 0px 20px; 11629 position: relative; 11630 } 11631 11632 #tablet_hamburger_menu_template .nav_div_106 li svg { 11633 position: absolute; 11634 right: 15px; 11635 height: 10px; 11636 top: 10px; 11637 } 11638 .horizontal_menu .nav_div_106 li svg { 11639 position: absolute; 11640 right: 15px; 11641 height: 10px; 11642 top: 10px; 11643 } 11644 11645 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd { 11646 display: flex; 11647 align-items: center; 11648 padding: 0; 11649 line-height: 30px; 11650 font-size: 14px; 11651 text-transform: uppercase; 11652 text-decoration: none; 11653 color: #222; 11654 white-space: normal; 11655 11656 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 11657 } 11658 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li button { 11659 background: none; 11660 border: none; 11661 cursor: pointer; 11662 } 11663 11664 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men { 11665 text-decoration: underline; 11666 } 11667 11668 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover { 11669 color:#4d4d4d; cursor: pointer; 11670 } 11671 11672 11673 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a { 11674 display: flex; 11675 align-items: center; 11676 padding: 0; 11677 line-height: 30px; 11678 font-size: 14px; 11679 text-transform: uppercase; 11680 text-decoration: none; 11681 color: #222; 11682 white-space: normal; 11683 11684 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 11685 11686 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover { 11687 color:#4d4d4d; } 11688 11689 .nav_div_106 .nav_list li a .nav_icons { 11690 height: 30px; 11691 margin-right: 5px; 11692 } 11693 11694 11695 11696 .nav_div_106 .nav_list li a:hover { 11697 color: #3172ab; 11698 } 11699 .horizontal_menu .nav_div_106 .nav_list_trd { 11700 display: none; 11701 position: absolute; 11702 left: 100%; 11703 top: -15px; 11704 padding: 15px 0px; 11705 box-shadow: 0px 0px 5px #00000078; background: #fff; 11706 } 11707 .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open, 11708 .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd { 11709 display: block; 11710 z-index: 99; 11711 } 11712 11713 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106, 11714 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{ 11715 width: 250px; 11716 } 11717 11718 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{ 11719 width: 250px; 11720 } 11721 </style> 11722 </li> 11723 <li class=" menu_container_li" role="none"> 11724 <a href="https://www.mitchumjewelers.com/faq" title="FAQ" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 11725 FAQ </a> 11726 </li> 11727 <li class=" menu_container_li" role="none"> 11728 <a href="https://www.mitchumjewelers.com/events" title="Events" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 11729 Events </a> 11730 </li> 11731 <li class=" menu_container_li" role="none"> 11732 <a href="https://www.mitchumjewelers.com/contact-us" title="Contact Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 11733 Contact Us </a> 11734 </li> 11735 </ul> 11736 </nav> 11737 <style> 11738 11739 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu { 11740 display: flex; 11741 list-style: none; 11742 margin: 0; 11743 padding: 0; 11744 } 11745 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links { 11746 padding: 5px 0; 11747 display:flex; 11748 align-items:center; 11749 text-transform:none; } 11750 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links { 11751 background: none; 11752 border: none; 11753 cursor: pointer; 11754 } 11755 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li { 11756 margin-left:16px; } 11757 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img, 11758 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img { 11759 margin-right:4px; 11760 } 11761 11762 .horizontal_menu .menu_container { 11763 position: absolute; 11764 z-index: 9999999; 11765 visibility: hidden; 11766 opacity: 0; 11767 transition: opacity 300ms; 11768 }
11769 .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container { 11770 visibility: visible; 11771 opacity: 1; 11772 } 11773 11774 /* Focus styling for menubar */ 11775 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus { 11776 padding: 0; 11777 border: #034575 solid 1.5px; 11778 } 11779 </style> 11780
11780<script> 11781 // Character navigation tracking 11782 let lastCharTime = 0; 11783 let lastChar = ''; 11784 const CHAR_NAV_TIMEOUT = 500; // milliseconds 11785 11786 // Function to update content and move focus to page title 11787 function updateContent(linkURL, linkName, moveFocus) { 11788 if (typeof moveFocus !== 'boolean') { 11789 moveFocus = true; 11790 } 11791 11792 // Update page title if exists 11793 var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]'); 11794 if (h1Node) { 11795 h1Node.textContent = linkName; 11796 h1Node.tabIndex = -1; 11797 if (moveFocus) { 11798 setTimeout(function() { 11799 h1Node.focus(); 11800 }, 0); 11801 } 11802 } 11803 11804 // Close all submenus 11805 $('.show_sub_menu').removeClass('show_sub_menu'); 11806 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 11807 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 11808 } 11809 11810 // Function to set focus to menuitem with roving tabindex 11811 function setFocusToMenuitem(menuItems, newMenuitem) { 11812 menuItems.each(function() { 11813 if (this === newMenuitem[0]) { 11814 $(this).attr('tabindex', '0'); 11815 newMenuitem.focus(); 11816 } else { 11817 $(this).attr('tabindex', '-1'); 11818 } 11819 }); 11820 } 11821 11822 // Menu containers are now initialized in PHP templates with proper attributes 11823 11824 // Helper function to get all submenu items 11825 function getSubmenuItems(menuContainer) { 11826 // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a) 11827 // Find all menu items within the menu_container, excluding the top-level hor_menu_links 11828 // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button") 11829 return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() { 11830 let $item = $(this); 11831 // Exclude items that are hor_menu_links (top-level menu items) 11832 if ($item.hasClass('hor_menu_links')) { 11833 return false; 11834 } 11835 // Exclude items with role="button" (section headers) 11836 if ($item.attr('role') === 'button') { 11837 return false; 11838 } 11839 // Must have role="menuitem" 11840 if ($item.attr('role') !== 'menuitem') { 11841 return false; 11842 } 11843 // Must be visible and not disabled 11844 if (!$item.is(':visible') || $item.attr('disabled')) { 11845 return false; 11846 } 11847 // Must be within a menu_container_li (to exclude other links) 11848 return $item.closest('.menu_container_li').length > 0; 11849 }); 11850 } 11851 11852 // Helper function to get all menubar items 11853 function getMenubarItems() { 11854 return $('.horizontal_menu>li .hor_menu_links').filter(function() { 11855 return $(this).is(':visible') && !$(this).attr('disabled'); 11856 }); 11857 } 11858 11859 // Helper function to find next item starting with character 11860 function findItemByCharacter(items, char, startIndex) { 11861 char = char.toLowerCase(); 11862 // Search from startIndex to end 11863 for (let i = startIndex + 1; i < items.length; i++) { 11864 let text = $(items[i]).text().trim().toLowerCase(); 11865 if (text.charAt(0) === char) { 11866 return i; 11867 } 11868 } 11869 // Wrap around: search from beginning to startIndex 11870 for (let i = 0; i <= startIndex; i++) { 11871 let text = $(items[i]).text().trim().toLowerCase(); 11872 if (text.charAt(0) === char) { 11873 return i; 11874 } 11875 } 11876 return -1; 11877 } 11878 11879 let lastInputWasKeyboard = false;
11880 11881 document.addEventListener('keydown', (e) => { 11882 if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 11883 lastInputWasKeyboard = true; 11884 } 11885 }); 11886 11887 document.addEventListener('mousedown', () => { 11888 lastInputWasKeyboard = false; 11889 }); 11890 11891 $('.horizontal_menu').on('focusin', function(e) { 11892 if (lastInputWasKeyboard) { 11893 $(this).addClass('focus'); 11894 } 11895 }); 11896 11897 $('.horizontal_menu').on('focusout', function(e) { 11898 if (!$(e.relatedTarget).closest('.horizontal_menu').length) { 11899 $(this).removeClass('focus'); 11900 } 11901 }); 11902 11903 $('.menu_container_li').on('mouseenter', function () { 11904 $('.show_sub_menu').removeClass('show_sub_menu'); 11905 $('.nav_list_trd.open').removeClass('open'); 11906 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 11907 }); 11908 11909 $('.menu_container_li').on('mouseleave', function () { 11910 $('.show_sub_menu').removeClass('show_sub_menu'); 11911 $('.nav_list_trd.open').removeClass('open'); 11912 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 11913 }); 11914 11915 $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () { 11916 $('.show_sub_menu').removeClass('show_sub_menu'); 11917 $('.nav_list_trd.open').removeClass('open'); 11918 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 11919 $(this).attr('aria-expanded', 'false'); 11920 }); 11921 11922 $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) { 11923 let $currentItem = $(this); 11924 let menu_list = $currentItem.closest('.menu_container_li'); 11925 let menubarItems = getMenubarItems(); 11926 let currentIndex = menubarItems.index($currentItem); 11927 let hasSubmenu = menu_list.find('.menu_container').length > 0; 11928 11929 if (event.which === 13 || event.which === 32) { 11930 if(event.which === 32) { 11931 event.preventDefault(); 11932 } 11933 11934 if (hasSubmenu) { 11935 // If has submenu, toggle it 11936 let wasOpen = menu_list.hasClass('show_sub_menu'); 11937 menu_list.toggleClass('show_sub_menu'); 11938 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 11939 $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 11940 $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 11941 11942 if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) { 11943 let menu_container = menu_list.find('.menu_container'); 11944 if (menu_container.length > 0) { 11945 let submenuItems = getSubmenuItems(menu_container); 11946 if (submenuItems.length > 0) { 11947 setTimeout(function() { 11948 submenuItems.first().focus(); 11949 }, 0); 11950 } 11951 } 11952 } 11953 } else { 11954 // If no submenu, activate the link 11955 event.preventDefault(); 11956 let linkUrl = $currentItem.attr('href'); 11957 let linkName = $currentItem.text().trim(); 11958 11959 // Close all menus 11960 $('.show_sub_menu').removeClass('show_sub_menu'); 11961 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 11962 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 11963 11964 // Navigate to the link if it's a valid URL 11965 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 11966 // Navigate to the page 11967 window.location.href = linkUrl; 11968 } 11969 } 11970 } else if (event.which === 27) { 11971 // Escape: close submenu if open 11972 if (menu_list.hasClass('show_sub_menu')) { 11973 menu_list.removeClass('show_sub_menu'); 11974 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 11975 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 11976 $currentItem.attr('aria-expanded', 'false'); 11977 menu_list.find('.nav_list_trd').removeClass('open'); 11978 } 11979 } else if (event.which === 37) { 11980 // Left Arrow: move to previous item (circular) 11981 event.preventDefault(); 11982 let prevItem = currentIndex >
11982 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last(); 11983 setFocusToMenuitem(menubarItems, prevItem); 11984 // Open submenu if any popup is open 11985 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 11986 let prevMenuList = prevItem.closest('.menu_container_li'); 11987 if (prevMenuList.find('.menu_container').length > 0) { 11988 prevMenuList.addClass('show_sub_menu'); 11989 prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 11990 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 11991 } 11992 } 11993 } else if (event.which === 39) { 11994 // Right Arrow: move to next item in menubar (circular) 11995 // 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." 11996 event.preventDefault(); 11997 let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first(); 11998 setFocusToMenuitem(menubarItems, nextItem); 11999 // Open submenu if any popup is open 12000 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 12001 let nextMenuList = nextItem.closest('.menu_container_li'); 12002 if (nextMenuList.find('.menu_container').length > 0) { 12003 nextMenuList.addClass('show_sub_menu'); 12004 nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 12005 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 12006 } 12007 } 12008 } else if (event.which === 40) { 12009 // Down Arrow: open submenu and focus first item 12010 event.preventDefault(); 12011 if (menu_list.find('.menu_container').length > 0) { 12012 menu_list.addClass('show_sub_menu'); 12013 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 12014 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 12015 $currentItem.attr('aria-expanded', 'true'); 12016 12017 let menu_container = menu_list.find('.menu_container'); 12018 let submenuItems = getSubmenuItems(menu_container); 12019 if (submenuItems.length > 0) { 12020 setTimeout(function() { 12021 let firstItem = submenuItems.first(); 12022 setFocusToMenuitem(submenuItems, firstItem); 12023 }, 0); 12024 } 12025 } 12026 } else if (event.which === 38) { 12027 // Up Arrow: open submenu and focus last item 12028 event.preventDefault(); 12029 if (menu_list.find('.menu_container').length > 0) { 12030 menu_list.addClass('show_sub_menu'); 12031 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 12032 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 12033 $currentItem.attr('aria-expanded', 'true'); 12034 12035 let menu_container = menu_list.find('.menu_container'); 12036 let submenuItems = getSubmenuItems(menu_container); 12037 if (submenuItems.length > 0) { 12038 setTimeout(function() { 12039 let lastItem = submenuItems.last(); 12040 // Initialize tabindex for submenu items if not already set 12041 submenuItems.attr('tabindex', '-1'); 12042 setFocusToMenuitem(submenuItems, lastItem); 12043 }, 0); 12044 } 12045 } 12046 } else if (event.which === 36 || event.which === 33) { 12047 // Home or PageUp: move to first item in menubar 12048 event.preventDefault(); 12049 let firstItem = menubarItems.first(); 12050 setFocusToMenuitem(menubarItems, firstItem); 12051 } else if (event.which === 35 || event.which === 34) { 12052 // End or PageDown: move to last item in menubar 12053 event.preventDefault();
12054 let lastItem = menubarItems.last(); 12055 setFocusToMenuitem(menubarItems, lastItem); 12056 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 12057 // Character navigation (A-Z, 0-9) 12058 event.preventDefault(); 12059 let char = String.fromCharCode(event.which).toLowerCase(); 12060 let now = Date.now(); 12061 12062 // Reset if timeout passed or different character 12063 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 12064 lastChar = char; 12065 lastCharTime = now; 12066 } 12067 12068 let nextIndex = findItemByCharacter(menubarItems, char, currentIndex); 12069 if (nextIndex >= 0) { 12070 let nextItem = menubarItems.eq(nextIndex); 12071 setFocusToMenuitem(menubarItems, nextItem); 12072 } 12073 } 12074 }); 12075 12076 12077 // Handle keyboard navigation for section headers (role="button" in .vfit) 12078 // Note: tabindex="0" should be added in PHP template, not here 12079 $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) { 12080 if (event.which === 40) { 12081 // Down Arrow: move focus to first submenu item in this section 12082 event.preventDefault(); 12083 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 12084 if ($currentNavDiv.length > 0) { 12085 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 12086 if (firstItem.length > 0) { 12087 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 12088 setFocusToMenuitem(submenuItems, firstItem); 12089 } 12090 } 12091 } else if (event.which === 38) { 12092 // Up Arrow: move focus to last submenu item in this section 12093 event.preventDefault(); 12094 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 12095 if ($currentNavDiv.length > 0) { 12096 let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last(); 12097 if (lastItem.length > 0) { 12098 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 12099 setFocusToMenuitem(submenuItems, lastItem); 12100 } 12101 } 12102 } else if (event.which === 13 || event.which === 32) { 12103 // Enter/Space: move focus to first submenu item (same as Down Arrow) 12104 event.preventDefault(); 12105 if (event.which === 32) { 12106 event.preventDefault(); 12107 } 12108 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 12109 if ($currentNavDiv.length > 0) { 12110 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 12111 if (firstItem.length > 0) { 12112 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 12113 setFocusToMenuitem(submenuItems, firstItem); 12114 } 12115 } 12116 } 12117 }); 12118 12119 $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) { 12120 let $currentElement = $(this); 12121 let $currentLi = $currentElement.closest('li'); 12122 12123 // Find the menu_container - could be parent or ancestor 12124 let $menuContainer = $currentElement.closest('.menu_container'); 12125 if ($menuContainer.length === 0) { 12126 // If not found, look for parent menu_container_li and then its menu_container 12127 let $parentMenuContainerLi = $currentElement.closest('.menu_container_li'); 12128 if ($parentMenuContainerLi.length > 0) { 12129 $menuContainer = $parentMenuContainerLi.closest('.menu_container'); 12130 if ($menuContainer.length === 0) { 12131 // Try finding menu_container that c
12131ontains this menu_container_li 12132 $menuContainer = $parentMenuContainerLi.parents('.menu_container').first(); 12133 } 12134 } 12135 } 12136 12137 // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu 12138 let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first(); 12139 if ($parentMenuContainerLi.length === 0) { 12140 // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container 12141 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() { 12142 return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0; 12143 }).first(); 12144 } 12145 if ($parentMenuContainerLi.length === 0) { 12146 // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container 12147 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 12148 return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0; 12149 }).first(); 12150 } 12151 12152 // Get all submenu items in current submenu 12153 // For custom_build_menu, ALL items across all columns should be treated as equal submenu items 12154 let submenuItems = $(); 12155 if ($menuContainer.length > 0) { 12156 // Check if this is custom_build_menu structure 12157 let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu'); 12158 12159 if (isCustomBuildMenu) { 12160 // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container 12161 // All items are equal submenu items regardless of which column they're in 12162 submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() { 12163 let $item = $(this); 12164 // Exclude items that are in .vfit (section headers) or are hor_menu_links 12165 // Also exclude items with role="button" (section headers) 12166 return $item.is(':visible') && 12167 !$item.attr('disabled') && 12168 !$item.hasClass('hor_menu_links') && 12169 !$item.closest('.vfit').length && 12170 $item.attr('role') === 'menuitem'; 12171 }); 12172 } else { 12173 // Standard menu structure (default_build_menu) - get all items within menu_container 12174 submenuItems = getSubmenuItems($menuContainer); 12175 } 12176 } 12177 12178 // Find current element index - try multiple methods 12179 let currentSubmenuIndex = -1; 12180 if (submenuItems.length > 0) { 12181 currentSubmenuIndex = submenuItems.index($currentElement); 12182 // If not found by index, try to find by comparing elements 12183 if (currentSubmenuIndex === -1) { 12184 submenuItems.each(function(index) { 12185 if ($(this)[0] === $currentElement[0]) { 12186 currentSubmenuIndex = index; 12187 return false; // break 12188 } 12189 }); 12190 } 12191 } 12192 12193 // Get parent menubar items 12194 let menubarItems = getMenubarItems(); 12195 let parentMenubarIndex = -1; 12196 if ($parentMenuContainerLi.length > 0) { 12197 let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links'); 12198 if ($parentHorMenuLink.length > 0) { 12199 parentMenubarIndex = menubarItems.index($parentHorMenuLink); 12200 } 12201 } 12202 12203 if (event.which === 13 || event.which === 32) { 12204 // Enter/Space: toggle nested submenu if exists, otherwise activate item 12205 if(event.which === 32) { 12206 event.preventDefault(); 12207 } 12208 12209 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 12210 if ($nestedSubmenu.length > 0) { 12211 $nestedSubmenu.toggleClass('open'); 12212 // If opening nested submenu, focus first item 12213 if ($nestedSubmenu.hasClass('open')) { 12214 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 12215 return $(this).is(':visible') && !$(this).attr('disabled'); 12216 }); 12217 if (nestedItems.length > 0) { 12218 setTimeout(function() { 12219 let firstItem = nestedItems.first(); 12220 setFocusToMenuitem(nestedItems, firstItem); 12221 }, 0); 12222 } 12223 } 12224 } else { 12225 // If no nested submenu, activate the link 12226 let linkUrl = $currentElement.attr('href'); 12227 let linkName = $currentElement.text().trim(); 12228 12229 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 12230 // Close all menus 12231 $('.show_sub_menu').removeClass('show_sub_menu'); 12232 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 12233 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 12234 12235 // Update content and move focus 12236 updateContent(linkUrl, linkName, true); 12237 } 12238 } 12239 } else if (event.which === 27) { 12240 // Escape: close submenu and return focus to parent menu item 12241 event.preventDefault(); 12242 12243 // Close any open nested submenu 12244 $currentLi.find('.nav_list_trd').removeClass('open'); 12245 12246 // Find the parent menu container 12247 if ($parentMenuContainerLi.length === 0) { 12248 let current = $currentElement.parent(); 12249 while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) { 12250 current = current.parent(); 12251 } 12252 if (current.hasClass('menu_container_li')) { 12253 $parentMenuContainerLi = current; 12254 } else { 12255 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 12256 return $(this).find($currentElement).length > 0; 12257 }).first(); 12258 } 12259 } 12260 12261 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 12262 $parentMenuContainerLi.removeClass('show_sub_menu'); 12263 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 12264 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 12265 12266 // Return focus to the parent menu item 12267 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 12268 if (parent_menu_link.length > 0) { 12269 let menubarItems = getMenubarItems(); 12270 setFocusToMenuitem(menubarItems, parent_menu_link); 12271 } 12272 } 12273 } else if (event.which === 37) { 12274 // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item 12275 event.preventDefault(); 12276 12277 // Close current submenu 12278 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 12279 $parentMenuContainerLi.removeClass('show_sub_menu'); 12280 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 12281 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 12282 12283 // Move to previous menubar item and open its submenu 12284 if (parentMenubarIndex >= 0) { 12285 let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1; 12286 let prevMenubarItem = menubarItems.eq(prevMenubarIndex); 12287 let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li'); 12288 12289 if (prevMenuContainerLi.find('.menu_container').length > 0) { 12290 prevMenuContainerLi.addClass('show_sub_menu'); 12291 prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 12292 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 12293 } 12294 setFocusToMenuitem(menubarItems, prevMenubarItem); 12295 } else { 12296 // Just focus parent if not in menubar 12297 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 12298 if (parent_menu_link.length > 0) { 12299 let menubarItems = getMenubarItems(); 12300 setFocusToMenuitem(menubarItems, parent_menu_link); 12301 } 12302 } 12303 } 12304 } else if (event.which === 39) { 12305 // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item 12306 event.preventDefault(); 12307 12308 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 12309 if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) { 12310 // Open nested submenu and focus first item 12311 $nestedSubmenu.addClass('open'); 12312 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 12313 return $(this).is(':visible') && !$(this).attr('disabled'); 12314 }); 12315 if (nestedItems.length > 0) { 12316 setTimeout(function() { 12317 let firstItem = nestedItems.first(); 12318 setFocusToMenuitem(nestedItems, firstItem); 12319 }, 0); 12320 } 12321 } else { 12322 // Close current submenu and move to next menubar item 12323 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 12324 $parentMenuContainerLi.removeClass('show_sub_menu'); 12325 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 12326 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 12327 12328 // Move to next menubar item and open its submenu 12329 if (parentMenubarIndex >= 0) { 12330 let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0; 12331 let nextMenubarItem = menubarItems.eq(nextMenubarIndex); 12332 let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li'); 12333 12334 if (nextMenuContainerLi.find('.menu_container').length > 0) { 12335 nextMenuContainerLi.addClass('show_sub_menu'); 12336 nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 12337 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 12338 } 12339 setFocusToMenuitem(menubarItems, nextMenubarItem); 12340 } 12341 } 12342 } 12343 } else if (event.which === 40) { 12344 // Down Arrow: move to next item in submenu (circular) 12345 event.preventDefault(); 12346 if (submenuItems.length > 0) { 12347 let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0; 12348 let nextItem = submenuItems.eq(nextIndex); 12349 if (nextItem.length > 0) { 12350 setFocusToMenuitem(submenuItems, nextItem); 12351 } 12352 } 12353 } else if (event.which === 38) { 12354 // Up Arrow: move to previous item in submenu (circular) 12355 event.preventDefault(); 12356 if (submenuItems.length > 0) { 12357 let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1; 12358 let prevItem = submenuItems.eq(prevIndex); 12359 if (prevItem.length > 0) { 12360 setFocusToMenuitem(submenuItems, prevItem); 12361 } 12362 } 12363 } else if (event.which === 36 || event.which === 33) { 12364 // Home or PageUp: move to first item in submenu 12365 event.preventDefault(); 12366 if (submenuItems.length > 0) { 12367 let firstItem = submenuItems.first(); 12368 setFocusToMenuitem(submenuItems, firstItem); 12369 } 12370 } else if (event.which === 35 || event.which === 34) { 12371 // End or PageDown: move to last item in submenu 12372 event.preventDefault(); 12373 if (submenuItems.length > 0) {
12374 let lastItem = submenuItems.last(); 12375 setFocusToMenuitem(submenuItems, lastItem); 12376 } 12377 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 12378 // Character navigation (A-Z, 0-9) 12379 event.preventDefault(); 12380 let char = String.fromCharCode(event.which).toLowerCase(); 12381 let now = Date.now(); 12382 12383 // Reset if timeout passed or different character 12384 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 12385 lastChar = char; 12386 lastCharTime = now; 12387 } 12388 12389 if (submenuItems.length > 0 && currentSubmenuIndex >= 0) { 12390 let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex); 12391 if (nextIndex >= 0) { 12392 let nextItem = submenuItems.eq(nextIndex); 12393 setFocusToMenuitem(submenuItems, nextItem); 12394 } 12395 } 12396 } 12397 }); 12398 </script>
12398 12399 </div> 12400</div> 12401 12402<style> 12403 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 12404 width:100%; justify-content: center; 12405 align-items:center; -webkit-align-items:center; } 12406 12407 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 12408 } 12409 12410 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 12411 display: flex; 12412 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:5px; padding-bottom:5px; padding-left:px; padding-right:px; } 12413 12414 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 12415 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 12416 color:#000000; display: flex; 12417 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 12418 12419 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 12420 color:#4d4d4d; } 12421</style> 12422 </div> 12423 12424 <style> 12425 .header_container_2>.flex_row_3>.flex_col_1 { 12426 width:100%; } 12427 </style> 12428 12429 12430 12431 </div> 12432 12433 12434 <style> 12435 .header_container_2>.flex_row_3 { 12436 background-color: #ffffff; 12437 12438 color:#000000; height:auto; 12439 12440 } 12441 12442 </style> 12443 12444 12445 12446 12447 12448 12449 <div class="flex_row"> 12450 12451 12452 <div class="flex_col"> 12453 12454 12455 </div> 12456 12457 <div class="flex_col"> 12458 12459 12460 </div> 12461 12462 <div class="flex_col"> 12463 12464 12465 </div> 12466 12467 <div class="flex_col"> 12468 12469 12470 </div> 12471 12472 <div class="flex_col"> 12473 12474 12475 </div> 12476 12477 <div class="flex_col"> 12478 12479 12480 </div> 12481 12482 </div> 12483 12484 12485 12486 <div class="flex_row"> 12487 12488 12489 <div class="flex_col"> 12490 12491 12492 </div> 12493 12494 <div class="flex_col"> 12495 12496 12497 </div> 12498 12499 <div class="flex_col"> 12500 12501 12502 </div> 12503 12504 </div> 12505 12506 12507 12508 <div class="flex_row"> 12509 12510 12511 <div class="flex_col"> 12512 12513 <div class="flex_cell flex_cell_1 menu"> 12514 <style> 12515 #tablet_hamburger_menu_template { 12516 position: fixed; 12517 top: 0; 12518 left: 0; 12519 width: 325px; 12520 overflow-y: auto; 12521 transform: translateX(-325px); 12522 z-index: 1000000001; 12523 height: 100vh; 12524 background-color: #ffffff; 12525 transition: all 0.3s ease; 12526 } 12527 #tablet_hamburger_menu_template_overlay.open { 12528 position: fixed; 12529 top: 0; 12530 left: 0; 12531 width: 100vw; 12532 z-index: 1000000001; 12533 transition: all 0.3s ease; 12534 height: 100vh; 12535 background: rgba(1, 1, 1, 0.5); 12536 cursor: pointer; 12537 transform: translateX(325px); 12538 }
12539 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 12540 padding: 10px; 12541 padding-right:25px; 12542 } 12543 #tablet_hamburger_menu_template .hamburger-menu-close-button { 12544 font-size: 14px !important; 12545 display: flex; 12546 align-items: center; 12547 margin-bottom: 20px; 12548 } 12549 #tablet_hamburger_menu_template .hamburger-menu-close-button svg, 12550 #tablet_hamburger_menu_template button.hamburger-menu-close-button svg { 12551 height: 15px; 12552 margin-right: 5px; 12553 } 12554 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 12555 display: flex; 12556 justify-content: space-between; 12557 align-items: center; 12558 } 12559 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg, 12560 #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg, 12561 #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg { 12562 height: 10px; 12563 float: right; 12564 } 12565 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 12566 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 12567 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 12568 text-decoration: underline; 12569 } 12570 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 12571 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 12572 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 12573 min-width:30px; 12574 justify-content: end; 12575 } 12576 #tablet_hamburger_menu_template .ham_menu_container { 12577 display:flex; 12578 justify-content: space-between; 12579 } 12580 #tablet_hamburger_menu_template.open { 12581 transform: translateX(0); 12582 } 12583 #tablet_hamburger_menu_template .sub-menu-panel { 12584 display: none; 12585 } 12586 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 12587 display: none; 12588 } 12589 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 12590 display: block; 12591 } 12592 #tablet_hamburger_menu_template .icon_and_name { 12593 display:flex; 12594 align-items:center; 12595 gap:10px; 12596 } 12597 #tablet_hamburger_menu_template .hum-line { 12598 border-bottom: 1px solid #ddd; 12599 } 12600 #tablet_hamburger_menu_template .sub-menu-panel.open, 12601 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 12602 display: block; 12603 } 12604 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 12605 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 12606 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 12607 #tablet_hamburger_menu_template a.hamburger-menu-close-button{ 12608 color:#000000; display: flex; 12609 text-align: left; 12610 width: 100%; 12611 position: relative; 12612 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 12613 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 12614 display: none; 12615 padding: 15px 0px; 12616 background: #fff; 12617 } 12618 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 12619 display: block; 12620 padding-top:2px; 12621 } 12622 /* Reset button styles to look like links */ 12623 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 12624 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 12625 #tablet_hamburger_menu_template button.parent_men_arrow { 12626 background: none; 12627 border: none; 12628 padding: 0; 12629 cursor: pointer; 12630 -webkit-appearance: none; 12631 -moz-appearance: none; 12632 appearance: none; 12633 } 12634 12635 /* Hover and active states for buttons - inherit from link styles */
12636 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 12637 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active, 12638 #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 12639 #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover { 12640 /* Styles inherited from parent selectors above */ 12641 } 12642 12643 /* Additional button styles are inherited from parent selectors above */ 12644 12645 /* Image styles inside buttons */ 12646 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 12647 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 12648 height:20px; 12649 } 12650 </style> 12651 12652 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 12653 <div class="hamburger-menu-template-inner"> 12654 <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu"> 12655 <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> 12656 12657 <div class="script_before_menu"> 12658 </div> 12659 <div style="clear: both"></div> 12660 12661 12662 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-123" aria-label="Expand Bridal section"> 12663 <span class="icon_and_name"> 12664 12665 Bridal </span> 12666 <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> 12667 12668 </button> 12669 12670 12671 12672 <div class="sub-menu-panel" id="tablet-submenu-123" aria-hidden="true"> 12673 12674 12675 12676 12677 12678<div class="menu_container default_build_menu menu_container_2_navigation_123"> 12679 <div class="nav_div_123"> 12680 <ul class="nav_list" role="menu" aria-label="Bridal" tabindex="-1"> 12681 12682 <li style="" 12683 class="" 12684 role="none"> 12685 12686 12687 12688 <a class="nav_a_trd " title="Shop Rings By Style" href="#!" data-full_image="" role="menuitem" tabindex="0" > 12689 Shop Rings By Style <svg viewBox="0 0 320 512"><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> 12690 </a> 12691 12692 12693 12694 12695 12696 12697 12698 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Style" tabindex="-1"> 12699 <li style="" 12700 class="" 12701 role="none"> 12702 12703 <a class="" href="https://www.mitchumjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="0" > 12704 Halo Rings </a> 12705 </li> 12706 <li style="" 12707 class="" 12708 role="none"> 12709 12710 <a class="" href="https://www.mitchumjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 12711 Side Stone Rings </a> 12712 </li> 12713 <li style="" 12714 class="" 12715 role="none"> 12716 12717 <a class="" href="https://www.mitchumjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 12718 Solitaire Rings </a> 12719 </li> 12720 <li style="" 12721 class="" 12722 role="none"> 12723 12724 <a class="" href="https://www.mitchumjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 12725 Three Stones Rings </a> 12726 </li> 12727 </ul> 12728 </li> 12729 12730 12731 12732 <li style="" 12733 class="" 12734 role="none"> 12735 12736 12737 12738 <a class="nav_a_trd " title="Shop Rings By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12739 Shop Rings By Shape <svg viewBox="0 0 320 512"><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> 12740 </a> 12741 12742 12743 12744 12745 12746 12747 12748 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Shape" tabindex="-1"> 12749 <li style="" 12750 class="" 12751 role="none"> 12752 12753 <a class="" href="https://www.mitchumjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 12754 Princess Cut Rings </a> 12755 </li> 12756 <li style="" 12757 class="" 12758 role="none"> 12759 12760 <a class="" href="https://www.mitchumjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 12761 Round Cut Rings </a> 12762 </li> 12763 <li style="" 12764 class="" 12765 role="none"> 12766 12767 <a class="" href="https://www.mitchumjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 12768 Radiant Cut Rings </a> 12769 </li> 12770 <li style="" 12771 class="" 12772 role="none"> 12773 12774 <a class="" href="https://www.mitchumjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 12775 Oval Cut Rings </a> 12776 </li> 12777 <li style="" 12778 class="" 12779 role="none"> 12780 12781 <a class="" href="https://www.mitchumjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 12782 Emerald Cut Rings </a> 12783 </li> 12784 <li style="" 12785 class="" 12786 role="none"> 12787 12788 <a class="" href="https://www.mitchumjewelers.com/pear-shape-ring" title="Pear Shape Rings" role="menuitem" tabindex="-1" > 12789 Pear Shape Rings </a> 12790 </li> 12791
12791 </ul> 12792 </li> 12793 12794 12795 12796 <li style="" 12797 class="" 12798 role="none"> 12799 12800 12801 12802 <a class="nav_a_trd " title="Shop Rings By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12803 Shop Rings By Price <svg viewBox="0 0 320 512"><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> 12804 </a> 12805 12806 12807 12808 12809 12810 12811 12812 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Price" tabindex="-1"> 12813 <li style="" 12814 class="" 12815 role="none"> 12816 12817 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 12818 Up to $500 </a> 12819 </li> 12820 <li style="" 12821 class="" 12822 role="none"> 12823 12824 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 12825 $500 - $1000 </a> 12826 </li> 12827 <li style="" 12828 class="" 12829 role="none"> 12830 12831 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 12832 $1000 - $2000 </a> 12833 </li> 12834 <li style="" 12835 class="" 12836 role="none"> 12837 12838 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12839 $2000 - $5000 </a> 12840 </li> 12841 <li style="" 12842 class="" 12843 role="none"> 12844 12845 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12846 $5000 & Up </a> 12847 </li> 12848 </ul> 12849 </li> 12850 12851 12852 12853 <li style="" 12854 class="" 12855 role="none"> 12856 12857 12858 12859 <a class="nav_a_trd " title="Shop Wedding Bands" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12860 Shop Wedding Bands <svg viewBox="0 0 320 512"><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> 12861 </a> 12862 12863 12864 12865 12866 12867 12868 12869 <ul class="nav_list_trd" role="menu" aria-label="Shop Wedding Bands" tabindex="-1"> 12870 <li style="" 12871 class="" 12872 role="none"> 12873 12874 <a class="" href="https://www.mitchumjewelers.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 12875 Men's Wedding Bands </a> 12876 </li> 12877 <li style="" 12878 class="" 12879 role="none"> 12880 12881 <a class="" href="https://www.mitchumjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 12882 Ladies Wedding Bands </a> 12883 </li> 12884 </ul> 12885 </li> 12886 12887 12888 12889 <li style="" 12890 class="" 12891 role="none"> 12892 12893 12894 12895 <a class="nav_a_trd " title="Shop Bands By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12896 Shop Bands By Price <svg viewBox="0 0 320 512"><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> 12897 </a> 12898 12899 12900 12901 12902 12903 12904 12905 <ul class="nav_list_trd" role="menu" aria-label="Shop Bands By Price" tabindex="-1"> 12906
12906 <li style="" 12907 class="" 12908 role="none"> 12909 12910 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 12911 Up to $500 </a> 12912 </li> 12913 <li style="" 12914 class="" 12915 role="none"> 12916 12917 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 12918 $500 - $1000 </a> 12919 </li> 12920 <li style="" 12921 class="" 12922 role="none"> 12923 12924 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 12925 $1000 - $2000 </a> 12926 </li> 12927 <li style="" 12928 class="" 12929 role="none"> 12930 12931 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12932 $2000 - $5000 </a> 12933 </li> 12934 <li style="" 12935 class="" 12936 role="none"> 12937 12938 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12939 $5000 & Up </a> 12940 </li> 12941 </ul> 12942 </li> 12943 12944 12945 12946 <li style="" 12947 class="" 12948 role="none"> 12949 12950 12951 12952 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12953 Start Your Research <svg viewBox="0 0 320 512"><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> 12954 </a> 12955 12956 12957 12958 12959 12960 12961 12962 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 12963 <li style="" 12964 class="" 12965 role="none"> 12966 12967 <a class="" href="https://www.mitchumjewelers.com/engagement-rings" title="View All Engagement Rings" role="menuitem" tabindex="0" > 12968 View All Engagement Rings </a> 12969 </li> 12970 <li style="" 12971 class="" 12972 role="none"> 12973 12974 <a class="" href="https://www.mitchumjewelers.com/wedding-bands" title="View All Wedding Bands" role="menuitem" tabindex="-1" > 12975 View All Wedding Bands </a> 12976 </li> 12977 </ul> 12978 </li> 12979 12980 12981 </ul> 12982 </div> 12983</div> 12984<style> 12985 .menu_container_2_navigation_123 { 12986 background: #fff; 12987 } 12988 .horizontal_menu .nav_div_123 { 12989 padding: 15px 0px; 12990 box-shadow: 0px 0px 5px #00000078; display: flex; 12991 flex-wrap: wrap; 12992 } 12993 .horizontal_menu .nav_img_123 { 12994 height: 200px; 12995 width: 250px; 12996 margin-left: 50px; 12997 margin-right: 20px; 12998 flex-shrink: 0; 12999 order: 1; 13000 } 13001 .horizontal_menu .nav_img_123 img { 13002 max-width: 100%; 13003 max-height: 100%; 13004 } 13005 .horizontal_menu .nav_div_123 .vfit { 13006 text-align: left; 13007 border-bottom: 1px solid #ececec; 13008 text-transform: uppercase; 13009 } 13010 .nav_div_123 .vfit a { 13011 text-decoration: none; 13012 color: #222; 13013 } 13014 .nav_div_123 .nav_list { 13015 list-style: none; 13016 margin: 0; 13017 padding: 0; 13018 order: 1; 13019 } 13020 .nav_div_123 ul { 13021 list-style: none; 13022 } 13023 #tablet_hamburger_menu_template .nav_div_123 li { 13024 width: 100%; 13025 margin: 0; 13026 padding: 0px 20px; 13027 position: relative; 13028 } 13029 .horizontal_menu .nav_div_123 li { 13030 width: 100%; 13031 margin: 0; 13032 padding: 0px 20px; 13033 position: relative; 13034 } 13035 13036 #tablet_hamburger_menu_template .nav_div_123 li svg { 13037 position: absolute; 13038 right: 15px; 13039 height: 10px; 13040 top: 10px; 13041 } 13042 .horizontal_menu .nav_div_123 li svg { 13043 position: absolute; 13044 right: 15px; 13045 height: 10px; 13046 top: 10px; 13047 } 13048 13049 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd { 13050 display: flex; 13051 align-items: center; 13052 padding: 0; 13053 line-height: 30px; 13054 font-size: 14px; 13055 text-transform: uppercase; 13056 text-decoration: none; 13057 color: #222; 13058 white-space: normal; 13059 13060 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 13061 } 13062 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li button { 13063 background: none; 13064 border: none; 13065 cursor: pointer; 13066 } 13067 13068 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd.parent_men { 13069 text-decoration: underline; 13070 } 13071 13072 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_a_trd:hover { 13073 color:#4d4d4d; cursor: pointer; 13074 } 13075 13076 13077 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a { 13078 display: flex; 13079 align-items: center; 13080 padding: 0; 13081 line-height: 30px; 13082 font-size: 14px; 13083 text-transform: uppercase; 13084 text-decoration: none; 13085 color: #222; 13086 white-space: normal; 13087 13088 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 13089 13090 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a:hover { 13091 color:#4d4d4d; } 13092 13093 .nav_div_123 .nav_list li a .nav_icons { 13094 height: 30px; 13095 margin-right: 5px; 13096 } 13097 13098 13099 13100 .nav_div_123 .nav_list li a:hover { 13101 color: #3172ab; 13102 } 13103 .horizontal_menu .nav_div_123 .nav_list_trd { 13104 display: none; 13105 position: absolute; 13106 left: 100%; 13107 top: -15px; 13108 padding: 15px 0px; 13109 box-shadow: 0px 0px 5px #00000078; background: #fff; 13110 } 13111 .horizontal_menu .nav_div_123 .nav_list>li .nav_list_trd.open, 13112 .horizontal_menu .nav_div_123 .nav_list>li:hover .nav_list_trd { 13113 display: block; 13114 z-index: 99; 13115 } 13116 13117 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123, 13118 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123 .nav_list_trd{ 13119 width: 250px; 13120 } 13121 13122 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_123 .nav
13122_list_trd{ 13123 width: 250px; 13124 } 13125 </style> 13126 </div> 13127 <div class="hum-line"></div> 13128 13129 13130 <a class="hamburger-menu-nav-section " title="Design Your Wedding Band" href="https://www.mitchumjewelers.com/benchmark-ring-lab" > 13131 <span class="icon_and_name"> 13132 13133 Design Your Wedding Band </span> 13134 13135 </a> 13136 13137 13138 13139 <div class="sub-menu-panel" id="tablet-submenu-132" aria-hidden="true"> 13140 13141 13142 13143 13144 13145<div class="menu_container default_build_menu menu_container_2_navigation_132"> 13146 <div class="nav_div_132"> 13147 </div> 13148</div> 13149<style> 13150 .menu_container_2_navigation_132 { 13151 background: #fff; 13152 } 13153 .horizontal_menu .nav_div_132 { 13154 padding: 15px 0px; 13155 box-shadow: 0px 0px 5px #00000078; display: flex; 13156 flex-wrap: wrap; 13157 } 13158 .horizontal_menu .nav_img_132 { 13159 height: 200px; 13160 width: 250px; 13161 margin-left: 50px; 13162 margin-right: 20px; 13163 flex-shrink: 0; 13164 order: 1; 13165 } 13166 .horizontal_menu .nav_img_132 img { 13167 max-width: 100%; 13168 max-height: 100%; 13169 } 13170 .horizontal_menu .nav_div_132 .vfit { 13171 text-align: left; 13172 border-bottom: 1px solid #ececec; 13173 text-transform: uppercase; 13174 } 13175 .nav_div_132 .vfit a { 13176 text-decoration: none; 13177 color: #222; 13178 } 13179 .nav_div_132 .nav_list { 13180 list-style: none; 13181 margin: 0; 13182 padding: 0; 13183 order: 1; 13184 } 13185 .nav_div_132 ul { 13186 list-style: none; 13187 } 13188 #tablet_hamburger_menu_template .nav_div_132 li { 13189 width: 100%; 13190 margin: 0; 13191 padding: 0px 20px; 13192 position: relative; 13193 } 13194 .horizontal_menu .nav_div_132 li { 13195 width: 100%; 13196 margin: 0; 13197 padding: 0px 20px; 13198 position: relative; 13199 } 13200 13201 #tablet_hamburger_menu_template .nav_div_132 li svg { 13202 position: absolute; 13203 right: 15px; 13204 height: 10px; 13205 top: 10px; 13206 } 13207 .horizontal_menu .nav_div_132 li svg { 13208 position: absolute; 13209 right: 15px; 13210 height: 10px; 13211 top: 10px; 13212 } 13213 13214 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li .nav_a_trd { 13215 display: flex; 13216 align-items: center; 13217 padding: 0; 13218 line-height: 30px; 13219 font-size: 14px; 13220 text-transform: uppercase; 13221 text-decoration: none; 13222 color: #222; 13223 white-space: normal; 13224 13225 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 13226 } 13227 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li button { 13228 background: none; 13229 border: none; 13230 cursor: pointer; 13231 } 13232 13233 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li .nav_a_trd.parent_men { 13234 text-decoration: underline; 13235 } 13236 13237 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li .nav_a_trd:hover { 13238 color:#4d4d4d; cursor: pointer; 13239 } 13240 13241 13242 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a { 13243 display: flex; 13244 align-items: center; 13245 padding: 0; 13246 line-height: 30px; 13247 font-size: 14px; 13248 text-transform: uppercase; 13249 text-decoration: none; 13250 color: #222; 13251 white-space: normal; 13252 13253 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 13254 13255 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a:hover { 13256 color:#4d4d4d; } 13257 13258 .nav_div_132 .nav_list li a .nav_icons { 13259 height: 30px; 13260 margin-right: 5px; 13261 } 13262 13263 13264 13265 .nav_div_132 .nav_list li a:hover { 13266 color: #3172ab; 13267 } 13268 .horizontal_menu .nav_div_132 .nav_list_trd { 13269 display: none; 13270 position: absolute; 13271 left: 100%; 13272 top: -15px; 13273 padding: 15px 0px; 13274 box-shadow: 0px 0px 5px #00000078; background: #fff; 13275 } 13276 .horizontal_menu .nav_div_132 .nav_list>li .nav_list_trd.open, 13277 .horizontal_menu .nav_div_132 .nav_list>li:hover .nav_list_trd { 13278 display: block; 13279 z-index: 99; 13280 } 13281 13282 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_132, 13283 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_132 .nav_list_trd{ 13284 width: 250px; 13285 } 13286 13287 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_132 .nav_list_trd{ 13288 width: 250px; 13289 } 13290 </style> 13291 </div> 13292 <div class="hum-line"></div> 13293 13294 13295 <button type="button" class="hamburger-menu
13295-nav-section " aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Fine Jewelry section"> 13296 <span class="icon_and_name"> 13297 13298 Fine Jewelry </span> 13299 <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> 13300 13301 </button> 13302 13303 13304 13305 <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true"> 13306 13307 13308 13309 13310 13311<div class="menu_container default_build_menu menu_container_2_navigation_16"> 13312 <div class="nav_div_16"> 13313 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 13314 13315 <li style="" 13316 class="" 13317 role="none"> 13318 13319 13320 13321 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 13322 Shop By Type <svg viewBox="0 0 320 512"><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> 13323 </a> 13324 13325 13326 13327 13328 13329 13330 13331 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 13332 <li style="" 13333 class="" 13334 role="none"> 13335 13336 <a class="" href="https://www.mitchumjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" > 13337 <img class="nav_icons menu_icon_necklaces" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 13338 Necklaces </a> 13339 </li> 13340 <li style="" 13341 class="" 13342 role="none"> 13343 13344 <a class="" href="https://www.mitchumjewelers.com/diamond-studs" title="Diamond Studs" role="menuitem" tabindex="-1" > 13345 <img class="nav_icons menu_icon_diamondstuds" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
13345ings/stud.svg" alt="Diamond Studs" title="Diamond Studs" loading="lazy"/> 13346 Diamond Studs </a> 13347 </li> 13348 <li style="" 13349 class="" 13350 role="none"> 13351 13352 <a class="" href="https://www.mitchumjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 13353 <img class="nav_icons menu_icon_earrings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 13354 Earrings </a> 13355 </li> 13356 <li style="" 13357 class="" 13358 role="none"> 13359 13360 <a class="" href="https://www.mitchumjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 13361 <img class="nav_icons menu_icon_bracelets" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 13362 Bracelets </a> 13363 </li> 13364 <li style="" 13365 class="" 13366 role="none"> 13367 13368 <a class="" href="https://www.mitchumjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 13369 <img class="nav_icons menu_icon_rings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 13370 Rings </a> 13371 </li> 13372 </ul> 13373 </li> 13374 13375 13376 13377 <li style="" 13378 class="" 13379 role="none"> 13380 13381 13382 13383 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 13384 Shop By Price <svg viewBox="0 0 320 512"><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> 13385 </a> 13386 13387 13388 13389 13390 13391 13392 13393 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 13394 <li style="" 13395 class="" 13396 role="none"> 13397 13398 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 13399 Up to $500 </a> 13400 </li> 13401 <li style="" 13402 class="" 13403 role="none"> 13404 13405 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 13406 $500 - $1000 </a> 13407 </li> 13408 <li style="" 13409 class="" 13410 role="none"> 13411 13412 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 13413 $1000 - $2000 </a> 13414 </li> 13415 <li style="" 13416 class="" 13417 role="none"> 13418 13419 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 13420 $2000 - $5000 </a> 13421 </li> 13422 <li style="" 13423 class="" 13424 role="none"> 13425 13426 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 13427 $5000 & Up </a> 13428 </li> 13429 </ul> 13430 </li> 13431 13432 13433 13434 <li style="" 13435 class="" 13436 role="none"> 13437 13438 13439 13440 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 13441 Start Your Research <svg viewBox="0 0 320 512"><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> 13442 </a> 13443 13444 13445 13446 13447 13448 13449 13450 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 13451 <li style="" 13452 class="" 13453 role="none"> 13454 13455 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry" title="View All Fine Jewelry" role="menuitem" tabindex="0" > 13456 View All Fine Jewelry </a> 13457 </li> 13458
13458 </ul> 13459 </li> 13460 13461 13462 </ul> 13463 </div> 13464</div> 13465<style> 13466 .menu_container_2_navigation_16 { 13467 background: #fff; 13468 } 13469 .horizontal_menu .nav_div_16 { 13470 padding: 15px 0px; 13471 box-shadow: 0px 0px 5px #00000078; display: flex; 13472 flex-wrap: wrap; 13473 } 13474 .horizontal_menu .nav_img_16 { 13475 height: 200px; 13476 width: 250px; 13477 margin-left: 50px; 13478 margin-right: 20px; 13479 flex-shrink: 0; 13480 order: 1; 13481 } 13482 .horizontal_menu .nav_img_16 img { 13483 max-width: 100%; 13484 max-height: 100%; 13485 } 13486 .horizontal_menu .nav_div_16 .vfit { 13487 text-align: left; 13488 border-bottom: 1px solid #ececec; 13489 text-transform: uppercase; 13490 } 13491 .nav_div_16 .vfit a { 13492 text-decoration: none; 13493 color: #222; 13494 } 13495 .nav_div_16 .nav_list { 13496 list-style: none; 13497 margin: 0; 13498 padding: 0; 13499 order: 1; 13500 } 13501 .nav_div_16 ul { 13502 list-style: none; 13503 } 13504 #tablet_hamburger_menu_template .nav_div_16 li { 13505 width: 100%; 13506 margin: 0; 13507 padding: 0px 20px; 13508 position: relative; 13509 } 13510 .horizontal_menu .nav_div_16 li { 13511 width: 100%; 13512 margin: 0; 13513 padding: 0px 20px; 13514 position: relative; 13515 } 13516 13517 #tablet_hamburger_menu_template .nav_div_16 li svg { 13518 position: absolute; 13519 right: 15px; 13520 height: 10px; 13521 top: 10px; 13522 } 13523 .horizontal_menu .nav_div_16 li svg { 13524 position: absolute; 13525 right: 15px; 13526 height: 10px; 13527 top: 10px; 13528 } 13529 13530 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 13531 display: flex; 13532 align-items: center; 13533 padding: 0; 13534 line-height: 30px; 13535 font-size: 14px; 13536 text-transform: uppercase; 13537 text-decoration: none; 13538 color: #222; 13539 white-space: normal; 13540 13541 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 13542 } 13543 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button { 13544 background: none; 13545 border: none; 13546 cursor: pointer; 13547 } 13548 13549 .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 { 13550 text-decoration: underline; 13551 } 13552 13553 .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 { 13554 color:#4d4d4d; cursor: pointer; 13555 } 13556 13557 13558 .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 { 13559 display: flex; 13560 align-items: center; 13561 padding: 0; 13562 line-height: 30px; 13563 font-size: 14px; 13564 text-transform: uppercase; 13565 text-decoration: none; 13566 color: #222; 13567 white-space: normal; 13568 13569 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 13570 13571 .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 { 13572 color:#4d4d4d; } 13573 13574 .nav_div_16 .nav_list li a .nav_icons { 13575 height: 30px; 13576 margin-right: 5px; 13577 } 13578 13579 13580 13581 .nav_div_16 .nav_list li a:hover { 13582 color: #3172ab; 13583 } 13584 .horizontal_menu .nav_div_16 .nav_list_trd { 13585 display: none; 13586 position: absolute; 13587 left: 100%; 13588 top: -15px; 13589 padding: 15px 0px; 13590 box-shadow: 0px 0px 5px #00000078; background: #fff; 13591 } 13592 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 13593 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 13594 display: block; 13595 z-index: 99; 13596 } 13597 13598 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16, 13599 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 13600 width: 250px; 13601 } 13602 13603 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 13604 width: 250px; 13605 } 13606 </style> 13607 </div> 13608 <div class="hum-line"></div> 13609 13610 13611 <button type="button" class="hamburger-menu
13611-nav-section " aria-expanded="false" aria-controls="tablet-submenu-72" aria-label="Expand Designers section"> 13612 <span class="icon_and_name"> 13613 13614 Designers </span> 13615 <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> 13616 13617 </button> 13618 13619 13620 13621 <div class="sub-menu-panel" id="tablet-submenu-72" aria-hidden="true"> 13622 13623 13624 13625 13626 13627<div class="menu_container default_build_menu menu_container_2_navigation_72"> 13628 <div class="nav_div_72"> 13629 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 13630 13631 <li style="" 13632 class="" 13633 role="none"> 13634 13635 13636 13637 <a class="nav_a_trd " title="JB Star" href="https://www.mitchumjewelers.com/jbstar" data-full_image="" role="menuitem" tabindex="0" > 13638 JB Star </a> 13639 13640 13641 13642 13643 13644 13645 13646 </li> 13647 13648 13649 13650 <li style="" 13651 class="" 13652 role="none"> 13653 13654 13655 13656 <a class="nav_a_trd " title="A.JAFFE" href="https://www.mitchumjewelers.com/a-jaffe" data-full_image="" role="menuitem" tabindex="-1" > 13657 A.JAFFE </a> 13658 13659 13660 13661 13662 13663 13664 13665 </li> 13666 13667 13668 13669 <li style="" 13670 class="" 13671 role="none"> 13672 13673 13674 13675 <a class="nav_a_trd " title="Allison-Kaufman" href="https://www.mitchumjewelers.com/allison-kaufman" data-full_image="" role="menuitem" tabindex="-1" > 13676 Allison-Kaufman </a> 13677 13678 13679 13680 13681 13682 13683 13684 </li> 13685 13686 13687 13688 <li style="" 13689 class="" 13690 role="none"> 13691 13692 13693 13694 <a class="nav_a_trd " title="Ashi Diamonds" href="https://www.mitchumjewelers.com/ashi-diamonds" data-full_image="" role="menuitem" tabindex="-1" aria-current="page"> 13695 Ashi Diamonds </a> 13696 13697 13698 13699 13700 13701 13702 13703 </li> 13704 13705 13706 13707 <li style="" 13708 class="" 13709 role="none"> 13710 13711 13712 13713 <a class="nav_a_trd " title="Tacori" href="https://www.mitchumjewelers.com/tacori?product_types=Engagement%20Ring" data-full_image="" role="menuitem" tabindex="-1" > 13714 Tacori </a> 13715 13716 13717 13718 13719 13720 13721 13722 </li> 13723 13724 13725 13726 <li style="" 13727 class="" 13728 role="none"> 13729 13730 13731 13732 <a class="nav_a_trd " title="Armenta" href="https://www.mitchumjewelers.com/armenta" data-full_image="" role="menuitem" tabindex="-1" > 13733 Armenta </a> 13734 13735 13736 13737 13738 13739 13740 13741 </li> 13742 13743 13744 13745 <li style="" 13746 class="" 13747 role="none"> 13748 13749 13750 13751 <a class="nav_a_trd " title="Benchmark" href="https://www.mitchumjewelers.com/benchmark-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 13752 Benchmark </a> 13753 13754 13755 13756 13757 13758 13759 13760 </li> 13761 13762 13763 13764 <li style="" 13765 class="" 13766 role="none"> 13767 13768 13769 13770 <a class="nav_a_trd " title="Beny S
13770ofer" href="https://www.mitchumjewelers.com/beny-sofer" data-full_image="" role="menuitem" tabindex="-1" > 13771 Beny Sofer </a> 13772 13773 13774 13775 13776 13777 13778 13779 </li> 13780 13781 13782 13783 <li style="" 13784 class="" 13785 role="none"> 13786 13787 13788 13789 <a class="nav_a_trd " title="Dee Berkley" href="https://www.mitchumjewelers.com/dee-berkley" data-full_image="" role="menuitem" tabindex="-1" > 13790 Dee Berkley </a> 13791 13792 13793 13794 13795 13796 13797 13798 </li> 13799 13800 13801 13802 <li style="" 13803 class="" 13804 role="none"> 13805 13806 13807 13808 <a class="nav_a_trd " title="ELLE" href="https://www.mitchumjewelers.com/elle" data-full_image="" role="menuitem" tabindex="-1" > 13809 ELLE </a> 13810 13811 13812 13813 13814 13815 13816 13817 </li> 13818 13819 13820 13821 <li style="" 13822 class="" 13823 role="none"> 13824 13825 13826 13827 <a class="nav_a_trd " title="Goshwara" href="https://www.mitchumjewelers.com/goshwara" data-full_image="" role="menuitem" tabindex="-1" > 13828 Goshwara </a> 13829 13830 13831 13832 13833 13834 13835 13836 </li> 13837 13838 13839 13840 <li style="" 13841 class="" 13842 role="none"> 13843 13844 13845 13846 <a class="nav_a_trd " title="Henri Daussi" href="https://www.mitchumjewelers.com/henri-daussi" data-full_image="" role="menuitem" tabindex="-1" > 13847 Henri Daussi </a> 13848 13849 13850 13851 13852 13853 13854 13855 </li> 13856 13857 </ul> 13858 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 13859 13860 13861 <li style="" 13862 class="" 13863 role="none"> 13864 13865 13866 13867 <a class="nav_a_trd " title="Ippolita" href="https://www.mitchumjewelers.com/ippolita" data-full_image="" role="menuitem" tabindex="0" > 13868 Ippolita </a> 13869 13870 13871 13872 13873 13874 13875 13876 </li> 13877 13878 13879 13880 <li style="" 13881 class="" 13882 role="none"> 13883 13884 13885 13886 <a class="nav_a_trd " title="John Hardy" href="https://www.mitchumjewelers.com/john-hardy" data-full_image="" role="menuitem" tabindex="-1" > 13887 John Hardy </a> 13888 13889 13890 13891 13892 13893 13894 13895 </li> 13896 13897 13898 13899 <li style="" 13900 class="" 13901 role="none"> 13902 13903 13904 13905 <a class="nav_a_trd " title="Madison L" href="https://www.mitchumjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 13906 Madison L </a> 13907 13908 13909 13910 13911 13912 13913 13914 </li> 13915 13916 13917 13918 <li style="" 13919 class="" 13920 role="none"> 13921 13922 13923 13924 <a class="nav_a_trd " title="Michael M " href="https://www.mitchumjewelers.com/michael-m" data-full_image="" role="menuitem" tabindex="-1" > 13925 Michael M </a> 13926 13927 13928 13929 13930 13931 13932 13933 </li> 13934 13935 13936 13937 <li style="" 13938 class="" 13939 role="none"> 13940 13941 13942 13943 <a class="nav_a_trd " title="Parade" href="https://www.mitchumjewelers.com/parade" data-full_image="/public/1.0/uploads/source/brands/parade_jewels_in_design/paradelogo.jpg" role="menuitem" tabindex="-1" > 13944 Parade </a> 13945 13946 13947 13948 13949 13950 13951 13952 </li> 13953 13954 13955 13956 <li style="" 13957 class="" 13958 role="none"> 13959 13960 13961 13962 <a class="nav_a_trd " title="Roberto Demeglio" href="https://www.mitchumjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 13963 Roberto Demeglio </a> 13964 13965 13966 13967 13968 13969 13970 13971 </li> 13972 13973 13974 13975 <li style="" 13976 class="" 13977 role="none"> 13978 13979 13980 13981 <a class="nav_a_trd " title="Shy Creation" href="https://www.mitchumjewelers.com/shy-creation" data-full_image="" role="menuitem" tabindex="-1" > 13982 Shy Creation </a> 13983 13984 13985 13986 13987 13988 13989 13990 </li> 13991 13992 13993 13994 <li style="" 13995 class="" 13996 role="none"> 13997 13998 13999 14000 <a class="nav_a_trd " title="Mitchum Jewelers Collection" href="https://www.mitchumjewelers.com/mitchum-jewelers-collection" data-full_image="" role="menuitem" tabindex="-1" > 14001 Mitchum Jewelers Collection </a> 14002 14003 14004 14005 14006 14007 14008 14009 </li> 14010 14011 14012 </ul> 14013 </div> 14014</div> 14015<style> 14016 .menu_container_2_navigation_72 { 14017 background: #fff; 14018 } 14019 .horizontal_menu .nav_div_72 { 14020 padding: 15px 0px; 14021 box-shadow: 0px 0px 5px #00000078; display: flex; 14022 flex-wrap: wrap; 14023 } 14024 .horizontal_menu .nav_img_72 { 14025 height: 200px; 14026 width: 250px; 14027 margin-left: 50px; 14028 margin-right: 20px; 14029 flex-shrink: 0; 14030 order: 1; 14031 } 14032 .horizontal_menu .nav_img_72 img { 14033 max-width: 100%; 14034 max-height: 100%; 14035 } 14036 .horizontal_menu .nav_div_72 .vfit { 14037 text-align: left; 14038 border-bottom: 1px solid #ececec; 14039 text-transform: uppercase; 14040 } 14041 .nav_div_72 .vfit a { 14042 text-decoration: none; 14043 color: #222; 14044 } 14045 .nav_div_72 .nav_list { 14046 list-style: none; 14047 margin: 0; 14048 padding: 0; 14049 order: 1; 14050 } 14051 .nav_div_72 ul { 14052 list-style: none; 14053 } 14054 #tablet_hamburger_menu_template .nav_div_72 li { 14055 width: 100%; 14056 margin: 0; 14057 padding: 0px 20px; 14058 position: relative; 14059 } 14060 .horizontal_menu .nav_div_72 li { 14061 width: 100%; 14062 margin: 0; 14063 padding: 0px 20px; 14064 position: relative; 14065 } 14066 14067 #tablet_hamburger_menu_template .nav_div_72 li svg { 14068 position: absolute; 14069 right: 15px; 14070 height: 10px; 14071 top: 10px; 14072 } 14073 .horizontal_menu .nav_div_72 li svg { 14074 position: absolute; 14075 right: 15px; 14076 height: 10px; 14077 top: 10px; 14078 } 14079 14080 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 14081 display: flex; 14082 align-items: center; 14083 padding: 0; 14084 line-height: 30px; 14085 font-size: 14px; 14086 text-transform: uppercase; 14087 text-decoration: none; 14088 color: #222; 14089 white-space: normal; 14090 14091 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 14092 } 14093 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li button { 14094 background: none; 14095 border: none; 14096 cursor: pointer; 14097 } 14098 14099 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 14100 text-decoration: underline; 14101 } 14102 14103 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 14104 color:#4d4d4d; cursor: pointer; 14105 } 14106 14107 14108 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 14109 display: flex; 14110 align-items: center; 14111 padding: 0; 14112 line-height: 30px; 14113 font-size: 14px; 14114 text-transform: uppercase; 14115 text-decoration: none; 14116 color: #222; 14117 white-space: normal; 14118 14119 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 14120 14121 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 14122 color:#4d4d4d; } 14123 14124 .nav_div_72 .nav_list li a .nav_icons { 14125 height: 30px; 14126 margin-right: 5px; 14127 } 14128 14129 14130 14131 .nav_div_72 .nav_list li a:hover { 14132 color: #3172ab; 14133 } 14134 .horizontal_menu .nav_div_72 .nav_list_trd { 14135 display: none; 14136 position: absolute; 14137 left: 100%; 14138 top: -15px; 14139 padding: 15px 0px; 14140 box-shadow: 0px 0px 5px #00000078; background: #fff; 14141 } 14142 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 14143 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 14144 display: block; 14145 z-index: 99; 14146 } 14147 14148 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72, 14149 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 14150 } 14151 14152 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 14153 width: 250px; 14154 } 14155 </style> 14156 </div> 14157 <div class="hum-line"></div> 14158 14159 14160 <a class="hamburger-menu
14160-nav-section " title="Pre-Owned Rolex" href="https://www.mitchumjewelers.com/pre-owned-rolex" > 14161 <span class="icon_and_name"> 14162 14163 Pre-Owned Rolex </span> 14164 14165 </a> 14166 14167 14168 14169 <div class="sub-menu-panel" id="tablet-submenu-124" aria-hidden="true"> 14170 14171 14172 14173 14174 14175<div class="menu_container default_build_menu menu_container_2_navigation_124"> 14176 <div class="nav_div_124"> 14177 </div> 14178</div> 14179<style> 14180 .menu_container_2_navigation_124 { 14181 background: #fff; 14182 } 14183 .horizontal_menu .nav_div_124 { 14184 padding: 15px 0px; 14185 box-shadow: 0px 0px 5px #00000078; display: flex; 14186 flex-wrap: wrap; 14187 } 14188 .horizontal_menu .nav_img_124 { 14189 height: 200px; 14190 width: 250px; 14191 margin-left: 50px; 14192 margin-right: 20px; 14193 flex-shrink: 0; 14194 order: 1; 14195 } 14196 .horizontal_menu .nav_img_124 img { 14197 max-width: 100%; 14198 max-height: 100%; 14199 } 14200 .horizontal_menu .nav_div_124 .vfit { 14201 text-align: left; 14202 border-bottom: 1px solid #ececec; 14203 text-transform: uppercase; 14204 } 14205 .nav_div_124 .vfit a { 14206 text-decoration: none; 14207 color: #222; 14208 } 14209 .nav_div_124 .nav_list { 14210 list-style: none; 14211 margin: 0; 14212 padding: 0; 14213 order: 1; 14214 } 14215 .nav_div_124 ul { 14216 list-style: none; 14217 } 14218 #tablet_hamburger_menu_template .nav_div_124 li { 14219 width: 100%; 14220 margin: 0; 14221 padding: 0px 20px; 14222 position: relative; 14223 } 14224 .horizontal_menu .nav_div_124 li { 14225 width: 100%; 14226 margin: 0; 14227 padding: 0px 20px; 14228 position: relative; 14229 } 14230 14231 #tablet_hamburger_menu_template .nav_div_124 li svg { 14232 position: absolute; 14233 right: 15px; 14234 height: 10px; 14235 top: 10px; 14236 } 14237 .horizontal_menu .nav_div_124 li svg { 14238 position: absolute; 14239 right: 15px; 14240 height: 10px; 14241 top: 10px; 14242 } 14243 14244 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li .nav_a_trd { 14245 display: flex; 14246 align-items: center; 14247 padding: 0; 14248 line-height: 30px; 14249 font-size: 14px; 14250 text-transform: uppercase; 14251 text-decoration: none; 14252 color: #222; 14253 white-space: normal; 14254 14255 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 14256 } 14257 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li button { 14258 background: none; 14259 border: none; 14260 cursor: pointer; 14261 } 14262 14263 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li .nav_a_trd.parent_men { 14264 text-decoration: underline; 14265 } 14266 14267 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li .nav_a_trd:hover { 14268 color:#4d4d4d; cursor: pointer; 14269 } 14270 14271 14272 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a { 14273 display: flex; 14274 align-items: center; 14275 padding: 0; 14276 line-height: 30px; 14277 font-size: 14px; 14278 text-transform: uppercase; 14279 text-decoration: none; 14280 color: #222; 14281 white-space: normal; 14282 14283 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 14284 14285 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a:hover { 14286 color:#4d4d4d; } 14287 14288 .nav_div_124 .nav_list li a .nav_icons { 14289 height: 30px; 14290 margin-right: 5px; 14291 } 14292 14293 14294 14295 .nav_div_124 .nav_list li a:hover { 14296 color: #3172ab; 14297 } 14298 .horizontal_menu .nav_div_124 .nav_list_trd { 14299 display: none; 14300 position: absolute; 14301 left: 100%; 14302 top: -15px; 14303 padding: 15px 0px; 14304 box-shadow: 0px 0px 5px #00000078; background: #fff; 14305 } 14306 .horizontal_menu .nav_div_124 .nav_list>li .nav_list_trd.open, 14307 .horizontal_menu .nav_div_124 .nav_list>li:hover .nav_list_trd { 14308 display: block; 14309 z-index: 99; 14310 } 14311 14312 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_124, 14313 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_124 .nav_list_trd{ 14314 width: 250px; 14315 } 14316 14317 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_124 .nav_list_trd{ 14318 width: 250px; 14319 } 14320 </style> 14321 </div> 14322 <div class="hum-line"></div> 14323 14324 14325 <button type="button" class="hamburger-menu
14325-nav-section " aria-expanded="false" aria-controls="tablet-submenu-20" aria-label="Expand Timepieces section"> 14326 <span class="icon_and_name"> 14327 14328 Timepieces </span> 14329 <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> 14330 14331 </button> 14332 14333 14334 14335 <div class="sub-menu-panel" id="tablet-submenu-20" aria-hidden="true"> 14336 14337 14338 14339 14340 14341<div class="menu_container default_build_menu menu_container_2_navigation_20"> 14342 <div class="nav_div_20"> 14343 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 14344 14345 <li style="" 14346 class="" 14347 role="none"> 14348 14349 14350 14351 <a class="nav_a_trd " title="Shinola" href="https://www.mitchumjewelers.com/shinola" data-full_image="" role="menuitem" tabindex="0" > 14352 Shinola </a> 14353 14354 14355 14356 14357 14358 14359 14360 </li> 14361 14362 14363 14364 <li style="" 14365 class="" 14366 role="none"> 14367 14368 14369 14370 <a class="nav_a_trd " title="Seiko" href="https://www.mitchumjewelers.com/seiko" data-full_image="" role="menuitem" tabindex="-1" > 14371 Seiko </a> 14372 14373 14374 14375 14376 14377 14378 14379 </li> 14380 14381 14382 </ul> 14383 </div> 14384</div> 14385<style> 14386 .menu_container_2_navigation_20 { 14387 background: #fff; 14388 } 14389 .horizontal_menu .nav_div_20 { 14390 padding: 15px 0px; 14391 box-shadow: 0px 0px 5px #00000078; display: flex; 14392 flex-wrap: wrap; 14393 } 14394 .horizontal_menu .nav_img_20 { 14395 height: 200px; 14396 width: 250px; 14397 margin-left: 50px; 14398 margin-right: 20px; 14399 flex-shrink: 0; 14400 order: 1; 14401 } 14402 .horizontal_menu .nav_img_20 img { 14403 max-width: 100%; 14404 max-height: 100%; 14405 } 14406 .horizontal_menu .nav_div_20 .vfit { 14407 text-align: left; 14408 border-bottom: 1px solid #ececec; 14409 text-transform: uppercase; 14410 } 14411 .nav_div_20 .vfit a { 14412 text-decoration: none; 14413 color: #222; 14414 }
14415 .nav_div_20 .nav_list { 14416 list-style: none; 14417 margin: 0; 14418 padding: 0; 14419 order: 1; 14420 } 14421 .nav_div_20 ul { 14422 list-style: none; 14423 } 14424 #tablet_hamburger_menu_template .nav_div_20 li { 14425 width: 100%; 14426 margin: 0; 14427 padding: 0px 20px; 14428 position: relative; 14429 } 14430 .horizontal_menu .nav_div_20 li { 14431 width: 100%; 14432 margin: 0; 14433 padding: 0px 20px; 14434 position: relative; 14435 } 14436 14437 #tablet_hamburger_menu_template .nav_div_20 li svg { 14438 position: absolute; 14439 right: 15px; 14440 height: 10px; 14441 top: 10px; 14442 } 14443 .horizontal_menu .nav_div_20 li svg { 14444 position: absolute; 14445 right: 15px; 14446 height: 10px; 14447 top: 10px; 14448 } 14449 14450 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 14451 display: flex; 14452 align-items: center; 14453 padding: 0; 14454 line-height: 30px; 14455 font-size: 14px; 14456 text-transform: uppercase; 14457 text-decoration: none; 14458 color: #222; 14459 white-space: normal; 14460 14461 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 14462 } 14463 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li button { 14464 background: none; 14465 border: none; 14466 cursor: pointer; 14467 } 14468 14469 .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 { 14470 text-decoration: underline; 14471 } 14472 14473 .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 { 14474 color:#4d4d4d; cursor: pointer; 14475 } 14476 14477 14478 .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 { 14479 display: flex; 14480 align-items: center; 14481 padding: 0; 14482 line-height: 30px; 14483 font-size: 14px; 14484 text-transform: uppercase; 14485 text-decoration: none; 14486 color: #222; 14487 white-space: normal; 14488 14489 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 14490 14491 .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:hover { 14492 color:#4d4d4d; } 14493 14494 .nav_div_20 .nav_list li a .nav_icons { 14495 height: 30px; 14496 margin-right: 5px; 14497 } 14498 14499 14500 14501 .nav_div_20 .nav_list li a:hover { 14502 color: #3172ab; 14503 } 14504 .horizontal_menu .nav_div_20 .nav_list_trd { 14505 display: none; 14506 position: absolute; 14507 left: 100%; 14508 top: -15px; 14509 padding: 15px 0px; 14510 box-shadow: 0px 0px 5px #00000078; background: #fff; 14511 } 14512 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 14513 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 14514 display: block; 14515 z-index: 99; 14516 } 14517 14518 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20, 14519 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 14520 width: 250px; 14521 } 14522 14523 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 14524 width: 250px; 14525 } 14526 </style> 14527 </div> 14528 <div class="hum-line"></div> 14529 14530 14531 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-98" aria-label="Expand About Us section">
14532 <span class="icon_and_name"> 14533 14534 About Us </span> 14535 <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> 14536 14537 </button> 14538 14539 14540 14541 <div class="sub-menu-panel" id="tablet-submenu-98" aria-hidden="true"> 14542 14543 14544 14545 14546 14547<div class="menu_container default_build_menu menu_container_2_navigation_98"> 14548 <div class="nav_div_98"> 14549 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 14550 14551 <li style="" 14552 class="" 14553 role="none"> 14554 14555 14556 14557 <a class="nav_a_trd " title="About Us" href="https://www.mitchumjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 14558 About Us </a> 14559 14560 14561 14562 14563 14564 14565 14566 </li> 14567 14568 14569 14570 <li style="" 14571 class="" 14572 role="none"> 14573 14574 14575 14576 <a class="nav_a_trd " title="Staff" href="https://www.mitchumjewelers.com/staff" data-full_image="" role="menuitem" tabindex="-1" > 14577 Staff </a> 14578 14579 14580 14581 14582 14583 14584 14585 </li> 14586 14587 14588 </ul> 14589 </div> 14590</div> 14591<style> 14592 .menu_container_2_navigation_98 { 14593 background: #fff; 14594 } 14595 .horizontal_menu .nav_div_98 { 14596 padding: 15px 0px; 14597 box-shadow: 0px 0px 5px #00000078; display: flex; 14598 flex-wrap: wrap; 14599 } 14600 .horizontal_menu .nav_img_98 { 14601 height: 200px; 14602 width: 250px; 14603 margin-left: 50px; 14604 margin-right: 20px; 14605 flex-shrink: 0; 14606 order: 1; 14607 } 14608 .horizontal_menu .nav_img_98 img { 14609 max-width: 100%; 14610 max-height: 100%; 14611 } 14612 .horizontal_menu .nav_div_98 .vfit { 14613 text-align: left; 14614 border-bottom: 1px solid #ececec; 14615 text-transform: uppercase; 14616 } 14617 .nav_div_98 .vfit a { 14618 text-decoration: none; 14619 color: #222; 14620 } 14621 .nav_div_98 .nav_list { 14622 list-style: none; 14623 margin: 0; 14624 padding: 0; 14625 order: 1; 14626 } 14627 .nav_div_98 ul { 14628 list-style: none; 14629 } 14630 #tablet_hamburger_menu_template .nav_div_98 li { 14631 width: 100%; 14632 margin: 0; 14633 padding: 0px 20px; 14634 position: relative; 14635 } 14636 .horizontal_menu .nav_div_98 li { 14637 width: 100%; 14638 margin: 0; 14639 padding: 0px 20px; 14640 position: relative; 14641 } 14642 14643 #tablet_hamburger_menu_template .nav_div_98 li svg { 14644 position: absolute; 14645 right: 15px; 14646 height: 10px; 14647 top: 10px; 14648 } 14649 .horizontal_menu .nav_div_98 li svg { 14650 position: absolute; 14651 right: 15px; 14652 height: 10px; 14653 top: 10px; 14654 } 14655 14656 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li .nav_a_trd { 14657 display: flex; 14658 align-items: center; 14659 padding: 0; 14660 line-height: 30px; 14661 font-size: 14px; 14662 text-transform: uppercase; 14663 text-decoration: none; 14664 color: #222; 14665 white-space: normal; 14666 14667 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 14668 } 14669 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_98 .nav_div_98 .nav_list li button { 14670 background: none; 14671 border: none; 14672 cursor: pointer; 14673 } 14674 14675 .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 { 14676 text-decoration: underline; 14677 } 14678 14679 .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 { 14680 color:#4d4d4d; cursor: pointer; 14681 } 14682 14683 14684 .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 { 14685 display: flex; 14686 align-items: center; 14687 padding: 0; 14688 line-height: 30px; 14689 font-size: 14px; 14690 text-transform: uppercase; 14691 text-decoration: none; 14692 color: #222; 14693 white-space: normal; 14694 14695 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 14696 14697 .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 { 14698 color:#4d4d4d; } 14699 14700 .nav_div_98 .nav_list li a .nav_icons { 14701 height: 30px; 14702 margin-right: 5px; 14703 } 14704 14705 14706 14707 .nav_div_98 .nav_list li a:hover { 14708 color: #3172ab; 14709 } 14710 .horizontal_menu .nav_div_98 .nav_list_trd { 14711 display: none; 14712 position: absolute; 14713 left: 100%; 14714 top: -15px; 14715 padding: 15px 0px; 14716 box-shadow: 0px 0px 5px #00000078; background: #fff; 14717 } 14718 .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open, 14719 .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd { 14720 display: block; 14721 z-index: 99; 14722 } 14723 14724 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98, 14725 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{ 14726 width: 250px; 14727 } 14728 14729 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_98 .nav_list_trd{ 14730 width: 250px; 14731 } 14732 </style> 14733 </div> 14734 <div class="hum-line"></div> 14735 14736 14737 <button type="button" class="hamburger-menu
14737-nav-section " aria-expanded="false" aria-controls="tablet-submenu-106" aria-label="Expand Services section"> 14738 <span class="icon_and_name"> 14739 14740 Services </span> 14741 <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> 14742 14743 </button> 14744 14745 14746 14747 <div class="sub-menu-panel" id="tablet-submenu-106" aria-hidden="true"> 14748 14749 14750 14751 14752 14753<div class="menu_container default_build_menu menu_container_2_navigation_106"> 14754 <div class="nav_div_106"> 14755 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 14756 14757 <li style="" 14758 class="" 14759 role="none"> 14760 14761 14762 14763 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.mitchumjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="0" > 14764 Jewelry Repair </a> 14765 14766 14767 14768 14769 14770 14771 14772 </li> 14773 14774 14775 14776 <li style="" 14777 class="" 14778 role="none"> 14779 14780 14781 14782 <a class="nav_a_trd " title="Jewelry Cleaning " href="https://www.mitchumjewelers.com/jewelry-cleaning" data-full_image="" role="menuitem" tabindex="-1" > 14783 Jewelry Cleaning </a> 14784 14785 14786 14787 14788 14789 14790 14791 </li> 14792 14793 14794 14795 <li style="" 14796 class="" 14797 role="none"> 14798 14799 14800 14801 <a class="nav_a_trd " title="Jewelry Appraisal" href="https://www.mitchumjewelers.com/jewelry-appraisal" data-full_image="" role="menuitem" tabindex="-1" > 14802 Jewelry Appraisal </a> 14803 14804 14805 14806 14807 14808 14809 14810 </li> 14811 14812 14813 14814 <li style="" 14815 class="" 14816 role="none"> 14817 14818 14819 14820 <a class="nav_a_trd " title="Custom Jewelry De
14820sign" href="https://www.mitchumjewelers.com/custom-jewelry-design" data-full_image="" role="menuitem" tabindex="-1" > 14821 Custom Jewelry Design </a> 14822 14823 14824 14825 14826 14827 14828 14829 </li> 14830 14831 14832 14833 <li style="" 14834 class="" 14835 role="none"> 14836 14837 14838 14839 <a class="nav_a_trd " title="Financing" href="https://www.mitchumjewelers.com/financing" data-full_image="" role="menuitem" tabindex="-1" > 14840 Financing </a> 14841 14842 14843 14844 14845 14846 14847 14848 </li> 14849 14850 14851 14852 <li style="" 14853 class="" 14854 role="none"> 14855 14856 14857 14858 <a class="nav_a_trd " title="Anything Promise" href="https://www.mitchumjewelers.com/journals/anythingpromise" data-full_image="" role="menuitem" tabindex="-1" > 14859 Anything Promise </a> 14860 14861 14862 14863 14864 14865 14866 14867 </li> 14868 14869 14870 </ul> 14871 </div> 14872</div> 14873<style> 14874 .menu_container_2_navigation_106 { 14875 background: #fff; 14876 } 14877 .horizontal_menu .nav_div_106 { 14878 padding: 15px 0px; 14879 box-shadow: 0px 0px 5px #00000078; display: flex; 14880 flex-wrap: wrap; 14881 } 14882 .horizontal_menu .nav_img_106 { 14883 height: 200px; 14884 width: 250px; 14885 margin-left: 50px; 14886 margin-right: 20px; 14887 flex-shrink: 0; 14888 order: 1; 14889 } 14890 .horizontal_menu .nav_img_106 img { 14891 max-width: 100%; 14892 max-height: 100%; 14893 } 14894 .horizontal_menu .nav_div_106 .vfit { 14895 text-align: left; 14896 border-bottom: 1px solid #ececec; 14897 text-transform: uppercase; 14898 } 14899 .nav_div_106 .vfit a { 14900 text-decoration: none; 14901 color: #222; 14902 } 14903 .nav_div_106 .nav_list { 14904 list-style: none; 14905 margin: 0; 14906 padding: 0; 14907 order: 1; 14908 } 14909 .nav_div_106 ul { 14910 list-style: none; 14911 } 14912 #tablet_hamburger_menu_template .nav_div_106 li { 14913 width: 100%; 14914 margin: 0; 14915 padding: 0px 20px; 14916 position: relative; 14917 } 14918 .horizontal_menu .nav_div_106 li { 14919 width: 100%; 14920 margin: 0; 14921 padding: 0px 20px; 14922 position: relative; 14923 } 14924 14925 #tablet_hamburger_menu_template .nav_div_106 li svg { 14926 position: absolute; 14927 right: 15px; 14928 height: 10px; 14929 top: 10px; 14930 } 14931 .horizontal_menu .nav_div_106 li svg { 14932 position: absolute; 14933 right: 15px; 14934 height: 10px; 14935 top: 10px; 14936 } 14937 14938 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd { 14939 display: flex; 14940 align-items: center; 14941 padding: 0; 14942 line-height: 30px; 14943 font-size: 14px; 14944 text-transform: uppercase; 14945 text-decoration: none; 14946 color: #222; 14947 white-space: normal; 14948 14949 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 14950 } 14951 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li button { 14952 background: none; 14953 border: none; 14954 cursor: pointer; 14955 } 14956 14957 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men { 14958 text-decoration: underline; 14959 } 14960 14961 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover { 14962 color:#4d4d4d; cursor: pointer; 14963 } 14964 14965 14966 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a { 14967 display: flex; 14968 align-items: center; 14969 padding: 0; 14970 line-height: 30px; 14971 font-size: 14px; 14972 text-transform: uppercase; 14973 text-decoration: none; 14974 color: #222; 14975 white-space: normal; 14976 14977 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 14978 14979 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover { 14980 color:#4d4d4d; } 14981 14982 .nav_div_106 .nav_list li a .nav_icons { 14983 height: 30px; 14984 margin-right: 5px; 14985 } 14986 14987 14988 14989 .nav_div_106 .nav_list li a:hover { 14990 color: #3172ab; 14991 } 14992 .horizontal_menu .nav_div_106 .nav_list_trd { 14993 display: none; 14994 position: absolute; 14995 left: 100%; 14996 top: -15px; 14997 padding: 15px 0px; 14998 box-shadow: 0px 0px 5px #00000078; background: #fff; 14999 } 15000 .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open, 15001 .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd { 15002 display: block; 15003 z-index: 99; 15004 } 15005 15006 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106, 15007 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{ 15008 width: 250px; 15009 } 15010 15011 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_106 .nav_list_trd{ 15012 width: 250px; 15013 } 15014 </style> 15015 </div> 15016 <div class="hum-line"></div> 15017 15018 15019 <a class="hamburger-menu
15019-nav-section " title="FAQ" href="https://www.mitchumjewelers.com/faq" > 15020 <span class="icon_and_name"> 15021 15022 FAQ </span> 15023 15024 </a> 15025 15026 15027 15028 <div class="sub-menu-panel" id="tablet-submenu-122" aria-hidden="true"> 15029 15030 15031 15032 15033 15034<div class="menu_container default_build_menu menu_container_2_navigation_122"> 15035 <div class="nav_div_122"> 15036 </div> 15037</div> 15038<style> 15039 .menu_container_2_navigation_122 { 15040 background: #fff; 15041 } 15042 .horizontal_menu .nav_div_122 { 15043 padding: 15px 0px; 15044 box-shadow: 0px 0px 5px #00000078; display: flex; 15045 flex-wrap: wrap; 15046 } 15047 .horizontal_menu .nav_img_122 { 15048 height: 200px; 15049 width: 250px; 15050 margin-left: 50px; 15051 margin-right: 20px; 15052 flex-shrink: 0; 15053 order: 1; 15054 } 15055 .horizontal_menu .nav_img_122 img { 15056 max-width: 100%; 15057 max-height: 100%; 15058 } 15059 .horizontal_menu .nav_div_122 .vfit { 15060 text-align: left; 15061 border-bottom: 1px solid #ececec; 15062 text-transform: uppercase; 15063 } 15064 .nav_div_122 .vfit a { 15065 text-decoration: none; 15066 color: #222; 15067 } 15068 .nav_div_122 .nav_list { 15069 list-style: none; 15070 margin: 0; 15071 padding: 0; 15072 order: 1; 15073 } 15074 .nav_div_122 ul { 15075 list-style: none; 15076 } 15077 #tablet_hamburger_menu_template .nav_div_122 li { 15078 width: 100%; 15079 margin: 0; 15080 padding: 0px 20px; 15081 position: relative; 15082 } 15083 .horizontal_menu .nav_div_122 li { 15084 width: 100%; 15085 margin: 0; 15086 padding: 0px 20px; 15087 position: relative; 15088 } 15089 15090 #tablet_hamburger_menu_template .nav_div_122 li svg { 15091 position: absolute; 15092 right: 15px; 15093 height: 10px; 15094 top: 10px; 15095 } 15096 .horizontal_menu .nav_div_122 li svg { 15097 position: absolute; 15098 right: 15px; 15099 height: 10px; 15100 top: 10px; 15101 } 15102 15103 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li .nav_a_trd { 15104 display: flex; 15105 align-items: center; 15106 padding: 0; 15107 line-height: 30px; 15108 font-size: 14px; 15109 text-transform: uppercase; 15110 text-decoration: none; 15111 color: #222; 15112 white-space: normal; 15113 15114 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 15115 } 15116 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li button { 15117 background: none; 15118 border: none; 15119 cursor: pointer; 15120 } 15121 15122 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li .nav_a_trd.parent_men { 15123 text-decoration: underline; 15124 } 15125 15126 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li .nav_a_trd:hover { 15127 color:#4d4d4d; cursor: pointer; 15128 } 15129 15130 15131 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a { 15132 display: flex; 15133 align-items: center; 15134 padding: 0; 15135 line-height: 30px; 15136 font-size: 14px; 15137 text-transform: uppercase; 15138 text-decoration: none; 15139 color: #222; 15140 white-space: normal; 15141 15142 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 15143 15144 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a:hover { 15145 color:#4d4d4d; } 15146 15147 .nav_div_122 .nav_list li a .nav_icons { 15148 height: 30px; 15149 margin-right: 5px; 15150 } 15151 15152 15153 15154 .nav_div_122 .nav_list li a:hover { 15155 color: #3172ab; 15156 } 15157 .horizontal_menu .nav_div_122 .nav_list_trd { 15158 display: none; 15159 position: absolute; 15160 left: 100%; 15161 top: -15px; 15162 padding: 15px 0px; 15163 box-shadow: 0px 0px 5px #00000078; background: #fff; 15164 } 15165 .horizontal_menu .nav_div_122 .nav_list>li .nav_list_trd.open, 15166 .horizontal_menu .nav_div_122 .nav_list>li:hover .nav_list_trd { 15167 display: block; 15168 z-index: 99; 15169 } 15170 15171 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_122, 15172 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_122 .nav_list_trd{ 15173 width: 250px; 15174 } 15175 15176 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_122 .nav_list_trd{ 15177 width: 250px; 15178 } 15179 </style> 15180 </div> 15181 <div class="hum-line"></div> 15182 15183 15184 <a class="hamburger-menu
15184-nav-section " title="Events" href="https://www.mitchumjewelers.com/events" > 15185 <span class="icon_and_name"> 15186 15187 Events </span> 15188 15189 </a> 15190 15191 15192 15193 <div class="sub-menu-panel" id="tablet-submenu-105" aria-hidden="true"> 15194 15195 15196 15197 15198 15199<div class="menu_container default_build_menu menu_container_2_navigation_105"> 15200 <div class="nav_div_105"> 15201 </div> 15202</div> 15203<style> 15204 .menu_container_2_navigation_105 { 15205 background: #fff; 15206 } 15207 .horizontal_menu .nav_div_105 { 15208 padding: 15px 0px; 15209 box-shadow: 0px 0px 5px #00000078; display: flex; 15210 flex-wrap: wrap; 15211 } 15212 .horizontal_menu .nav_img_105 { 15213 height: 200px; 15214 width: 250px; 15215 margin-left: 50px; 15216 margin-right: 20px; 15217 flex-shrink: 0; 15218 order: 1; 15219 } 15220 .horizontal_menu .nav_img_105 img { 15221 max-width: 100%; 15222 max-height: 100%; 15223 } 15224 .horizontal_menu .nav_div_105 .vfit { 15225 text-align: left; 15226 border-bottom: 1px solid #ececec; 15227 text-transform: uppercase; 15228 } 15229 .nav_div_105 .vfit a { 15230 text-decoration: none; 15231 color: #222; 15232 } 15233 .nav_div_105 .nav_list { 15234 list-style: none; 15235 margin: 0; 15236 padding: 0; 15237 order: 1; 15238 } 15239 .nav_div_105 ul { 15240 list-style: none; 15241 } 15242 #tablet_hamburger_menu_template .nav_div_105 li { 15243 width: 100%; 15244 margin: 0; 15245 padding: 0px 20px; 15246 position: relative; 15247 } 15248 .horizontal_menu .nav_div_105 li { 15249 width: 100%; 15250 margin: 0; 15251 padding: 0px 20px; 15252 position: relative; 15253 } 15254 15255 #tablet_hamburger_menu_template .nav_div_105 li svg { 15256 position: absolute; 15257 right: 15px; 15258 height: 10px; 15259 top: 10px; 15260 } 15261 .horizontal_menu .nav_div_105 li svg { 15262 position: absolute; 15263 right: 15px; 15264 height: 10px; 15265 top: 10px; 15266 } 15267 15268 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 15269 display: flex; 15270 align-items: center; 15271 padding: 0; 15272 line-height: 30px; 15273 font-size: 14px; 15274 text-transform: uppercase; 15275 text-decoration: none; 15276 color: #222; 15277 white-space: normal; 15278 15279 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 15280 } 15281 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li button { 15282 background: none; 15283 border: none; 15284 cursor: pointer; 15285 } 15286 15287 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 15288 text-decoration: underline; 15289 } 15290 15291 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 15292 color:#4d4d4d; cursor: pointer; 15293 } 15294 15295 15296 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 15297 display: flex; 15298 align-items: center; 15299 padding: 0; 15300 line-height: 30px; 15301 font-size: 14px; 15302 text-transform: uppercase; 15303 text-decoration: none; 15304 color: #222; 15305 white-space: normal; 15306 15307 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 15308 15309 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 15310 color:#4d4d4d; } 15311 15312 .nav_div_105 .nav_list li a .nav_icons { 15313 height: 30px; 15314 margin-right: 5px; 15315 } 15316 15317 15318 15319 .nav_div_105 .nav_list li a:hover { 15320 color: #3172ab; 15321 } 15322 .horizontal_menu .nav_div_105 .nav_list_trd { 15323 display: none; 15324 position: absolute; 15325 left: 100%; 15326 top: -15px; 15327 padding: 15px 0px; 15328 box-shadow: 0px 0px 5px #00000078; background: #fff; 15329 } 15330 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 15331 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 15332 display: block; 15333 z-index: 99; 15334 } 15335 15336 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105, 15337 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105 .nav_list_trd{ 15338 width: 250px; 15339 } 15340 15341 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105 .nav_list_trd{ 15342 width: 250px; 15343 } 15344 </style> 15345 </div> 15346 <div class="hum-line"></div> 15347 15348 15349 <a class="hamburger-menu
15349-nav-section " title="Contact Us" href="https://www.mitchumjewelers.com/contact-us" > 15350 <span class="icon_and_name"> 15351 15352 Contact Us </span> 15353 15354 </a> 15355 15356 15357 15358 <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true"> 15359 15360 15361 15362 15363 15364<div class="menu_container default_build_menu menu_container_2_navigation_22"> 15365 <div class="nav_div_22"> 15366 </div> 15367</div> 15368<style> 15369 .menu_container_2_navigation_22 { 15370 background: #fff; 15371 } 15372 .horizontal_menu .nav_div_22 { 15373 padding: 15px 0px; 15374 box-shadow: 0px 0px 5px #00000078; display: flex; 15375 flex-wrap: wrap; 15376 } 15377 .horizontal_menu .nav_img_22 { 15378 height: 200px; 15379 width: 250px; 15380 margin-left: 50px; 15381 margin-right: 20px; 15382 flex-shrink: 0; 15383 order: 1; 15384 } 15385 .horizontal_menu .nav_img_22 img { 15386 max-width: 100%; 15387 max-height: 100%; 15388 } 15389 .horizontal_menu .nav_div_22 .vfit { 15390 text-align: left; 15391 border-bottom: 1px solid #ececec; 15392 text-transform: uppercase; 15393 } 15394 .nav_div_22 .vfit a { 15395 text-decoration: none; 15396 color: #222; 15397 } 15398 .nav_div_22 .nav_list { 15399 list-style: none; 15400 margin: 0; 15401 padding: 0; 15402 order: 1; 15403 } 15404 .nav_div_22 ul { 15405 list-style: none; 15406 } 15407 #tablet_hamburger_menu_template .nav_div_22 li { 15408 width: 100%; 15409 margin: 0; 15410 padding: 0px 20px; 15411 position: relative; 15412 } 15413 .horizontal_menu .nav_div_22 li { 15414 width: 100%; 15415 margin: 0; 15416 padding: 0px 20px; 15417 position: relative; 15418 } 15419 15420 #tablet_hamburger_menu_template .nav_div_22 li svg { 15421 position: absolute; 15422 right: 15px; 15423 height: 10px; 15424 top: 10px; 15425 } 15426 .horizontal_menu .nav_div_22 li svg { 15427 position: absolute; 15428 right: 15px; 15429 height: 10px; 15430 top: 10px; 15431 } 15432 15433 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 15434 display: flex; 15435 align-items: center; 15436 padding: 0; 15437 line-height: 30px; 15438 font-size: 14px; 15439 text-transform: uppercase; 15440 text-decoration: none; 15441 color: #222; 15442 white-space: normal; 15443 15444 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 15445 } 15446 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button { 15447 background: none; 15448 border: none; 15449 cursor: pointer; 15450 } 15451 15452 .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 { 15453 text-decoration: underline; 15454 } 15455 15456 .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 { 15457 color:#4d4d4d; cursor: pointer; 15458 } 15459 15460 15461 .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 { 15462 display: flex; 15463 align-items: center; 15464 padding: 0; 15465 line-height: 30px; 15466 font-size: 14px; 15467 text-transform: uppercase; 15468 text-decoration: none; 15469 color: #222; 15470 white-space: normal; 15471 15472 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 15473 15474 .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 { 15475 color:#4d4d4d; } 15476 15477 .nav_div_22 .nav_list li a .nav_icons { 15478 height: 30px; 15479 margin-right: 5px; 15480 } 15481 15482 15483 15484 .nav_div_22 .nav_list li a:hover { 15485 color: #3172ab; 15486 } 15487 .horizontal_menu .nav_div_22 .nav_list_trd { 15488 display: none; 15489 position: absolute; 15490 left: 100%; 15491 top: -15px; 15492 padding: 15px 0px; 15493 box-shadow: 0px 0px 5px #00000078; background: #fff; 15494 } 15495 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 15496 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 15497 display: block; 15498 z-index: 99; 15499 } 15500 15501 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22, 15502 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 15503 width: 250px; 15504 } 15505 15506 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 15507 width: 250px; 15508 } 15509 </style> 15510 </div> 15511 <div class="hum-line"></div> 15512 <div class="script_after_menu"> 15513 </div> 15514 </div> 15515 </nav>
15516 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 15517 15518
15518<script> 15519 $(function () { 15520 15521 const $menuRoot = $('#tablet_hamburger_menu_template'); 15522 const $menuWrap = $('.header_container_2'); 15523 const $button = $('#tablet_hamburger_button'); 15524 const $overlay = $('#tablet_hamburger_menu_template_overlay'); 15525 const $closeBtn = $('#tablet_hamburger_close_button'); 15526 15527 const trap = focusTrap.createFocusTrap($menuRoot[0], { 15528 onActivate: () => $menuRoot.addClass('is-active'), 15529 onDeactivate: () => $menuRoot.removeClass('is-active'), 15530 clickOutsideDeactivates: true 15531 }); 15532 15533 $button.on('click keypress', function (event) { 15534 if (event.which === 13 || event.which === 32 || event.type === 'click') { 15535 if (event.which === 32) event.preventDefault(); 15536 15537 const isOpen = $menuRoot.hasClass('open'); 15538 15539 $menuRoot.toggleClass('open'); 15540 $overlay.toggleClass('open'); 15541 $menuRoot.removeAttr('inert'); 15542 $button.attr('aria-expanded', String(!isOpen)); 15543 15544 if (!isOpen) { 15545 trap.activate(); 15546 $closeBtn.focus(); 15547 } else { 15548 closeHamburgerMenu(); 15549 } 15550 } 15551 }); 15552 15553 $closeBtn.add($overlay).on('click keypress', function (event) { 15554 if (event.which === 13 || event.which === 32 || event.type === 'click') { 15555 if (event.which === 32) event.preventDefault(); 15556 closeHamburgerMenu(); 15557 } 15558 }); 15559 15560 function closeHamburgerMenu() { 15561 $menuRoot.removeClass('open').attr('inert', 'inert'); 15562 $overlay.removeClass('open'); 15563 $button.attr('aria-expanded', 'false'); 15564 15565 $menuRoot.find('.sub-menu-panel').each(function () { 15566 const $submenu = $(this); 15567 $submenu.removeClass('open').attr('aria-hidden', 'true'); 15568 updateSubmenuTabindex($submenu, true); 15569 }); 15570 15571 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 15572 .attr('aria-expanded', 'false'); 15573 15574 trap.deactivate(); 15575 } 15576 15577 function updateSubmenuTabindex($submenu, isHidden) { 15578 const $items = $submenu.find('a'); 15579 15580 if (isHidden) { 15581 $items.each(function () { 15582 $(this).attr('tabindex', '-1'); 15583 }); 15584 } else { 15585 $items.each(function () { 15586 $(this).attr('tabindex', '0'); 15587 }); 15588 } 15589 } 15590 15591 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 15592 15593 e.preventDefault(); 15594 e.stopPropagation(); 15595 15596 const $trigger = $(this); 15597 const $submenu = $trigger.next('.nav_list_trd'); 15598 15599 if (!$submenu.length) return; 15600 15601 const isOpen = $submenu.hasClass('open'); 15602 15603 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 15604 $(this) 15605 .removeClass('open') 15606 .attr('aria-hidden', 'true'); 15607 updateSubmenuTabindex($(this), true); 15608 }); 15609 15610 if (isOpen) { 15611 $submenu 15612 .removeClass('open') 15613 .attr('aria-hidden', 'true'); 15614 updateSubmenuTabindex($submenu, true); 15615 } else { 15616 $submenu 15617 .addClass('open') 15618 .attr('aria-hidden', 'false'); 15619 updateSubmenuTabindex($submenu, false); 15620 } 15621 }); 15622
15623 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 15624 15625 e.preventDefault(); 15626 e.stopPropagation(); 15627 15628 const $btn = $(this); 15629 const submenuId = $btn.attr('aria-controls'); 15630 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 15631 15632 if (!$submenu.length) return; 15633 15634 const isExpanded = $btn.attr('aria-expanded') === 'true'; 15635 15636 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 15637 $(this).removeClass('open').attr('aria-hidden', 'true'); 15638 updateSubmenuTabindex($(this), true); 15639 }); 15640 15641 $menuRoot.find('[aria-controls]') 15642 .not($btn) 15643 .attr('aria-expanded', 'false'); 15644 15645 if (isExpanded) { 15646 console.log($submenu) 15647 $btn.attr('aria-expanded', 'false'); 15648 $submenu.removeClass('open').attr('aria-hidden', 'true'); 15649 updateSubmenuTabindex($submenu, true); 15650 } else { 15651 $btn.attr('aria-expanded', 'true'); 15652 $submenu.addClass('open').attr('aria-hidden', 'false'); 15653 updateSubmenuTabindex($submenu, false); 15654 } 15655 }); 15656 15657 $menuRoot.on('keydown', function (e) { 15658 if (e.key !== 'Escape') return; 15659 15660 const $open = $menuRoot.find('.nav_list_trd.open').last(); 15661 if (!$open.length) return; 15662 15663 $open 15664 .removeClass('open') 15665 .attr('aria-hidden', 'true'); 15666 15667 updateSubmenuTabindex($open, true); 15668 15669 $open.prev('.nav_a_trd').focus(); 15670 15671 e.preventDefault(); 15672 e.stopPropagation(); 15673 }); 15674 15675 $menuRoot.find('.sub-menu-panel').each(function () { 15676 const $submenu = $(this); 15677 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 15678 updateSubmenuTabindex($submenu, !isOpen); 15679 }); 15680 15681 }); 15682 15683 </script>
15683 15684</div> 15685 15686<style> 15687 #tablet_hamburger_menu_template>ul>li>a, 15688 #tablet_hamburger_menu_template>ul>li>button { 15689 color:#000000; display: flex; 15690 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 15691 15692 #tablet_hamburger_menu_template>ul>li>a:hover, 15693 #tablet_hamburger_menu_template>ul>li>button:hover { 15694 color:#4d4d4d; } 15695</style> 15696 </div> 15697 15698 </div> 15699 15700 15701 </div> 15702 15703 15704 15705</header> 15706<header class="appearance-mobile-view-template"> 15707 15708 15709 15710 <style> 15711 .header_container>.flex_row { 15712 display: flex; 15713 } 15714 15715 .header_container_3 { 15716 width: 100%; 15717 max-width: 100%; 15718 margin: 0 auto; 15719 position: relative !important; 15720 transform: inherit !important; 15721 } 15722 .header_container>.flex_row>.flex_col { 15723 display: flex; 15724 flex-wrap: wrap; 15725 box-sizing: border-box; 15726 align-content: baseline; 15727 } 15728 .header_container>.flex_row>.flex_col>.flex_cell { 15729 height: fit-content; 15730 display: flex; 15731 } 15732 .header_container>.flex_row>.flex_col>.flex_cell a { 15733 text-decoration: none; 15734 } 15735 .header_container img { 15736 max-width: 100%; 15737 } 15738 .row_spacer_cs { 15739 display: none; 15740 } 15741 .sticky_row { 15742 position: fixed; 15743 } 15744 .sticky_row + .row_spacer_cs { 15745 display: block; 15746 } 15747 </style> 15748 15749 <div class="header_container header_container_3" data-device-type="3"> 15750 15751 15752 15753 <div class="flex_row flex_row_1 "> 15754 15755 15756 <div class="flex_col flex_col_1"> 15757 15758 <div class="flex_cell flex_cell_1 menu"> 15759 <div class="flex_cell_content"> 15760 <style> 15761 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 15762 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 15763 width: 30px; 15764 height: 24px; 15765 position: relative; 15766 cursor: pointer; 15767 } 15768 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 15769 fill: #000000; } 15770 15771 15772 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 15773 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 15774 color:#000000; display: flex; 15775 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 15776 </style> 15777 15778 <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"> 15779 <div class="hamburger-button-parent"> 15780 <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"> 15781 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15782 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15783 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 15784 </svg> 15785 15786 15787 </div> 15788 </div> 15789 </div> 15790</div> 15791 15792<style> 15793 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu { 15794 width:100%; justify-content: center; 15795 align-items:center; -webkit-align-items:center; } 15796 15797 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu { 15798 } 15799 15800 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 15801 display: flex; 15802 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:15px; padding-bottom:15px; padding-left:25px; padding-right:0px; } 15803 15804 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 15805 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 15806 color:#000000; display: flex; 15807 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 15808 15809 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 15810 color:#4d4d4d; } 15811</style> 15812 </div> 15813 15814 <style> 15815 .header_container_3>.flex_row_1>.flex_col_1 { 15816 width:10%; } 15817 </style> 15818 15819 15820 15821 <div class="flex_col flex_col_2"> 15822 15823 <div class="flex_cell flex_cell_1 custom_code"> 15824 <div class="flex_cell_content"> 15825 <style> 15826.header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img{ 15827height: auto !important; 15828} 15829.header_container img { 15830 max-width: 100%; 15831 height: auto; 15832} 15833</style> </div> 15834</div> 15835 15836<style> 15837 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_code { 15838 width:100%; } 15839 15840 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_code { 15841 } 15842 15843 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 15844 width: 100%; 15845 height: 100%; 15846 } 15847</style> 15848 </div> 15849 15850 <style> 15851 .header_container_3>.flex_row_1>.flex_col_2 { 15852 width:8%; } 15853 </style> 15854 15855 15856 15857 <div class="flex_col flex_col_3"> 15858 15859 15860<div class="flex_cell flex_cell_1 call_us"> 15861 <div class="flex_cell_content"><a class="phone_number_click " href="tel:417-581-2415" title="Call us 417-581-2415">
15861<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>417-581-2415</span></a></div> </div> 15862<style> 15863 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 15864 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 15865 15866 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 15867 height:100%; } 15868 15869 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 15870 display: flex; 15871 margin-top:10px; margin-bottom:10px; margin-left:0px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15872 15873 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a { 15874 color:#2f7960; font-style:normal; font-size:12px; font-family:Arial; display: flex; 15875 align-items: center; 15876 text-transform:none; } 15877 15878 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 15879 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 15880 margin-right: 5px; 15881 height:11px; } 15882 15883 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 15884 fill: currentColor; 15885 } 15886 15887 15888 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 15889 color:#27634f; } 15890</style> 15891 </div> 15892 15893 <style> 15894 .header_container_3>.flex_row_1>.flex_col_3 { 15895 width:27%; } 15896 </style> 15897 15898 15899 15900 <div class="flex_col flex_col_4"> 15901 15902 15903<div class="flex_cell flex_cell_1 search_box"> 15904 <div class="flex_cell_content"> 15905 <form class="sform" id="search-box-form" 15906 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 15907 <div class="inputs-group"> 15908 <input class="sinp" type="text" name="search" 15909 placeholder="SEARCH PRODUCTS" 15910 aria-label="SEARCH PRODUCTS" 15911 > 15912 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 15913 <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> 15914 </button> 15915 </div> 15916 </form> 15917 </div> 15918</div> 15919<style> 15920 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 15921 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 15922 15923 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.search_box { 15924 height:100%; } 15925 15926 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 15927 display: flex; 15928 margin-top:3px; margin-bottom:3px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 15929 15930 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sform, .header_container_3>.flex_row_1>.flex_col_4>
15930.flex_cell_1 .inputs-group { 15931 width: 100%; 15932 display: flex; 15933 flex-wrap: nowrap; 15934 } 15935 15936 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp { 15937 border-radius: 0px; 15938 padding: 4px 8px; 15939 outline: 0px; 15940 box-shadow: none; 15941 font-size:12px; font-family:Arial; color:#0b7960; font-style:normal; background-color:#ffffff; 15942 15943 15944 border-style: solid; 15945 border-width:1px; border-color:#ffffff; 15946 15947 border-right:0px; 15948 width: 100%; 15949 15950 border-bottom-color:#0b7960; } 15951 15952 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp:hover { 15953 } 15954 15955 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sinp::placeholder { 15956 font-size:12px; font-family:Arial; color:#0b7960; opacity: 1; 15957 } 15958 15959 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn { 15960 height: 100%; 15961 border-radius: 0px; 15962 padding: 4px; 15963 align-items: center; 15964 justify-content: center; 15965 display: flex; 15966 border-style: solid; 15967 border-width:1px; border-color:#ffffff; color:#0b7960; font-style:normal; background-color:#ffffff; border-left:0px; 15968 15969 } 15970 15971 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover { 15972 background-color:#ffffff; } 15973 15974 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn svg { 15975 width:11px; height:11px; } 15976 15977 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn .path_class { 15978 fill:#0b7960; } 15979 15980 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 15981 fill:#0b7960; } 15982 15983</style> 15984 </div> 15985 15986 <style> 15987 .header_container_3>.flex_row_1>.flex_col_4 { 15988 width:35%; } 15989 </style> 15990 15991 15992 15993 <div class="flex_col flex_col_5"> 15994 15995 15996<div class="flex_cell flex_cell_1 account_icons"> 15997 <div class="flex_cell_content"> 15998 15999 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 16000 <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> 16001 </a> 16002 16003 16004 16005 <a class="" href="/login" title="My Account" style="order: 5"> 16006 <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.97
16006H509.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> 16007 </div> 16008</div> 16009 16010<style> 16011 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 16012 width:100%; justify-content: flex-end; 16013 align-items:center; -webkit-align-items:center; } 16014 16015 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons { 16016 height:100%; } 16017 16018 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons>.flex_cell_content { 16019 display: flex; 16020 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:0px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 16021 16022 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 16023 display: none !important; 16024 } 16025 16026 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a { 16027 display: flex; 16028 align-items: center; 16029 color:#2f7960; font-style:normal; font-size:16px; font-family:Arial; margin-left: 12px; 16030 text-transform:none; } 16031 16032 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a svg, 16033 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a img { 16034 flex-shrink: 0; 16035 margin-right: 5px; 16036 width:15px; height:15px; } 16037 16038 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .path_class { 16039 fill: currentColor; 16040 } 16041 16042 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a:hover { 16043 color:#27634f; } 16044 16045 .header_container_3>.flex_row_1>.flex_col_5>.flex_cell_1.account_icons a .item-count-badge { 16046 padding: 0 5px; 16047 height: 16px; 16048 min-width: 16px; 16049 text-align: center; 16050 border-radius: 7px; 16051 line-height: 16px; 16052 border: 1px solid #fff; 16053 font-style: normal; 16054 font-weight: 700; 16055 font-size: 10px; 16056 background-color:#00b252; color:#ffffff; margin-left: -10px; 16057 margin-top: -15px; 16058 } 16059</style> 16060 </div> 16061 16062 <style> 16063 .header_container_3>.flex_row_1>.flex_col_5 { 16064 width:17%; } 16065 </style> 16066 16067 16068 16069 <div class="flex_col flex_col_6"> 16070 16071 16072 </div> 16073 16074 <style> 16075 .header_container_3>.flex_row_1>.flex_col_6 { 16076 width:3%; } 16077 </style> 16078 16079 16080 16081 </div> 16082 16083 16084 <style> 16085 .header_container_3>.flex_row_1 { 16086 background-color: #ffffff; 16087 16088 color:#0b7960; height:auto; 16089 16090 } 16091 16092 </style> 16093 16094 16095 16096 16097 16098 <div class="flex_row flex_row_2 "> 16099 16100 16101 <div class="flex_col flex_col_1"> 16102 16103 16104 </div> 16105 16106 <style> 16107 .header_container_3>.flex_row_2>.flex_col_1 { 16108 } 16109 </style> 16110 16111 16112 16113 <div class="flex_col flex_col_2"> 16114 16115 16116 16117<div class="flex_cell flex_cell_1 image"> 16118 <div class="flex_cell_content"> 16119 16120 <a href="https://www.mitchumjewelers.com/" 16121 > 16122 16123 16124 <img 16125 height="200px" width="1920px" 16126 16127 src="https://www.mitchumjewelers.com/public/1.0/uploads/source/logo-mobile.png" 16128 16129 alt="Mitchum Jewelers Logo"> 16130 16131 16132 </a> 16133 16134 </div> 16135</div> 16136 <style> 16137 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 16138 width:100%; justify-content:center;
16138 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 16139 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 16140 display: flex; 16141 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 16142 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 16143 } 16144 16145 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 16146 height:100%; } 16147 </style> 16148 16149 16150 </div> 16151 16152 <style> 16153 .header_container_3>.flex_row_2>.flex_col_2 { 16154 width:100%; } 16155 </style> 16156 16157 16158 16159 <div class="flex_col flex_col_3"> 16160 16161 16162 </div> 16163 16164 <style> 16165 .header_container_3>.flex_row_2>.flex_col_3 { 16166 } 16167 </style> 16168 16169 16170 16171 </div> 16172 16173 16174 <style> 16175 .header_container_3>.flex_row_2 { 16176 background-color: #0b7960; 16177 16178 color:#000000; height:auto; 16179 16180 } 16181 16182 </style> 16183 16184 16185 16186 16187 16188 <div class="flex_row flex_row_3 "> 16189 16190 16191 <div class="flex_col flex_col_1"> 16192 16193 16194 </div> 16195 16196 <style> 16197 .header_container_3>.flex_row_3>.flex_col_1 { 16198 width:100%; } 16199 </style> 16200 16201 16202 16203 </div> 16204 16205 16206 <style> 16207 .header_container_3>.flex_row_3 { 16208 background-color: #ffffff; 16209 16210 color:#000000; height:auto; 16211 16212 } 16213 16214 </style> 16215 16216 16217 16218 16219 16220 16221 <div class="flex_row"> 16222 16223 16224 <div class="flex_col"> 16225 16226 <div class="flex_cell flex_cell_1 menu"> 16227 <style> 16228 #mobile_hamburger_menu_template { 16229 position: fixed; 16230 top: 0; 16231 left: 0; 16232 width: 325px; 16233 overflow-y: auto; 16234 transform: translateX(-325px); 16235 z-index: 1000000001; 16236 height: 100vh; 16237 background-color: #ffffff; 16238 transition: all 0.3s ease; 16239 } 16240 #mobile_hamburger_menu_template_overlay.open { 16241 position: fixed; 16242 top: 0; 16243 left: 0; 16244 width: 100vw; 16245 z-index: 1000000001; 16246 transition: all 0.3s ease; 16247 height: 100vh; 16248 background: rgba(1, 1, 1, 0.5); 16249 cursor: pointer; 16250 transform: translateX(325px); 16251 } 16252 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 16253 padding: 10px; 16254 padding-right:25px; 16255 } 16256 #mobile_hamburger_menu_template .hamburger-menu-close-button { 16257 font-size: 14px !important; 16258 display: flex; 16259 align-items: center; 16260 margin-bottom: 20px; 16261 } 16262 #mobile_hamburger_menu_template .hamburger-menu-close-button svg, 16263 #mobile_hamburger_menu_template button.hamburger-menu-close-button svg { 16264 height: 15px; 16265 margin-right: 5px; 16266 } 16267 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 16268 display: flex; 16269 justify-content: space-between; 16270 align-items: center; 16271 }
16272 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg, 16273 #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg, 16274 #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg { 16275 height: 10px; 16276 float: right; 16277 } 16278 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 16279 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 16280 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 16281 text-decoration: underline; 16282 } 16283 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 16284 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 16285 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 16286 min-width:30px; 16287 justify-content: end; 16288 } 16289 #mobile_hamburger_menu_template .ham_menu_container { 16290 display:flex; 16291 justify-content: space-between; 16292 } 16293 #mobile_hamburger_menu_template.open { 16294 transform: translateX(0); 16295 } 16296 #mobile_hamburger_menu_template .sub-menu-panel { 16297 display: none; 16298 } 16299 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 16300 display: none; 16301 } 16302 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 16303 display: block; 16304 } 16305 #mobile_hamburger_menu_template .icon_and_name { 16306 display:flex; 16307 align-items:center; 16308 gap:10px; 16309 } 16310 #mobile_hamburger_menu_template .hum-line { 16311 border-bottom: 1px solid #ddd; 16312 } 16313 #mobile_hamburger_menu_template .sub-menu-panel.open, 16314 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 16315 display: block; 16316 } 16317 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 16318 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 16319 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 16320 #mobile_hamburger_menu_template a.hamburger-menu-close-button{ 16321 color:#000000; display: flex; 16322 text-align: left; 16323 width: 100%; 16324 position: relative; 16325 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 16326 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 16327 display: none; 16328 padding: 15px 0px; 16329 background: #fff; 16330 } 16331 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 16332 display: block; 16333 padding-top:2px; 16334 } 16335 /* Reset button styles to look like links */ 16336 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 16337 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 16338 #mobile_hamburger_menu_template button.parent_men_arrow { 16339 background: none; 16340 border: none; 16341 padding: 0; 16342 cursor: pointer; 16343 -webkit-appearance: none; 16344 -moz-appearance: none; 16345 appearance: none; 16346 } 16347 16348 /* Hover and active states for buttons - inherit from link styles */ 16349 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 16350 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active, 16351 #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 16352 #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover { 16353 /* Styles inherited from parent selectors above */ 16354 } 16355 16356 /* Additional button styles are inherited from parent selectors above */ 16357 16358 /* Image styles inside buttons */ 16359 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
16360 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 16361 height:20px; 16362 } 16363 </style> 16364 16365 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 16366 <div class="hamburger-menu-template-inner"> 16367 <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu"> 16368 <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> 16369 16370 <div class="script_before_menu"> 16371 </div> 16372 <div style="clear: both"></div> 16373 16374 16375 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-123" aria-label="Expand Bridal section"> 16376 <span class="icon_and_name"> 16377 16378 Bridal </span> 16379 <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> 16380 16381 </button> 16382 16383 16384 16385 <div class="sub-menu-panel" id="mobile-submenu-123" aria-hidden="true"> 16386 16387 16388 16389 16390 16391<div class="menu_container default_build_menu menu_container_3_navigation_123"> 16392 <div class="nav_div_123"> 16393 <ul class="nav_list" role="menu" aria-label="Bridal" tabindex="-1"> 16394 16395 <li style="" 16396 class="" 16397 role="none"> 16398 16399 16400 16401 <a class="nav_a_trd " title="Shop Rings By Style" href="#!" data-full_image="" role="menuitem" tabindex="0" > 16402 Shop Rings By Style <svg viewBox="0 0 320 512"><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> 16403 </a> 16404 16405 16406 16407 16408 16409 16410 16411 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Style" tabindex="-1"> 16412 <li style="" 16413 class="" 16414 role="none"> 16415 16416 <a class="" href="https://www.mitchumjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="0" > 16417 Halo Rings </a> 16418 </li> 16419 <li style="" 16420 class="" 16421 role="none"> 16422 16423 <a class="" href="https://www.mitchumjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 16424 Side Stone Rings </a> 16425 </li> 16426 <li style="" 16427 class="" 16428 role="none"> 16429 16430 <a class="" href="https://www.mitchumjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 16431 Solitaire Rings </a> 16432 </li> 16433 <li style="" 16434 class="" 16435 role="none"> 16436 16437 <a class="" href="https://www.mitchumjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 16438 Three Stones Rings </a> 16439 </li> 16440 </ul> 16441 </li> 16442 16443 16444 16445 <li style="" 16446 class="" 16447 role="none"> 16448 16449 16450 16451 <a class="nav_a_trd " title="Shop Rings By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16452 Shop Rings By Shape <svg viewBox="0 0 320 512"><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> 16453 </a> 16454 16455 16456 16457 16458 16459 16460 16461 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Shape" tabindex="-1"> 16462 <li style="" 16463 class="" 16464 role="none"> 16465 16466 <a class="" href="https://www.mitchumjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 16467 Princess Cut Rings </a> 16468 </li> 16469 <li style="" 16470 class="" 16471 role="none"> 16472 16473 <a class="" href="https://www.mitchumjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 16474 Round Cut Rings </a> 16475 </li> 16476 <li style="" 16477 class="" 16478 role="none"> 16479 16480 <a class="" href="https://www.mitchumjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 16481 Radiant Cut Rings </a> 16482 </li> 16483 <li style="" 16484 class="" 16485 role="none"> 16486 16487 <a class="" href="https://www.mitchumjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 16488 Oval Cut Rings </a> 16489 </li> 16490 <li style="" 16491 class="" 16492 role="none"> 16493 16494 <a class="" href="https://www.mitchumjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 16495 Emerald Cut Rings </a> 16496 </li> 16497 <li style="" 16498 class="" 16499 role="none"> 16500 16501 <a class="" href="https://www.mitchumjewelers.com/pear-shape-ring" title="Pear Shape Rings" role="menuitem" tabindex="-1" > 16502 Pear Shape Rings </a> 16503 </li> 16504
16504 </ul> 16505 </li> 16506 16507 16508 16509 <li style="" 16510 class="" 16511 role="none"> 16512 16513 16514 16515 <a class="nav_a_trd " title="Shop Rings By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16516 Shop Rings By Price <svg viewBox="0 0 320 512"><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> 16517 </a> 16518 16519 16520 16521 16522 16523 16524 16525 <ul class="nav_list_trd" role="menu" aria-label="Shop Rings By Price" tabindex="-1"> 16526 <li style="" 16527 class="" 16528 role="none"> 16529 16530 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 16531 Up to $500 </a> 16532 </li> 16533 <li style="" 16534 class="" 16535 role="none"> 16536 16537 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 16538 $500 - $1000 </a> 16539 </li> 16540 <li style="" 16541 class="" 16542 role="none"> 16543 16544 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 16545 $1000 - $2000 </a> 16546 </li> 16547 <li style="" 16548 class="" 16549 role="none"> 16550 16551 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 16552 $2000 - $5000 </a> 16553 </li> 16554 <li style="" 16555 class="" 16556 role="none"> 16557 16558 <a class="" href="https://www.mitchumjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 16559 $5000 & Up </a> 16560 </li> 16561 </ul> 16562 </li> 16563 16564 16565 16566 <li style="" 16567 class="" 16568 role="none"> 16569 16570 16571 16572 <a class="nav_a_trd " title="Shop Wedding Bands" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16573 Shop Wedding Bands <svg viewBox="0 0 320 512"><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> 16574 </a> 16575 16576 16577 16578 16579 16580 16581 16582 <ul class="nav_list_trd" role="menu" aria-label="Shop Wedding Bands" tabindex="-1"> 16583 <li style="" 16584 class="" 16585 role="none"> 16586 16587 <a class="" href="https://www.mitchumjewelers.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 16588 Men's Wedding Bands </a> 16589 </li> 16590 <li style="" 16591 class="" 16592 role="none"> 16593 16594 <a class="" href="https://www.mitchumjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 16595 Ladies Wedding Bands </a> 16596 </li> 16597 </ul> 16598 </li> 16599 16600 16601 16602 <li style="" 16603 class="" 16604 role="none"> 16605 16606 16607 16608 <a class="nav_a_trd " title="Shop Bands By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16609 Shop Bands By Price <svg viewBox="0 0 320 512"><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> 16610 </a> 16611 16612 16613 16614 16615 16616 16617 16618 <ul class="nav_list_trd" role="menu" aria-label="Shop Bands By Price" tabindex="-1"> 16619
16619 <li style="" 16620 class="" 16621 role="none"> 16622 16623 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 16624 Up to $500 </a> 16625 </li> 16626 <li style="" 16627 class="" 16628 role="none"> 16629 16630 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 16631 $500 - $1000 </a> 16632 </li> 16633 <li style="" 16634 class="" 16635 role="none"> 16636 16637 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 16638 $1000 - $2000 </a> 16639 </li> 16640 <li style="" 16641 class="" 16642 role="none"> 16643 16644 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 16645 $2000 - $5000 </a> 16646 </li> 16647 <li style="" 16648 class="" 16649 role="none"> 16650 16651 <a class="" href="https://www.mitchumjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 16652 $5000 & Up </a> 16653 </li> 16654 </ul> 16655 </li> 16656 16657 16658 16659 <li style="" 16660 class="" 16661 role="none"> 16662 16663 16664 16665 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16666 Start Your Research <svg viewBox="0 0 320 512"><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> 16667 </a> 16668 16669 16670 16671 16672 16673 16674 16675 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 16676 <li style="" 16677 class="" 16678 role="none"> 16679 16680 <a class="" href="https://www.mitchumjewelers.com/engagement-rings" title="View All Engagement Rings" role="menuitem" tabindex="0" > 16681 View All Engagement Rings </a> 16682 </li> 16683 <li style="" 16684 class="" 16685 role="none"> 16686 16687 <a class="" href="https://www.mitchumjewelers.com/wedding-bands" title="View All Wedding Bands" role="menuitem" tabindex="-1" > 16688 View All Wedding Bands </a> 16689 </li> 16690 </ul> 16691 </li> 16692 16693 16694 </ul> 16695 </div> 16696</div> 16697<style> 16698 .menu_container_3_navigation_123 { 16699 background: #fff; 16700 } 16701 .horizontal_menu .nav_div_123 { 16702 padding: 15px 0px; 16703 box-shadow: 0px 0px 5px #00000078; display: flex; 16704 flex-wrap: wrap; 16705 } 16706 .horizontal_menu .nav_img_123 { 16707 height: 200px; 16708 width: 250px; 16709 margin-left: 50px; 16710 margin-right: 20px; 16711 flex-shrink: 0; 16712 order: 1; 16713 } 16714 .horizontal_menu .nav_img_123 img { 16715 max-width: 100%; 16716 max-height: 100%; 16717 } 16718 .horizontal_menu .nav_div_123 .vfit { 16719 text-align: left; 16720 border-bottom: 1px solid #ececec; 16721 text-transform: uppercase; 16722 } 16723 .nav_div_123 .vfit a { 16724 text-decoration: none; 16725 color: #222; 16726 } 16727 .nav_div_123 .nav_list { 16728 list-style: none; 16729 margin: 0; 16730 padding: 0; 16731 order: 1; 16732 } 16733 .nav_div_123 ul { 16734 list-style: none; 16735 } 16736 #mobile_hamburger_menu_template .nav_div_123 li { 16737 width: 100%; 16738 margin: 0; 16739 padding: 0px 20px; 16740 position: relative; 16741 } 16742 .horizontal_menu .nav_div_123 li { 16743 width: 100%; 16744 margin: 0; 16745 padding: 0px 20px; 16746 position: relative; 16747 } 16748 16749 #mobile_hamburger_menu_template .nav_div_123 li svg { 16750 position: absolute; 16751 right: 15px; 16752 height: 10px; 16753 top: 10px; 16754 } 16755 .horizontal_menu .nav_div_123 li svg { 16756 position: absolute; 16757 right: 15px; 16758 height: 10px; 16759 top: 10px; 16760 } 16761 16762 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li .nav_a_trd { 16763 display: flex; 16764 align-items: center; 16765 padding: 0; 16766 line-height: 30px; 16767 font-size: 14px; 16768 text-transform: uppercase; 16769 text-decoration: none; 16770 color: #222; 16771 white-space: normal; 16772 16773 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 16774 } 16775 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li button { 16776 background: none; 16777 border: none; 16778 cursor: pointer; 16779 } 16780 16781 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li .nav_a_trd.parent_men { 16782 text-decoration: underline; 16783 } 16784 16785 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li .nav_a_trd:hover { 16786 color:#4d4d4d; cursor: pointer; 16787 } 16788 16789 16790 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a { 16791 display: flex; 16792 align-items: center; 16793 padding: 0; 16794 line-height: 30px; 16795 font-size: 14px; 16796 text-transform: uppercase; 16797 text-decoration: none; 16798 color: #222; 16799 white-space: normal; 16800 16801 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 16802 16803 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_123 .nav_div_123 .nav_list li .nav_list_trd li a:hover { 16804 color:#4d4d4d; } 16805 16806 .nav_div_123 .nav_list li a .nav_icons { 16807 height: 30px; 16808 margin-right: 5px; 16809 } 16810 16811 16812 16813 .nav_div_123 .nav_list li a:hover { 16814 color: #3172ab; 16815 } 16816 .horizontal_menu .nav_div_123 .nav_list_trd { 16817 display: none; 16818 position: absolute; 16819 left: 100%; 16820 top: -15px; 16821 padding: 15px 0px; 16822 box-shadow: 0px 0px 5px #00000078; background: #fff; 16823 } 16824 .horizontal_menu .nav_div_123 .nav_list>li .nav_list_trd.open, 16825 .horizontal_menu .nav_div_123 .nav_list>li:hover .nav_list_trd { 16826 display: block; 16827 z-index: 99; 16828 } 16829 16830 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_123, 16831 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_123 .nav_list_trd{ 16832 width: 250px; 16833 } 16834 16835 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_123 .nav_list_trd{ 16836 width: 250px; 16837 } 16838 </style> 16839 </div> 16840 <div class="hum-line"></div> 16841 16842 16843 <a class="hamburger-menu
16843-nav-section " title="Design Your Wedding Band" href="https://www.mitchumjewelers.com/benchmark-ring-lab" > 16844 <span class="icon_and_name"> 16845 16846 Design Your Wedding Band </span> 16847 16848 </a> 16849 16850 16851 16852 <div class="sub-menu-panel" id="mobile-submenu-132" aria-hidden="true"> 16853 16854 16855 16856 16857 16858<div class="menu_container default_build_menu menu_container_3_navigation_132"> 16859 <div class="nav_div_132"> 16860 </div> 16861</div> 16862<style> 16863 .menu_container_3_navigation_132 { 16864 background: #fff; 16865 } 16866 .horizontal_menu .nav_div_132 { 16867 padding: 15px 0px; 16868 box-shadow: 0px 0px 5px #00000078; display: flex; 16869 flex-wrap: wrap; 16870 } 16871 .horizontal_menu .nav_img_132 { 16872 height: 200px; 16873 width: 250px; 16874 margin-left: 50px; 16875 margin-right: 20px; 16876 flex-shrink: 0; 16877 order: 1; 16878 } 16879 .horizontal_menu .nav_img_132 img { 16880 max-width: 100%; 16881 max-height: 100%; 16882 } 16883 .horizontal_menu .nav_div_132 .vfit { 16884 text-align: left; 16885 border-bottom: 1px solid #ececec; 16886 text-transform: uppercase; 16887 } 16888 .nav_div_132 .vfit a { 16889 text-decoration: none; 16890 color: #222; 16891 } 16892 .nav_div_132 .nav_list { 16893 list-style: none; 16894 margin: 0; 16895 padding: 0; 16896 order: 1; 16897 } 16898 .nav_div_132 ul { 16899 list-style: none; 16900 } 16901 #mobile_hamburger_menu_template .nav_div_132 li { 16902 width: 100%; 16903 margin: 0; 16904 padding: 0px 20px; 16905 position: relative; 16906 } 16907 .horizontal_menu .nav_div_132 li { 16908 width: 100%; 16909 margin: 0; 16910 padding: 0px 20px; 16911 position: relative; 16912 } 16913 16914 #mobile_hamburger_menu_template .nav_div_132 li svg { 16915 position: absolute; 16916 right: 15px; 16917 height: 10px; 16918 top: 10px; 16919 } 16920 .horizontal_menu .nav_div_132 li svg { 16921 position: absolute; 16922 right: 15px; 16923 height: 10px; 16924 top: 10px; 16925 } 16926 16927 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li .nav_a_trd { 16928 display: flex; 16929 align-items: center; 16930 padding: 0; 16931 line-height: 30px; 16932 font-size: 14px; 16933 text-transform: uppercase; 16934 text-decoration: none; 16935 color: #222; 16936 white-space: normal; 16937 16938 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 16939 } 16940 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li button { 16941 background: none; 16942 border: none; 16943 cursor: pointer; 16944 } 16945 16946 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li .nav_a_trd.parent_men { 16947 text-decoration: underline; 16948 } 16949 16950 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li .nav_a_trd:hover { 16951 color:#4d4d4d; cursor: pointer; 16952 } 16953 16954 16955 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a { 16956 display: flex; 16957 align-items: center; 16958 padding: 0; 16959 line-height: 30px; 16960 font-size: 14px; 16961 text-transform: uppercase; 16962 text-decoration: none; 16963 color: #222; 16964 white-space: normal; 16965 16966 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 16967 16968 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_132 .nav_div_132 .nav_list li .nav_list_trd li a:hover { 16969 color:#4d4d4d; } 16970 16971 .nav_div_132 .nav_list li a .nav_icons { 16972 height: 30px; 16973 margin-right: 5px; 16974 } 16975 16976 16977 16978 .nav_div_132 .nav_list li a:hover { 16979 color: #3172ab; 16980 } 16981 .horizontal_menu .nav_div_132 .nav_list_trd { 16982 display: none; 16983 position: absolute; 16984 left: 100%; 16985 top: -15px; 16986 padding: 15px 0px; 16987 box-shadow: 0px 0px 5px #00000078; background: #fff; 16988 } 16989 .horizontal_menu .nav_div_132 .nav_list>li .nav_list_trd.open, 16990 .horizontal_menu .nav_div_132 .nav_list>li:hover .nav_list_trd { 16991 display: block; 16992 z-index: 99; 16993 } 16994 16995 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_132, 16996 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_132 .nav_list_trd{ 16997 width: 250px; 16998 } 16999 17000 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_132 .nav_list_trd{ 17001 width: 250px; 17002 } 17003 </style> 17004 </div> 17005 <div class="hum-line"></div> 17006 17007 17008 <button type="button" class="hamburger-menu
17008-nav-section " aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Fine Jewelry section"> 17009 <span class="icon_and_name"> 17010 17011 Fine Jewelry </span> 17012 <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> 17013 17014 </button> 17015 17016 17017 17018 <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true"> 17019 17020 17021 17022 17023 17024<div class="menu_container default_build_menu menu_container_3_navigation_16"> 17025 <div class="nav_div_16"> 17026 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 17027 17028 <li style="" 17029 class="" 17030 role="none"> 17031 17032 17033 17034 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 17035 Shop By Type <svg viewBox="0 0 320 512"><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> 17036 </a> 17037 17038 17039 17040 17041 17042 17043 17044 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 17045 <li style="" 17046 class="" 17047 role="none"> 17048 17049 <a class="" href="https://www.mitchumjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" > 17050 <img class="nav_icons menu_icon_necklaces" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 17051 Necklaces </a> 17052 </li> 17053 <li style="" 17054 class="" 17055 role="none"> 17056 17057 <a class="" href="https://www.mitchumjewelers.com/diamond-studs" title="Diamond Studs" role="menuitem" tabindex="-1" > 17058 <img class="nav_icons menu_icon_diamondstuds" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
17058ings/stud.svg" alt="Diamond Studs" title="Diamond Studs" loading="lazy"/> 17059 Diamond Studs </a> 17060 </li> 17061 <li style="" 17062 class="" 17063 role="none"> 17064 17065 <a class="" href="https://www.mitchumjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 17066 <img class="nav_icons menu_icon_earrings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 17067 Earrings </a> 17068 </li> 17069 <li style="" 17070 class="" 17071 role="none"> 17072 17073 <a class="" href="https://www.mitchumjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 17074 <img class="nav_icons menu_icon_bracelets" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 17075 Bracelets </a> 17076 </li> 17077 <li style="" 17078 class="" 17079 role="none"> 17080 17081 <a class="" href="https://www.mitchumjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 17082 <img class="nav_icons menu_icon_rings" src="https://www.mitchumjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 17083 Rings </a> 17084 </li> 17085 </ul> 17086 </li> 17087 17088 17089 17090 <li style="" 17091 class="" 17092 role="none"> 17093 17094 17095 17096 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17097 Shop By Price <svg viewBox="0 0 320 512"><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> 17098 </a> 17099 17100 17101 17102 17103 17104 17105 17106 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 17107 <li style="" 17108 class="" 17109 role="none"> 17110 17111 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 17112 Up to $500 </a> 17113 </li> 17114 <li style="" 17115 class="" 17116 role="none"> 17117 17118 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 17119 $500 - $1000 </a> 17120 </li> 17121 <li style="" 17122 class="" 17123 role="none"> 17124 17125 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 17126 $1000 - $2000 </a> 17127 </li> 17128 <li style="" 17129 class="" 17130 role="none"> 17131 17132 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 17133 $2000 - $5000 </a> 17134 </li> 17135 <li style="" 17136 class="" 17137 role="none"> 17138 17139 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 17140 $5000 & Up </a> 17141 </li> 17142 </ul> 17143 </li> 17144 17145 17146 17147 <li style="" 17148 class="" 17149 role="none"> 17150 17151 17152 17153 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 17154 Start Your Research <svg viewBox="0 0 320 512"><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> 17155 </a> 17156 17157 17158 17159 17160 17161 17162 17163 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 17164 <li style="" 17165 class="" 17166 role="none"> 17167 17168 <a class="" href="https://www.mitchumjewelers.com/fine-jewelry" title="View All Fine Jewelry" role="menuitem" tabindex="0" > 17169 View All Fine Jewelry </a> 17170 </li> 17171
17171 </ul> 17172 </li> 17173 17174 17175 </ul> 17176 </div> 17177</div> 17178<style> 17179 .menu_container_3_navigation_16 { 17180 background: #fff; 17181 } 17182 .horizontal_menu .nav_div_16 { 17183 padding: 15px 0px; 17184 box-shadow: 0px 0px 5px #00000078; display: flex; 17185 flex-wrap: wrap; 17186 } 17187 .horizontal_menu .nav_img_16 { 17188 height: 200px; 17189 width: 250px; 17190 margin-left: 50px; 17191 margin-right: 20px; 17192 flex-shrink: 0; 17193 order: 1; 17194 } 17195 .horizontal_menu .nav_img_16 img { 17196 max-width: 100%; 17197 max-height: 100%; 17198 } 17199 .horizontal_menu .nav_div_16 .vfit { 17200 text-align: left; 17201 border-bottom: 1px solid #ececec; 17202 text-transform: uppercase; 17203 } 17204 .nav_div_16 .vfit a { 17205 text-decoration: none; 17206 color: #222; 17207 } 17208 .nav_div_16 .nav_list { 17209 list-style: none; 17210 margin: 0; 17211 padding: 0; 17212 order: 1; 17213 } 17214 .nav_div_16 ul { 17215 list-style: none; 17216 } 17217 #mobile_hamburger_menu_template .nav_div_16 li { 17218 width: 100%; 17219 margin: 0; 17220 padding: 0px 20px; 17221 position: relative; 17222 } 17223 .horizontal_menu .nav_div_16 li { 17224 width: 100%; 17225 margin: 0; 17226 padding: 0px 20px; 17227 position: relative; 17228 } 17229 17230 #mobile_hamburger_menu_template .nav_div_16 li svg { 17231 position: absolute; 17232 right: 15px; 17233 height: 10px; 17234 top: 10px; 17235 } 17236 .horizontal_menu .nav_div_16 li svg { 17237 position: absolute; 17238 right: 15px; 17239 height: 10px; 17240 top: 10px; 17241 } 17242 17243 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 17244 display: flex; 17245 align-items: center; 17246 padding: 0; 17247 line-height: 30px; 17248 font-size: 14px; 17249 text-transform: uppercase; 17250 text-decoration: none; 17251 color: #222; 17252 white-space: normal; 17253 17254 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 17255 } 17256 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button { 17257 background: none; 17258 border: none; 17259 cursor: pointer; 17260 } 17261 17262 .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 { 17263 text-decoration: underline; 17264 } 17265 17266 .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 { 17267 color:#4d4d4d; cursor: pointer; 17268 } 17269 17270 17271 .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 { 17272 display: flex; 17273 align-items: center; 17274 padding: 0; 17275 line-height: 30px; 17276 font-size: 14px; 17277 text-transform: uppercase; 17278 text-decoration: none; 17279 color: #222; 17280 white-space: normal; 17281 17282 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 17283 17284 .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 { 17285 color:#4d4d4d; } 17286 17287 .nav_div_16 .nav_list li a .nav_icons { 17288 height: 30px; 17289 margin-right: 5px; 17290 } 17291 17292 17293 17294 .nav_div_16 .nav_list li a:hover { 17295 color: #3172ab; 17296 } 17297 .horizontal_menu .nav_div_16 .nav_list_trd { 17298 display: none; 17299 position: absolute; 17300 left: 100%; 17301 top: -15px; 17302 padding: 15px 0px; 17303 box-shadow: 0px 0px 5px #00000078; background: #fff; 17304 } 17305 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 17306 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 17307 display: block; 17308 z-index: 99; 17309 } 17310 17311 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16, 17312 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 17313 width: 250px; 17314 } 17315 17316 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 17317 width: 250px; 17318 } 17319 </style> 17320 </div> 17321 <div class="hum-line"></div> 17322 17323 17324 <button type="button" class="hamburger-menu
17324-nav-section " aria-expanded="false" aria-controls="mobile-submenu-72" aria-label="Expand Designers section"> 17325 <span class="icon_and_name"> 17326 17327 Designers </span> 17328 <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> 17329 17330 </button> 17331 17332 17333 17334 <div class="sub-menu-panel" id="mobile-submenu-72" aria-hidden="true"> 17335 17336 17337 17338 17339 17340<div class="menu_container default_build_menu menu_container_3_navigation_72"> 17341 <div class="nav_div_72"> 17342 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 17343 17344 <li style="" 17345 class="" 17346 role="none"> 17347 17348 17349 17350 <a class="nav_a_trd " title="JB Star" href="https://www.mitchumjewelers.com/jbstar" data-full_image="" role="menuitem" tabindex="0" > 17351 JB Star </a> 17352 17353 17354 17355 17356 17357 17358 17359 </li> 17360 17361 17362 17363 <li style="" 17364 class="" 17365 role="none"> 17366 17367 17368 17369 <a class="nav_a_trd " title="A.JAFFE" href="https://www.mitchumjewelers.com/a-jaffe" data-full_image="" role="menuitem" tabindex="-1" > 17370 A.JAFFE </a> 17371 17372 17373 17374 17375 17376 17377 17378 </li> 17379 17380 17381 17382 <li style="" 17383 class="" 17384 role="none"> 17385 17386 17387 17388 <a class="nav_a_trd " title="Allison-Kaufman" href="https://www.mitchumjewelers.com/allison-kaufman" data-full_image="" role="menuitem" tabindex="-1" > 17389 Allison-Kaufman </a> 17390 17391 17392 17393 17394 17395 17396 17397 </li> 17398 17399 17400 17401 <li style="" 17402 class="" 17403 role="none"> 17404 17405 17406 17407 <a class="nav_a_trd " title="Ashi Diamonds" href="https://www.mitchumjewelers.com/ashi-diamonds" data-full_image="" role="menuitem" tabindex="-1" aria-current="page"> 17408 Ashi Diamonds </a> 17409 17410 17411 17412 17413 17414 17415 17416 </li> 17417 17418 17419 17420 <li style="" 17421 class="" 17422 role="none"> 17423 17424 17425 17426 <a class="nav_a_trd " title="Tacori" href="https://www.mitchumjewelers.com/tacori?product_types=Engagement%20Ring" data-full_image="" role="menuitem" tabindex="-1" > 17427 Tacori </a> 17428 17429 17430 17431 17432 17433 17434 17435 </li> 17436 17437 17438 17439 <li style="" 17440 class="" 17441 role="none"> 17442 17443 17444 17445 <a class="nav_a_trd " title="Armenta" href="https://www.mitchumjewelers.com/armenta" data-full_image="" role="menuitem" tabindex="-1" > 17446 Armenta </a> 17447 17448 17449 17450 17451 17452 17453 17454 </li> 17455 17456 17457 17458 <li style="" 17459 class="" 17460 role="none"> 17461 17462 17463 17464 <a class="nav_a_trd " title="Benchmark" href="https://www.mitchumjewelers.com/benchmark-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 17465 Benchmark </a> 17466 17467 17468 17469 17470 17471 17472 17473 </li> 17474 17475 17476 17477 <li style="" 17478 class="" 17479 role="none"> 17480 17481 17482 17483 <a class="nav_a_trd " title="Beny S
17483ofer" href="https://www.mitchumjewelers.com/beny-sofer" data-full_image="" role="menuitem" tabindex="-1" > 17484 Beny Sofer </a> 17485 17486 17487 17488 17489 17490 17491 17492 </li> 17493 17494 17495 17496 <li style="" 17497 class="" 17498 role="none"> 17499 17500 17501 17502 <a class="nav_a_trd " title="Dee Berkley" href="https://www.mitchumjewelers.com/dee-berkley" data-full_image="" role="menuitem" tabindex="-1" > 17503 Dee Berkley </a> 17504 17505 17506 17507 17508 17509 17510 17511 </li> 17512 17513 17514 17515 <li style="" 17516 class="" 17517 role="none"> 17518 17519 17520 17521 <a class="nav_a_trd " title="ELLE" href="https://www.mitchumjewelers.com/elle" data-full_image="" role="menuitem" tabindex="-1" > 17522 ELLE </a> 17523 17524 17525 17526 17527 17528 17529 17530 </li> 17531 17532 17533 17534 <li style="" 17535 class="" 17536 role="none"> 17537 17538 17539 17540 <a class="nav_a_trd " title="Goshwara" href="https://www.mitchumjewelers.com/goshwara" data-full_image="" role="menuitem" tabindex="-1" > 17541 Goshwara </a> 17542 17543 17544 17545 17546 17547 17548 17549 </li> 17550 17551 17552 17553 <li style="" 17554 class="" 17555 role="none"> 17556 17557 17558 17559 <a class="nav_a_trd " title="Henri Daussi" href="https://www.mitchumjewelers.com/henri-daussi" data-full_image="" role="menuitem" tabindex="-1" > 17560 Henri Daussi </a> 17561 17562 17563 17564 17565 17566 17567 17568 </li> 17569 17570 </ul> 17571 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 17572 17573 17574 <li style="" 17575 class="" 17576 role="none"> 17577 17578 17579 17580 <a class="nav_a_trd " title="Ippolita" href="https://www.mitchumjewelers.com/ippolita" data-full_image="" role="menuitem" tabindex="0" > 17581 Ippolita </a> 17582 17583 17584 17585 17586 17587 17588 17589 </li> 17590 17591 17592 17593 <li style="" 17594 class="" 17595 role="none"> 17596 17597 17598 17599 <a class="nav_a_trd " title="John Hardy" href="https://www.mitchumjewelers.com/john-hardy" data-full_image="" role="menuitem" tabindex="-1" > 17600 John Hardy </a> 17601 17602 17603 17604 17605 17606 17607 17608 </li> 17609 17610 17611 17612 <li style="" 17613 class="" 17614 role="none"> 17615 17616 17617 17618 <a class="nav_a_trd " title="Madison L" href="https://www.mitchumjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 17619 Madison L </a> 17620 17621 17622 17623 17624 17625 17626 17627 </li> 17628 17629 17630 17631 <li style="" 17632 class="" 17633 role="none"> 17634 17635 17636 17637 <a class="nav_a_trd " title="Michael M " href="https://www.mitchumjewelers.com/michael-m" data-full_image="" role="menuitem" tabindex="-1" > 17638 Michael M </a> 17639 17640 17641 17642 17643 17644 17645 17646 </li> 17647 17648 17649 17650 <li style="" 17651 class="" 17652 role="none"> 17653 17654 17655 17656 <a class="nav_a_trd " title="Parade" href="https://www.mitchumjewelers.com/parade" data-full_image="/public/1.0/uploads/source/brands/parade_jewels_in_design/paradelogo.jpg" role="menuitem" tabindex="-1" > 17657 Parade </a> 17658 17659 17660 17661 17662 17663 17664 17665 </li> 17666 17667 17668 17669 <li style="" 17670 class="" 17671 role="none"> 17672 17673 17674 17675 <a class="nav_a_trd " title="Roberto Demeglio" href="https://www.mitchumjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 17676 Roberto Demeglio </a> 17677 17678 17679 17680 17681 17682 17683 17684 </li> 17685 17686 17687 17688 <li style="" 17689 class="" 17690 role="none"> 17691 17692 17693 17694 <a class="nav_a_trd " title="Shy Creation" href="https://www.mitchumjewelers.com/shy-creation" data-full_image="" role="menuitem" tabindex="-1" > 17695 Shy Creation </a> 17696 17697 17698 17699 17700 17701 17702 17703 </li> 17704 17705 17706 17707 <li style="" 17708 class="" 17709 role="none"> 17710 17711 17712 17713 <a class="nav_a_trd " title="Mitchum Jewelers Collection" href="https://www.mitchumjewelers.com/mitchum-jewelers-collection" data-full_image="" role="menuitem" tabindex="-1" > 17714 Mitchum Jewelers Collection </a> 17715 17716 17717 17718 17719 17720 17721 17722 </li> 17723 17724 17725 </ul> 17726 </div> 17727</div> 17728<style> 17729 .menu_container_3_navigation_72 { 17730 background: #fff; 17731 } 17732 .horizontal_menu .nav_div_72 { 17733 padding: 15px 0px; 17734 box-shadow: 0px 0px 5px #00000078; display: flex; 17735 flex-wrap: wrap; 17736 } 17737 .horizontal_menu .nav_img_72 { 17738 height: 200px; 17739 width: 250px; 17740 margin-left: 50px; 17741 margin-right: 20px; 17742 flex-shrink: 0; 17743 order: 1; 17744 } 17745 .horizontal_menu .nav_img_72 img { 17746 max-width: 100%; 17747 max-height: 100%; 17748 } 17749 .horizontal_menu .nav_div_72 .vfit { 17750 text-align: left; 17751 border-bottom: 1px solid #ececec; 17752 text-transform: uppercase; 17753 } 17754 .nav_div_72 .vfit a { 17755 text-decoration: none; 17756 color: #222; 17757 } 17758 .nav_div_72 .nav_list { 17759 list-style: none; 17760 margin: 0; 17761 padding: 0; 17762 order: 1; 17763 } 17764 .nav_div_72 ul { 17765 list-style: none; 17766 } 17767 #mobile_hamburger_menu_template .nav_div_72 li { 17768 width: 100%; 17769 margin: 0; 17770 padding: 0px 20px; 17771 position: relative; 17772 } 17773 .horizontal_menu .nav_div_72 li { 17774 width: 100%; 17775 margin: 0; 17776 padding: 0px 20px; 17777 position: relative; 17778 } 17779 17780 #mobile_hamburger_menu_template .nav_div_72 li svg { 17781 position: absolute; 17782 right: 15px; 17783 height: 10px; 17784 top: 10px; 17785 } 17786 .horizontal_menu .nav_div_72 li svg { 17787 position: absolute; 17788 right: 15px; 17789 height: 10px; 17790 top: 10px; 17791 } 17792 17793 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 17794 display: flex; 17795 align-items: center; 17796 padding: 0; 17797 line-height: 30px; 17798 font-size: 14px; 17799 text-transform: uppercase; 17800 text-decoration: none; 17801 color: #222; 17802 white-space: normal; 17803 17804 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 17805 } 17806 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li button { 17807 background: none; 17808 border: none; 17809 cursor: pointer; 17810 } 17811 17812 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 17813 text-decoration: underline; 17814 } 17815 17816 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 17817 color:#4d4d4d; cursor: pointer; 17818 } 17819 17820 17821 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 17822 display: flex; 17823 align-items: center; 17824 padding: 0; 17825 line-height: 30px; 17826 font-size: 14px; 17827 text-transform: uppercase; 17828 text-decoration: none; 17829 color: #222; 17830 white-space: normal; 17831 17832 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 17833 17834 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 17835 color:#4d4d4d; } 17836 17837 .nav_div_72 .nav_list li a .nav_icons { 17838 height: 30px; 17839 margin-right: 5px; 17840 } 17841 17842 17843 17844 .nav_div_72 .nav_list li a:hover { 17845 color: #3172ab; 17846 } 17847 .horizontal_menu .nav_div_72 .nav_list_trd { 17848 display: none; 17849 position: absolute; 17850 left: 100%; 17851 top: -15px; 17852 padding: 15px 0px; 17853 box-shadow: 0px 0px 5px #00000078; background: #fff; 17854 } 17855 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 17856 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 17857 display: block; 17858 z-index: 99; 17859 } 17860 17861 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72, 17862 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 17863 } 17864 17865 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 17866 width: 250px; 17867 } 17868 </style> 17869 </div> 17870 <div class="hum-line"></div> 17871 17872 17873 <a class="hamburger-menu
17873-nav-section " title="Pre-Owned Rolex" href="https://www.mitchumjewelers.com/pre-owned-rolex" > 17874 <span class="icon_and_name"> 17875 17876 Pre-Owned Rolex </span> 17877 17878 </a> 17879 17880 17881 17882 <div class="sub-menu-panel" id="mobile-submenu-124" aria-hidden="true"> 17883 17884 17885 17886 17887 17888<div class="menu_container default_build_menu menu_container_3_navigation_124"> 17889 <div class="nav_div_124"> 17890 </div> 17891</div> 17892<style> 17893 .menu_container_3_navigation_124 { 17894 background: #fff; 17895 } 17896 .horizontal_menu .nav_div_124 { 17897 padding: 15px 0px; 17898 box-shadow: 0px 0px 5px #00000078; display: flex; 17899 flex-wrap: wrap; 17900 } 17901 .horizontal_menu .nav_img_124 { 17902 height: 200px; 17903 width: 250px; 17904 margin-left: 50px; 17905 margin-right: 20px; 17906 flex-shrink: 0; 17907 order: 1; 17908 } 17909 .horizontal_menu .nav_img_124 img { 17910 max-width: 100%; 17911 max-height: 100%; 17912 } 17913 .horizontal_menu .nav_div_124 .vfit { 17914 text-align: left; 17915 border-bottom: 1px solid #ececec; 17916 text-transform: uppercase; 17917 } 17918 .nav_div_124 .vfit a { 17919 text-decoration: none; 17920 color: #222; 17921 } 17922 .nav_div_124 .nav_list { 17923 list-style: none; 17924 margin: 0; 17925 padding: 0; 17926 order: 1; 17927 } 17928 .nav_div_124 ul { 17929 list-style: none; 17930 } 17931 #mobile_hamburger_menu_template .nav_div_124 li { 17932 width: 100%; 17933 margin: 0; 17934 padding: 0px 20px; 17935 position: relative; 17936 } 17937 .horizontal_menu .nav_div_124 li { 17938 width: 100%; 17939 margin: 0; 17940 padding: 0px 20px; 17941 position: relative; 17942 } 17943 17944 #mobile_hamburger_menu_template .nav_div_124 li svg { 17945 position: absolute; 17946 right: 15px; 17947 height: 10px; 17948 top: 10px; 17949 } 17950 .horizontal_menu .nav_div_124 li svg { 17951 position: absolute; 17952 right: 15px; 17953 height: 10px; 17954 top: 10px; 17955 } 17956 17957 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li .nav_a_trd { 17958 display: flex; 17959 align-items: center; 17960 padding: 0; 17961 line-height: 30px; 17962 font-size: 14px; 17963 text-transform: uppercase; 17964 text-decoration: none; 17965 color: #222; 17966 white-space: normal; 17967 17968 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 17969 } 17970 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li button { 17971 background: none; 17972 border: none; 17973 cursor: pointer; 17974 } 17975 17976 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li .nav_a_trd.parent_men { 17977 text-decoration: underline; 17978 } 17979 17980 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li .nav_a_trd:hover { 17981 color:#4d4d4d; cursor: pointer; 17982 } 17983 17984 17985 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a { 17986 display: flex; 17987 align-items: center; 17988 padding: 0; 17989 line-height: 30px; 17990 font-size: 14px; 17991 text-transform: uppercase; 17992 text-decoration: none; 17993 color: #222; 17994 white-space: normal; 17995 17996 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 17997 17998 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_124 .nav_div_124 .nav_list li .nav_list_trd li a:hover { 17999 color:#4d4d4d; } 18000 18001 .nav_div_124 .nav_list li a .nav_icons { 18002 height: 30px; 18003 margin-right: 5px; 18004 } 18005 18006 18007 18008 .nav_div_124 .nav_list li a:hover { 18009 color: #3172ab; 18010 } 18011 .horizontal_menu .nav_div_124 .nav_list_trd { 18012 display: none; 18013 position: absolute; 18014 left: 100%; 18015 top: -15px; 18016 padding: 15px 0px; 18017 box-shadow: 0px 0px 5px #00000078; background: #fff; 18018 } 18019 .horizontal_menu .nav_div_124 .nav_list>li .nav_list_trd.open, 18020 .horizontal_menu .nav_div_124 .nav_list>li:hover .nav_list_trd { 18021 display: block; 18022 z-index: 99; 18023 } 18024 18025 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_124, 18026 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_124 .nav_list_trd{ 18027 width: 250px; 18028 } 18029 18030 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_124 .nav_list_trd{ 18031 width: 250px; 18032 } 18033 </style> 18034 </div> 18035 <div class="hum-line"></div> 18036 18037 18038 <button type="button" class="hamburger-menu
18038-nav-section " aria-expanded="false" aria-controls="mobile-submenu-20" aria-label="Expand Timepieces section"> 18039 <span class="icon_and_name"> 18040 18041 Timepieces </span> 18042 <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> 18043 18044 </button> 18045 18046 18047 18048 <div class="sub-menu-panel" id="mobile-submenu-20" aria-hidden="true"> 18049 18050 18051 18052 18053 18054<div class="menu_container default_build_menu menu_container_3_navigation_20"> 18055 <div class="nav_div_20"> 18056 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 18057 18058 <li style="" 18059 class="" 18060 role="none"> 18061 18062 18063 18064 <a class="nav_a_trd " title="Shinola" href="https://www.mitchumjewelers.com/shinola" data-full_image="" role="menuitem" tabindex="0" > 18065 Shinola </a> 18066 18067 18068 18069 18070 18071 18072 18073 </li> 18074 18075 18076 18077 <li style="" 18078 class="" 18079 role="none"> 18080 18081 18082 18083 <a class="nav_a_trd " title="Seiko" href="https://www.mitchumjewelers.com/seiko" data-full_image="" role="menuitem" tabindex="-1" > 18084 Seiko </a> 18085 18086 18087 18088 18089 18090 18091 18092 </li> 18093 18094 18095 </ul> 18096 </div> 18097</div> 18098<style> 18099 .menu_container_3_navigation_20 { 18100 background: #fff; 18101 } 18102 .horizontal_menu .nav_div_20 { 18103 padding: 15px 0px; 18104 box-shadow: 0px 0px 5px #00000078; display: flex; 18105 flex-wrap: wrap; 18106 } 18107 .horizontal_menu .nav_img_20 { 18108 height: 200px; 18109 width: 250px; 18110 margin-left: 50px; 18111 margin-right: 20px; 18112 flex-shrink: 0; 18113 order: 1; 18114 } 18115 .horizontal_menu .nav_img_20 img { 18116 max-width: 100%; 18117 max-height: 100%; 18118 } 18119 .horizontal_menu .nav_div_20 .vfit { 18120 text-align: left; 18121 border-bottom: 1px solid #ececec; 18122 text-transform: uppercase; 18123 } 18124 .nav_div_20 .vfit a { 18125 text-decoration: none; 18126 color: #222; 18127 }
18128 .nav_div_20 .nav_list { 18129 list-style: none; 18130 margin: 0; 18131 padding: 0; 18132 order: 1; 18133 } 18134 .nav_div_20 ul { 18135 list-style: none; 18136 } 18137 #mobile_hamburger_menu_template .nav_div_20 li { 18138 width: 100%; 18139 margin: 0; 18140 padding: 0px 20px; 18141 position: relative; 18142 } 18143 .horizontal_menu .nav_div_20 li { 18144 width: 100%; 18145 margin: 0; 18146 padding: 0px 20px; 18147 position: relative; 18148 } 18149 18150 #mobile_hamburger_menu_template .nav_div_20 li svg { 18151 position: absolute; 18152 right: 15px; 18153 height: 10px; 18154 top: 10px; 18155 } 18156 .horizontal_menu .nav_div_20 li svg { 18157 position: absolute; 18158 right: 15px; 18159 height: 10px; 18160 top: 10px; 18161 } 18162 18163 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 18164 display: flex; 18165 align-items: center; 18166 padding: 0; 18167 line-height: 30px; 18168 font-size: 14px; 18169 text-transform: uppercase; 18170 text-decoration: none; 18171 color: #222; 18172 white-space: normal; 18173 18174 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 18175 } 18176 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li button { 18177 background: none; 18178 border: none; 18179 cursor: pointer; 18180 } 18181 18182 .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 { 18183 text-decoration: underline; 18184 } 18185 18186 .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 { 18187 color:#4d4d4d; cursor: pointer; 18188 } 18189 18190 18191 .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 { 18192 display: flex; 18193 align-items: center; 18194 padding: 0; 18195 line-height: 30px; 18196 font-size: 14px; 18197 text-transform: uppercase; 18198 text-decoration: none; 18199 color: #222; 18200 white-space: normal; 18201 18202 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 18203 18204 .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:hover { 18205 color:#4d4d4d; } 18206 18207 .nav_div_20 .nav_list li a .nav_icons { 18208 height: 30px; 18209 margin-right: 5px; 18210 } 18211 18212 18213 18214 .nav_div_20 .nav_list li a:hover { 18215 color: #3172ab; 18216 } 18217 .horizontal_menu .nav_div_20 .nav_list_trd { 18218 display: none; 18219 position: absolute; 18220 left: 100%; 18221 top: -15px; 18222 padding: 15px 0px; 18223 box-shadow: 0px 0px 5px #00000078; background: #fff; 18224 } 18225 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 18226 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 18227 display: block; 18228 z-index: 99; 18229 } 18230 18231 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20, 18232 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 18233 width: 250px; 18234 } 18235 18236 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 18237 width: 250px; 18238 } 18239 </style> 18240 </div> 18241 <div class="hum-line"></div> 18242 18243 18244 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-98" aria-label="Expand About Us section">
18245 <span class="icon_and_name"> 18246 18247 About Us </span> 18248 <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> 18249 18250 </button> 18251 18252 18253 18254 <div class="sub-menu-panel" id="mobile-submenu-98" aria-hidden="true"> 18255 18256 18257 18258 18259 18260<div class="menu_container default_build_menu menu_container_3_navigation_98"> 18261 <div class="nav_div_98"> 18262 <ul class="nav_list" role="menu" aria-label="About Us" tabindex="-1"> 18263 18264 <li style="" 18265 class="" 18266 role="none"> 18267 18268 18269 18270 <a class="nav_a_trd " title="About Us" href="https://www.mitchumjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 18271 About Us </a> 18272 18273 18274 18275 18276 18277 18278 18279 </li> 18280 18281 18282 18283 <li style="" 18284 class="" 18285 role="none"> 18286 18287 18288 18289 <a class="nav_a_trd " title="Staff" href="https://www.mitchumjewelers.com/staff" data-full_image="" role="menuitem" tabindex="-1" > 18290 Staff </a> 18291 18292 18293 18294 18295 18296 18297 18298 </li> 18299 18300 18301 </ul> 18302 </div> 18303</div> 18304<style> 18305 .menu_container_3_navigation_98 { 18306 background: #fff; 18307 } 18308 .horizontal_menu .nav_div_98 { 18309 padding: 15px 0px; 18310 box-shadow: 0px 0px 5px #00000078; display: flex; 18311 flex-wrap: wrap; 18312 } 18313 .horizontal_menu .nav_img_98 { 18314 height: 200px; 18315 width: 250px; 18316 margin-left: 50px; 18317 margin-right: 20px; 18318 flex-shrink: 0; 18319 order: 1; 18320 } 18321 .horizontal_menu .nav_img_98 img { 18322 max-width: 100%; 18323 max-height: 100%; 18324 } 18325 .horizontal_menu .nav_div_98 .vfit { 18326 text-align: left; 18327 border-bottom: 1px solid #ececec; 18328 text-transform: uppercase; 18329 } 18330 .nav_div_98 .vfit a { 18331 text-decoration: none; 18332 color: #222; 18333 } 18334 .nav_div_98 .nav_list { 18335 list-style: none; 18336 margin: 0; 18337 padding: 0; 18338 order: 1; 18339 } 18340 .nav_div_98 ul { 18341 list-style: none; 18342 } 18343 #mobile_hamburger_menu_template .nav_div_98 li { 18344 width: 100%; 18345 margin: 0; 18346 padding: 0px 20px; 18347 position: relative; 18348 } 18349 .horizontal_menu .nav_div_98 li { 18350 width: 100%; 18351 margin: 0; 18352 padding: 0px 20px; 18353 position: relative; 18354 } 18355 18356 #mobile_hamburger_menu_template .nav_div_98 li svg { 18357 position: absolute; 18358 right: 15px; 18359 height: 10px; 18360 top: 10px; 18361 } 18362 .horizontal_menu .nav_div_98 li svg { 18363 position: absolute; 18364 right: 15px; 18365 height: 10px; 18366 top: 10px; 18367 } 18368 18369 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li .nav_a_trd { 18370 display: flex; 18371 align-items: center; 18372 padding: 0; 18373 line-height: 30px; 18374 font-size: 14px; 18375 text-transform: uppercase; 18376 text-decoration: none; 18377 color: #222; 18378 white-space: normal; 18379 18380 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 18381 } 18382 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_98 .nav_div_98 .nav_list li button { 18383 background: none; 18384 border: none; 18385 cursor: pointer; 18386 } 18387 18388 .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 { 18389 text-decoration: underline; 18390 } 18391 18392 .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 { 18393 color:#4d4d4d; cursor: pointer; 18394 } 18395 18396 18397 .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 { 18398 display: flex; 18399 align-items: center; 18400 padding: 0; 18401 line-height: 30px; 18402 font-size: 14px; 18403 text-transform: uppercase; 18404 text-decoration: none; 18405 color: #222; 18406 white-space: normal; 18407 18408 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 18409 18410 .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 { 18411 color:#4d4d4d; } 18412 18413 .nav_div_98 .nav_list li a .nav_icons { 18414 height: 30px; 18415 margin-right: 5px; 18416 } 18417 18418 18419 18420 .nav_div_98 .nav_list li a:hover { 18421 color: #3172ab; 18422 } 18423 .horizontal_menu .nav_div_98 .nav_list_trd { 18424 display: none; 18425 position: absolute; 18426 left: 100%; 18427 top: -15px; 18428 padding: 15px 0px; 18429 box-shadow: 0px 0px 5px #00000078; background: #fff; 18430 } 18431 .horizontal_menu .nav_div_98 .nav_list>li .nav_list_trd.open, 18432 .horizontal_menu .nav_div_98 .nav_list>li:hover .nav_list_trd { 18433 display: block; 18434 z-index: 99; 18435 } 18436 18437 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98, 18438 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98 .nav_list_trd{ 18439 width: 250px; 18440 } 18441 18442 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_98 .nav_list_trd{ 18443 width: 250px; 18444 } 18445 </style> 18446 </div> 18447 <div class="hum-line"></div> 18448 18449 18450 <button type="button" class="hamburger-menu
18450-nav-section " aria-expanded="false" aria-controls="mobile-submenu-106" aria-label="Expand Services section"> 18451 <span class="icon_and_name"> 18452 18453 Services </span> 18454 <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> 18455 18456 </button> 18457 18458 18459 18460 <div class="sub-menu-panel" id="mobile-submenu-106" aria-hidden="true"> 18461 18462 18463 18464 18465 18466<div class="menu_container default_build_menu menu_container_3_navigation_106"> 18467 <div class="nav_div_106"> 18468 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 18469 18470 <li style="" 18471 class="" 18472 role="none"> 18473 18474 18475 18476 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.mitchumjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="0" > 18477 Jewelry Repair </a> 18478 18479 18480 18481 18482 18483 18484 18485 </li> 18486 18487 18488 18489 <li style="" 18490 class="" 18491 role="none"> 18492 18493 18494 18495 <a class="nav_a_trd " title="Jewelry Cleaning " href="https://www.mitchumjewelers.com/jewelry-cleaning" data-full_image="" role="menuitem" tabindex="-1" > 18496 Jewelry Cleaning </a> 18497 18498 18499 18500 18501 18502 18503 18504 </li> 18505 18506 18507 18508 <li style="" 18509 class="" 18510 role="none"> 18511 18512 18513 18514 <a class="nav_a_trd " title="Jewelry Appraisal" href="https://www.mitchumjewelers.com/jewelry-appraisal" data-full_image="" role="menuitem" tabindex="-1" > 18515 Jewelry Appraisal </a> 18516 18517 18518 18519 18520 18521 18522 18523 </li> 18524 18525 18526 18527 <li style="" 18528 class="" 18529 role="none"> 18530 18531 18532 18533 <a class="nav_a_trd " title="Custom Jewelry De
18533sign" href="https://www.mitchumjewelers.com/custom-jewelry-design" data-full_image="" role="menuitem" tabindex="-1" > 18534 Custom Jewelry Design </a> 18535 18536 18537 18538 18539 18540 18541 18542 </li> 18543 18544 18545 18546 <li style="" 18547 class="" 18548 role="none"> 18549 18550 18551 18552 <a class="nav_a_trd " title="Financing" href="https://www.mitchumjewelers.com/financing" data-full_image="" role="menuitem" tabindex="-1" > 18553 Financing </a> 18554 18555 18556 18557 18558 18559 18560 18561 </li> 18562 18563 18564 18565 <li style="" 18566 class="" 18567 role="none"> 18568 18569 18570 18571 <a class="nav_a_trd " title="Anything Promise" href="https://www.mitchumjewelers.com/journals/anythingpromise" data-full_image="" role="menuitem" tabindex="-1" > 18572 Anything Promise </a> 18573 18574 18575 18576 18577 18578 18579 18580 </li> 18581 18582 18583 </ul> 18584 </div> 18585</div> 18586<style> 18587 .menu_container_3_navigation_106 { 18588 background: #fff; 18589 } 18590 .horizontal_menu .nav_div_106 { 18591 padding: 15px 0px; 18592 box-shadow: 0px 0px 5px #00000078; display: flex; 18593 flex-wrap: wrap; 18594 } 18595 .horizontal_menu .nav_img_106 { 18596 height: 200px; 18597 width: 250px; 18598 margin-left: 50px; 18599 margin-right: 20px; 18600 flex-shrink: 0; 18601 order: 1; 18602 } 18603 .horizontal_menu .nav_img_106 img { 18604 max-width: 100%; 18605 max-height: 100%; 18606 } 18607 .horizontal_menu .nav_div_106 .vfit { 18608 text-align: left; 18609 border-bottom: 1px solid #ececec; 18610 text-transform: uppercase; 18611 } 18612 .nav_div_106 .vfit a { 18613 text-decoration: none; 18614 color: #222; 18615 } 18616 .nav_div_106 .nav_list { 18617 list-style: none; 18618 margin: 0; 18619 padding: 0; 18620 order: 1; 18621 } 18622 .nav_div_106 ul { 18623 list-style: none; 18624 } 18625 #mobile_hamburger_menu_template .nav_div_106 li { 18626 width: 100%; 18627 margin: 0; 18628 padding: 0px 20px; 18629 position: relative; 18630 } 18631 .horizontal_menu .nav_div_106 li { 18632 width: 100%; 18633 margin: 0; 18634 padding: 0px 20px; 18635 position: relative; 18636 } 18637 18638 #mobile_hamburger_menu_template .nav_div_106 li svg { 18639 position: absolute; 18640 right: 15px; 18641 height: 10px; 18642 top: 10px; 18643 } 18644 .horizontal_menu .nav_div_106 li svg { 18645 position: absolute; 18646 right: 15px; 18647 height: 10px; 18648 top: 10px; 18649 } 18650 18651 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd { 18652 display: flex; 18653 align-items: center; 18654 padding: 0; 18655 line-height: 30px; 18656 font-size: 14px; 18657 text-transform: uppercase; 18658 text-decoration: none; 18659 color: #222; 18660 white-space: normal; 18661 18662 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 18663 } 18664 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li button { 18665 background: none; 18666 border: none; 18667 cursor: pointer; 18668 } 18669 18670 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd.parent_men { 18671 text-decoration: underline; 18672 } 18673 18674 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_a_trd:hover { 18675 color:#4d4d4d; cursor: pointer; 18676 } 18677 18678 18679 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a { 18680 display: flex; 18681 align-items: center; 18682 padding: 0; 18683 line-height: 30px; 18684 font-size: 14px; 18685 text-transform: uppercase; 18686 text-decoration: none; 18687 color: #222; 18688 white-space: normal; 18689 18690 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 18691 18692 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_106 .nav_div_106 .nav_list li .nav_list_trd li a:hover { 18693 color:#4d4d4d; } 18694 18695 .nav_div_106 .nav_list li a .nav_icons { 18696 height: 30px; 18697 margin-right: 5px; 18698 } 18699 18700 18701 18702 .nav_div_106 .nav_list li a:hover { 18703 color: #3172ab; 18704 } 18705 .horizontal_menu .nav_div_106 .nav_list_trd { 18706 display: none; 18707 position: absolute; 18708 left: 100%; 18709 top: -15px; 18710 padding: 15px 0px; 18711 box-shadow: 0px 0px 5px #00000078; background: #fff; 18712 } 18713 .horizontal_menu .nav_div_106 .nav_list>li .nav_list_trd.open, 18714 .horizontal_menu .nav_div_106 .nav_list>li:hover .nav_list_trd { 18715 display: block; 18716 z-index: 99; 18717 } 18718 18719 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106, 18720 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106 .nav_list_trd{ 18721 width: 250px; 18722 } 18723 18724 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_106 .nav_list_trd{ 18725 width: 250px; 18726 } 18727 </style> 18728 </div> 18729 <div class="hum-line"></div> 18730 18731 18732 <a class="hamburger-menu
18732-nav-section " title="FAQ" href="https://www.mitchumjewelers.com/faq" > 18733 <span class="icon_and_name"> 18734 18735 FAQ </span> 18736 18737 </a> 18738 18739 18740 18741 <div class="sub-menu-panel" id="mobile-submenu-122" aria-hidden="true"> 18742 18743 18744 18745 18746 18747<div class="menu_container default_build_menu menu_container_3_navigation_122"> 18748 <div class="nav_div_122"> 18749 </div> 18750</div> 18751<style> 18752 .menu_container_3_navigation_122 { 18753 background: #fff; 18754 } 18755 .horizontal_menu .nav_div_122 { 18756 padding: 15px 0px; 18757 box-shadow: 0px 0px 5px #00000078; display: flex; 18758 flex-wrap: wrap; 18759 } 18760 .horizontal_menu .nav_img_122 { 18761 height: 200px; 18762 width: 250px; 18763 margin-left: 50px; 18764 margin-right: 20px; 18765 flex-shrink: 0; 18766 order: 1; 18767 } 18768 .horizontal_menu .nav_img_122 img { 18769 max-width: 100%; 18770 max-height: 100%; 18771 } 18772 .horizontal_menu .nav_div_122 .vfit { 18773 text-align: left; 18774 border-bottom: 1px solid #ececec; 18775 text-transform: uppercase; 18776 } 18777 .nav_div_122 .vfit a { 18778 text-decoration: none; 18779 color: #222; 18780 } 18781 .nav_div_122 .nav_list { 18782 list-style: none; 18783 margin: 0; 18784 padding: 0; 18785 order: 1; 18786 } 18787 .nav_div_122 ul { 18788 list-style: none; 18789 } 18790 #mobile_hamburger_menu_template .nav_div_122 li { 18791 width: 100%; 18792 margin: 0; 18793 padding: 0px 20px; 18794 position: relative; 18795 } 18796 .horizontal_menu .nav_div_122 li { 18797 width: 100%; 18798 margin: 0; 18799 padding: 0px 20px; 18800 position: relative; 18801 } 18802 18803 #mobile_hamburger_menu_template .nav_div_122 li svg { 18804 position: absolute; 18805 right: 15px; 18806 height: 10px; 18807 top: 10px; 18808 } 18809 .horizontal_menu .nav_div_122 li svg { 18810 position: absolute; 18811 right: 15px; 18812 height: 10px; 18813 top: 10px; 18814 } 18815 18816 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li .nav_a_trd { 18817 display: flex; 18818 align-items: center; 18819 padding: 0; 18820 line-height: 30px; 18821 font-size: 14px; 18822 text-transform: uppercase; 18823 text-decoration: none; 18824 color: #222; 18825 white-space: normal; 18826 18827 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 18828 } 18829 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li button { 18830 background: none; 18831 border: none; 18832 cursor: pointer; 18833 } 18834 18835 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li .nav_a_trd.parent_men { 18836 text-decoration: underline; 18837 } 18838 18839 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li .nav_a_trd:hover { 18840 color:#4d4d4d; cursor: pointer; 18841 } 18842 18843 18844 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a { 18845 display: flex; 18846 align-items: center; 18847 padding: 0; 18848 line-height: 30px; 18849 font-size: 14px; 18850 text-transform: uppercase; 18851 text-decoration: none; 18852 color: #222; 18853 white-space: normal; 18854 18855 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 18856 18857 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_122 .nav_div_122 .nav_list li .nav_list_trd li a:hover { 18858 color:#4d4d4d; } 18859 18860 .nav_div_122 .nav_list li a .nav_icons { 18861 height: 30px; 18862 margin-right: 5px; 18863 } 18864 18865 18866 18867 .nav_div_122 .nav_list li a:hover { 18868 color: #3172ab; 18869 } 18870 .horizontal_menu .nav_div_122 .nav_list_trd { 18871 display: none; 18872 position: absolute; 18873 left: 100%; 18874 top: -15px; 18875 padding: 15px 0px; 18876 box-shadow: 0px 0px 5px #00000078; background: #fff; 18877 } 18878 .horizontal_menu .nav_div_122 .nav_list>li .nav_list_trd.open, 18879 .horizontal_menu .nav_div_122 .nav_list>li:hover .nav_list_trd { 18880 display: block; 18881 z-index: 99; 18882 } 18883 18884 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_122, 18885 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_122 .nav_list_trd{ 18886 width: 250px; 18887 } 18888 18889 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_122 .nav_list_trd{ 18890 width: 250px; 18891 } 18892 </style> 18893 </div> 18894 <div class="hum-line"></div> 18895 18896 18897 <a class="hamburger-menu
18897-nav-section " title="Events" href="https://www.mitchumjewelers.com/events" > 18898 <span class="icon_and_name"> 18899 18900 Events </span> 18901 18902 </a> 18903 18904 18905 18906 <div class="sub-menu-panel" id="mobile-submenu-105" aria-hidden="true"> 18907 18908 18909 18910 18911 18912<div class="menu_container default_build_menu menu_container_3_navigation_105"> 18913 <div class="nav_div_105"> 18914 </div> 18915</div> 18916<style> 18917 .menu_container_3_navigation_105 { 18918 background: #fff; 18919 } 18920 .horizontal_menu .nav_div_105 { 18921 padding: 15px 0px; 18922 box-shadow: 0px 0px 5px #00000078; display: flex; 18923 flex-wrap: wrap; 18924 } 18925 .horizontal_menu .nav_img_105 { 18926 height: 200px; 18927 width: 250px; 18928 margin-left: 50px; 18929 margin-right: 20px; 18930 flex-shrink: 0; 18931 order: 1; 18932 } 18933 .horizontal_menu .nav_img_105 img { 18934 max-width: 100%; 18935 max-height: 100%; 18936 } 18937 .horizontal_menu .nav_div_105 .vfit { 18938 text-align: left; 18939 border-bottom: 1px solid #ececec; 18940 text-transform: uppercase; 18941 } 18942 .nav_div_105 .vfit a { 18943 text-decoration: none; 18944 color: #222; 18945 } 18946 .nav_div_105 .nav_list { 18947 list-style: none; 18948 margin: 0; 18949 padding: 0; 18950 order: 1; 18951 } 18952 .nav_div_105 ul { 18953 list-style: none; 18954 } 18955 #mobile_hamburger_menu_template .nav_div_105 li { 18956 width: 100%; 18957 margin: 0; 18958 padding: 0px 20px; 18959 position: relative; 18960 } 18961 .horizontal_menu .nav_div_105 li { 18962 width: 100%; 18963 margin: 0; 18964 padding: 0px 20px; 18965 position: relative; 18966 } 18967 18968 #mobile_hamburger_menu_template .nav_div_105 li svg { 18969 position: absolute; 18970 right: 15px; 18971 height: 10px; 18972 top: 10px; 18973 } 18974 .horizontal_menu .nav_div_105 li svg { 18975 position: absolute; 18976 right: 15px; 18977 height: 10px; 18978 top: 10px; 18979 } 18980 18981 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 18982 display: flex; 18983 align-items: center; 18984 padding: 0; 18985 line-height: 30px; 18986 font-size: 14px; 18987 text-transform: uppercase; 18988 text-decoration: none; 18989 color: #222; 18990 white-space: normal; 18991 18992 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 18993 } 18994 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li button { 18995 background: none; 18996 border: none; 18997 cursor: pointer; 18998 } 18999 19000 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 19001 text-decoration: underline; 19002 } 19003 19004 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 19005 color:#4d4d4d; cursor: pointer; 19006 } 19007 19008 19009 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 19010 display: flex; 19011 align-items: center; 19012 padding: 0; 19013 line-height: 30px; 19014 font-size: 14px; 19015 text-transform: uppercase; 19016 text-decoration: none; 19017 color: #222; 19018 white-space: normal; 19019 19020 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 19021 19022 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 19023 color:#4d4d4d; } 19024 19025 .nav_div_105 .nav_list li a .nav_icons { 19026 height: 30px; 19027 margin-right: 5px; 19028 } 19029 19030 19031 19032 .nav_div_105 .nav_list li a:hover { 19033 color: #3172ab; 19034 } 19035 .horizontal_menu .nav_div_105 .nav_list_trd { 19036 display: none; 19037 position: absolute; 19038 left: 100%; 19039 top: -15px; 19040 padding: 15px 0px; 19041 box-shadow: 0px 0px 5px #00000078; background: #fff; 19042 } 19043 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 19044 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 19045 display: block; 19046 z-index: 99; 19047 } 19048 19049 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105, 19050 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105 .nav_list_trd{ 19051 width: 250px; 19052 } 19053 19054 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105 .nav_list_trd{ 19055 width: 250px; 19056 } 19057 </style> 19058 </div> 19059 <div class="hum-line"></div> 19060 19061 19062 <a class="hamburger-menu
19062-nav-section " title="Contact Us" href="https://www.mitchumjewelers.com/contact-us" > 19063 <span class="icon_and_name"> 19064 19065 Contact Us </span> 19066 19067 </a> 19068 19069 19070 19071 <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true"> 19072 19073 19074 19075 19076 19077<div class="menu_container default_build_menu menu_container_3_navigation_22"> 19078 <div class="nav_div_22"> 19079 </div> 19080</div> 19081<style> 19082 .menu_container_3_navigation_22 { 19083 background: #fff; 19084 } 19085 .horizontal_menu .nav_div_22 { 19086 padding: 15px 0px; 19087 box-shadow: 0px 0px 5px #00000078; display: flex; 19088 flex-wrap: wrap; 19089 } 19090 .horizontal_menu .nav_img_22 { 19091 height: 200px; 19092 width: 250px; 19093 margin-left: 50px; 19094 margin-right: 20px; 19095 flex-shrink: 0; 19096 order: 1; 19097 } 19098 .horizontal_menu .nav_img_22 img { 19099 max-width: 100%; 19100 max-height: 100%; 19101 } 19102 .horizontal_menu .nav_div_22 .vfit { 19103 text-align: left; 19104 border-bottom: 1px solid #ececec; 19105 text-transform: uppercase; 19106 } 19107 .nav_div_22 .vfit a { 19108 text-decoration: none; 19109 color: #222; 19110 } 19111 .nav_div_22 .nav_list { 19112 list-style: none; 19113 margin: 0; 19114 padding: 0; 19115 order: 1; 19116 } 19117 .nav_div_22 ul { 19118 list-style: none; 19119 } 19120 #mobile_hamburger_menu_template .nav_div_22 li { 19121 width: 100%; 19122 margin: 0; 19123 padding: 0px 20px; 19124 position: relative; 19125 } 19126 .horizontal_menu .nav_div_22 li { 19127 width: 100%; 19128 margin: 0; 19129 padding: 0px 20px; 19130 position: relative; 19131 } 19132 19133 #mobile_hamburger_menu_template .nav_div_22 li svg { 19134 position: absolute; 19135 right: 15px; 19136 height: 10px; 19137 top: 10px; 19138 } 19139 .horizontal_menu .nav_div_22 li svg { 19140 position: absolute; 19141 right: 15px; 19142 height: 10px; 19143 top: 10px; 19144 } 19145 19146 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 19147 display: flex; 19148 align-items: center; 19149 padding: 0; 19150 line-height: 30px; 19151 font-size: 14px; 19152 text-transform: uppercase; 19153 text-decoration: none; 19154 color: #222; 19155 white-space: normal; 19156 19157 color:#000000; font-style:normal; font-size:14px; font-family:Roboto; text-transform:none; line-height:35px; 19158 } 19159 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button { 19160 background: none; 19161 border: none; 19162 cursor: pointer; 19163 } 19164 19165 .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 { 19166 text-decoration: underline; 19167 } 19168 19169 .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 { 19170 color:#4d4d4d; cursor: pointer; 19171 } 19172 19173 19174 .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 { 19175 display: flex; 19176 align-items: center; 19177 padding: 0; 19178 line-height: 30px; 19179 font-size: 14px; 19180 text-transform: uppercase; 19181 text-decoration: none; 19182 color: #222; 19183 white-space: normal; 19184 19185 color:#000000; font-style:normal; font-size:px; font-family:Roboto; text-transform:none; line-height:35px; } 19186 19187 .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 { 19188 color:#4d4d4d; } 19189 19190 .nav_div_22 .nav_list li a .nav_icons { 19191 height: 30px; 19192 margin-right: 5px; 19193 } 19194 19195 19196 19197 .nav_div_22 .nav_list li a:hover { 19198 color: #3172ab; 19199 } 19200 .horizontal_menu .nav_div_22 .nav_list_trd { 19201 display: none; 19202 position: absolute; 19203 left: 100%; 19204 top: -15px; 19205 padding: 15px 0px; 19206 box-shadow: 0px 0px 5px #00000078; background: #fff; 19207 } 19208 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 19209 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 19210 display: block; 19211 z-index: 99; 19212 } 19213 19214 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22, 19215 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 19216 width: 250px; 19217 } 19218 19219 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 19220 width: 250px; 19221 } 19222 </style> 19223 </div> 19224 <div class="hum-line"></div> 19225 <div class="script_after_menu"> 19226 </div> 19227 </div> 19228 </nav>
19229 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 19230 19231
19231<script> 19232 $(function () { 19233 19234 const $menuRoot = $('#mobile_hamburger_menu_template'); 19235 const $menuWrap = $('.header_container_3'); 19236 const $button = $('#mobile_hamburger_button'); 19237 const $overlay = $('#mobile_hamburger_menu_template_overlay'); 19238 const $closeBtn = $('#mobile_hamburger_close_button'); 19239 19240 const trap = focusTrap.createFocusTrap($menuRoot[0], { 19241 onActivate: () => $menuRoot.addClass('is-active'), 19242 onDeactivate: () => $menuRoot.removeClass('is-active'), 19243 clickOutsideDeactivates: true 19244 }); 19245 19246 $button.on('click keypress', function (event) { 19247 if (event.which === 13 || event.which === 32 || event.type === 'click') { 19248 if (event.which === 32) event.preventDefault(); 19249 19250 const isOpen = $menuRoot.hasClass('open'); 19251 19252 $menuRoot.toggleClass('open'); 19253 $overlay.toggleClass('open'); 19254 $menuRoot.removeAttr('inert'); 19255 $button.attr('aria-expanded', String(!isOpen)); 19256 19257 if (!isOpen) { 19258 trap.activate(); 19259 $closeBtn.focus(); 19260 } else { 19261 closeHamburgerMenu(); 19262 } 19263 } 19264 }); 19265 19266 $closeBtn.add($overlay).on('click keypress', function (event) { 19267 if (event.which === 13 || event.which === 32 || event.type === 'click') { 19268 if (event.which === 32) event.preventDefault(); 19269 closeHamburgerMenu(); 19270 } 19271 }); 19272 19273 function closeHamburgerMenu() { 19274 $menuRoot.removeClass('open').attr('inert', 'inert'); 19275 $overlay.removeClass('open'); 19276 $button.attr('aria-expanded', 'false'); 19277 19278 $menuRoot.find('.sub-menu-panel').each(function () { 19279 const $submenu = $(this); 19280 $submenu.removeClass('open').attr('aria-hidden', 'true'); 19281 updateSubmenuTabindex($submenu, true); 19282 }); 19283 19284 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 19285 .attr('aria-expanded', 'false'); 19286 19287 trap.deactivate(); 19288 } 19289 19290 function updateSubmenuTabindex($submenu, isHidden) { 19291 const $items = $submenu.find('a'); 19292 19293 if (isHidden) { 19294 $items.each(function () { 19295 $(this).attr('tabindex', '-1'); 19296 }); 19297 } else { 19298 $items.each(function () { 19299 $(this).attr('tabindex', '0'); 19300 }); 19301 } 19302 } 19303 19304 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 19305 19306 e.preventDefault(); 19307 e.stopPropagation(); 19308 19309 const $trigger = $(this); 19310 const $submenu = $trigger.next('.nav_list_trd'); 19311 19312 if (!$submenu.length) return; 19313 19314 const isOpen = $submenu.hasClass('open'); 19315 19316 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 19317 $(this) 19318 .removeClass('open') 19319 .attr('aria-hidden', 'true'); 19320 updateSubmenuTabindex($(this), true); 19321 }); 19322 19323 if (isOpen) { 19324 $submenu 19325 .removeClass('open') 19326 .attr('aria-hidden', 'true'); 19327 updateSubmenuTabindex($submenu, true); 19328 } else { 19329 $submenu 19330 .addClass('open') 19331 .attr('aria-hidden', 'false'); 19332 updateSubmenuTabindex($submenu, false); 19333 } 19334 }); 19335
19336 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 19337 19338 e.preventDefault(); 19339 e.stopPropagation(); 19340 19341 const $btn = $(this); 19342 const submenuId = $btn.attr('aria-controls'); 19343 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 19344 19345 if (!$submenu.length) return; 19346 19347 const isExpanded = $btn.attr('aria-expanded') === 'true'; 19348 19349 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 19350 $(this).removeClass('open').attr('aria-hidden', 'true'); 19351 updateSubmenuTabindex($(this), true); 19352 }); 19353 19354 $menuRoot.find('[aria-controls]') 19355 .not($btn) 19356 .attr('aria-expanded', 'false'); 19357 19358 if (isExpanded) { 19359 console.log($submenu) 19360 $btn.attr('aria-expanded', 'false'); 19361 $submenu.removeClass('open').attr('aria-hidden', 'true'); 19362 updateSubmenuTabindex($submenu, true); 19363 } else { 19364 $btn.attr('aria-expanded', 'true'); 19365 $submenu.addClass('open').attr('aria-hidden', 'false'); 19366 updateSubmenuTabindex($submenu, false); 19367 } 19368 }); 19369 19370 $menuRoot.on('keydown', function (e) { 19371 if (e.key !== 'Escape') return; 19372 19373 const $open = $menuRoot.find('.nav_list_trd.open').last(); 19374 if (!$open.length) return; 19375 19376 $open 19377 .removeClass('open') 19378 .attr('aria-hidden', 'true'); 19379 19380 updateSubmenuTabindex($open, true); 19381 19382 $open.prev('.nav_a_trd').focus(); 19383 19384 e.preventDefault(); 19385 e.stopPropagation(); 19386 }); 19387 19388 $menuRoot.find('.sub-menu-panel').each(function () { 19389 const $submenu = $(this); 19390 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 19391 updateSubmenuTabindex($submenu, !isOpen); 19392 }); 19393 19394 }); 19395 19396 </script>
19396 19397</div> 19398 19399<style> 19400 #mobile_hamburger_menu_template>ul>li>a, 19401 #mobile_hamburger_menu_template>ul>li>button { 19402 color:#000000; display: flex; 19403 font-style:normal; font-size:15px; font-family:Roboto; text-transform:none; line-height:25px; } 19404 19405 #mobile_hamburger_menu_template>ul>li>a:hover, 19406 #mobile_hamburger_menu_template>ul>li>button:hover { 19407 color:#4d4d4d; } 19408</style> 19409 </div> 19410 19411 <div class="flex_col"> 19412 19413 19414 </div> 19415 19416 <div class="flex_col"> 19417 19418 19419 </div> 19420 19421 <div class="flex_col"> 19422 19423 19424 </div> 19425 19426 <div class="flex_col"> 19427 19428 19429 </div> 19430 19431 <div class="flex_col"> 19432 19433 19434 </div> 19435 19436 </div> 19437 19438 19439 19440 <div class="flex_row"> 19441 19442 19443 <div class="flex_col"> 19444 19445 19446 </div> 19447 19448 <div class="flex_col"> 19449 19450 19451 </div> 19452 19453 <div class="flex_col"> 19454 19455 19456 </div> 19457 19458 </div> 19459 19460 19461 19462 <div class="flex_row"> 19463 19464 19465 <div class="flex_col"> 19466 19467 19468 </div> 19469 19470 </div> 19471 19472 19473 </div> 19474 19475 19476 19477</header> 19478 19479 19480<main id="main" class="main_page_container page_type_1099 page_guid_3000004"> 19481 <div class="registration-div"> 19482 <div class="img-container"></div> 19483 <form method="post" class="registration-form" id="r-registration-form"> 19484 <input type="hidden" name="_csrf_token" value="c135f77eb7a419671e3f25994442df0881271cd07d0dd6913bf4560e0b9be3dc"> 19485 <h1 class="h1_general_style "> 19486 SIGN IN </h1> 19487 19488 <div class="input_general_style general_style mb-4"> 19489 <label for="registration_email" class="general_style ">Email</label> 19490 <input type="email" class="form-control form-control-lg" id="registration_email" name="login[email]" value=""> 19491 </div> 19492 <div class="input_general_style general_style mb-4"> 19493 <label for="registration_password" class="general_style">Password</label> 19494 <div class="position-relative w-100"> 19495 <input type="password" class="form-control form-control-lg" id="registration_password" name="login[password]" required> 19496 <button type="button" class="toggle-password-visibility" title="View password button" aria-label="View password button"> 19497 <span class="fa fa-fw fa-lg fa-eye-slash" aria-hidden="true"></span> 19498 </button> 19499 </div> 19500 </div> 19501 19502 <div class="button_group"> 19503 <input type="hidden" name="login[token]" value=""> 19504 <button type="submit" class="btn-sign-up general_style" id="registration-submit" title="Sign in" aria-label="Sign in">Sign in</button> 19505 </div> 19506 <div class="reg_links"> 19507 <p class="p4_general_style"> 19508 <a href="forgot-password" class="general_style" title="Forgot your password?" aria-label="Forgot your password?">Forgot your password?</a> 19509 </p> 19510 <p class="p4_general_style"> 19511 Don't have an account? <a href="register" class="general_style" title="Sign up" aria-label="Sign up">Sign up</a> 19512 </p> 19513 </div> 19514 </form> 19515 </div> 19516</main> 19517 19518<style> 19519 @media (min-width: 992px) { 19520 .img-container { 19521 display: none !important; 19522 } 19523 .registration-div { 19524 max-width: 600px; 19525 } 19526 .registration-form { 19527 width: 100%; 19528 } 19529 } 19530 @media (max-width: 991.9px) and (min-width: 768px) { 19531 .img-container { 19532 display: none !important; 19533 } 19534 .registration-div { 19535 max-width: 600px; 19536 } 19537 .registration-form { 19538 width: 100%; 19539 } 19540 } 19541 @media (max-width: 767.9px) { 19542 .img-container { 19543 display: none !important; 19544 } 19545 .registration-div { 19546 max-width: 600px; 19547 } 19548 .registration-form { 19549 width: 100%; 19550 } 19551 } 19552 </style> 19553 19554
19554<script> 19555 let recaptcha = []; 19556 function onRecaptchaLoadCallback() { 19557 19558 } 19559 19560 $(function () { 19561 $('#r-registration-form').on('submit', function (event) { 19562 const $form = $(this); 19563 const formId = $form.attr('id'); 19564 event.preventDefault(); 19565 19566 grecaptcha.ready(function() { 19567 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 19568 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 19569 $form.unbind('submit').submit() 19570 }); 19571 }); 19572 }); 19573 }); 19574 </script>
19574 19575 19576 19577<footer class="appearance-desktop-view-template"> 19578 19579 19580 19581 <div class="footer_container footer_container_1"> 19582 19583 19584 19585 19586 <div class="flex_row flex_row_1"> 19587 19588 19589 <div class="flex_col flex_col_1"> 19590 19591 19592 </div> 19593 19594 <style> 19595 .footer_container_1 .flex_row_1 .flex_col_1 { 19596 width:20%; } 19597 </style> 19598 19599 19600 19601 <div class="flex_col flex_col_2"> 19602 19603 19604<div class="flex_cell flex_cell_1 newsletter"> 19605 <div class="flex_cell_content"> 19606 <div class="newsletter_div"> 19607 19608 <span class="newsletter_text" style="margin-right:5px;"> 19609 GET EXCLUSIVE OFFERS AND NEWS. </span> 19610 19611 <a class="newsletter_btn" 19612 href="/newsletter-signup"> 19613 19614 Newsletter Signup 19615 <svg aria-hidden="true" 19616 focusable="false" 19617 version="1.1" 19618 width="38px" 19619 height="20px"
19620 viewBox="0 0 38 20" 19621 xmlns="http://www.w3.org/2000/svg"> 19622 19623 <g> 19624 <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 19625 <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.9c-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"/> 19626 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 19627 <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"/> 19628 <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"/> 19629 <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"/> 19630 </g> 19631 19632 </svg> 19633 19634 </a> 19635 </div> 19636 </div> 19637 </div> 19638 19639<style> 19640 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 19641 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 19642 19643 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 19644 height:100%; } 19645 19646 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 19647 display: flex; 19648 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:0px; padding-right:px; } 19649 19650 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 19651 display:inline-flex; 19652 align-items: center; 19653 } 19654 19655 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 19656 color:#ffffff; font-weight:400; font-style:normal; background-color:#2f7960; font-size:14px; font-family:Roboto; display: inline-flex; 19657 white-space: nowrap; 19658 align-items: center; 19659 padding: 6px 20px; 19660 border-style: solid; 19661 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 19662 19663 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 19664 color:#ffffff; font-size:14px; font-weight:400; font-style:normal; font-family:Roboto; } 19665 19666 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 19667 height:16px; margin-left:6px; 19668 fill: currentColor; 19669 } 19670 19671 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 19672 color:#cccccc; background-color:#2f7960; border-color:#cccccc; } 19673</style> 19674 </div> 19675 19676 <style> 19677 .footer_container_1 .flex_row_1 .flex_col_2 { 19678 width:40%; } 19679 </style> 19680 19681 19682 19683 <div class="flex_col flex_col_3"> 19684 19685 19686<div class="flex_cell flex_cell_1 social_icons"> 19687 <div class="flex_cell_content"> 19688 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/mitchumjewelers" style="order: 1"> 19689 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 19690 19691 <a title="X" class="" target="_blank" href="https://twitter.com/jewelersmitchum" style="order: 2"> 19692 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 19693 19694 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/mitchum_jewelers/" style="order: 3"> 19695 <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> 19696 19697 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/user/MitchumJewelers" style="order: 4"> 19698 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 19699 19700 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/mitchumjewelers/" style="order: 5"> 19701 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 19702 19703 19704 19705 19706 19707 19708 </div> 19709</div> 19710 19711<style> 19712 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 19713 width:100%; justify-content: flex-start; 19714 align-items:center; -webkit-align-items:center; } 19715 19716 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 19717 height:100%; } 19718 19719 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 19720 display: flex; 19721 margin-top:50px; margin-bottom:50px; margin-left:50px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:0px; padding-right:px; } 19722 19723 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 19724 display: flex; 19725 align-items: center; 19726 color:#ffffff; font-style:normal; margin-left: 6px; 19727 margin-right: 6px; 19728 font-size:18px;font-family:Arial; text-transform:none; } 19729 19730 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 19731 margin-right: 5px; 19732 width:17px; height:17px; } 19733 19734 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 19735 fill: currentColor; 19736 } 19737 19738 19739 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 19740 color:#cccccc; } 19741</style> 19742 19743 </div> 19744 19745 <style> 19746 .footer_container_1 .flex_row_1 .flex_col_3 { 19747 width:20%; } 19748 </style> 19749 19750 19751 19752 <div class="flex_col flex_col_4"> 19753 19754 19755 </div> 19756 19757 <style> 19758 .footer_container_1 .flex_row_1 .flex_col_4 { 19759 width:20%; } 19760 </style> 19761 19762 19763 19764 </div> 19765 19766 19767 <style> 19768 .footer_container_1 .flex_row_1 { 19769 background-color: #0b7960; 19770 color:#000000; height:auto; 19771 } 19772 </style> 19773 19774 19775 19776 19777 19778 19779 <div class="flex_row flex_row_2"> 19780 19781 19782 <div class="flex_col flex_col_1"> 19783 19784 19785 </div> 19786 19787 <style> 19788 .footer_container_1 .flex_row_2 .flex_col_1 { 19789 width:100%; } 19790 </style> 19791 19792 19793 19794 <div class="flex_col flex_col_2"> 19795 19796 19797 </div> 19798 19799 <style> 19800 .footer_container_1 .flex_row_2 .flex_col_2 { 19801 width:100%; } 19802 </style> 19803 19804 19805 19806 <div class="flex_col flex_col_3"> 19807 19808 19809 </div> 19810 19811 <style> 19812 .footer_container_1 .flex_row_2 .flex_col_3 { 19813 width:100%; } 19814 </style> 19815 19816 19817 19818 </div> 19819 19820 19821 <style> 19822 .footer_container_1 .flex_row_2 { 19823 background-color: #ffffff; 19824 color:#000000; height:25; 19825 } 19826 </style> 19827 19828 19829 19830 19831 19832 19833 <div class="flex_row flex_row_3"> 19834 19835 19836 <div class="flex_col flex_col_1"> 19837 19838 19839 </div> 19840 19841 <style> 19842 .footer_container_1 .flex_row_3 .flex_col_1 { 19843 width:10%; } 19844 </style> 19845 19846 19847 19848 <div class="flex_col flex_col_2"> 19849 19850 <div class="flex_cell flex_cell_1 custom_code"> 19851 <div class="flex_cell_content"> 19852 <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 226.469px;"> 19853<tbody> 19854<tr style="height: 46.75px;"> 19855<td style="width: 15%; height: 46.75px;"></td> 19856<td style="width: 15%;"></td> 19857<td style="width: 15%; height: 46.75px;"></td> 19858<td style="width: 15%; height: 46.75px;"></td> 19859<td style="width: 15%; height: 46.75px;"></td> 19860<td style="width: 15%; height: 46.75px;"></td> 19861</tr> 19862<tr style="height: 132.938px;"> 19863<td style="height: 132.938px; vertical-align: top; width: 9.9723%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Terms & Conditions: </strong></span><br /><br /><a href="/return-policy" title="Return Policy"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Return Policy</span> »</span></a><br /><a href="/warranty" title="Warranty"><span style="fo
19863nt-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Warranty</span> »</span></a><br /><a href="/our-guarantee" title="Our Guarantee"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Our Guarantee</span> »</span></a></td> 19864<td style="vertical-align: top; width: 9.9723%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong> Links:  <br /></strong><br /><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Gallery</span> »</span></a><br /><a href="/education" title="Education"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Education</span> »</span></a><br /><a href="/resources" title="Resources"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Resources »</span></a></span></td> 19865<td style="height: 132.938px; vertical-align: top; width: 21.2373%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">2431 W. Jackson St.<br />Ozark, Missouri 65721</span><br /><a href="https://www.google.com/maps/place/Mitchum+Jewelers/@37.0236732,-93.2392002,17z/data=!3m1!4b1!4m6!3m5!1s0x87cf71c48c6af149:0x3d59383f2b928356!8m2!3d37.0236689!4d-93.2370115!16s%2Fg%2F1tg5_4_f" title="Get Directions" class="get_directions_click"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">GET DIRECTIONS >></span></a><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td> 19866<td style="height: 132.938px; vertical-align: top; width: 20.9603%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 9:00am - 6:00pm<br />Saturday: 9:00am - 5:00pm<br />Sunday: Closed</span></td> 19867<td style="height: 132.938px; vertical-align: top; width: 18.8366%; line-height: 1.5;"></td> 19868<td style="height: 132.938px; width: 18.9289%; vertical-align: top; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Call: <a href="tel:417-581-2415" title="Call" style="color: #4d4d4d;" class="phone_number_click">417-581-2415</a></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><a href="mailto:[email protected]" style="color: #4d4d4d;" title="Email" class="email_click">[email protected]</a></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td> 19869</tr> 19870<tr style="height: 0px;"> 19871<td style="vertical-align: top; width: 99.9077%; height: 0px;" colspan="6"></td> 19872</tr> 19873</tbody> 19874</table> </div> 19875</div> 19876 19877<style> 19878 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 19879 width:100%; } 19880 19881 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 19882 } 19883 19884 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 19885 width: 100%; 19886 height: 100%; 19887 } 19888</style> 19889 </div> 19890 19891 <style> 19892 .footer_container_1 .flex_row_3 .flex_col_2 { 19893 width:85%; } 19894 </style> 19895 19896 19897 19898 <div class="flex_col flex_col_3"> 19899 19900 19901 </div> 19902 19903 <style> 19904 .footer_container_1 .flex_row_3 .flex_col_3 { 19905 width:5%; } 19906 </style> 19907 19908 19909 19910 </div> 19911 19912 19913 <style> 19914 .footer_container_1 .flex_row_3 { 19915 background-color: #ffffff; 19916 color:#000000; height:auto; 19917 } 19918 </style> 19919 19920 19921 19922 19923 </div> 19924 <style> 19925 .footer_container .flex_row { 19926 display: flex; 19927 } 19928 .footer_container_1 { 19929 width:100%; 19930 max-width:100%; 19931 margin: 0 auto; 19932 } 19933 .footer_container .flex_row .flex_col{ 19934 display: flex; 19935 flex-wrap: wrap; 19936 box-sizing: border-box; 19937 align-content: baseline; 19938 } 19939 .footer_container .flex_row .flex_col .flex_cell{ 19940 height: fit-content; 19941 display: flex; 19942 } 19943 .footer_container .flex_row .flex_col .flex_cell a{ 19944 text-decoration: none; 19945 } 19946 .footer_container img { 19947 max-width: 100%; 19948 } 19949 </style> 19950 19951 19952</footer> 19953<footer class="appearance-tablet-view-template"> 19954 19955 19956 19957 <div class="footer_container footer_container_2"> 19958 19959 19960 19961 19962 <div class="flex_row flex_row_1"> 19963 19964 19965 <div class="flex_col flex_col_1"> 19966 19967 19968 </div> 19969 19970 <style> 19971 .footer_container_2 .flex_row_1 .flex_col_1 { 19972 width:5%; } 19973 </style> 19974 19975 19976 19977 <div class="flex_col flex_col_2"> 19978 19979 19980<div class="flex_cell flex_cell_1 newsletter"> 19981 <div class="flex_cell_content"> 19982 <div class="newsletter_div"> 19983
19984 <span class="newsletter_text" style="margin-right:5px;"> 19985 GET EXCLUSIVE OFFERS AND NEWS </span> 19986 19987 <a class="newsletter_btn" 19988 href="/newsletter-signup"> 19989 19990 Newsletter Signup 19991 <svg aria-hidden="true" 19992 focusable="false" 19993 version="1.1" 19994 width="38px" 19995 height="20px" 19996 viewBox="0 0 38 20" 19997 xmlns="http://www.w3.org/2000/svg"> 19998 19999 <g> 20000 <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 20001 <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.9c-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"/> 20002 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20003 <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"/> 20004 <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"/> 20005 <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"/> 20006 </g> 20007 20008 </svg> 20009 20010 </a> 20011 </div> 20012 </div> 20013 </div> 20014 20015<style> 20016 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20017 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 20018 20019 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20020 height:100%; } 20021 20022 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20023 display: flex; 20024 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:25px; padding-left:px; padding-right:25px; } 20025 20026 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 20027 display:inline-flex; 20028 align-items: center; 20029 } 20030 20031 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a { 20032 color:#ffffff; font-weight:400; font-style:normal; background-color:#2f7960; font-size:12px; font-family:Roboto; display: inline-flex; 20033 white-space: nowrap; 20034 align-items: center; 20035 padding: 6px 20px; 20036 border-style: solid; 20037 justify-content:center; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 20038 20039 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 20040 color:#ffffff; font-size:12px; font-weight:400; font-style:normal; font-family:Roboto; } 20041 20042 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 20043 height:14px; margin-left:6px; 20044 fill: currentColor; 20045 } 20046 20047 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 20048 color:#cccccc; background-color:#2f7960; border-color:#cccccc; } 20049</style> 20050 </div> 20051 20052 <style> 20053 .footer_container_2 .flex_row_1 .flex_col_2 { 20054 width:60%; } 20055 </style> 20056 20057 20058 20059 <div class="flex_col flex_col_3"> 20060 20061 20062<div class="flex_cell flex_cell_1 social_icons"> 20063 <div class="flex_cell_content"> 20064 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/mitchumjewelers" style="order: 1">
20065 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 20066 20067 <a title="X" class="" target="_blank" href="https://twitter.com/jewelersmitchum" style="order: 2"> 20068 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 20069 20070 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/mitchum_jewelers/" style="order: 3"> 20071 <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> 20072 20073 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/user/MitchumJewelers" style="order: 4"> 20074 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 20075 20076 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/mitchumjewelers/" style="order: 5"> 20077 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 20078 20079 20080 20081 20082 20083 20084 </div> 20085</div> 20086 20087<style> 20088 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 20089 width:100%; justify-content: flex-start; 20090 align-items:center; -webkit-align-items:center; } 20091 20092 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 20093 height:100%; } 20094 20095 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 20096 display: flex; 20097 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20098 20099 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 20100 display: flex; 20101 align-items: center; 20102 color:#ffffff; font-style:normal; margin-left: 6px; 20103 margin-right: 6px; 20104 font-size:16px;font-family:Arial; text-transform:none; } 20105 20106 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 20107 margin-right: 5px; 20108 width:15px; height:15px; } 20109 20110 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 20111 fill: currentColor; 20112 } 20113 20114 20115 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 20116 color:#cccccc; } 20117</style> 20118 20119 </div> 20120 20121 <style> 20122 .footer_container_2 .flex_row_1 .flex_col_3 { 20123 width:30%; } 20124 </style> 20125 20126 20127 20128 <div class="flex_col flex_col_4"> 20129 20130 20131 </div> 20132 20133 <style> 20134 .footer_container_2 .flex_row_1 .flex_col_4 { 20135 width:5%; } 20136 </style> 20137 20138 20139 20140 </div> 20141 20142 20143 <style> 20144 .footer_container_2 .flex_row_1 { 20145 background-color: #2f7960; 20146 color:#000000; height:100; 20147 } 20148 </style> 20149 20150 20151 20152 20153 20154 20155 <div class="flex_row flex_row_2"> 20156 20157 20158 <div class="flex_col flex_col_1"> 20159 20160 20161 </div> 20162 20163 <style> 20164 .footer_container_2 .flex_row_2 .flex_col_1 { 20165 width:5%; } 20166 </style> 20167 20168 20169 20170 <div class="flex_col flex_col_2"> 20171 20172 <div class="flex_cell flex_cell_1 custom_code"> 20173 <div class="flex_cell_content"> 20174 <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 236.469px;"> 20175<tbody> 20176<tr style="height: 46.75px;"> 20177<td style="width: 21.6065%; height: 46.75px;"></td> 20178<td style="width: 14.9586%;"></td> 20179<td style="width: 23.1764%; height: 46.75px;"></td> 20180<td style="width: 22.7147%; height: 46.75px;"></td> 20181<td style="width: 17.5439%; height: 46.75px;"></td> 20182</tr> 20183<tr style="height: 132.938px;"> 20184<td style="height: 132.938px; vertical-align: top; width: 21.6065%;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Terms & Conditions </strong></span><br /><br /><a href="/return-policy" title="Return Policy"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Return Policy</span> »</span></a><br /><a href="/warranty" title="Warranty"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Warranty</span> »</span></a><br /><a href="/our-guarantee" title="Our Guarantee"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Our Guarantee</span> »</span></a></td> 20185<td style="vertical-align: top; width: 14.9586%;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Links:  <br /><br /><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span></span></span></a></strong><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Gallery</span></a><strong><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"> »</span></a><br /></strong><a href="/education" title="Education"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span>Education</span> »</span></a><strong><br /></strong><a href="/resources" title="Resources"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Resources »</span></a></span></td> 20186<td style="height: 132.938px; vertical-align: top; width: 23.1764%;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Address: </strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">2431 W. Jackson St.<br />Ozark, Missouri 65721</span><br /><a href="https://www.google.com/maps/place/Mitchum+Jewelers/@37.0236732,-93.2392002,17z/data=!3m1!4b1!4m6!3m5!1s0x87cf71c48c6af149:0x3d59383f2b928356!8m2!3d37.0236689!4d-93.2370115!16s%2Fg%2F1tg5_4_f" title="Get Directions" class="get_directions_click"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">GET DIRECTIONS >></span></a></td> 20187<td style="height: 132.938px; vertical-align: top; width: 22.7147%;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 9am - 6pm<br />Saturday: 9am - 5pm<br />
20187Sunday: Closed</span></td> 20188<td style="height: 132.938px; vertical-align: top; width: 17.5439%;"><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Call: <a href="tel:417-581-2415" title="Call" style="color: #4d4d4d;" class="phone_number_click">417-581-2415</a></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><a href="mailto:[email protected]" style="color: #4d4d4d;" title="Email" class="email_click">[email protected]</a></span></td> 20189</tr> 20190<tr style="height: 10px;"> 20191<td style="vertical-align: top; width: 100%; height: 10px;" colspan="5"></td> 20192</tr> 20193</tbody> 20194</table> </div> 20195</div> 20196 20197<style> 20198 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 20199 width:100%; } 20200 20201 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 20202 } 20203 20204 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20205 width: 100%; 20206 height: 100%; 20207 } 20208</style> 20209 </div> 20210 20211 <style> 20212 .footer_container_2 .flex_row_2 .flex_col_2 { 20213 width:90%; } 20214 </style> 20215 20216 20217 20218 <div class="flex_col flex_col_3"> 20219 20220 20221 </div> 20222 20223 <style> 20224 .footer_container_2 .flex_row_2 .flex_col_3 { 20225 width:5%; } 20226 </style> 20227 20228 20229 20230 </div> 20231 20232 20233 <style> 20234 .footer_container_2 .flex_row_2 { 20235 background-color: #ffffff; 20236 color:#000000; height:auto; 20237 } 20238 </style> 20239 20240 20241 20242 20243 </div> 20244 <style> 20245 .footer_container .flex_row { 20246 display: flex; 20247 } 20248 .footer_container_2 { 20249 width:100%; 20250 max-width:100%; 20251 margin: 0 auto; 20252 } 20253 .footer_container .flex_row .flex_col{ 20254 display: flex; 20255 flex-wrap: wrap; 20256 box-sizing: border-box; 20257 align-content: baseline; 20258 } 20259 .footer_container .flex_row .flex_col .flex_cell{ 20260 height: fit-content; 20261 display: flex; 20262 } 20263 .footer_container .flex_row .flex_col .flex_cell a{ 20264 text-decoration: none; 20265 } 20266 .footer_container img { 20267 max-width: 100%; 20268 } 20269 </style> 20270 20271 20272</footer> 20273<footer class="appearance-mobile-view-template"> 20274 20275 20276 20277 <div class="footer_container footer_container_3"> 20278 20279 20280 20281 20282 <div class="flex_row flex_row_1"> 20283 20284 20285 <div class="flex_col flex_col_1"> 20286 20287 20288 </div> 20289 20290 <style> 20291 .footer_container_3 .flex_row_1 .flex_col_1 { 20292 width:5%; } 20293 </style> 20294 20295 20296 20297 <div class="flex_col flex_col_2"> 20298 20299 20300<div class="flex_cell flex_cell_1 social_icons"> 20301 <div class="flex_cell_content"> 20302 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/mitchumjewelers" style="order: 1">
20303 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 20304 20305 <a title="X" class="" target="_blank" href="https://twitter.com/jewelersmitchum" style="order: 2"> 20306 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 20307 20308 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/mitchum_jewelers/" style="order: 3"> 20309 <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> 20310 20311 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/user/MitchumJewelers" style="order: 4"> 20312 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 20313 20314 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/mitchumjewelers/" style="order: 5"> 20315 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 20316 20317 20318 20319 20320 20321 20322 </div> 20323</div> 20324 20325<style> 20326 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 20327 width:100%; justify-content: center; 20328 align-items:center; -webkit-align-items:center; } 20329 20330 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 20331 height:100%; } 20332 20333 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content { 20334 display: flex; 20335 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:35px; padding-bottom:px; padding-left:px; padding-right:px; } 20336 20337 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a { 20338 display: flex; 20339 align-items: center; 20340 color:#ffffff; font-style:normal; margin-left: 6px; 20341 margin-right: 6px; 20342 font-size:16px;font-family:Arial; text-transform:none; } 20343 20344 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{ 20345 margin-right: 5px; 20346 width:15px; height:15px; } 20347 20348 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class { 20349 fill: currentColor; 20350 } 20351 20352 20353 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover { 20354 color:#c8cccc; } 20355</style> 20356 20357 </div> 20358 20359 <style> 20360 .footer_container_3 .flex_row_1 .flex_col_2 { 20361 width:90%; } 20362 </style> 20363 20364 20365 20366 <div class="flex_col flex_col_3"> 20367 20368 20369 </div> 20370 20371 <style> 20372 .footer_container_3 .flex_row_1 .flex_col_3 { 20373 width:5%; } 20374 </style> 20375 20376 20377 20378 </div> 20379 20380 20381 <style> 20382 .footer_container_3 .flex_row_1 { 20383 background-color: #2f7960; 20384 color:#000000; height:50; 20385 } 20386 </style> 20387 20388 20389 20390 20391 20392 20393 <div class="flex_row flex_row_2"> 20394 20395 20396 <div class="flex_col flex_col_1"> 20397 20398 20399 </div> 20400 20401 <style> 20402 .footer_container_3 .flex_row_2 .flex_col_1 { 20403 width:5%; } 20404 </style> 20405 20406 20407 20408 <div class="flex_col flex_col_2"> 20409 20410 20411<div class="flex_cell flex_cell_1 newsletter"> 20412 <div class="flex_cell_content"> 20413 <div class="newsletter_div"> 20414
20415 <span class="newsletter_text" style="margin-right:5px;"> 20416 GET EXCLUSIVE OFFERS AND NEWS </span> 20417 20418 <a class="newsletter_btn" 20419 href="/newsletter-signup"> 20420 20421 Register 20422 <svg aria-hidden="true" 20423 focusable="false" 20424 version="1.1" 20425 width="38px" 20426 height="20px" 20427 viewBox="0 0 38 20" 20428 xmlns="http://www.w3.org/2000/svg"> 20429 20430 <g> 20431 <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.948c-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.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 20432 <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.9c-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"/> 20433 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20434 <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"/> 20435 <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"/> 20436 <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"/> 20437 </g> 20438 20439 </svg> 20440 20441 </a> 20442 </div> 20443 </div> 20444 </div> 20445 20446<style> 20447 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20448 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 20449 20450 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 20451 height:100%; } 20452 20453 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20454 display: flex; 20455 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:40px; padding-left:px; padding-right:px; } 20456 20457 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 20458 display:inline-flex; 20459 align-items: center; 20460 } 20461 20462 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a { 20463 color:#ffffff; font-weight:400; font-style:normal; background-color:#0b7960; font-size:12px; font-family:Roboto; display: inline-flex; 20464 white-space: nowrap; 20465 align-items: center; 20466 padding: 6px 20px; 20467 border-style: solid; 20468 justify-content:center; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 20469 20470 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text { 20471 color:#ffffff; font-size:12px; font-weight:400; font-style:normal; font-family:Roboto; } 20472 20473 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg { 20474 height:14px; margin-left:6px; 20475 fill: currentColor; 20476 } 20477 20478 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover { 20479 color:#cccccc; background-color:#2f7960; border-color:#cccccc; } 20480</style> 20481 </div> 20482 20483 <style> 20484 .footer_container_3 .flex_row_2 .flex_col_2 { 20485 width:90%; } 20486 </style> 20487 20488 20489 20490 <div class="flex_col flex_col_3"> 20491 20492 20493 </div> 20494 20495 <style> 20496 .footer_container_3 .flex_row_2 .flex_col_3 { 20497 width:5%; } 20498 </style> 20499 20500 20501 20502 </div> 20503 20504 20505 <style> 20506 .footer_container_3 .flex_row_2 { 20507 background-color: #2f7960; 20508 color:#000000; height:100; 20509 } 20510 </style> 20511 20512 20513 20514 20515 20516 20517 <div class="flex_row flex_row_3"> 20518 20519 20520 <div class="flex_col flex_col_1"> 20521 20522 20523 </div> 20524 20525 <style> 20526 .footer_container_3 .flex_row_3 .flex_col_1 { 20527 width:5%; } 20528 </style> 20529 20530 20531 20532 <div class="flex_col flex_col_2"> 20533 20534 <div class="flex_cell flex_cell_1 custom_code"> 20535 <div class="flex_cell_content"> 20536 <table border="0" style="border-collapse: collapse; width: 100%; height: 406.892px; background-color: #ffffff; border-color: #ffffff; margin-left: auto; margin-right: auto;"> 20537<tbody> 20538<tr> 20539<td style="width: 50%; text-align: center; vertical-align: top; line-height: 1.5;"> 20540<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Â </strong></span></p> 20541</td> 20542<td style="width: 50%; text-align: center; vertical-align: top; line-height: 1.5;"> 20543<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Â </strong></span></p> 20544</td> 20545</tr> 20546<tr style="height: 139.266px;"> 20547<td style="width: 50%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 20548<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Address:Â </strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">2431 W. Jackson St.<br />Ozark, Missouri 65721</span><br /><a href="https://www.google.com/maps/place/Mitchum+Jewelers/@37.0236732,-93.2392002,17z/data=!3m1!4b1!4m6!3m5!1s0x87cf71c48c6af149:0x3d59383f2b928356!8m2!3d37.0236689!4d-93.2370115!16s%2Fg%2F1tg5_4_f" title="Get Directions" class="get_directions_click"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">GET DIRECTIONS >></span></a></p> 20549</td> 20550<td style="width: 50%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 20551<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Mon-Fri: 9:00am - 6:00pm<br />Saturday: 9:00am - 5:00pm<br />
20551Sunday: Closed</span></p> 20552</td> 20553</tr> 20554<tr style="height: 128.266px;"> 20555<td style="width: 50%; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 20556<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Terms & Conditions:<br /></strong></span><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><a href="/return-policy" title="Return Policy" style="color: #4d4d4d;"><span>Return Policy</span></a> »<br /><a href="/warranty" title="Warranty" style="color: #4d4d4d;"><span>Warranty</span></a> »<br /><a href="/our-guarantee" title="Our Guarantee" style="color: #4d4d4d;"><span>Our Guarantee</span></a> »</span></p> 20557</td> 20558<td style="width: 50%; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 20559<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Store Contacts: </strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Call: <a href="tel:417-581-2415" title="Call" style="color: #4d4d4d;" class="phone_number_click">417-581-2415</a></span><br /><span style="color: #4d4d4d; font-family: arial, helvetica, sans-serif;"><span style="font-size: 10pt;"><span style="font-size: 10pt;"><a href="mailto:[email protected]" style="color: #4d4d4d;" title="Email" class="email_click">[email protected]</a></span></span><span style="font-size: 10pt;"><span style="font-size: 10pt;"></span></span></span></p> 20560</td> 20561</tr> 20562<tr> 20563<td style="width: 50%; text-align: center; vertical-align: top; line-height: 1.5;"> 20564<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong>Links:  <br /></strong><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Gallery</span></a><a href="/gallery" title="Gallery"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"> »</span></a><br /><a href="/education" title="Education"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Education »</span></a><br /><a href="/resources" title="Resources"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;">Resources »</span></a></span></p> 20565</td> 20566<td style="width: 50%; text-align: center; vertical-align: top; line-height: 1.5;"> 20567<p><span style="font-family: arial, helvetica, sans-serif; color: #000000; font-size: 10pt;"><strong> </strong></span></p> 20568</td> 20569</tr> 20570</tbody> 20571</table> </div> 20572</div> 20573 20574<style> 20575 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20576 width:100%; } 20577 20578 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20579 } 20580 20581 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20582 width: 100%; 20583 height: 100%; 20584 } 20585</style> 20586 </div> 20587 20588 <style> 20589 .footer_container_3 .flex_row_3 .flex_col_2 { 20590 width:90%; } 20591 </style> 20592 20593 20594 20595 <div class="flex_col flex_col_3"> 20596 20597 20598 </div> 20599 20600 <style> 20601 .footer_container_3 .flex_row_3 .flex_col_3 { 20602 width:5%; } 20603 </style> 20604 20605 20606 20607 </div> 20608 20609 20610 <style> 20611 .footer_container_3 .flex_row_3 { 20612 background-color: #ffffff; 20613 color:#000000; height:auto; 20614 } 20615 </style> 20616 20617 20618 20619 20620 </div> 20621 <style> 20622 .footer_container .flex_row { 20623 display: flex; 20624 } 20625 .footer_container_3 { 20626 width:100%; 20627 max-width:100%; 20628 margin: 0 auto; 20629 } 20630 .footer_container .flex_row .flex_col{ 20631 display: flex; 20632 flex-wrap: wrap; 20633 box-sizing: border-box; 20634 align-content: baseline; 20635 } 20636 .footer_container .flex_row .flex_col .flex_cell{ 20637 height: fit-content; 20638 display: flex; 20639 } 20640 .footer_container .flex_row .flex_col .flex_cell a{ 20641 text-decoration: none; 20642 } 20643 .footer_container img { 20644 max-width: 100%; 20645 } 20646 </style> 20647 20648 20649</footer> 20650
20651<script defer src="https://connect.podium.com/widget.js#ORG_TOKEN=52f42ea2-f3cf-4ded-9ba7-41866318add5" id="podium-widget" data-organization-api-token="52f42ea2-f3cf-4ded-9ba7-41866318add5"></script>
vendor: 1 bytes, line 20651
20651
20652<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
20652<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
20652<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 20652
20652
20653<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
20653<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
20653<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
20653<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
20653<script> 20654 (function () { 20655 function ga4Click(eventName, params) { 20656 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 20657 } 20658 20659 $(document).on("click", ".get-location, .use-my-location", function () { 20660 ga4Click("usemylocation_click"); 20661 }); 20662 20663 $(document).on("click", ".select-store", function () { 20664 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 20665 }); 20666 20667 $(document).on("click", "#search-by-zip button", function () { 20668 var zip = $("#search-by-zip input").val() || ""; 20669 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 20670 }); 20671 $(document).on("submit", "#zipcode-form", function () { 20672 var zip = $(this).find("input[name=zipcode]").val() || ""; 20673 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 20674 }); 20675 20676 // Anything clickable inside the popup except its own close control 20677 $(document).on("click", ".popup-container a, .popup-container button", function () { 20678 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 20679 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 20680 }); 20681 20682 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 20683 // conversation starting â what happens inside the widget is not visible to us. 20684 var ga4ChatStarted = false; 20685 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 20686 if (ga4ChatStarted) { return; } 20687 ga4ChatStarted = true; 20688 ga4Click("conversation_started"); 20689 }); 20690 })(); 20691 </script>
20691 20692 <style> 20693 .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; } 20694 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 20695 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 20696 @media (max-width: 767px) { 20697 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 20698 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 20699 } 20700 </style> 20701 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 20702 COPYRIGHT © 2026 MITCHUM JEWELERS . Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> | <a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a> 20703 </div> <div class="footer-bottom-inner-right"> 20704 <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 »</a></div> 20705 </div> 20706
20706<script>window.local_view_folder = '/skeleton/1.0/view';</script>
20706</div> 20707 20708 <!-- Google Consent Mode v2 Defaults --> 20709
20709<script> 20710 window.dataLayer = window.dataLayer || []; 20711 function gtag() { dataLayer.push(arguments); } 20712 gtag("consent", "default", { 20713 ad_storage: "granted", 20714 ad_user_data: "granted", 20715 ad_personalization: "granted", 20716 analytics_storage: "granted", 20717 functionality_storage: "granted", 20718 personalization_storage: "granted", 20719 security_storage: "granted", 20720 wait_for_update: 2000 20721 }); 20722 gtag("set", "ads_data_redaction", false); 20723 gtag("set", "url_passthrough", true); 20724 window.cmpConsentModel = "opt-out"; 20725 </script>
20725 20726
20726<script>window.cmpBridgeConfig = {"provider":"internal","categoryMap":[],"rolexEnabled":false,"blockingAttribute":"","blockingFormat":"","srcAttribute":"data-src"};</script>
vendor: 1 bytes, line 20726
20726
20727<script src="https://www.mitchumjewelers.com//skeleton/1.0/view/js/cmp-bridge.js?v=1790125575"></script>
20727 20728 <div id="first-visit-cmp-popup" class="first-visit-cookies-background " data-type="other" style="display:none"> 20729 <div class="first-visit-cookies-popup"> 20730 <div class="text-container p_general_style"> 20731 <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="/our-guarantee" title="Cookie Policy">Cookie Policy</a></p> </div> 20732 <div class="buttons actions-container"> 20733 <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> 20734 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style accept all">Accept all</a> 20735 </div> 20736 </div> 20737 </div> 20738 <div class="cmp-modal-outer " style="display: none;" role="dialog" tabindex="-1" aria-labelledby="cmp-modal-label" aria-modal="true"> 20739 <div class="cmp-modal-inner"> 20740 <div class="cmp-content"> 20741 <div class="cmp-modal-header"> 20742 <h2 id="cmp-modal-label" class="h2_general_style">We value your privacy</h2> 20743 <button type="button" class="close" aria-label="Close" title="Close"> 20744 <span aria-hidden="true">×</span> 20745 </button> 20746 </div> 20747 <img src="/public/1.0/uploads/source/logo-m.png" loading="lazy" alt="CMP logo" title="CMP logo"> 20748 <div class="cmp-content-classifications p_general_style"> 20749 <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> 20750<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"> 20751 <div class="actions-container-inner"> 20752 <div class="class-info" style="display: flex;"> 20753 <div> 20754 <span class="custom-h2 h3_general_style">Essential</span> 20755 <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> 20756 </div> 20757 <div class="action-toggle"> 20758 <div class="toggleWrapper"> 20759 <input type="checkbox" class="mobileToggle" id="toggle1" value='on' checked disabled role="switch"> 20760 <label style="font-size:0px" for="toggle1">On/Off</label> 20761 </div> 20762 </div> 20763 </div> 20764 </div> 20765 </div> 20766 <div class="actions-container-outer"> 20767 <div class="actions-container-inner"> 20768 <div class="class-info" style="display: flex;"> 20769 <div>
20770 <span class="custom-h2 h3_general_style">Personalisation</span> 20771 <p clas="p_general_style">These cookies provide a custom experience on our website</p> 20772 </div> 20773 <div class="action-toggle"> 20774 <div class="toggleWrapper"> 20775 <input type="checkbox" class="mobileToggle" id="toggle2" value='off' role="switch"> 20776 <label style="font-size:0px" for="toggle2">On/Off</label> 20777 </div> 20778 </div> 20779 </div> 20780 </div> 20781 </div> 20782 <div class="actions-container-outer"> 20783 <div class="actions-container-inner"> 20784 <div class="class-info" style="display: flex;"> 20785 <div> 20786 <span class="custom-h2 h3_general_style">Analytics and statistics</span> 20787 <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> 20788 </div> 20789 <div class="action-toggle"> 20790 <div class="toggleWrapper"> 20791 <input type="checkbox" class="mobileToggle" id="toggle3" value='off' role="switch"> 20792 <label style="font-size:0px" for="toggle3">On/Off</label> 20793 </div> 20794 </div> 20795 </div> 20796 </div> 20797 </div> 20798 <div class="buttons"> 20799 <a href="javascript:void(0)" role="button" class="secondary_button_general_style more-confirm">SAVE</a> 20800 </div> 20801 </div> 20802 </div> 20803 </div> 20804 <div class="cmp-overlay"></div> 20805 </div> 20806
20806<script src="/skeleton/1.0/view/js/cmp.js?v=1.2.402"></script>
20806</body> 20807</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.