1<!DOCTYPE html> 2<html class="no-js" lang="id"> 3 4<head> 5 6 <title>BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI</title> 7 8 <meta name="description" content="No debat, just jackpot. Masuk kasta tertinggi bareng BIGHOKI: Situs Game Online Khusus Pemain Elite Asli. Fasilitas sultan ini hanya special di BIGHOKI."> 9 10 <meta name="keywords" content="BIGHOKI, situs game online BIGHOKI, BIGHOKI pemain elite, game online khusus pemain elite, BIGHOKI special, BIGHOKI asli, login BIGHOKI, daftar BIGHOKI, BIGHOKI petir"> 11 12 <meta name="robots" content="index, follow"> 13 <meta content='index, follow, nosnippet' name='robots'> 14 <meta name="author" content="bighoki"> 15 16 <link rel="canonical" href="https://www.bighokipetir.com/"> 17 <link rel="amphtml" href="https://vvip.bighokipetir.xyz/"> 18 <link rel="alternate" hreflang="id-id" href="https://vvip.bighokipetir.xyz/" /> 19 <link rel="alternate" hreflang="id" href="https://vvip.bighokipetir.xyz/" /> 20 <link rel="alternate" href="https://vvip.bighokipetir.xyz/" /> 21 <link rel="alternate" hreflang="en" href="https://vvip.bighokipetir.xyz/" /> 22 <link rel="alternate" hreflang="x-default" href="https://vvip.bighokipetir.xyz/" /> 23 24 <meta name="viewport" content="width=device-width, initial-scale=1"> 25 26 <!-- Open Graph --> 27 <meta property="og:type" content="product"> 28 <meta property="og:site_name" content="BIGHOKI"> 29 <meta property="og:locale" content="id_ID"> 30 <meta property="og:title" content="BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI"> 31 <meta property="og:description" content="No debat, just jackpot. Masuk kasta tertinggi bareng BIGHOKI: Situs Game Online Khusus Pemain Elite Asli. Fasilitas sultan ini hanya special di BIGHOKI."> 32 <meta property="og:url" content="https://www.bighokipetir.com/"> 33 <meta property="og:image" content="img/bighokipetir.png"> 34 35 <!-- Product --> 36 <meta property="product:price:amount" content="1.000"> 37 <meta property="product:price:currency" content="IDR"> 38 <meta property="product:availability" content="out of stock"> 39 40 <!-- Favicon --> 41 <link rel="icon" href="img/ico.png"> 42 43 <!-- Fonts & CSS --> 44 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 45 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 46 <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet"> 47 48 49
49<script type="application/ld+json"> 50{ 51 "@context": "https://schema.org", 52 "@type": "Organization", 53 "@id": "https://www.bighokipetir.com/#organization", 54 "name": "BIGHOKI", 55 "url": "https://www.bighokipetir.com/", 56 "logo": { 57 "@type": "ImageObject", 58 "url": "img/ico.png", 59 "width": 512, 60 "height": 512 61 }, 62 "description": "No debat, just jackpot. Masuk kasta tertinggi bareng BIGHOKI: Situs Game Online Khusus Pemain Elite Asli. Fasilitas sultan ini hanya special di BIGHOKI.", 63 "sameAs": [ 64 "https://www.bighokipetir.com/" 65 ], 66 "inLanguage": "id-ID", 67 "foundingDate": "2026", 68 "areaServed": "ID", 69 "knowsLanguage": "id" 70} 71</script>
71 72
72<script type="application/ld+json"> 73{ 74 "@context": "https://schema.org", 75 "@type": "WebPage", 76 "@id": "https://www.bighokipetir.com/#webpage", 77 "url": "https://www.bighokipetir.com/", 78 "name": "BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI", 79 "description": "No debat, just jackpot. Masuk kasta tertinggi bareng BIGHOKI: Situs Game Online Khusus Pemain Elite Asli. Fasilitas sultan ini hanya special di BIGHOKI.", 80 "isPartOf": { 81 "@id": "https://www.bighokipetir.com/#website" 82 }, 83 "inLanguage": "id-ID" 84} 85</script>
85 86
86<script type="application/ld+json"> 87{ 88 "@context": "https://schema.org", 89 "@type": "Product", 90 "name": "BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI", 91 "aggregateRating": { 92 "@type": "AggregateRating", 93 "ratingValue": "4.8", 94 "bestRating": "5", 95 "worstRating": "1", 96 "reviewCount": "5" 97 }, 98 "review": [ 99 { 100 "@type": "Review", 101 "author": { 102 "@type": "Person", 103 "name": "Bagas Prasetyo" 104 }, 105 "reviewBody": "BIGHOKI terasa lebih premium sejak pertama dibuka. Tampilan luxury, tombol login jelas, dan akses menuju halaman utama cepat. Cocok untuk pemain yang mencari situs game online dengan nuansa elite.", 106 "reviewRating": { 107 "@type": "Rating", 108 "ratingValue": "5", 109 "bestRating": "5", 110 "worstRating": "1" 111 } 112 }, 113 { 114 "@type": "Review", 115 "author": { 116 "@type": "Person", 117 "name": "Reni Oktavia" 118 }, 119 "reviewBody": "Yang paling saya suka dari BIGHOKI adalah kesan special-nya. Warna emas dan marun membuat halaman terlihat eksklusif, sementara proses daftar tetap mudah dipahami dari perangkat mobile.", 120 "reviewRating": { 121 "@type": "Rating", 122 "ratingValue": "5", 123 "bestRating": "5", 124 "worstRating": "1" 125 } 126 }, 127 { 128 "@type": "Review", 129 "author": { 130 "@type": "Person", 131 "name": "Dimas Kurniawan" 132 }, 133 "reviewBody": "Navigasi BIGHOKI mudah dibaca dan informasinya langsung mengarah ke kebutuhan utama: login, daftar, dan akses special. Untuk pemain baru, halaman ini terasa lebih rapi dibanding halaman game online yang terlalu ramai.", 134 "reviewRating": { 135 "@type": "Rating", 136 "ratingValue": "4", 137 "bestRating": "5", 138 "worstRating": "1" 139 } 140 }, 141 { 142 "@type": "Review", 143 "author": { 144 "@type": "Person", 145 "name": "Fitria Handayani" 146 }, 147 "reviewBody": "Konsep VIP treatment di BIGHOKI terlihat kuat. Banner, headline, dan informasi layanan membuat situs ini terasa cocok untuk pemain yang ingin pengalaman lebih eksklusif.", 148 "reviewRating": { 149 "@type": "Rating", 150 "ratingValue": "5", 151 "bestRating": "5", 152 "worstRating": "1" 153 } 154 }, 155 { 156 "@type": "Review", 157 "author": { 158 "@type": "Person",
159 "name": "Andri Saputra" 160 }, 161 "reviewBody": "BIGHOKI login gampang, tampilannya mobile-friendly, dan tombol aksinya mudah ditemukan. Saya rekomendasikan untuk pengguna yang mencari situs game online BIGHOKI dengan akses cepat dan gaya premium.", 162 "reviewRating": { 163 "@type": "Rating", 164 "ratingValue": "5", 165 "bestRating": "5", 166 "worstRating": "1" 167 } 168 } 169 ] 170} 171</script>
171 172
172<script type="application/ld+json"> 173{ 174 "@context": "https://schema.org", 175 "@type": "FAQPage", 176 "mainEntity": [ 177 { 178 "@type": "Question", 179 "name": "Apa yang dimaksud BIGHOKI sebagai situs game online khusus pemain elite?", 180 "acceptedAnswer": { 181 "@type": "Answer", 182 "text": "BIGHOKI sebagai situs game online khusus pemain elite menghadirkan akses hiburan digital dengan tampilan premium, alur login yang ringkas, layanan pelanggan aktif, dan pilihan permainan yang dikemas untuk pengguna yang mengutamakan pengalaman eksklusif." 183 } 184 }, 185 { 186 "@type": "Question", 187 "name": "Mengapa BIGHOKI disebut special untuk pemain pilihan?", 188 "acceptedAnswer": { 189 "@type": "Answer", 190 "text": "BIGHOKI menonjolkan fasilitas special seperti akses cepat, nuansa VIP treatment, transaksi praktis, serta bantuan customer service profesional. Semua elemen halaman diarahkan untuk memberi kesan premium bagi pemain yang ingin pengalaman lebih tertata." 191 } 192 }, 193 { 194 "@type": "Question",
195 "name": "Bagaimana cara login atau daftar akun BIGHOKI?", 196 "acceptedAnswer": { 197 "@type": "Answer", 198 "text": "Pengguna dapat memilih tombol LOGIN atau DAFTAR pada halaman BIGHOKI, lalu mengikuti instruksi yang tersedia pada halaman tujuan. Pastikan hanya menggunakan link resmi yang ditampilkan di situs ini." 199 } 200 } 201 ] 202} 203</script>
203 204 <style id="bighoki-luxury-theme-critical"> 205 :root { 206 --bh-night: #070202; 207 --bh-black: #110705; 208 --bh-maroon: #3a0705; 209 --bh-red: #7c1710; 210 --bh-wine: #5f0d13; 211 --bh-gold: #f5c453; 212 --bh-gold-soft: #ffe5a0; 213 --bh-gold-dark: #9a6a1a; 214 --bh-cream: #fff3d6; 215 --bh-muted: #d5b98a; 216 --bh-banner: url("img/bighokipetir.png"); 217 } 218 219 html.bighoki-luxury, 220 html.bighoki-luxury body { 221 background: radial-gradient(circle at 16% 7%, rgba(245, 196, 83, .22), transparent 26%), 222 radial-gradient(circle at 84% 12%, rgba(124, 23, 16, .34), transparent 30%), 223 linear-gradient(180deg, #090202 0%, #180604 46%, #050201 100%) !important; 224 color: var(--bh-cream) !important; 225 } 226 227 html.bighoki-luxury body:before { 228 content: ""; 229 position: fixed; 230 inset: 0; 231 pointer-events: none; 232 z-index: 0; 233 background-image: radial-gradient(rgba(255, 229, 160, .12) 1px, transparent 1px); 234 background-size: 20px 20px; 235 opacity: .14; 236 } 237 238 html.bighoki-luxury .body, 239 html.bighoki-luxury .container, 240 html.bighoki-luxury .productView, 241 html.bighoki-luxury .productView-description, 242 html.bighoki-luxury .productView-description-inn, 243 html.bighoki-luxury .toggle-content, 244 html.bighoki-luxury .related-product { 245 background: transparent !important; 246 color: var(--bh-cream) !important; 247 } 248 249 html.bighoki-luxury .header, 250 html.bighoki-luxury .header-main, 251 html.bighoki-luxury .n-columns-2, 252 html.bighoki-luxury .marquee-container, 253 html.bighoki-luxury .footer-info-inn, 254 html.bighoki-luxury .footer-bar { 255 background: linear-gradient(135deg, #090202 0%, #2a0503 45%, #5f0d13 72%, #110705 100%) !important; 256 border-color: rgba(245, 196, 83, .62) !important; 257 box-shadow: 0 18px 44px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 229, 160, .12) !important; 258 color: var(--bh-cream) !important; 259 } 260 261 html.bighoki-luxury .productView-title, 262 html.bighoki-luxury .page-heading, 263 html.bighoki-luxury .toggle-title span, 264 html.bighoki-luxury .bighoki-editorial h2, 265 html.bighoki-luxury .bighoki-faq h2, 266 html.bighoki-luxury h1, 267 html.bighoki-luxury h2, 268 html.bighoki-luxury h3, 269 html.bighoki-luxury h4 { 270 color: var(--bh-gold-soft) !important; 271 text-shadow: 0 0 18px rgba(245, 196, 83, .25) !important; 272 letter-spacing: 0 !important; 273 } 274 275 html.bighoki-luxury .page-sub-heading, 276 html.bighoki-luxury .productView-description-inn .toggle-content p, 277 html.bighoki-luxury .bighoki-editorial p, 278 html.bighoki-luxury .bighoki-faq p, 279 html.bighoki-luxury .review-text { 280 color: #ead8ba !important; 281 } 282 283 html.bighoki-luxury a, 284 html.bighoki-luxury .breadcrumb-label, 285 html.bighoki-luxury .footer-bar .theme-color { 286 color: var(--bh-gold) !important; 287 } 288 289 html.bighoki-luxury .navPages-action, 290 html.bighoki-luxury .navUser-action { 291 color: var(--bh-cream) !important; 292 } 293 294 html.bighoki-luxury .review-box, 295 html.bighoki-luxury .bighoki-keyword-card, 296 html.bighoki-luxury .bighoki-faq details, 297 html.bighoki-luxury .breadcrumbs { 298 background: linear-gradient(145deg, rgba(58, 7, 5, .94), rgba(12, 4, 3, .96)) !important; 299 border: 1px solid rgba(245, 196, 83, .38) !important; 300 border-left-color: var(--bh-gold) !important; 301 color: var(--bh-cream) !important; 302 box-shadow: inset 0 1px 0 rgba(255, 229, 160, .08), 0 18px 38px rgba(0, 0, 0, .34) !important; 303 } 304 305 html.bighoki-luxury .productView-image--default-custom,
306 html.bighoki-luxury .productView-thumbnail-link img { 307 border-radius: 18px !important; 308 box-shadow: 0 0 0 1px rgba(245, 196, 83, .32), 0 24px 70px rgba(0, 0, 0, .55) !important; 309 } 310 311 html.bighoki-luxury .productView-images, 312 html.bighoki-luxury .productView-image-main, 313 html.bighoki-luxury .productView-image, 314 html.bighoki-luxury .productView-img-container, 315 html.bighoki-luxury .productView-thumbnail-link { 316 background: transparent !important; 317 border: 0 !important; 318 box-shadow: none !important; 319 opacity: 1 !important; 320 filter: none !important; 321 mix-blend-mode: normal !important; 322 } 323 324 html.bighoki-luxury .productView-img-container:after, 325 html.bighoki-luxury .productView-image:after, 326 html.bighoki-luxury .productView-thumbnail-link:after { 327 background: transparent !important; 328 opacity: 0 !important; 329 filter: none !important; 330 } 331 332 html.bighoki-luxury .productView-image--default-custom, 333 html.bighoki-luxury .productView-img-container img, 334 html.bighoki-luxury .productView-thumbnail-link img { 335 opacity: 1 !important; 336 filter: none !important; 337 mix-blend-mode: normal !important; 338 background: transparent !important; 339 } 340 341 html.bighoki-luxury .bighoki-kicker { 342 display: inline-flex; 343 margin: 10px 0 16px; 344 padding: 8px 12px; 345 background: rgba(245, 196, 83, .12); 346 border: 1px solid rgba(245, 196, 83, .42); 347 color: var(--bh-gold-soft); 348 font-size: 12px; 349 font-weight: 800; 350 text-transform: uppercase; 351 } 352 353 html.bighoki-luxury .bighoki-keyword-grid { 354 display: grid; 355 grid-template-columns: repeat(3, minmax(0, 1fr)); 356 gap: 14px; 357 margin: 20px 0 30px; 358 } 359 360 html.bighoki-luxury .bighoki-keyword-card, 361 html.bighoki-luxury .bighoki-faq details { 362 border-radius: 12px !important; 363 padding: 18px; 364 } 365 366 html.bighoki-luxury .bighoki-keyword-card strong, 367 html.bighoki-luxury .bighoki-faq summary, 368 html.bighoki-luxury .review-author { 369 color: var(--bh-gold-soft) !important; 370 font-weight: 800; 371 } 372 373 html.bighoki-luxury .bighoki-faq { 374 display: grid; 375 gap: 12px; 376 margin: 26px 0 34px; 377 } 378 379 html.bighoki-luxury .bighoki-faq summary { 380 cursor: pointer; 381 list-style: none; 382 } 383 384 html.bighoki-luxury .bighoki-faq summary::-webkit-details-marker { 385 display: none; 386 } 387 388 html.bighoki-luxury .bighoki-note { 389 border-left: 4px solid var(--bh-gold); 390 padding: 12px 16px; 391 background: rgba(245, 196, 83, .1); 392 color: #fff0c7 !important; 393 } 394 395 html.bighoki-luxury .button, 396 html.bighoki-luxury .button--primary, 397 html.bighoki-luxury input[type="submit"].button, 398 html.bighoki-luxury .n-columns-2 a.masuk, 399 html.bighoki-luxury .n-columns-2 a.register { 400 border-radius: 12px !important; 401 text-transform: uppercase !important; 402 font-weight: 900 !important; 403 letter-spacing: 1px !important; 404 } 405 406 html.bighoki-luxury .n-columns-2 a.masuk, 407 html.bighoki-luxury .button--secondary, 408 html.bighoki-luxury .footer .button { 409 background: linear-gradient(180deg, #fff2ba 0%, #f5c453 42%, #a36f1d 100%) !important; 410 border: 2px solid #fff0b0 !important; 411 color: #2a0701 !important; 412 box-shadow: inset 0 2px 0 rgba(255, 255, 255, .75), inset 0 -3px 6px rgba(93, 45, 0, .38), 0 6px 0 #7a4e10, 0 14px 24px rgba(0, 0, 0, .44) !important; 413 } 414 415 html.bighoki-luxury .n-columns-2 a.register, 416 html.bighoki-luxury .button:not(.compare), 417 html.bighoki-luxury .button--primary, 418 html.bighoki-luxury input[type="submit"].button { 419 background: linear-gradient(180deg, #8f2117 0%, #5f0d13 52%, #2b0503 100%) !important; 420 border: 2px solid var(--bh-gold) !important; 421 color: var(--bh-cream) !important; 422 box-shadow: inset 0 2px 0 rgba(255, 229, 160, .22), inset 0 -3px 6px rgba(0, 0, 0, .45), 0 6px 0 #1b0302, 0 14px 24px rgba(0, 0, 0, .48) !important; 423 } 424 425 @media (max-width: 767px) { 426 html.bighoki-luxury .bighoki-keyword-grid { 427 grid-template-columns: 1fr; 428 } 429 430 html.bighoki-luxury .productView-title { 431 font-size: 26px !important; 432 line-height: 1.2 !important; 433 } 434 } 435 </style> 436
436<script id="bighoki-luxury-theme-takeover"> 437 (function () { 438 var root = document.documentElement; 439 root.classList.add('bighoki-luxury'); 440 root.style.setProperty('--bh-banner', 'url("img/bighokipetir.png")'); 441 442 function applyBighokiLuxuryTheme() { 443 if (!document.body) return; 444 document.body.classList.add('bighoki-luxury-ready'); 445 document.querySelectorAll('[style*="#6D28D9"], [style*="#4C1D95"], [style*="#3B0764"], [style*="#2E1065"], [style*="#F6F0FF"], [style*="#EDE3FF"]').forEach(function (node) { 446 node.style.background = 'linear-gradient(135deg, #090202 0%, #2a0503 45%, #5f0d13 72%, #110705 100%)'; 447 node.style.color = '#fff3d6'; 448 node.style.borderColor = 'rgba(245, 196, 83, .62)'; 449 }); 450 } 451 452 if (document.readyState === 'loading') { 453 document.addEventListener('DOMContentLoaded', applyBighokiLuxuryTheme, { once: true }); 454 } else { 455 applyBighokiLuxuryTheme(); 456 } 457 })(); 458 </script>
458 459 460
460<script type="text/javascript" async="true" src="https://omnisnippet1.com/monitoring/monitoring.js?v=2026-02-07T00"></script>
460 461</head> 462 463 464<body class="type-product"> 465 <svg data-src="img/ico.png" class="icons-svg-sprite"></svg> 466 <header class="header" sticky="true" role="banner"> 467 <div class="header-main"> 468 <div class="container"> 469 <div class="header-inner"> 470 <div class="header-left"> 471 <div class="desktop_mobile_menu"> 472 <a class="control-otherlinks" href="https://www.bighokipetir.com/"> 473 <span class="otherlinks-line-1"></span> 474 <span class="otherlinks-line-2"></span> 475 <span class="otherlinks-line-3"></span> 476 <span class="otherlinks-line-4"></span> 477 </a> 478 </div> 479 <div class="logo-block"> 480 <div class="header-logo header-logo--center"> 481 <a href="https://www.bighokipetir.com/"> 482 <div class="header-logo-image-container-custom"> 483 <img class="header-logo-image-custom" src="img/logo.png" alt="Logo BIGHOKI" title="BIGHOKI"> 484 </div> 485 </a> 486 </div> 487 </div> 488 </div> 489 <div class="header-center"> 490 <div class="navigation-menu" data-menu> 491 <nav class="navPages"> 492 <ul class="navPages-list sf-menu" data-speed="0.8"> 493 <li class="navPages-item"> 494 <a class="navPages-action needsclick" href="https://www.bighokipetir.com/">BIGHOKI <svg> 495 <use></use> 496 </svg></a> 497 <ul> 498 <li class="navPages-item nav-arrow-roted"> 499 <!-- SECOND LEVEL STARTS --> 500 <a class="navPages-action" href="https://www.bighokipetir.com/"> 501 <span class="nav-arrow"><svg class=""> 502 <use></use> 503 </svg></span>VIP BIGHOKI</a> 504 <!-- SECOND LEVEL ENDS --> 505 </li> 506 <li class="navPages-item nav-arrow-roted"> 507 <!-- SECOND LEVEL STARTS --> 508 <a class="navPages-action" href="https://www.bighokipetir.com/"> 509 <span class="nav-arrow"><svg class=""> 510 <use></use> 511 </svg></span>INFO BIGHOKI</a> 512 <!-- SECOND LEVEL ENDS --> 513 </li> 514 <li class="navPages-item nav-arrow-roted"> 515 <!-- SECOND LEVEL STARTS --> 516 <a class="navPages-action" href="https://www.bighokipetir.com/"> 517 <span class="nav-arrow"><svg class=""> 518 <use></use> 519 </svg></span>BIGHOKI GAME</a> 520 <!-- SECOND LEVEL ENDS --> 521 </li> 522 <li class="navPages-item nav-arrow-roted"> 523 <!-- SECOND LEVEL STARTS --> 524 <a class="navPages-action" href="https://www.bighokipetir.com/">
525 <span class="nav-arrow"><svg class=""> 526 <use></use> 527 </svg></span>BIGHOKI SLOT</a> 528 <!-- SECOND LEVEL ENDS --> 529 </li> 530 </ul> 531 </li> 532 <li class="navPages-item navPages-item-page "> 533 <!-- SECOND LEVEL STARTS --> 534 <a class="navPages-action" href="https://www.bighokipetir.com/"> 535 <span class="nav-arrow"><svg class=""> 536 <use></use> 537 </svg></span>GAME ONLINE</a> 538 <!-- SECOND LEVEL ENDS --> 539 </li> 540 <li class="navPages-item navPages-item-page "> 541 <!-- SECOND LEVEL STARTS --> 542 <a class="navPages-action" href="https://www.bighokipetir.com/"> 543 <span class="nav-arrow"><svg class=""> 544 <use></use> 545 </svg></span>GAME ELITE</a> 546 <!-- SECOND LEVEL ENDS --> 547 </li> 548 <li class="navPages-item navPages-item-page "> 549 <!-- SECOND LEVEL STARTS --> 550 <a class="navPages-action" href="https://www.bighokipetir.com/"> 551 <span class="nav-arrow"><svg class=""> 552 <use></use> 553 </svg></span>INFO POLA</a> 554 <!-- SECOND LEVEL ENDS --> 555 </li> 556 <li class="navPages-item navPages-item-page last-menu-item"> 557 <!-- SECOND LEVEL STARTS --> 558 <a class="navPages-action" href="https://www.bighokipetir.com/"> 559 <span class="nav-arrow"><svg class=""> 560 <use></use> 561 </svg></span>LIVE GAME</a> 562 <!-- SECOND LEVEL ENDS --> 563 </li> 564 </ul> 565 </nav> 566 </div> 567 </div> 568 <div class="header-right"> 569 <nav class="navUser"> 570 <ul class="navUser-section navUser-section--alt account-section sf-menu"> 571 <li class="navUser-item navUser-item--account"> 572 <a class="navUser-action needsclick" href="https://www.bighokipetir.com/"> 573 <svg class="navUser-icon" viewBox="0 0 24 24" role="img" aria-label="Akun BIGHOKI" focusable="false"> 574 <title>Akun BIGHOKI</title> 575 <path d="M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 12c-4.42 0-8 2.24-8 5v1.5h16V19c0-2.76-3.58-5-8-5Z" /> 576 </svg> 577 </a> 578 579 <ul class="navUser-section-sub section-sub-right"> 580 <li class="navUser-item"> 581 <a class="navUser-action needsclick" href="https://vvip.bighokipetir.xyz/"> 582 <svg> 583 <use></use> 584 </svg><span>Buat Akun</span> 585 </a> 586 </li> 587 <li class="navUser-item"> 588 <a class="navUser-action needsclick" href="https://vvip.bighokipetir.xyz/"> 589 <svg> 590 <use></use> 591 </svg><span>Daftar Akun</span> 592 </a> 593 </li> 594 <li class="navUser-item"> 595 <a class="navUser-action needsclick" href="https://vvip.bighokipetir.xyz/"> 596 <svg> 597 <use></use> 598 </svg><span>Klaim Bonus</span> 599 </a> 600 </li> 601 <li class="navUser-item navUser-item-wishlist"> 602 <a class="navUser-action needsclick" href="https://vvip.bighokipetir.xyz/"> 603 <svg> 604 <use></use> 605 </svg><span>Live Support</span> 606 </a> 607 </li> 608 </ul> 609 </li> 610 <li class="navUser-item navUser-item-compare"> 611 <a class="navUser-action navUser-item--compare needsclick" href="https://www.bighokipetir.com/" title="BIGHOKI" data-compare-nav> 612 613 <img src="img/ico.png" alt="Ikon BIGHOKI" width="100" height="62" style="object-fit: contain;"></a> 614 615 616 </a> 617 618 </li> 619 <li class="navUser-item navUser-search"> 620 <a class="navUser-action navUser-action--quickSearch" href="javascript:void(0);" data-search="quickSearch" aria-controls="quickSearch" aria-expanded="false"><svg class="search-icon"> 621 <use></use> 622 </svg> <svg class="search-close"> 623 <use></use> 624 </svg></a> 625 </li> 626 <li class="navUser-item navUser-item--cart"> 627 <a class="navUser-action" data-cart-preview data-dropdown="cart-preview-dropdown" data-options="align:right" href="/cart/html">
628 <span class="navUser-item-cartLabel"> 629 <svg> 630 <use></use> 631 </svg> 632 </span> <span class="countPill cart-quantity"></span> 633 </a> 634 <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content aria-hidden="true"></div> 635 </li> 636 </ul> 637 </nav> 638 639 <div id="headerSidebar" class="header-side-bar"> 640 <div class="header-side-bar-inn"> 641 <div class="close"> 642 <a class="close-icon" href="javascript:void(0);"><svg> 643 <use></use> 644 </svg></a> 645 </div> 646 <div class="category headerSidebar-block"> 647 <h5 class="sidebarBlock-heading">Categories</h5> 648 <ul class="navList navList-treeview"> 649 <li class="navPages-item"> 650 <!-- SECOND LEVEL STARTS --> 651 <a class="navPages-action" href="https://www.bighokipetir.com/"> 652 <span class="nav-arrow"><svg class=""> 653 <use></use> 654 </svg></span>All</a> 655 <!-- SECOND LEVEL ENDS --> 656 </li> 657 <li class="navPages-item"> 658 <!-- SECOND LEVEL STARTS --> 659 <a class="navPages-action" href="https://www.bighokipetir.com/"> 660 <span class="nav-arrow"><svg class=""> 661 <use></use> 662 </svg></span>Kits</a> 663 <!-- SECOND LEVEL ENDS --> 664 </li> 665 <li class="navPages-item"> 666 <!-- SECOND LEVEL STARTS --> 667 <a class="navPages-action" href="https://www.bighokipetir.com/"> 668 <span class="nav-arrow"><svg class=""> 669 <use></use> 670 </svg></span>Strips</a> 671 <!-- SECOND LEVEL ENDS --> 672 </li> 673 <li class="navPages-item"> 674 <!-- SECOND LEVEL STARTS --> 675 <a class="navPages-action" href="https://www.bighokipetir.com/"> 676 <span class="nav-arrow"><svg class=""> 677 <use></use> 678 </svg></span>Inks</a> 679 <!-- SECOND LEVEL ENDS --> 680 </li> 681 </ul> 682 </div> 683 <div class="webpages headerSidebar-block"> 684 <h5 class="sidebarBlock-heading">Quick Links</h5> 685 <ul class="navList navList-treeview"> 686 <li class="navPages-item navPages-item-page"> 687 <!-- SECOND LEVEL STARTS --> 688 <a class="navPages-action" href="https://www.bighokipetir.com/">
689 <span class="nav-arrow"><svg class=""> 690 <use></use> 691 </svg></span>About</a> 692 <!-- SECOND LEVEL ENDS --> 693 </li> 694 <li class="navPages-item navPages-item-page"> 695 <!-- SECOND LEVEL STARTS --> 696 <a class="navPages-action" href="https://www.bighokipetir.com/"> 697 <span class="nav-arrow"><svg class=""> 698 <use></use> 699 </svg></span>Videos</a> 700 <!-- SECOND LEVEL ENDS --> 701 </li> 702 <li class="navPages-item navPages-item-page"> 703 <!-- SECOND LEVEL STARTS --> 704 <a class="navPages-action" href="https://www.bighokipetir.com/"> 705 <span class="nav-arrow"><svg class=""> 706 <use></use> 707 </svg></span>Store Policies</a> 708 <!-- SECOND LEVEL ENDS --> 709 </li> 710 <li class="navPages-item navPages-item-page"> 711 <!-- SECOND LEVEL STARTS --> 712 <a class="navPages-action" href="https://www.bighokipetir.com/"> 713 <span class="nav-arrow"><svg class=""> 714 <use></use> 715 </svg></span>Contact Us</a> 716 <!-- SECOND LEVEL ENDS --> 717 </li> 718 </ul> 719 </div> 720 </div> 721 </div> 722 </div> 723 </div> 724 </div> 725 </div> 726 727 </header> 728 729 <div class="n-columns-2" style="font-size: 20px;"> 730 <a href="https://vvip.bighokipetir.xyz/" rel="nofollow noreferrer" class="masuk">LOGIN</a> 731 <a href="https://vvip.bighokipetir.xyz/" rel="nofollow noreferrer" class="register">DAFTAR</a> 732 </div> 733 734 <div class="marquee-container"> 735 736 <div class="marquee"> 737 <div class="marquee-text"> 738 No debat, just jackpot. Masuk kasta tertinggi bareng BIGHOKI: Situs Game Online Khusus Pemain Elite Asli. Fasilitas sultan ini hanya special di BIGHOKI. 739 </div> 740 </div> 741 </div> 742 <style> 743 .n-columns-2 { 744 width: 100%; 745 margin: 5px auto 5px; 746 display: grid; 747 grid-template-columns: repeat(2, 1fr); 748 gap: 12px; 749 font-weight: 700; 750 border-radius: 0px; 751 padding: 12px; 752 background: linear-gradient(180deg, #3B0764 0%, #4C1D95 100%); 753 box-shadow: 0 0 25px rgba(109, 40, 217, 0.35); 754 } 755 756 .n-columns-2 a { 757 display: flex; 758 align-items: center; 759 justify-content: center; 760 height: 60px; 761 text-align: center; 762 text-decoration: none; 763 font-size: 2rem; 764 letter-spacing: 1px; 765 transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease; 766 color: #000000; 767 border: none; 768 border-radius: 12px; 769 font-weight: 800; 770 box-sizing: border-box; 771 padding: 0; 772 } 773 774 /* Tombol LOGIN ÃÆÃâÃâ ââ¬â¢ÃÆÃ¢â¬Å¡ÃâÃÂ¢ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬Å¡Ã¬Ãâ¦ÃÂ¡ÃÆÃ¢â¬Å¡ÃâÃÂ¬ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬à ¡ÃâÃÂ¬ÃÆÃ¢â¬Å¡Ãâàbiru segar ke hijau toska */ 775 .n-columns-2 a.register { 776 background: linear-gradient(180deg, #F0453F 0%, #D91E18 45%, #8E0F0B 100%); 777 color: #FFF3D6; 778 border: 2px solid #FFD700; 779 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55); 780 box-shadow: 781 inset 0 2px 0 rgba(255, 255, 255, 0.45), 782 inset 0 -3px 6px rgba(0, 0, 0, 0.45), 783 0 6px 0 #6E0A07, 784 0 10px 18px rgba(0, 0, 0, 0.45); 785 } 786 787 /* Tombol DAFTAR ÃÆÃâÃâ ââ¬â¢ÃÆÃ¢â¬Å¡ÃâÃÂ¢ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬Å¡Ã¬Ãâ¦ÃÂ¡ÃÆÃ¢â¬Å¡ÃâÃÂ¬ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬à ¡ÃâÃÂ¬ÃÆÃ¢â¬Å¡Ãâàkuning ke oranye lembut biar seimbang */ 788 .n-columns-2 a.masuk { 789 background: linear-gradient(180deg, #FFF3B0 0%, #FFD700 40%, #C9971B 100%); 790 color: #4A1300; 791 border: 2px solid #FFF1A8; 792 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 793 box-shadow: 794 inset 0 2px 0 rgba(255, 255, 255, 0.75), 795 inset 0 -3px 6px rgba(120, 80, 0, 0.4), 796 0 6px 0 #9A7314, 797 0 10px 18px rgba(0, 0, 0, 0.45); 798 } 799 800 /* Hover ÃÆÃâÃâ ââ¬â¢ÃÆÃ¢â¬Å¡ÃâÃÂ¢ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬Å¡Ã¬Ãâ¦ÃÂ¡ÃÆÃ¢â¬Å¡ÃâÃÂ¬ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬à ¡ÃâÃÂ¬ÃÆÃ¢â¬Å¡Ãâàefek tombol timbul */ 801 .n-columns-2 a:hover { 802 transform: translateY(-2px); 803 filter: brightness(1.06); 804 } 805 806 .n-columns-2 a.register:hover { 807 box-shadow: 808 inset 0 2px 0 rgba(255, 255, 255, 0.5), 809 inset 0 -3px 6px rgba(0, 0, 0, 0.45), 810 0 8px 0 #6E0A07, 811 0 14px 22px rgba(0, 0, 0, 0.5); 812 } 813 814 .n-columns-2 a.masuk:hover { 815 box-shadow: 816 inset 0 2px 0 rgba(255, 255, 255, 0.8),
817 inset 0 -3px 6px rgba(120, 80, 0, 0.4), 818 0 8px 0 #9A7314, 819 0 14px 22px rgba(0, 0, 0, 0.5); 820 } 821 822 /* Klik ÃÆÃâÃâ ââ¬â¢ÃÆÃ¢â¬Å¡ÃâÃÂ¢ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬Å¡Ã¬Ãâ¦ÃÂ¡ÃÆÃ¢â¬Å¡ÃâÃÂ¬ÃÆÃâÃâÃÂ¢ÃÆÃ¢Ã¢ââ¬à ¡ÃâÃÂ¬ÃÆÃ¢â¬Å¡Ãâàefek tombol masuk ke dalam */ 823 .n-columns-2 a:active { 824 transform: translateY(5px); 825 filter: brightness(0.95); 826 } 827 828 .n-columns-2 a.register:active { 829 box-shadow: 830 inset 0 3px 8px rgba(0, 0, 0, 0.55), 831 0 1px 0 #6E0A07; 832 } 833 834 .n-columns-2 a.masuk:active { 835 box-shadow: 836 inset 0 3px 8px rgba(120, 80, 0, 0.55), 837 0 1px 0 #9A7314; 838 } 839 </style> 840 <style>:root { 841 --superman-red: #0c0c0c; 842 --superman-blue: #0c0c0c; 843} 844 845.marquee-container { 846 display: flex; 847 align-items: center; 848 background: linear-gradient(90deg, #3B0764, #6D28D9 50%, #3B0764); 849 border-top: 1px solid rgba(255, 215, 0, 0.35); 850 border-bottom: 1px solid rgba(255, 215, 0, 0.35); 851 height: 20px; /* Ini yang kamu ubah */ 852 padding: 8px 0; 853 overflow: hidden; 854 gap: 10px; 855} 856 857 858/* area teks berjalan */ 859.marquee { 860 overflow: hidden; 861 white-space: nowrap; 862 flex: 1; 863} 864 865.marquee-text { 866 display: inline-block; 867 padding-left: 100%; 868 animation: marquee 15s linear infinite; 869 font-weight: 250; 870 color: #ffffff; 871 font-size: 12px; 872} 873 874/* animasi berjalan */ 875@keyframes marquee { 876 0% { 877 transform: translateX(0); 878 } 879 100% { 880 transform: translateX(-100%); 881 } 882} 883</style> 884 <div data-content-region="header_bottom"></div> 885 <div class="body" data-currency-code="USD"> 886 <div class="container"> 887 888 <ul class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList"> 889 <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 890 <a href="https://www.bighokipetir.com/" class="breadcrumb-label" itemprop="item"><span itemprop="name">Home</span></a> 891 <meta itemprop="position" content="1" /> 892 </li> 893 <li class="breadcrumb " itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 894 <a href="https://www.bighokipetir.com/" class="breadcrumb-label" itemprop="item"><span itemprop="name">BIGHOKI</span></a> 895 <meta itemprop="position" content="2" /> 896 </li> 897 <li class="breadcrumb is-active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 898 <meta itemprop="item" content="https://www.bighokipetir.com/"> 899 <span class="breadcrumb-label" itemprop="name">BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI</span> 900 <meta itemprop="position" content="3" /> 901 </li> 902 </ul> 903 <div itemscope itemtype=""> 904 <div class="productView"> 905 <section class="productView-images" data-image-gallery style="position: relative;"> 906 <div class="productView-image-main"> 907 <figure class="productView-image" data-image-gallery-main data-zoom-image="img/bighokipetir.png"> 908 909 <div class="productView-img-container"> 910 <a href="https://www.bighokipetir.com/"> 911 <img class="productView-image--default-custom" src="img/bighokipetir.png" alt="Banner BIGHOKI situs game online khusus pemain elite" title="BIGHOKI" data-main-image> 912 </a> 913 </div> 914 915 </figure> 916 </div> 917 918 <ul class="productView-thumbnails"> 919 <li class="is-active" data-thumb-zoom-image="img/bighokipetir.png"> 920
921 <a class="productView-thumbnail-link is-active is-main" href="https://www.bighokipetir.com/" data-image-gallery-item data-image-gallery-new-image-url="img/bighokipetir.png" data-image-gallery-new-image-srcset=" 922 img/bighokipetir.png 80w, 923 img/bighokipetir.png 160w, 924 img/bighokipetir.png 320w, 925 img/bighokipetir.png 640w, 926 img/bighokipetir.png 960w, 927 img/bighokipetir.png 1280w" data-image-gallery-zoom-image-url="img/bighokipetir.png" data-link="img/bighokipetir.png"> 928 929 <img src="img/bighokipetir.png" alt="Banner BIGHOKI pemain elite" title="BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI"> 930 </a> 931 932 </li> 933 </ul> 934 935 </section> 936 <section class="productView-details"> 937 <div class="productView-product"> 938 <h1 class="productView-title" itemprop="name">BIGHOKI - Situs Game Online Khusus Pemain Elite Asli Hanya Special Di BIGHOKI</h1> 939 <div data-content-region="product_below_price"></div> 940 <div class="price-block"> 941 <div class="productView-price "> 942 <div class="price-section price-section--withoutTax rrp-price--withoutTax" style="display: none;"> 943 944 <span data-product-rrp-price-without-tax class="price price--rrp"> 945 </span> 946 </div> 947 <div class="price-section price-section--withoutTax non-sale-price--withoutTax"> 948 949 <span data-product-non-sale-price-without-tax class="price price--non-sale"> 950 Rp. 10.000 951 </span> 952 </div> 953 <div class="price-section price-section--withoutTax" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 954 <span class="price-label" style="display: none;"> 955 </span> 956 <span class="price-now-label"> 957 958 </span> 959 <span data-product-price-without-tax class="price price--withoutTax">Rp. 1.000</span> 960 <meta itemprop="availability" content="http://schema.org/OutOfStock"> 961 962 <meta itemprop="itemCondition" content="http://schema.org/NewCondition"> 963 964 <div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification"> 965 <meta itemprop="price" content="12.95"> 966 <meta itemprop="priceCurrency" content="USD"> 967 <meta itemprop="valueAddedTaxIncluded" content="false"> 968 </div> 969 970 </div> 971 <div class="price-section price-section--saving price" style="display: none;"> 972 <span class="price">(You save</span> 973 <span data-product-price-saved class="price price--saving"></span> 974 <span class="price">)</span> 975 </div> 976 </div> 977 <div class="price-block-left"> 978 <div class="productView-rating"> 979 <span class="icon icon--ratingEmpty"> 980 <svg> 981 <use /> 982 </use> 983 </svg> 984 </span>
985 <span class="icon icon--ratingEmpty"> 986 <svg> 987 <use /> 988 </use> 989 </svg> 990 </span> 991 <span class="icon icon--ratingEmpty"> 992 <svg> 993 <use /> 994 </use> 995 </svg> 996 </span> 997 <span class="icon icon--ratingEmpty"> 998 <svg> 999 <use /> 1000 </use> 1001 </svg> 1002 </span> 1003 <span class="icon icon--ratingEmpty"> 1004 <svg> 1005 <use /> 1006 </use> 1007 </svg> 1008 </span> 1009 <span class="productView-reviewLink"> 1010 (777) 1011 </span> 1012 <span class="productView-reviewLink"> 1013 <a href="https://www.bighokipetir.com/" data-reveal-id="modal-review-form"> 1014 Write a Review 1015 </a> 1016 </span> 1017 <div id="modal-review-form" class="modal" data-reveal> 1018 <div class="modal-header"> 1019 <h2 class="modal-header-title">Write a Review</h2> 1020 <a href="#" class="modal-close" aria-label="Close" role="button"> 1021 <span aria-hidden="true">×</span> 1022 </a> 1023 </div> 1024 <div class="modal-body"> 1025 <div class="writeReview-productDetails"> 1026 <div class="writeReview-productImage-container"> 1027 </div> 1028 <h6 class="product-brand"></h6> 1029 <h5 class="product-title">Ink Kit</h5> 1030 </div> 1031 <form class="form writeReview-form" action="/" method="post"> 1032 <fieldset class="form-fieldset"> 1033 <div class="form-field"> 1034 <label class="form-label" for="rating-rate">Rating 1035 <small>*</small> 1036 </label> 1037 <!-- Stars --> 1038 <!-- TODO: Review Stars need to be componentised, both for display and input --> 1039 <select id="rating-rate" class="form-select" name="revrating"> 1040 <option value="" selected>Select Rating</option> 1041 <option value="1">1 star (worst)</option> 1042 <option value="2">2 stars</option> 1043 <option value="3">3 stars (average)</option> 1044 <option value="4">4 stars</option> 1045 <option value="5">5 stars (best)</option> 1046 </select> 1047 </div> 1048 <!-- Name --> 1049 <div class="form-field" id="revfromname" data-validation=""> 1050 <label class="form-label" for="revfromname_input">Name 1051 </label> 1052 <input type="text" id="revfromname_input" data-label="Name" name="revfromname" class="form-input" aria-required=""> 1053 </div> 1054 <!-- Email --> 1055 <div class="form-field" id="email" data-validation=""> 1056 <label class="form-label" for="email_input">Email 1057 <small>*</small> 1058 </label> 1059 <input type="text" id="email_input" data-label="Email" name="email" class="form-input" aria-required="false"> 1060 </div> 1061 <!-- Review Subject --> 1062 <div class="form-field" id="revtitle" data-validation=""> 1063 <label class="form-label" for="revtitle_input">Review 1064 Subject 1065 <small>*</small> 1066 </label> 1067 <input type="text" id="revtitle_input" data-label="Review Subject" name="revtitle" class="form-input" aria-required="true"> 1068 </div> 1069 <!-- Comments --> 1070 <div class="form-field" id="revtext" data-validation=""> 1071 <label class="form-label" for="revtext_input">Comments 1072 <small>*</small> 1073 </label> 1074 <textarea name="revtext" id="revtext_input" data-label="Comments" rows="" aria-required="true" class="form-input"></textarea> 1075 </div> 1076 <div class="form-field"> 1077 <input type="submit" class="button button--primary" value="Submit Review"> 1078 </div> 1079 <input type="hidden" name="product_id" value="133"> 1080 <input type="hidden" name="action" value="post_review"> 1081 </fieldset> 1082 </form> 1083 </div> 1084 </div> 1085 </div> 1086 </div> 1087 </div> 1088 <dl class="productView-info"> 1089 <dt class="productView-info-name">Gift wrapping:</dt> 1090 <dd class="productView-info-value">Options available</dd> 1091 <dt class="productView-info-name">Shipping:</dt> 1092 <dd class="productView-info-value">Calculated at Checkout</dd> 1093 <div class="productView-info-bulkPricing"> 1094 </div> 1095 </dl> 1096 </div> 1097 </section> 1098 <section class="productView-details"> 1099 <div class="productView-options"> 1100 <form class="form" method="post" action="cart.html" enctype="multipart/form-data" data-cart-item-add> 1101 <input type="hidden" name="action" value="add"> 1102 <input type="hidden" name="product_id" value="133" /> 1103 <div data-product-option-change style="display:none;"> 1104 </div> 1105 <div class="form-field form-field--stock u-hiddenVisually"> 1106 <label class="form-label form-label--alternate"> 1107 Current Stock:
1108 <span data-product-stock></span> 1109 </label> 1110 </div> 1111 <div class="productView-compare"> 1112 <button class="button compare" type="button"> 1113 <img src="img/bighokipetir.png" alt="Ikon banner BIGHOKI pemain elite" width="60" height="60"> 1114 </button> 1115 </div> 1116 1117 <div class="productView-compare"> 1118 <button class="button compare" type="button" onclick="location.href='https://www.bighokipetir.com/';"> 1119 <img src="img/bighokipetir.png" alt="Ikon BIGHOKI special" width="60" height="60"> 1120 </button> 1121 </div> 1122 1123 </form> 1124 <div id="WishlistModal" class="modal" data-reveal> 1125 <div class="modal-header"> 1126 <h2 class="modal-header-title">Add to Wishlist</h2> 1127 <a href="#" class="modal-close" aria-label="Close"><span aria-hidden="true">×</span></a> 1128 </div> 1129 <div class="wishlist wishlist-popup modal-body"> 1130 <form class="form form-wishlist form-action" method="post" id="ProductWishlist" action="/" data-wishlist-add> 1131 <div class="form-action"> 1132 <input type="hidden" name="variation_id" value=""> 1133 <div id="drop1" data-dropdown-content> 1134 <div style="padding: 5px;" class="wishlist_dropdownbox"> 1135 <p>Please create a new Wishlist</p> 1136 <div class="wishlist-popup-btn"> 1137 </div> 1138 </div> 1139 </div> 1140 </div> 1141 </form> 1142 </div> 1143 </div> 1144 <div class="share-block"> 1145 <label class="form-label--alternate" for="">share on:</label> 1146 <div class="addthis_toolbox addthis_32x32_style" addthis:url="" addthis:title=""> 1147 <ul class="socialLinks"> 1148 <li class="socialLinks-item socialLinks-item--facebook"> 1149 <a class="addthis_button_facebook icon icon--facebook" href="https://www.bighokipetir.com/" aria-label="Share on Facebook" title="Facebook"> 1150 <svg viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> 1151 <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103.512.06.98.145 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12S0 5.417 0 12.044c0 5.628 3.874 10.35 9.101 11.647Z" /> 1152 </svg> 1153 </a> 1154 </li> 1155 1156 <li class="socialLinks-item socialLinks-item--email"> 1157 <a class="addthis_button_email icon icon--email" href="https://www.bighokipetir.com/" aria-label="Share via Email" title="Email"> 1158 <svg viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> 1159 <path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z" /> 1160 </svg> 1161 </a> 1162 </li> 1163 1164 <li class="socialLinks-item socialLinks-item--print"> 1165 <a class="addthis_button_print icon icon--print" href="https://www.bighokipetir.com/" aria-label="Print" title="Print"> 1166 <svg viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> 1167 <path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3Zm-3 11H8v-5h8v5Zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1ZM18 3H6v4h12V3Z" /> 1168 </svg> 1169 </a> 1170 </li> 1171 1172 <li class="socialLinks-item socialLinks-item--twitter"> 1173 <a class="addthis_button_twitter icon icon--twitter" href="https://www.bighokipetir.com/" aria-label="Share on Twitter" title="Twitter"> 1174 <svg viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> 1175 <path d="M21.543 7.104c.014.211.014.423.014.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.926 4.926 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.93 4.93 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.936 4.936 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.494 9.868 9.868
11750 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549Z" /> 1176 </svg> 1177 </a> 1178 </li> 1179 1180 <li class="socialLinks-item socialLinks-item--pinterest"> 1181 <a class="addthis_button_pinterest icon icon--pinterest" href="https://www.bighokipetir.com/" aria-label="Share on Pinterest" title="Pinterest"> 1182 <svg viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"> 1183 <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0Z" /> 1184 </svg> 1185 </a> 1186 </li> 1187 1188 <li class="socialLinks-item socialLinks-item--facebookLike"> 1189 </li> 1190 </ul> 1191
1191<script type="text/javascript" defer src="js/300/addthis_widget.js"></script>
1191 1192
1192<script> 1193 window.addEventListener('DOMContentLoaded', function () { 1194 if (typeof (addthis) === "object") { 1195 addthis.toolbox('.addthis_toolbox'); 1196 } 1197 }); 1198 </script>
1198 1199 </div> 1200 </div> 1201 </div> 1202 </section> 1203 <article class="productView-description" itemprop="description"> 1204 <div class="productView-description-inn"> 1205 <section class="toggle"> 1206 <h4 class="toggle-title"> 1207 <a href="https://www.bighokipetir.com/" class="toggleLink is-open" data-collapsible> 1208 <svg class="icon--name"> 1209 <use></use> 1210 </svg> 1211 <span>Artikel BIGHOKI</span> 1212 <svg class="toggle-down-arrow"> 1213 <use></use> 1214 </svg> 1215 </a> 1216 </h4> 1217 <div class="toggle-content is-open" id="tab-description"> 1218 <section class="bighoki-editorial" aria-label="Artikel BIGHOKI"> 1219 <div class="bighoki-kicker">Situs game online premium</div> 1220 <h2>BIGHOKI - Situs game online khusus pemain elite asli</h2> 1221 <p style="text-align: justify;"><a href="https://www.bighokipetir.com/">BIGHOKI</a> hadir sebagai situs game online khusus pemain elite yang mengutamakan kesan premium sejak halaman pertama dibuka. Title halaman ini menegaskan positioning utama: BIGHOKI adalah ruang special untuk pengguna yang mencari akses game online dengan tampilan mewah, tombol login yang jelas, dan pengalaman yang terasa lebih eksklusif.</p> 1222 <p style="text-align: justify;">Keyword utama halaman ini berfokus pada <strong>BIGHOKI</strong>, <strong>situs game online BIGHOKI</strong>, <strong>BIGHOKI pemain elite</strong>, <strong>BIGHOKI special</strong>, <strong>login BIGHOKI</strong>, dan <strong>daftar BIGHOKI</strong>. Susunan artikel dibuat agar pengunjung langsung memahami manfaat utama: VIP treatment, akses cepat, transaksi praktis, layanan customer service profesional, serta nuansa luxury hitam-marun-emas yang selaras dengan banner.</p> 1223 <div class="bighoki-keyword-grid" aria-label="Keunggulan BIGHOKI"> 1224 <div class="bighoki-keyword-card"> 1225 <strong>VIP treatment</strong> 1226 <p>BIGHOKI menampilkan pengalaman yang terasa eksklusif untuk pemain pilihan, mulai dari visual premium hingga alur akses yang ringkas.</p> 1227 </div> 1228 <div class="bighoki-keyword-card"> 1229 <strong>Login BIGHOKI cepat</strong> 1230 <p>Tombol LOGIN dan DAFTAR ditempatkan jelas agar pengguna dapat masuk ke halaman tujuan tanpa mencari link tambahan.</p> 1231 </div> 1232 <div class="bighoki-keyword-card"> 1233 <strong>BIGHOKI special</strong> 1234 <p>Nuansa situs dibuat lebih mewah dengan aksen emas, marun, dan hitam untuk memperkuat identitas pemain elite.</p> 1235 </div> 1236 </div> 1237 <h2>Artikel BIGHOKI: fasilitas special untuk pemain elite</h2> 1238 <p style="text-align: justify;">Sebagai situs game online BIGHOKI, halaman ini tidak hanya menampilkan banner promosi, tetapi juga menyusun informasi penting secara langsung. Pengguna dapat melihat identitas brand, memahami arah layanan, lalu memilih aksi yang dibutuhkan seperti login, daftar aku
1238n, atau menghubungi layanan bantuan.</p> 1239 <p style="text-align: justify;">Konsep pemain elite pada BIGHOKI ditunjukkan lewat rasa aman, kemudahan transaksi, layanan yang responsif, dan tampilan yang lebih rapi. Kombinasi ini membantu halaman terlihat profesional sekaligus tetap mudah digunakan di desktop maupun perangkat mobile.</p> 1240 <p class="bighoki-note" style="text-align: justify;">Gunakan layanan secara bertanggung jawab dan pastikan hanya mengakses link BIGHOKI dari halaman resmi yang tersedia di situs ini.</p> 1241 </section> 1242 1243 <section class="bighoki-faq" aria-label="FAQ BIGHOKI"> 1244 <h2>FAQ BIGHOKI</h2> 1245 <details open> 1246 <summary>Apa yang dimaksud BIGHOKI sebagai situs game online khusus pemain elite?</summary> 1247 <p>BIGHOKI adalah halaman akses game online dengan tampilan premium, tombol login yang jelas, dan informasi layanan yang dikemas untuk pengguna yang mencari pengalaman lebih eksklusif.</p> 1248 </details> 1249 <details> 1250 <summary>Mengapa BIGHOKI disebut special untuk pemain pilihan?</summary> 1251 <p>BIGHOKI mengusung konsep special melalui nuansa luxury, akses cepat, VIP treatment, layanan bantuan aktif, dan struktur halaman yang memudahkan pengguna masuk atau daftar.</p> 1252 </details> 1253 <details> 1254 <summary>
1254Bagaimana cara login atau daftar akun BIGHOKI?</summary> 1255 <p>Pengguna dapat memilih tombol LOGIN atau DAFTAR pada halaman ini, lalu mengikuti arahan pada halaman tujuan. Gunakan hanya link resmi yang tersedia di situs BIGHOKI.</p> 1256 </details> 1257 </section> 1258 </div> 1259 </section> 1260 </div> 1261 </article> 1262 </div> 1263 <div id="previewModal" class="modal modal--large" data-reveal> 1264 <a href="#" class="modal-close" aria-label="Close" role="button"> 1265 <span aria-hidden="true">×</span> 1266 </a> 1267 <div class="modal-content"></div> 1268 <div class="loadingOverlay"></div> 1269 </div> 1270 <div data-content-region="product_below_content"></div> 1271 <div class="related-product m-t-50"> 1272 <div class="section-title"> 1273 <h2 class="page-heading">Review pemain elite</h2> 1274 <p class="page-sub-heading">Member BIGHOKI</p> 1275 </div> 1276 <figure class="review-box"> 1277 <figcaption class="review-author"> 1278 <span class="review-stars" role="img" aria-label="Rating 5 dari 5">⭐⭐⭐⭐⭐</span> — Bagas Prasetyo, Surabaya 1279 </figcaption> 1280 <p class="review-text"> 1281 BIGHOKI terasa lebih premium sejak pertama dibuka. Tampilan luxury, tombol login jelas, dan akses menuju halaman utama cepat. Cocok untuk pemain yang mencari situs game online dengan nuansa elite. 1282 </p> 1283 </figure> 1284 1285 <figure class="review-box"> 1286 <figcaption class="review-author"> 1287 <span class="review-stars" role="img" aria-label="Rating 5 dari 5">⭐⭐⭐⭐⭐</span> — Reni Oktavia, Bandung 1288 </figcaption> 1289 <p class="review-text"> 1290 Yang paling saya suka dari BIGHOKI adalah kesan special-nya. Warna emas dan marun membuat halaman terlihat eksklusif, sementara proses daftar tetap mudah dipahami dari perangkat mobile. 1291 </p> 1292 </figure> 1293 1294 <figure class="review-box"> 1295 <figcaption class="review-author"> 1296 <span class="review-stars" role="img" aria-label="Rating 4 dari 5">⭐⭐⭐⭐</span> — Dimas Kurniawan, Semarang 1297 </figcaption> 1298 <p class="review-text"> 1299 Navigasi BIGHOKI mudah dibaca dan informasinya langsung mengarah ke kebutuhan utama: login, daftar, dan akses special. Untuk pemain baru, halaman ini terasa lebih rapi dibanding halaman game online yang terlalu ramai. 1300 </p> 1301 </figure> 1302 1303 <figure class="review-box"> 1304 <figcaption class="review-author"> 1305 <span class="review-stars" role="img" aria-label="Rating 5 dari 5">⭐⭐⭐⭐⭐</span> — Fitria Handayani, Medan 1306 </figcaption> 1307 <p class="review-text"> 1308 Konsep VIP treatment di BIGHOKI terlihat kuat. Banner, headline, dan informasi layanan membuat situs ini terasa cocok untuk pemain yang ingin pengalaman lebih eksklusif. 1309 </p> 1310 </figure> 1311 1312 <figure class="review-box"> 1313 <figcaption class="review-author"> 1314 <span class="review-stars" role="img" aria-label="Rating 5 dari 5">⭐⭐⭐⭐⭐</span> — Andri Saputra, Makassar 1315 </figcaption> 1316 <p class="review-text"> 1317 BIGHOKI login gampang, tampilannya mobile-friendly, dan tombol aksinya mudah ditemukan. Saya rekomendasikan untuk pengguna yang mencari situs game online BIGHOKI dengan akses cepat dan gaya premium. 1318 </p> 1319 </figure> 1320 <style>.review-box { 1321 background: linear-gradient(180deg, #F6F0FF 0%, #EDE3FF 100%); 1322 border-left: 4px solid #FFD700; 1323 border-radius: 8px; 1324 box-shadow: 0 4px 12px rgba(76, 29, 149, 0.15); 1325 padding: 16px 20px; 1326 margin: 20px 0; 1327 1328} 1329 1330.review-text { 1331 font-size: 16px; 1332 line-height: 1.6; 1333 font-style: italic; 1334 margin-bottom: 0; 1335} 1336 1337.review-author { 1338 margin-top: 0px; 1339 margin-bottom: 8px; 1340 font-weight: 600; 1341 font-size: 14px; 1342 color: #6D28D9; 1343} 1344 1345.review-stars { 1346 font-style: normal; 1347 letter-spacing: 1px; 1348 margin-right: 4px; 1349} 1350 1351 1352</style> 1353 <section class="productCarousel slick-not-apply-2" data-list-name="" data-slick="{ 1354 "dots": false, 1355 "infinite": false, 1356 "mobileFirst": true, 1357 "slidesToShow": 4, 1358 "slidesToScroll": 3, 1359 "responsive": [ 1360 { 1361 "breakpoint": 1440, 1362 "settings": { 1363 "slidesToScroll": 1, 1364 "slidesToShow": 4 1365 } 1366 }, 1367 { 1368 "breakpoint": 1279, 1369 "settings": { 1370 "slidesToScroll": 1, 1371 "slidesToShow": 4 1372 } 1373 }, 1374 { 1375 "breakpoint": 1023, 1376 "settings": { 1377 "slidesToScroll": 1, 1378 "slidesToShow": 3 1379 } 1380 }, 1381 { 1382 "breakpoint": 769, 1383 "settings": { 1384 "slidesToScroll": 2, 1385 "slidesToShow": 3, 1386 "dots": false, 1387 "arrows": false 1388 } 1389 }, 1390 { 1391 "breakpoint": 666, 1392 "settings": { 1393 "slidesToScroll": 2, 1394 "slidesToShow": 2.5, 1395 "draggable": true, 1396 "dots": false, 1397 "arrows": false, 1398 "autoplay": true, 1399 "autoplaySpeed": 4000 1400 } 1401 }, 1402 { 1403 "breakpoint": 567, 1404 "settings": { 1405 "slidesToScroll": 2, 1406 "slidesToShow": 2.5, 1407 "dots": false, 1408 "arrows": false 1409 } 1410 }, 1411 { 1412 "breakpoint": 479, 1413 "settings": { 1414 "slidesToScroll": 1, 1415 "slidesToShow": 1.5, 1416 "draggable": true, 1417 "dots": false, 1418 "arrows": false 1419 } 1420 }, 1421 { 1422 "breakpoint": 319, 1423 "settings": { 1424 "slidesToScroll": 1, 1425 "slidesToShow": 1.5, 1426 "draggable": true, 1427 "dots": false, 1428 "arrows": false 1429 } 1430 } 1431 ] 1432 }"> 1433 1434 </section> 1435 </div> 1436 </div> 1437 </div> 1438 1439 </div> 1440 <footer class="footer" role="contentinfo"> 1441 <div class="footer-info-inn"> 1442 <div class="container"> 1443 <section class="footer-info"> 1444 <article class="footer-info-col footer-info-col--small" data-section-type="footer-webPages"> 1445 <div class="footer-info--col-inn"> 1446 <h5 class="footer-info-heading footer-toggle-title">Quick Links 1447 <svg class="down"> 1448 <use></use> 1449 </svg> 1450 </h5> 1451 <div class="footer-toggle-content"> 1452 <ul class="footer-info-list"> 1453 <li> 1454 <a href="https://www.bighokipetir.com/">About</a> 1455 </li> 1456 <li> 1457 <a href="https://www.bighokipetir.com/">Videos</a> 1458 </li> 1459 <li> 1460 <a href="https://www.bighokipetir.com/">Store Policies</a> 1461 </li> 1462 <li> 1463 <a href="https://www.bighokipetir.com/">Contact Us</a> 1464 </li> 1465 </ul> 1466 </div> 1467 </div> 1468 </article> 1469 <article class="footer-info-col footer-info-col--small" data-section-type="footer-categories"> 1470 <div class="footer-info--col-inn"> 1471 <h5 class="footer-info-heading footer-toggle-title">Categories 1472 <svg class="down"> 1473 <use></use> 1474 </svg> 1475 </h5> 1476 <div class="footer-toggle-content"> 1477 <ul class="footer-info-list"> 1478 <li> 1479 <a href="https://www.bighokipetir.com/">All</a> 1480 </li> 1481 <li> 1482 <a href="https://www.bighokipetir.com/">Kits</a> 1483 </li> 1484 <li> 1485 <a href="https://www.bighokipetir.com/">Strips</a> 1486 </li> 1487 <li> 1488 <a href="https://www.bighokipetir.com/">Inks</a> 1489 </li> 1490 <li class="view-all"><a href="https://www.bighokipetir.com/">View All</a></li> 1491 </ul> 1492 </div> 1493 </div> 1494 </article> 1495 </section> 1496 <div class="footer-mid-section"> 1497 <article class="footer-info-col 1498 footer-info-col--social 1499 footer-info-col--left" data-section-type="footer-webPages"> 1500 <h5 class="footer-info-heading">Connect With Us</h5> 1501 </article> 1502 <article class="footer-info-col footer-info-newsletter" data-section-type="newsletterSubscription"> 1503 <div class="footer-info-newsletter-inn"> 1504 <h5 class="footer-info-heading">Sign Up for our Newsletter</h5> 1505 <p> </p> 1506 <form class="form" action="https://www.bighokipetir.com/" method="post" data-error-message="Please enter correct email"> 1507 <fieldset class="form-fieldset"> 1508 <input type="hidden" name="action" value="subscribe"> 1509 <input type="hidden" name="nl_first_name" value="bc"> 1510 <input type="hidden" name="check" value="1"> 1511 <div class="form-field1 form-field-custom"> 1512 <label class="form-label is-srOnly" for="nl_email">Email Address</label> 1513 <div class="form-prefixPostfix wrap subscribeFormContent"> 1514 <input class="form-input" id="nl_email" name="nl_email" type="email" value="" placeholder="Join our Newsletter..."> 1515 <input class="button button--primary form-prefixPostfix-button--postfix" type="submit" value="submit"> 1516 </div> 1517 </div> 1518 </fieldset> 1519 </form> 1520 </div> 1521 </article> 1522 <article class="footer-info-col footer-info-col--payment"> 1523 <div class="payment"> 1524 <h5 class="footer-info-heading">Payment Method</h5> 1525 <div class="footer-payment-icons"> 1526 1527 <svg class="footer-payment-icon" viewB
1527ox="0 0 48 32" role="img" aria-label="Visa" focusable="false"> 1528 <title>Visa</title> 1529 <rect width="48" height="32" rx="4" fill="#fff" /> 1530 <text x="24" y="21.5" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="13" font-weight="700" font-style="italic" letter-spacing="0.6" fill="#1A1F71">VISA</text> 1531 </svg> 1532 1533 <svg class="footer-payment-icon" viewBox="0 0 48 32" role="img" aria-label="Mastercard" focusable="false"> 1534 <title>Mastercard</title> 1535 <rect width="48" height="32" rx="4" fill="#fff" /> 1536 <circle cx="19" cy="16" r="9" fill="#EB001B" /> 1537 <circle cx="29" cy="16" r="9" fill="#F79E1B" /> 1538 <path d="M24 8.79a8.99 8.99 0 0 0 0 14.42 8.99 8.99 0 0 0 0-14.42Z" fill="#FF5F00" /> 1539 </svg> 1540 1541 <svg class="footer-payment-icon" viewBox="0 0 48 32" role="img" aria-label="PayPal" focusable="false"> 1542 <title>PayPal</title> 1543 <rect width="48" height="32" rx="4" fill="#fff" /> 1544 <text x="24" y="20.5" text-anchor="end" font-family="Arial, Helvetica, sans-serif" font-size="11" font-weight="700" font-style="italic" fill="#003087">Pay</text> 1545 <text x="24" y="20.5" text-anchor="start" font-family="Arial, Helvetica, sans-serif" font-size="11" font-weight="700" font-style="italic" fill="#009CDE">Pal</text> 1546 </svg> 1547 1548 </div> 1549 1550 </div> 1551 </article> 1552 </div> 1553 </div> 1554 </div> 1555 <div class="footer-bar"> 1556 <div class="container"> 1557 <div class="footer-bar-inn"> 1558 <div class="footer-copyright"> 1559 <p class="powered-by"> 1560 <span>© 2026</span> 1561 <span class="theme-color">bighoki</span> <span class="line">|</span> 1562 <a class="site-map" href="https://www.bighokipetir.com/">SEO DUY</a> 1563 </p> 1564 </div> 1565 </div> 1566 </div> 1567 </div> 1568 </footer> 1569
1569<script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/";</script>
1569 1570
1570<script src="s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/dist/theme-bundle.main.js"></script>
1570 1571
1571<script> 1572 window.stencilBootstrap("product", "{\"themeSettings\":{\"optimizedCheckout-formChecklist-color\":\"#333333\",\"homepage_new_products_column_count\":4,\"card--alternate-color--hover\":\"#ffffff\",\"optimizedCheckout-colorFocus\":\"#4496f6\",\"fontSize-root\":14,\"show_accept_amex\":false,\"optimizedCheckout-buttonPrimary-borderColorDisabled\":\"transparent\",\"homepage_top_products_count\":12,\"paymentbuttons-paypal-size\":\"responsive\",\"optimizedCheckout-buttonPrimary-backgroundColorActive\":\"#000000\",\"brandpage_products_per_page\":12,\"color-secondaryDarker\":\"#cccccc\",\"navUser-color\":\"#f6f6f6\",\"color-textBase--active\":\"#888888\",\"footer-time\":\"\",\"social_icon_placement_bottom\":\"bottom_left\",\"show_powered_by\":false,\"show_accept_amazonpay\":true,\"UspTextSecond\":\"\",\"home-promotional-banner\":true,\"fontSize-h4\":20,\"checkRadio-borderColor\":\"#dfdfdf\",\"category-menu-name\":\"Shop\",\"color-primaryDarker\":\"#333333\",\"optimizedCheckout-buttonPrimary-colorHover\":\"#ffffff\",\"brand_size\":\"271x271\",\"optimizedCheckout-logo-position\":\"left\",\"UspImageFirst\":\"\",\"optimizedCheckout-discountBanner-backgroundColor\":\"#e5e5e5\",\"color-textLink--hover\":\"#888888\",\"UspImageThird\":\"\",\"pdp-sale-price-label\":\"Now:\",\"optimizedCheckout-buttonSecondary-backgroundColorHover\":\"#f5f5f5\",\"optimizedCheckout-headingPrimary-font\":\"Google_Rubik_400\",\"logo_size\":\"375x150\",\"UspTitleFirst\":\"\",\"UspTextFour\":\"\",\"optimizedCheckout-formField-backgroundColor\":\"#ffffff\",\"footer-backgroundColor\":\"#6D28D9\",\"navPages-color\":\"#f6f6f6\",\"bannerlinkfirst\":\"\",\"productpage_reviews_count\":9,\"optimizedCheckout-step-borderColor\":\"#dddddd\",\"show_accept_paypal\":true,\"paymentbuttons-paypal-label\":\"checkout\",\"CustomerViewSubTitle\":\"Popular Trending Products\",\"paymentbuttons-paypal-shape\":\"pill\",\"optimizedCheckout-discountBanner-textColor\":\"#333333\",\"optimizedCheckout-backgroundImage-size\":\"1000x400\",\"pdp-retail-price-label\":\"MSRP:\",\"optimizedCheckout-buttonPrimary-font\":\"Google_Rubik_400\",\"carousel-dot-color\":\"#ffffff\",\"button--disabled-backgroundColor\":\"#cccccc\",\"blockquote-cite-font-color\":\"#999999\",\"optimizedCheckout-formField-shadowColor\":\"#e5e5e5\",\"categorypage_products_per_page\":12,\"container-fill-base\":\"#ffffff\",\"paymentbuttons-paypal-layout\":\"vertical\",\"homepage_featured_products_column_count\":4,\"button--default-color\":\"#2E1065\",\"UspTitleSecond\":\"\",\"pace-progress-backgroundColor\":\"#999999\",\"color-textLink--active\":\"#888888\",\"optimizedCheckout-loadingToaster-backgroundColor\":\"#333333\",\"color-textHeading\":\"#2E1065\",\"show_accept_discover\":false,\"optimizedCheckout-formField-errorColor\":\"#d14343\",\"spinner-borderColor-dark\":\"#999999\",\"restrict_to_login\":false,\"input-font-color\":\"#666666\",\"select-bg-color\":\"#ffffff\",\"RelatedSubTitle\":\"Popular Trending Products\",\"UspTitleFour\":\"\",\"show_accept_mastercard\":true,\"color_text_product_sale_badges\":\"#ffffff\",\"optimizedCheckout-link-font\":\"Google_Rubik_400\",\"homepage_show_carousel_arrows\":true,\"carousel-arrow-bgColor\":\"#ffffff\",\"lazyload_mode\":\"lazyload+lqip\",\"carousel-title-color\":\"#ffffff\",\"color_hover_product_sale_badges\":\"#000000\",\"show_accept_googlepay\":true,\"homepage_new_products_count\":12,\"button--disabled-color\":\"#ffffff\",\"color-primaryDark\":\"#666666\",\"color-grey\":\"#999999\",\"body-font\":\"Google_Rubik_400,400i,300,300i,500,500i,700.700i,900,900i\",\"optimizedCheckout-step-textColor\":\"#ffffff\",\"selected-icon3\":\"SelectOne\",\"card--alternate-borderColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-borderColorActive\":\"transparent\",\"navPages-subMenu-backgroundColor\":\"#e5e5e5\",\"button--primary-backgroundColor\":\"#2E1065\",\"optimizedCheckout-formField-borderColor\":\"#cccccc\",\"footer-email\":\"\",\"checkRadio-color\":\"#2E1065\",\"show_product_dimensions\":false,\"optimizedCheckout-link-color\":\"#476bef\",\"card-figcaption-button-background\":\"#2E1065\",\"icon-color-hover\":\"#888888\",\"button--default-borderColor\":\"#2E1065\",\"optimizedCheckout-headingSecondary-font\":\"Google_Rubik_400\",\"headings-font\":\"Google_Rubik_500\",\"label-backgroundColor\":\"#cccccc\",\"button--primary-backgroundColorHover\":\"#ffffff\",\"BlogSubTitle\":\"Discover our Style\",\"pdp-non-sale-price-label\":\"MSRP:\",\"button--disabled-borderColor\":\"transparent\",\"label-color\":\"#ffffff\",\"optimizedCheckout-headingSecondary-color\":\"#333333\",\"select-arrow-color\":\"#888888\",\"footer-logo\":\"\",\"logo_fontSize\":28,\"alert-backgroundColor\":\"#ffffff\",\"optimizedCheckout-logo-size\":\"250x100\",\"default_image_brand\":\"/img/noImage.jpg\",\"card-title-color\":\"#2E1065\",\"body-second-font\":\"Google_Roboto_400,500,600,700,800,900\",\"product_list_display_mode\":\"grid\",\"fontSize-h5\":15,\"optimizedCheckout-link-hoverColor\":\"#002fe1\",\"NewSubTitle\":\"\",\"product_size\":\"558x558\",\"paymentbuttons-paypal-color\":\"gold\",\"homepage_show_carousel\":false,\"optimizedCheckout-body-backgroundColor\":\"#ffffff\",\"carousel-arrow-borderColor\":\"#ffffff\",\"button--default-borderColorActive\":\"#2E1065\",\"header-backgroundColor\":\"#6D28D9\",\"paymentbuttons-paypal-tagline\":false,\"color-greyDarkest\":\"#000000\",\"color_badge_product_sale_badges\":\"#61ca70\",\"price_ranges\":true,\"productpage_videos_count\":8,\"color-greyDark\":\"#666666\",\"optimizedCheckout-buttonSecondary-borderColorHover\":\"#999999\",\"optimizedCheckout-discountBanner
1572-iconColor\":\"#333333\",\"optimizedCheckout-buttonSecondary-borderColor\":\"#cccccc\",\"optimizedCheckout-loadingToaster-textColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-colorDisabled\":\"#ffffff\",\"optimizedCheckout-formField-placeholderColor\":\"#999999\",\"navUser-color-hover\":\"#ffffff\",\"icon-ratingFull\":\"#2E1065\",\"default_image_gift_certificate\":\"/img/GiftCertificate.png\",\"color-textBase--hover\":\"#888888\",\"color-errorLight\":\"#ffdddd\",\"UspTextThird\":\"\",\"social_icon_placement_top\":false,\"blog_size\":\"400x400\",\"UspImageFour\":\"\",\"bannerlinkthird\":\"\",\"shop_by_price_visibility\":false,\"optimizedCheckout-buttonSecondary-colorActive\":\"#000000\",\"color-warningLight\":\"#fffdea\",\"show_product_weight\":true,\"show_instaram\":false,\"optimizedCheckout-orderSummary-backgroundColor\":\"#ffffff\",\"button--default-colorActive\":\"#ffffff\",\"color-info\":\"#666666\",\"UspImageSecond\":\"\",\"FeaturedSubTitle\":\"Popular Trending Products\",\"optimizedCheckout-formChecklist-backgroundColorSelected\":\"#f5f5f5\",\"footer-font-color\":\"#FFFFFF\",\"show_product_quick_view\":true,\"button--default-borderColorHover\":\"#2E1065\",\"card--alternate-backgroundColor\":\"#ffffff\",\"hide_content_navigation\":false,\"pdp-price-label\":\"\",\"show_copyright_footer\":true,\"swatch_option_size\":\"34x34\",\"optimizedCheckout-orderSummary-borderColor\":\"#dddddd\",\"optimizedCheckout-show-logo\":\"none\",\"carousel-description-color\":\"#ffffff\",\"selected-icon2\":\"SelectOne\",\"stencil-primary-color\":\"#6D28D9\",\"optimizedCheckout-formChecklist-backgroundColor\":\"#ffffff\",\"fontSize-h2\":25,\"optimizedCheckout-step-backgroundColor\":\"#757575\",\"optimizedCheckout-headingPrimary-color\":\"#333333\",\"subcategory\":true,\"color-textBase\":\"#333333\",\"color-warning\":\"#f1a500\",\"instagramKey\":\"\",\"selected-icon4\":\"SelectOne\",\"productgallery_size\":\"338x338\",\"alert-color\":\"#333333\",\"shop_by_brand_show_footer\":false,\"card-figcaption-button-color\":\"#ffffff\",\"searchpage_products_per_page\":12,\"color-textSecondary--active\":\"#888888\",\"bannerlinkfour\":\"\",\"optimizedCheckout-formField-inputControlColor\":\"#476bef\",\"optimizedCheckout-contentPrimary-color\":\"#333333\",\"optimizedCheckout-buttonSecondary-font\":\"Google_Karla_400\",\"storeName-color\":\"#130d0d\",\"optimizedCheckout-backgroundImage\":\"\",\"form-label-font-color\":\"#666666\",\"color-greyLightest\":\"#e5e5e5\",\"optimizedCheckout-header-backgroundColor\":\"#2E1065\",\"productpage_related_products_count\":10,\"optimizedCheckout-buttonSecondary-backgroundColorActive\":\"#e5e5e5\",\"color-textLink\":\"#333333\",\"color-greyLighter\":\"#cccccc\",\"color-secondaryDark\":\"#e5e5e5\",\"fontSize-h6\":13,\"paymentbuttons-paypal-fundingicons\":false,\"carousel-arrow-color\":\"#2E1065\",\"productpage_similar_by_views_count\":10,\"TopSubTitle\":\"Popular Trending Products\",\"instagramtitle\":\"\",\"loadingOverlay-backgroundColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-color\":\"#ffffff\",\"input-bg-color\":\"#ffffff\",\"navPages-subMenu-separatorColor\":\"#cccccc\",\"navPages-color-hover\":\"#ffffff\",\"color-infoLight\":\"#dfdfdf\",\"selected-icon1\":\"SelectOne\",\"product_sale_badges\":\"topleft\",\"default_image_product\":\"/img/noImage.jpg\",\"navUser-dropdown-borderColor\":\"#dfdfdf\",\"optimizedCheckout-buttonPrimary-colorActive\":\"#ffffff\",\"color-greyMedium\":\"#888888\",\"footer-info-heading-color\":\"#FFFFFF\",\"optimizedCheckout-formChecklist-borderColor\":\"#cccccc\",\"fontSize-h1\":28,\"homepage_featured_products_count\":12,\"color-greyLight\":\"#999999\",\"optimizedCheckout-logo\":\"\",\"icon-ratingEmpty\":\"#c8c8c8\",\"show_product_details_tabs\":true,\"icon-color\":\"#8e8e8e\",\"overlay-backgroundColor\":\"#333333\",\"input-border-color-active\":\"#999999\",\"hide_contact_us_page_heading\":false,\"container-fill-dark\":\"#f4f4f4\",\"button--primary-color\":\"#ffffff\",\"footer-font-hover-color\":\"#FFFFFF\",\"optimizedCheckout-buttonPrimary-borderColorHover\":\"transparent\",\"show_usp\":0,\"color-successLight\":\"#d5ffd8\",\"UspTextFirst\":\"\",\"bannerimagesecond\":\"\",\"optimizedCheckout-buttonPrimary-backgroundColorDisabled\":\"#cccccc\",\"color-greyDarker\":\"#333333\",\"show_product_quantity_box\":true,\"color-success\":\"#008a06\",\"optimizedCheckout-header-borderColor\":\"#dddddd\",\"zoom_size\":\"1280x1280\",\"color-white\":\"#ffffff\",\"productview_thumb_size\":\"90x90\",\"fontSize-h3\":22,\"spinner-borderColor-light\":\"#ffffff\",\"geotrust_ssl_common_name\":\"\",\"EnableProductCompare\":true,\"optimizedCheckout-buttonSecondary-backgroundColor\":\"#ffffff\",\"bannerimagefour\":\"\",\"carousel-bgColor\":\"#ffffff\",\"carousel-dot-color-active\":\"#2E1065\",\"input-border-color\":\"#dfdfdf\",\"optimizedCheckout-buttonPrimary-backgroundColor\":\"#333333\",\"color-secondary\":\"#ffffff\",\"button--primary-backgroundColorActive\":\"#ffffff\",\"color-textSecondary--hover\":\"#888888\",\"color-whitesBase\":\"#e5e5e5\",\"body-bg\":\"#ffffff\",\"dropdown--quickSearch-backgroundColor\":\"#ffffff\",\"optimizedCheckout-contentSecondary-font\":\"Google_Rubik_400\",\"navUser-dropdown-backgroundColor\":\"#ffffff\",\"color-primary\":\"#888888\",\"optimizedCheckout-contentPrimary-font\":\"Google_Rubik_400\",\"supported_card_type_icons\":[\"american_express\",\"diners\",\"discover\",\"mastercard\",\"visa\"],\"bannerimagefirst\":\"\",\"navigation_design\":\"simple\",\"optimizedCheckout-formField-textColor\":\"#333333\",\"color-black\":\"#ffffff\",\"homepage_top_products_column_count\":4,\"bannerimagethird\":\"\",\"hide_page_heading\":false,\"optimizedCheckout-buttonSecondary-colorHover\":\"#333333\",\"hide_breadcrumbs\":false,\"headernavigation\":\"navboth\",\"button--primary-colorActive\":\"#2E1065\",\"homepage_stretch_carousel_images\":false,\"optimizedCheckout-contentSecondary-color\":\"#757575\",\"card-title-color-hover\":\"#888888\",\"applePay-button\":\"black\",\"thumb_size\":\"100x100\",\"optimizedCheckout-buttonPrimary-borderColor\":\"#cccccc\",\"navUser-indicator-backgroundColor\":\"#ffffff\",\"optimizedCheckout-buttonSecondary-borderColorActive\":\"#757575\",\"hide_blog_page_heading\":false,\"body-third-font\":\"Google_Caveat_400,700\",\"optimizedCheckout-header-textColor\":\"#333333\",\"hide_category_page_heading\":false,\"optimizedCheckout-show-backgroundImage\":false,\"bannerlinksecond\":\"\",\"color-primaryLight\":\"#999999\",\"UspTitleThird\":\"\",\"show_accept_visa\":true,\"logo-position\":\"center\",\"show_product_reviews_tabs\":true,\"carousel-dot-bgColor\":\"#ffffff\",\"optimizedCheckout-form-textColor\":\"#666666\",\"optimizedCheckout-buttonSecondary-color\":\"#333333\",\"geotrust_ssl_seal_size\":\"M\",\"button--icon-svg-color\":\"#666666\",\"alert-color-alt\":\"#ffffff\",\"sticky-header\":true,\"button--default-colorHover\":\"#ffffff\",\"checkRadio-backgroundColor\":\"#ffffff\",\"optimizedCheckout-buttonPrimary-backgroundColorHover\":\"#666666\",\"input-disabled-bg\":\"#ffffff\",\"dropdown--wishList-backgroundColor\":\"#ffffff\",\"container-border-global-color-base\":\"#dfdfdf\",\"productthumb_size\":\"100x100\",\"button--primary-colorHover\":\"#2E1065\",\"color-error\":\"#cc4749\",\"homepage_blog_posts_count\":3,\"color-textSecondary\":\"#333333\",\"gallery_size\":\"300x300\",\"show_powered_by_bigcommerce\":false},\"genericError\":\"Oops! Something went wrong.\",\"maintenanceMode\":[],\"urls\":{\"home\":\"https://www.heartnsoulboutique.com/\",\"account\":{\"index\":\"account.html\",\"orders\":{\"all\":\"account_action-order_status.html\",\"completed\":\"/\",\"save_new_return\":\"/\"},\"update_action\":\"/\",\"returns\":\"/\",\"addresses\":\"/\",\"inbox\":\"/\",\"send_message\"
1572:\"/\",\"add_address\":\"/\",\"wishlists\":{\"all\":\"wishlist.html\",\"add\":\"/\",\"edit\":\"/\",\"delete\":\"/\"},\"details\":\"/\",\"recent_items\":\"/\"},\"brands\":\"https://www.heartnsoulboutique.com/brands/\",\"gift_certificate\":{\"purchase\":\"giftcertificates.html\",\"redeem\":\"giftcertificates_action-redeem.html\",\"balance\":\"giftcertificates_action-balance.html\"},\"auth\":{\"login\":\"login.html\",\"check_login\":\"/\",\"create_account\":\"login_action-create_account.html\",\"save_new_account\":\"/\",\"forgot_password\":\"login_action-reset_password.html\",\"send_password_email\":\"/\",\"save_new_password\":\"/\",\"logout\":\"/\"},\"product\":{\"post_review\":\"/\"},\"cart\":\"cart.html\",\"checkout\":{\"single_address\":\"/checkout\",\"multiple_address\":\"/\"},\"rss\":{\"products\":{\"new\":\"/\",\"new_atom\":\"/\",\"popular\":\"/\",\"popular_atom\":\"/\",\"featured\":\"/\",\"featured_atom\":\"/\",\"search\":\"/\",\"search_atom\":\"/\"},\"blog\":\"/\",\"blog_atom\":\"/\"},\"contact_us_submit\":\"/\",\"search\":\"search.html\",\"compare\":\"/compare\",\"sitemap\":\"sitemap.html\",\"subscribe\":{\"action\":\"/\"}},\"secureBaseUrl\":\"https://www.heartnsoulboutique.com\",\"cartId\":null,\"template\":\"pages/product\",\"compareRequireMessage\":\"At least 2 products are needed to make a valid comparison.\",\"NoItemToCompare\":\"There is no item to compare. Please select at least 2 products.\",\"CompareSuccessMessage\":\"Item Successfully added to comparison list.\",\"CompareAlreadyAdded\":\"Item already added for comparison.\",\"CompareLimitMessage\":\"You can't compare more than 4 items at a time. Please remove some items from your list.\",\"CompareNotFunction\":\"Product comparision is not functioning.\",\"CompareRemoveMessage\":\"Item Successfully removed from comparison list.\",\"reviewRating\":\"The 'Rating' field cannot be blank.\",\"reviewSubject\":\"The 'Review Subject' field cannot be blank.\",\"reviewComment\":\"The 'Comments' field cannot be blank.\",\"reviewEmail\":\"Please use a valid email address, such as [email protected].\"}").load(); 1573 </script>
1573 1574
1574<script type="text/javascript" src="shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
1574 1575
1575<script type="text/javascript" id="soundest-launcher" src="https://omnisrc.com/inshop/bigcommerce-launcher.js?v=2026-02-07T00"></script>
1575 1576 <div id="soundest-container"></div> 1577
1577<script type="text/javascript"> 1578 // SOUNDEST-V6-2-S 1579 // Do not remove these comments, they are super important! 1580 window.SOUNDEST = window.SOUNDEST || {}; 1581 SOUNDEST.shopID = "ueup7uo30q"; 1582 SOUNDEST.shopType = "bigcommerce"; 1583 SOUNDEST.baseURL = "https://omnisrc.com/"; 1584 SOUNDEST.version = new Date().toISOString().slice(0, 13); 1585 SOUNDEST.pageType = "product"; 1586 SOUNDEST.productTitle = "Ink Kit"; 1587 SOUNDEST.productID = "133"; 1588 SOUNDEST.categoryTitle = ""; 1589 SOUNDEST.categoryID = ""; 1590 (function (e, t) { try { if (e.length > 0 && t.length > 0) { var n = document.createElement("script"), c = document.getElementById("soundest-container"); n.type = "text/javascript"; n.id = "soundest-launcher"; n.src = e + "inshop/bigcommerce-launcher.js?v=" + t; c.parentNode.insertBefore(n, c) } } catch (f) { } })(SOUNDEST.baseURL, SOUNDEST.version); 1591 </script>
1591 1592 <style> 1593 @media (min-width: 801px) { 1594 .header-logo { 1595 margin: 1rem auto; 1596 padding: 0; 1597 } 1598 } 1599 </style> 1600
1600<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"89303d75f4e44f168e5b1be4d8a72776","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
1600 1601 1602 <style> 1603 @charset "UTF-8"; 1604meta.foundation-version { 1605 font-family: "/5.5.3/" 1606} 1607 1608meta.foundation-mq-small { 1609 font-family: "/only screen/"; 1610 width: 0 1611} 1612 1613meta.foundation-mq-small-only { 1614 font-family: "/only screen and (max-width: 551px)/"; 1615 width: 0 1616} 1617 1618meta.foundation-mq-medium { 1619 font-family: "/only screen and (min-width:551px)/"; 1620 width: 551px 1621} 1622 1623meta.foundation-mq-medium-only { 1624 font-family: "/only screen and (min-width:551px) and (max-width:801px)/"; 1625 width: 551px 1626} 1627 1628meta.foundation-mq-large { 1629 font-family: "/only screen and (min-width:801px)/"; 1630 width: 801px 1631} 1632 1633meta.foundation-mq-large-only { 1634 font-family: "/only screen and (min-width:801px) and (max-width:1261px)/"; 1635 width: 801px 1636} 1637 1638meta.foundation-mq-xlarge { 1639 font-family: "/only screen and (min-width:1261px)/"; 1640 width: 1261px 1641} 1642 1643meta.foundation-mq-xlarge-only { 1644 font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/"; 1645 width: 1261px 1646} 1647 1648meta.foundation-mq-xxlarge { 1649 font-family: "/only screen and (min-width:1681px)/"; 1650 width: 1681px 1651} 1652 1653meta.foundation-data-attribute-namespace { 1654 font-family: false 1655} 1656 1657.u-block { 1658 display: block !important 1659} 1660 1661.u-inlineBlock { 1662 display: inline-block !important; 1663 max-width: 100% !important 1664} 1665 1666.u-hidden { 1667 display: none !important 1668} 1669 1670.u-hiddenVisually { 1671 border: 0 !important; 1672 clip: rect(1px, 1px, 1px, 1px) !important; 1673 height: 1px !important; 1674 overflow: hidden !important; 1675 padding: 0 !important; 1676 position: absolute !important; 1677 width: 1px !important 1678} 1679 1680.is-srOnly { 1681 border: 0 !important; 1682 clip: rect(1px, 1px, 1px, 1px) !important; 1683 height: 1px !important; 1684 overflow: hidden !important; 1685 padding: 0 !important; 1686 position: absolute !important; 1687 width: 1px !important 1688} 1689 1690.u-textAlignCenter { 1691 text-align: center !important 1692} 1693 1694.u-textAlignLeft { 1695 text-align: left !important 1696} 1697 1698.u-textAlignRight { 1699 text-align: right !important 1700} 1701 1702.u-textBreak { 1703 word-wrap: break-word !important 1704} 1705 1706.u-textInheritColor { 1707 color: inherit !important 1708} 1709 1710.u-textKern { 1711 text-rendering: optimizeLegibility !important; 1712 font-feature-settings: "kern" 1 !important; 1713 font-kerning: normal !important 1714} 1715 1716.u-textLead { 1717 line-height: 1.6 !important; 1718 font-size: 1.1em !important 1719} 1720 1721.u-textNoWrap { 1722 white-space: nowrap !important 1723} 1724 1725.u-textTruncate { 1726 max-width: 100% !important; 1727 overflow: hidden !important; 1728 text-overflow: ellipsis !important; 1729 white-space: nowrap !important; 1730 word-wrap: normal !important 1731} 1732 1733.u-fontSmoothing { 1734 -moz-osx-font-smoothing: grayscale !important; 1735 -webkit-font-smoothing: antialiased !important 1736} 1737 1738/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 1739 1740html { 1741 font-family: sans-serif; 1742 -ms-text-size-adjust: 100%; 1743 -webkit-text-size-adjust: 100% 1744} 1745 1746body { 1747 margin: 0 1748} 1749 1750article, 1751aside, 1752details, 1753figcaption, 1754figure, 1755footer, 1756header, 1757hgroup, 1758main, 1759menu, 1760nav, 1761section, 1762summary { 1763 display: block 1764} 1765 1766audio, 1767canvas, 1768progress, 1769video { 1770 display: inline-block; 1771 vertical-align: baseline 1772} 1773 1774audio:not([controls]) { 1775 display: none; 1776 height: 0 1777} 1778 1779[hidden], 1780template { 1781 display: none 1782} 1783 1784a { 1785 background-color: transparent 1786} 1787 1788a:active, 1789a:hover { 1790 outline: 0 1791} 1792 1793abbr[title] { 1794 border-bottom: 1px dotted 1795} 1796 1797b, 1798strong { 1799 font-weight: 700 1800} 1801 1802dfn { 1803 font-style: italic 1804} 1805 1806h1 { 1807 font-size: 2em; 1808 margin: .67em 0 1809} 1810 1811mark { 1812 background: #ff0; 1813 color: #000 1814} 1815 1816small { 1817 font-size: 80% 1818} 1819 1820sub, 1821sup { 1822 font-size: 75%; 1823 line-height: 0; 1824 position: relative; 1825 vertical-align: baseline 1826} 1827 1828sup { 1829 top: -.5em 1830} 1831 1832sub { 1833 bottom: -.25em 1834} 1835 1836img { 1837 border: 0 1838} 1839 1840svg:not(:root) { 1841 overflow: hidden 1842} 1843 1844figure { 1845 margin: 1em 40px 1846} 1847 1848hr { 1849 box-sizing: content-box; 1850 height: 0 1851} 1852 1853pre { 1854 overflow: auto 1855} 1856 1857code, 1858kbd, 1859pre, 1860samp { 1861 font-family: monospace, monospace; 1862 font-size: 1em 1863} 1864 1865button, 1866input, 1867optgroup, 1868select, 1869textarea { 1870 color: inherit; 1871 font: inherit; 1872 margin: 0 1873} 1874 1875button { 1876 overflow: visible 1877} 1878 1879button, 1880select { 1881 text-transform: none 1882} 1883 1884button, 1885html input[type=button], 1886input[type=reset], 1887input[type=submit] { 1888 -webkit-appearance: button; 1889 cursor: pointer 1890} 1891 1892button[disabled], 1893html input[disabled] { 1894 cursor: default 1895} 1896 1897button::-moz-focus-inner, 1898input::-moz-focus-inner { 1899 border: 0; 1900 padding: 0 1901} 1902 1903input { 1904 line-height: normal 1905} 1906 1907input[type=checkbox], 1908input[type=radio] { 1909 box-sizing: border-box; 1910 padding: 0 1911} 1912 1913input[type=number]::-webkit-inner-spin-button, 1914input[type=number]::-webkit-outer-spin-button { 1915 height: auto 1916} 1917 1918input[type=search] { 1919 -webkit-appearance: textfield; 1920 box-sizing: content-box 1921} 1922 1923input[type=search]::-webkit-search-cancel-button, 1924input[type=search]::-webkit-search-decoration { 1925 -webkit-appearance: none 1926} 1927 1928fieldset { 1929 border: 1px solid silver; 1930 margin: 0 2px; 1931 padding: .35em .625em .75em 1932} 1933 1934legend { 1935 border: 0; 1936 padding: 0 1937} 1938 1939textarea { 1940 overflow: auto 1941} 1942 1943optgroup { 1944 font-weight: 700 1945} 1946 1947table { 1948 border-collapse: collapse; 1949 border-spacing: 0 1950} 1951 1952td, 1953th { 1954 padding: 0 1955} 1956 1957*, 1958:after, 1959:before { 1960 box-sizing: border-box 1961} 1962 1963body, 1964html { 1965 height: 100% 1966}
1966 1967 1968body { 1969 background: #b5f1ec; 1970 color: #333; 1971 cursor: auto; 1972 margin: 0; 1973 padding: 0; 1974 position: relative 1975} 1976 1977body { 1978 -moz-osx-font-smoothing: grayscale; 1979 -webkit-font-smoothing: antialiased 1980} 1981 1982a:hover { 1983 cursor: pointer 1984} 1985 1986figure { 1987 margin: 0 0 1.5rem 1988} 1989 1990img { 1991 display: inline-block; 1992 height: auto; 1993 max-width: 100%; 1994 vertical-align: middle 1995} 1996 1997img { 1998 -ms-interpolation-mode: bicubic 1999} 2000 2001button { 2002 background: 0 0; 2003 border: 0 2004} 2005 2006button:active, 2007button:focus { 2008 box-shadow: none; 2009 outline: 0 2010} 2011 2012textarea { 2013 height: auto; 2014 min-height: 50px 2015} 2016 2017select { 2018 width: 100% 2019} 2020 2021blockquote, 2022dd, 2023div, 2024dl, 2025dt, 2026form, 2027h1, 2028h2, 2029h3, 2030h4, 2031h5, 2032h6, 2033li, 2034ol, 2035p, 2036pre, 2037td, 2038th, 2039ul { 2040 margin: 0; 2041 padding: 0 2042} 2043 2044html { 2045 font-size: 14px 2046} 2047 2048@media (min-width:551px) { 2049 html { 2050 font-size: 14px 2051 } 2052} 2053 2054@media (min-width:801px) { 2055 html { 2056 font-size: 14px 2057 } 2058} 2059 2060@media (min-width:1261px) { 2061 html { 2062 font-size: 14px 2063 } 2064} 2065 2066body { 2067 font-family: Rubik, Arial, Helvetica, sans-serif; 2068 font-weight: 400; 2069 line-height: 1.5 2070} 2071 2072a { 2073 color: #333; 2074 line-height: inherit; 2075 text-decoration: underline 2076} 2077 2078a:focus, 2079a:hover { 2080 color: #888 2081} 2082 2083p { 2084 margin-bottom: 1.5rem 2085} 2086 2087h1, 2088h2, 2089h3, 2090h4, 2091h5, 2092h6 { 2093 color: #2E1065; 2094 font-family: Rubik, Arial, Helvetica, sans-serif; 2095 font-weight: 500; 2096 letter-spacing: .25px; 2097 margin-bottom: .78571rem 2098} 2099 2100h1 small, 2101h2 small, 2102h3 small, 2103h4 small, 2104h5 small, 2105h6 small { 2106 color: #333; 2107 font-size: 60%; 2108 line-height: 0 2109} 2110 2111h1 { 2112 font-size: 28px 2113} 2114 2115h2 { 2116 font-size: 25px 2117} 2118 2119h3 { 2120 font-size: 22px 2121} 2122 2123h4 { 2124 font-size: 20px 2125} 2126 2127h5 { 2128 font-size: 15px 2129} 2130 2131h6 { 2132 font-size: 13px 2133} 2134 2135.subheader { 2136 font-weight: 400; 2137 line-height: 24px; 2138 margin-bottom: .78571rem 2139} 2140 2141hr { 2142 border: solid #dfdfdf; 2143 border-width: 1px 0 0; 2144 clear: both; 2145 height: 0; 2146 margin: 2rem 0 1.92857rem 2147} 2148 2149em, 2150i { 2151 font-style: italic; 2152 line-height: inherit 2153} 2154 2155b, 2156strong { 2157 font-weight: 700; 2158 line-height: inherit 2159} 2160 2161small { 2162 font-size: 60%; 2163 line-height: inherit 2164} 2165 2166dl, 2167ol, 2168ul { 2169 list-style-position: outside; 2170 margin-bottom: 1.5rem 2171} 2172 2173ol ol, 2174ol ul, 2175ul ol, 2176ul ul { 2177 margin-left: 1.2rem; 2178 margin-bottom: 0 2179} 2180 2181ul { 2182 margin-left: 1.15rem 2183} 2184 2185ol { 2186 margin-left: 1.15rem 2187} 2188 2189dl dt { 2190 font-weight: 700; 2191 margin-bottom: .35714rem 2192} 2193 2194dl dd { 2195 margin-bottom: 1.5rem 2196} 2197 2198abbr, 2199acronym { 2200 border-bottom: 1px dotted #ccc; 2201 color: #333; 2202 cursor: help; 2203 font-size: 90%; 2204 text-transform: uppercase 2205} 2206 2207abbr { 2208 text-transform: none 2209} 2210 2211blockquote, 2212blockquote p { 2213 font-size: 22px; 2214 line-height: 29px 2215} 2216 2217cite { 2218 color: #999; 2219 display: block; 2220 font-size: 1rem 2221} 2222 2223.icon { 2224 height: 1.14286rem; 2225 width: 1.14286rem; 2226 display: inline-block; 2227 vertical-align: middle 2228} 2229 2230.icon svg { 2231 display: inline-block; 2232 fill: #8e8e8e; 2233 height: 100%; 2234 vertical-align: top; 2235 width: 100% 2236} 2237 2238.inlineList { 2239 list-style: none; 2240 margin-top: 0; 2241 margin-bottom: 1.21429rem; 2242 margin-left: -1.57143rem; 2243 margin-right: 0; 2244 overflow: hidden; 2245 padding: 0 2246} 2247 2248.inlineList>li { 2249 display: block; 2250 float: left; 2251 list-style: none; 2252 margin-left: 1.57143rem 2253} 2254 2255.inlineList>li>* { 2256 display: block 2257} 2258 2259.table { 2260 border: solid 1px #dfdfdf; 2261 margin-bottom: 2rem; 2262 table-layout: auto; 2263 width: 100% 2264} 2265 2266.table thead { 2267 background: #f4f4f4 2268} 2269 2270.table thead tr td, 2271.table thead tr th { 2272 font-size: 1rem; 2273 font-weight: 700; 2274 padding: .78571rem 1.5rem 2275} 2276 2277.table tr td, 2278.table tr th { 2279 padding: .78571rem 1.5rem; 2280 text-align: left 2281} 2282 2283.table tbody tr td, 2284.table tbody tr th, 2285.table tfoot tr td, 2286.table tfoot tr th, 2287.table thead tr th, 2288.table tr td { 2289 display: table-cell 2290} 2291 2292.table td.table-cell--numericData, 2293.table th.table-header--numericData { 2294 text-align: right 2295} 2296 2297.table-thead { 2298 border: 1px solid #dfdfdf 2299} 2300 2301.table-tfoot { 2302 border: 1px solid #dfdfdf 2303} 2304 2305.table-tbody tr { 2306 border-bottom: 1px solid #dfdfdf 2307} 2308 2309.table-tbody tr:last-child { 2310 border-bottom: 0 2311} 2312 2313.button { 2314 -webkit-appearance: none; 2315 -moz-appearance: none; 2316 border-radius: 0; 2317 border-style: solid; 2318 border-width: 1px; 2319 cursor: pointer; 2320 font-family: Rubik, Arial, Helvetica, sans-serif; 2321 font-weight: 400; 2322 line-height: normal; 2323 margin: 0 0 1rem; 2324 position: relative; 2325 text-align: center; 2326 text-decoration: none; 2327 display: inline-block; 2328 background-color: transparent; 2329 border-color: #2E1065; 2330 color: #2E1065; 2331 font-size: 1rem; 2332 padding: .85714rem 2.28571rem; 2333 border-radius: 4px; 2334 outline: 0; 2335 vertical-align: middle 2336} 2337 2338.button.active, 2339.button.is-active, 2340.button:focus, 2341.button:hover { 2342 background-color: transparent; 2343 border-color: #2E1065; 2344 color: #fff 2345} 2346 2347.button:active { 2348 background-color: transparent; 2349 border: 1px solid #2E1065; 2350 color: #fff 2351} 2352 2353.button.active, 2354.button.is-active, 2355.button:focus { 2356 outline: 0 2357} 2358 2359@media (min-width:481px) { 2360 .button+.button { 2361 margin-left: .78571rem 2362 } 2363} 2364 2365.button--primary { 2366 background-color: #2E1065; 2367 border-color: #2E1065; 2368 color: #fff 2369} 2370 2371.button--primary.active, 2372.button--primary.is-active, 2373.button--primary:focus, 2374.button--primary:hover { 2375 background-color: #fff; 2376 border-color: #fff; 2377 color: #2E1065 2378} 2379 2380.button--primary:active { 2381 background-color: #fff; 2382 border: 1px solid #fff; 2383 color: #2E1065 2384} 2385 2386.button[disabled] { 2387 background-color: #ccc; 2388 border-color: rgba(0, 0, 255, 0); 2389 color: #fff; 2390 cursor: default 2391} 2392 2393.button--large { 2394 font-size: 15px 2395} 2396 2397.button--small { 2398 font-size: 13px; 2399 padding: .57143rem 1.5rem 2400} 2401 2402.button--slab { 2403 display: block; 2404 width: 100% 2405} 2406 2407.button+.button--slab { 2408 margin-left: 0 2409} 2410 2411.button--icon { 2412 font-size: 1rem; 2413 padding: .78571rem .78571rem 2414} 2415 2416.button--icon svg { 2417 fill: #888 2418} 2419 2420.buttonGroup { 2421 display: inline-block 2422} 2423 2424.buttonGroup>.button { 2425 border-radius: 0; 2426 border-right-width: 0; 2427 float: left; 2428 margin-left: 0 2429} 2430 2431.buttonGroup>.button:first-child { 2432 border-bottom-left-radius: 4px; 2433 border-top-left-radius: 4px 2434} 2435 2436.buttonGroup>.button:last-child { 2437 border-bottom-right-radius: 4px; 2438 border-right-width: 1px; 2439 border-top-right-radius: 4px 2440} 2441 2442.dropdown-menu { 2443 display: none; 2444 left: -9999px; 2445 list-style: none; 2446 margin-left: 0; 2447 position: absolute; 2448 background: #e5e5e5; 2449 font-size: 1rem; 2450 height: auto; 2451 width: 100%; 2452 z-index: 89; 2453 max-width: 200px 2454} 2455 2456.dropdown-menu.open { 2457 display: block 2458} 2459 2460.dropdown-menu>:first-child { 2461 margin-top: 0 2462} 2463 2464.dropdown-menu>:last-child { 2465 margin-bottom: 0 2466} 2467 2468.dropdown-menu--content { 2469 display: none; 2470 left: -9999px; 2471 list-style: none; 2472 margin-left: 0; 2473 position: absolute; 2474 background: #e5e5e5; 2475 font-size: 1rem; 2476 height: auto; 2477 padding: .78571rem; 2478 width: 100%; 2479 z-index: 89; 2480 max-width: 200px 2481} 2482 2483.dropdown-menu--content.open { 2484 display: block 2485} 2486 2487.dropdown-menu--content>:first-child { 2488 margin-top: 0 2489} 2490 2491.dropdown-menu--content>:last-child { 2492 margin-bottom: 0 2493} 2494 2495.dropdown-menu-item { 2496 cursor: pointer; 2497 font-size: 1rem; 2498 line-height: 1.5; 2499 margin: 0; 2500 padding: .35714rem .71429rem 2501} 2502 2503.dropdown-menu-item a { 2504 display: block; 2505 padding: .35714rem 2506} 2507 2508.dropdown-menu-item a { 2509 margin: -.35714rem 2510} 2511 2512.form { 2513 margin: 0 0 1.5rem 2514} 2515 2516.form-fieldset { 2517 border-width: 0; 2518 margin: 0; 2519 padding: 0 2520} 2521 2522.form-legend { 2523 background: 0 0; 2524 border: solid #999; 2525 border-width: 0 0 1px; 2526 display: block; 2527 line-height: 32px; 2528 margin-bottom: .78571rem; 2529 padding: 0; 2530 width: 100% 2531} 2532 2533.form-label { 2534 color: #666; 2535 cursor: pointer; 2536 display: block; 2537 font-size: 1rem; 2538 line-height: 1.5; 2539 margin-bottom: .5rem 2540} 2541 2542.form-label small { 2543 color: #333; 2544 font-size: .71429rem; 2545 text-transform: uppercase; 2546 vertical-align: bottom 2547} 2548 2549.form-input { 2550 -webkit-appearance: none; 2551 -moz-appearance: none; 2552 appearance: none; 2553 background-color: #fff; 2554 border-color: #dfdfdf; 2555 border-style: solid; 2556 border-width: 1px; 2557 border-radius: 4px; 2558 color: #666; 2559 display: block; 2560 font-family: inherit; 2561 font-size: 1rem; 2562 -moz-osx-font-smoothing: grayscale; 2563 -webkit-font-smoothing: antialiased; 2564 font-smoothing: antialiased; 2565 height: 3rem; 2566 margin: 0; 2567 padding: .75rem 1rem; 2568 transition: border-color .1s ease-out; 2569 width: 100% 2570} 2571 2572.form-input:disabled { 2573 background-color: #fff; 2574 color: #999;
2575 cursor: not-allowed 2576} 2577 2578.form-input[readonly] { 2579 background-color: #e5e5e5; 2580 border-color: #999; 2581 color: #888; 2582 cursor: text 2583} 2584 2585.form-input:focus { 2586 border-color: #999; 2587 outline: 0 2588} 2589 2590.form-input[rows] { 2591 height: auto 2592} 2593 2594.form-input[type=search] { 2595 box-sizing: border-box 2596} 2597 2598.form-input::-webkit-input-placeholder { 2599 color: #999 2600} 2601 2602.form-input::-ms-clear { 2603 height: 0; 2604 width: 0 2605} 2606 2607.form-input::-moz-placeholder { 2608 color: #999 2609} 2610 2611.form-input:-ms-input-placeholder { 2612 color: #999 2613} 2614 2615.form-select { 2616 -webkit-appearance: none !important; 2617 -moz-appearance: none !important; 2618 background-color: #fff; 2619 border-radius: 0; 2620 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); 2621 background-position: 100% center; 2622 background-repeat: no-repeat; 2623 border-style: solid; 2624 border-width: 1px; 2625 border-color: #dfdfdf; 2626 color: #666; 2627 font-family: inherit; 2628 font-size: 1rem; 2629 line-height: normal; 2630 padding: .75rem; 2631 border-radius: 0; 2632 cursor: pointer; 2633 height: 3rem; 2634 margin: 0; 2635 outline: 0 2636} 2637 2638.form-select::-ms-expand { 2639 display: none 2640} 2641 2642.form-select.radius { 2643 border-radius: 4px 2644} 2645 2646.form-select:focus { 2647 border-color: #999 2648} 2649 2650.form-select:disabled { 2651 background-color: #fff; 2652 cursor: not-allowed 2653} 2654 2655.form-select:focus { 2656 border-color: #999 2657} 2658 2659.form-body { 2660 background-color: #fff; 2661 border: 1px solid #999; 2662 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 2663 margin-bottom: 1.5rem; 2664 max-width: none; 2665 padding: 1.5rem 2666} 2667 2668.form-row { 2669 margin: 0 -.75rem; 2670 max-width: none; 2671 width: auto 2672} 2673 2674.form-row:after, 2675.form-row:before { 2676 content: " "; 2677 display: table 2678} 2679 2680.form-row:after { 2681 clear: both 2682} 2683 2684.form-row .form-field { 2685 padding-left: .75rem; 2686 padding-right: .75rem; 2687 width: 100%; 2688 float: left; 2689 max-width: none 2690} 2691 2692@media (min-width:551px) { 2693 .form-row--half .form-field { 2694 width: 50% 2695 } 2696 .form-row--third .form-field { 2697 width: 33.33333% 2698 } 2699 .form-row--quarter .form-field { 2700 width: 25% 2701 } 2702} 2703 2704.form-field { 2705 display: block; 2706 margin: 0 0 2rem; 2707 max-width: none 2708} 2709 2710.form-field:after, 2711.form-field:before { 2712 content: " "; 2713 display: table 2714} 2715 2716.form-field:after { 2717 clear: both 2718} 2719 2720.form-select[multiple] { 2721 height: auto 2722} 2723 2724.form-select[multiple] option { 2725 padding: 5px 2726} 2727 2728.form-checkbox, 2729.form-radio { 2730 border: 0; 2731 clip: rect(1px, 1px, 1px, 1px); 2732 height: 1px; 2733 overflow: hidden; 2734 padding: 0; 2735 position: absolute; 2736 width: 1px 2737} 2738 2739.form-checkbox+.form-label, 2740.form-radio+.form-label { 2741 display: inline-block; 2742 font-size: 1rem; 2743 font-weight: 400; 2744 margin-bottom: .35714rem; 2745 padding-left: 1.85714rem; 2746 position: relative; 2747 vertical-align: baseline; 2748 width: 100% 2749} 2750 2751.form-checkbox+.form-label::after, 2752.form-checkbox+.form-label::before, 2753.form-radio+.form-label::after, 2754.form-radio+.form-label::before { 2755 content: ""; 2756 display: block; 2757 position: absolute; 2758 transition: all 50ms ease-out 2759} 2760 2761.form-checkbox+.form-label::before, 2762.form-radio+.form-label::before { 2763 background-color: #fff; 2764 border: solid #dfdfdf; 2765 border-width: 1px; 2766 height: 1.14286rem; 2767 left: 0; 2768 top: 0; 2769 width: 1.14286rem 2770} 2771 2772.form-checkbox+.form-label::after, 2773.form-radio+.form-label::after { 2774 height: 1rem; 2775 left: 1px; 2776 opacity: 0; 2777 top: 1px; 2778 transform: scale(0); 2779 width: 1rem 2780} 2781 2782.form-checkbox:checked+.form-label::after, 2783.form-radio:checked+.form-label::after { 2784 opacity: 1; 2785 transform: scale(1) 2786} 2787 2788.form-checkbox[disabled]+.form-label, 2789.form-radio[disabled]+.form-label { 2790 cursor: default 2791} 2792 2793.form-checkbox[disabled]+.form-label::before, 2794.form-radio[disabled]+.form-label::before { 2795 background-color: #fff 2796} 2797 2798.form-checkbox+.form-label::before { 2799 border-radius: 4px 2800} 2801 2802.form-checkbox+.form-label::after { 2803 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(46, 51, 68, 0.999)' /%3E%3C/svg%3E"); 2804 background-position: 50%; 2805 background-repeat: no-repeat; 2806 background-size: 100%; 2807 color: rgba(46, 51, 68, .999); 2808 content: ""; 2809 font-size: 1rem; 2810 line-height: 1; 2811 text-align: center 2812} 2813 2814.form-radio+.form-label::before { 2815 border-radius: 50% 2816} 2817 2818.form-radio+.form-label::after { 2819 background: rgba(46, 51, 68, .999); 2820 border: 3px solid #fff; 2821 border-radius: 1rem 2822} 2823 2824.form-input.has-action { 2825 float: left; 2826 padding-right: 2.85714rem 2827} 2828 2829.form-input.has-action+.button--inputAction { 2830 background: 0 0; 2831 border: 0; 2832 border-radius: 0; 2833 float: left; 2834 height: 2.85714rem; 2835 margin: .07143rem 0 0 -2.92857rem; 2836 width: 2.85714rem 2837} 2838 2839.form-input.has-icon { 2840 float: left; 2841 padding-right: 2.57143rem 2842} 2843 2844.form-input.has-icon+.icon { 2845 height: 3rem; 2846 margin-left: -2.57143rem; 2847 width: 1.42857rem 2848} 2849 2850.form-prefixPostfix { 2851 display: -ms-flexbox; 2852 display: flex; 2853 -ms-flex-direction: row; 2854 flex-direction: row; 2855 -ms-flex-wrap: nowrap; 2856 flex-wrap: nowrap 2857} 2858 2859.form-prefixPostfix .form-input { 2860 -ms-flex: 1; 2861 flex: 1 2862} 2863 2864.form-prefixPostfix .button { 2865 height: 3rem 2866} 2867 2868.form-prefixPostfix-input { 2869 border-radius: 0 2870} 2871 2872.form-prefixPostfix-label { 2873 background-color: #fff; 2874 border: solid #999; 2875 border-width: 1px; 2876 -ms-flex: 1; 2877 flex: 1; 2878 font-weight: 300; 2879 height: 3rem; 2880 line-height: normal; 2881 max-width: 6.42857rem; 2882 padding: .75rem; 2883 text-align: center 2884} 2885 2886.form-prefixPostfix-label--prefix { 2887 border-radius: 0; 2888 border-width: 1px 0 1px 1px 2889} 2890 2891.form-prefixPostfix-label--prefix+.form-input { 2892 border-radius: 0 2893} 2894 2895.form-prefixPostfix-label--postfix { 2896 border-radius: 0; 2897 border-width: 1px 1px 1px 0 2898} 2899 2900.form-prefixPostfix-button--prefix { 2901 margin: 0 .75rem 0 0 2902} 2903 2904.form-prefixPostfix-button--postfix { 2905 margin: 0 0 0 .75rem 2906} 2907 2908.switch-checkbox { 2909 border: 0; 2910 clip: rect(1px, 1px, 1px, 1px); 2911 height: 1px; 2912 overflow: hidden; 2913 padding: 0; 2914 position: absolute; 2915 width: 1px 2916} 2917 2918.switch-checkbox:focus+.switch-toggle { 2919 border-color: #888; 2920 box-shadow: 0 0 4px rgba(136, 136, 136, .4) 2921} 2922 2923.switch-toggle { 2924 background-color: #888; 2925 border: 1px solid #888; 2926 border-radius: 2rem; 2927 cursor: pointer; 2928 display: inline-block; 2929 height: 2rem; 2930 position: relative; 2931 transition: all .1s ease-out; 2932 vertical-align: middle; 2933 width: 4.28571rem 2934} 2935 2936.switch--important .switch-toggle { 2937 background-color: #f1a500; 2938 border-color: #f1a500 2939} 2940 2941.switch--checked .switch-toggle { 2942 background-color: #008a06; 2943 border-color: #008a06 2944} 2945 2946.switch--disabled .switch-toggle { 2947 background-color: #e5e5e5; 2948 border-color: #999; 2949 cursor: default 2950} 2951 2952.switch-toggle::before { 2953 background: #fff; 2954 border-radius: 1.4286rem; 2955 box-shadow: 0 1px 1px rgba(0, 0, 0, .1); 2956 content: ""; 2957 height: 1.4286rem; 2958 left: .21427rem; 2959 position: absolute; 2960 top: .21427rem; 2961 transition: all .1s ease-out; 2962 width: 1.4286rem 2963} 2964 2965.switch--checked .switch-toggle::before { 2966 left: 2.49999rem 2967} 2968 2969.switch-label { 2970 color: #fff;
2971 height: 26px; 2972 line-height: 1.92857; 2973 position: absolute; 2974 right: .42857rem; 2975 text-transform: uppercase; 2976 transition: all .1s ease-out 2977} 2978 2979.switch--checked .switch-label { 2980 font-weight: 600; 2981 left: .42857rem; 2982 right: auto 2983} 2984 2985.switch--disabled .switch-label { 2986 color: #888 2987} 2988 2989.switch-label--icon.icon { 2990 height: 1.85714rem; 2991 width: 1.85714rem 2992} 2993 2994.switch-label--icon.icon svg { 2995 height: 1.85714rem; 2996 width: 1.85714rem; 2997 fill: #fff 2998} 2999 3000.switch--disabled .switch-label--icon.icon svg { 3001 fill: #888 3002} 3003 3004.switch-description--off { 3005 color: #000; 3006 margin-right: 5px 3007} 3008 3009.switch--checked .switch-description--off { 3010 color: #888 3011} 3012 3013.switch-description--on { 3014 color: #888; 3015 margin-left: 5px 3016} 3017 3018.switch--checked .switch-description--on { 3019 color: #000 3020} 3021 3022.switch-ariaDescription { 3023 border: 0; 3024 clip: rect(1px, 1px, 1px, 1px); 3025 height: 1px; 3026 overflow: hidden; 3027 padding: 0; 3028 position: absolute; 3029 width: 1px 3030} 3031 3032.form-actions { 3033 background: 0 0; 3034 border: 0; 3035 text-align: center 3036} 3037 3038@media (min-width:481px) { 3039 .form-actions { 3040 text-align: left 3041 } 3042} 3043 3044.form-actions>* { 3045 display: inline-block; 3046 margin-bottom: 1rem; 3047 width: 100% 3048} 3049 3050@media (min-width:481px) { 3051 .form-actions>* { 3052 vertical-align: baseline; 3053 width: auto 3054 } 3055} 3056 3057@media (min-width:481px) { 3058 .form-actions--fixed { 3059 background: #fff; 3060 border-top: 1px solid #999; 3061 bottom: 0; 3062 left: 0; 3063 padding: 1.5rem 2rem; 3064 position: fixed; 3065 right: 0; 3066 text-align: right; 3067 z-index: 20 3068 } 3069} 3070 3071.form-input-indicator { 3072 height: 1.57143rem; 3073 width: 1.57143rem; 3074 float: left; 3075 margin: 0 0 0 -2.14286rem; 3076 position: relative; 3077 top: .71429rem 3078} 3079 3080.form-prefixPostfix .form-input-indicator { 3081 top: 0 3082} 3083 3084.form-input-indicator>svg { 3085 fill: #008a06 3086} 3087 3088.form-field-errors { 3089 list-style: none; 3090 margin-left: 0; 3091 margin-left: 0; 3092 clear: both; 3093 margin-bottom: 0; 3094 margin-top: .21429rem 3095} 3096 3097.form-field-errors ol, 3098.form-field-errors ul { 3099 list-style: none; 3100 margin-bottom: 0 3101} 3102 3103.form-inlineMessage { 3104 display: inline-block; 3105 line-height: 24px; 3106 margin: .35714rem 0 -.5rem; 3107 width: 100% 3108} 3109 3110.form-field--error .form-input, 3111.form-field--success .form-input, 3112.form-field--warning .form-input { 3113 float: left 3114} 3115 3116.form-field--success .form-checkbox+.form-label::before, 3117.form-field--success .form-input, 3118.form-field--success .form-prefixPostfix-label, 3119.form-field--success .form-radio+.form-label::before, 3120.form-field--success .form-select { 3121 border-color: #008a06 3122} 3123 3124.form-field--success .form-field-error, 3125.form-field--success .form-inlineMessage { 3126 color: #008a06 3127} 3128 3129.form-field--success .form-input-indicator>svg { 3130 fill: #008a06 3131} 3132 3133.form-field--error .form-checkbox+.form-label::before, 3134.form-field--error .form-input, 3135.form-field--error .form-prefixPostfix-label, 3136.form-field--error .form-radio+.form-label::before, 3137.form-field--error .form-select { 3138 border-color: #cc4749 3139} 3140 3141.form-field--error .form-field-error, 3142.form-field--error .form-inlineMessage { 3143 color: #cc4749 3144} 3145 3146.form-field--error .form-input-indicator>svg { 3147 fill: #cc4749 3148} 3149 3150.form-field--warning .form-checkbox+.form-label::before, 3151.form-field--warning .form-input, 3152.form-field--warning .form-prefixPostfix-label, 3153.form-field--warning .form-radio+.form-label::before, 3154.form-field--warning .form-select { 3155 border-color: #f1a500 3156} 3157 3158.form-field--warning .form-field-error, 3159.form-field--warning .form-inlineMessage { 3160 color: #f1a500 3161} 3162 3163.form-field--warning .form-input-indicator>svg { 3164 fill: #f1a500 3165} 3166 3167.panel { 3168 position: relative 3169} 3170 3171.panel-header { 3172 background-color: #f4f4f4; 3173 margin: 0; 3174 padding: 1.5rem 2rem 0 3175} 3176 3177.panel-title { 3178 line-height: 1.5; 3179 margin: 0 3180} 3181 3182.panel-body { 3183 margin-bottom: 1.5rem; 3184 padding: 1rem 2rem 1.5rem; 3185 background: #f4f4f4 3186} 3187 3188.panel-body>:first-child { 3189 margin-top: 0 3190} 3191 3192.panel-body>:last-child { 3193 margin-bottom: 0 3194} 3195 3196.panel-body>:last-child { 3197 margin-bottom: 0 3198} 3199 3200.breadcrumbs { 3201 display: block; 3202 list-style: none; 3203 margin-left: 0; 3204 overflow: hidden 3205} 3206 3207.breadcrumb { 3208 color: #333; 3209 float: left; 3210 font-size: 13px; 3211 line-height: 13px; 3212 margin: 0; 3213 line-height: 1.5 3214} 3215 3216.breadcrumb a { 3217 color: #333 3218} 3219 3220.breadcrumb.current { 3221 color: #333; 3222 cursor: default 3223} 3224 3225.breadcrumb.current a { 3226 color: #333; 3227 cursor: default 3228} 3229 3230.breadcrumb.current:focus, 3231.breadcrumb.current:focus a, 3232.breadcrumb.current:hover, 3233.breadcrumb.current:hover a { 3234 text-decoration: none 3235} 3236 3237.breadcrumb.unavailable { 3238 color: #999 3239} 3240 3241.breadcrumb.unavailable a { 3242 color: #999 3243} 3244 3245.breadcrumb.unavailable a:focus, 3246.breadcrumb.unavailable:focus, 3247.breadcrumb.unavailable:hover, 3248.breadcrumb.unavailable:hover a { 3249 color: #999;
3250 cursor: not-allowed; 3251 text-decoration: none 3252} 3253 3254.breadcrumb:before { 3255 color: #333; 3256 content: "/"; 3257 margin: 0; 3258 position: relative; 3259 top: 1px 3260} 3261 3262.breadcrumb:first-child:before { 3263 content: " "; 3264 margin: 0 3265} 3266 3267.breadcrumb::before { 3268 margin: 0 .5rem 3269} 3270 3271@media (min-width:481px) { 3272 .breadcrumb::before { 3273 margin: 0 .5rem 3274 } 3275} 3276 3277.breadcrumb-label { 3278 cursor: pointer 3279} 3280 3281.breadcrumb-label:hover { 3282 color: #888; 3283 text-decoration: none 3284} 3285 3286.breadcrumb.is-active>.breadcrumb-label { 3287 color: #333; 3288 cursor: default 3289} 3290 3291.breadcrumb.is-unavailable>.breadcrumb-label { 3292 color: #999; 3293 cursor: default 3294} 3295 3296.tabs { 3297 border-bottom: 1px solid #dfdfdf; 3298 margin: 0 3299} 3300 3301.tabs:after, 3302.tabs:before { 3303 content: " "; 3304 display: table 3305} 3306 3307.tabs:after { 3308 clear: both 3309} 3310 3311.tab { 3312 border-bottom: #fff; 3313 display: block; 3314 list-style: none; 3315 margin: 0; 3316 padding: 0; 3317 position: relative 3318} 3319 3320@media (min-width:551px) { 3321 .tab { 3322 float: left 3323 } 3324} 3325 3326.tab-title { 3327 color: #333; 3328 display: block; 3329 font-size: 15px; 3330 padding: .78571rem 1.57143rem 3331} 3332 3333.tab-title:hover { 3334 color: #333 3335} 3336 3337.tab.is-active .tab-title { 3338 color: #333; 3339 font-weight: 700 3340} 3341 3342@media (min-width:551px) { 3343 .tabs--vertical { 3344 border-bottom: 0; 3345 float: left; 3346 margin: 0 0 1.5rem; 3347 max-width: 20%; 3348 width: 20% 3349 } 3350} 3351 3352.tabs--vertical .tab { 3353 float: none 3354} 3355 3356.tabs-contents { 3357 margin-bottom: 1.5rem 3358} 3359 3360.tabs-contents:after, 3361.tabs-contents:before { 3362 content: " "; 3363 display: table 3364} 3365 3366.tabs-contents:after { 3367 clear: both 3368} 3369 3370@media (min-width:551px) { 3371 .tabs-contents--vertical { 3372 float: left; 3373 max-width: 80%; 3374 padding-left: 1.5rem; 3375 width: 80% 3376 } 3377 .tabs-contents--vertical>.tab-content { 3378 padding: 0 1.5rem 3379 } 3380} 3381 3382.tab-content { 3383 display: none; 3384 padding: 1.5rem 0 3385} 3386 3387.tab-content.is-active { 3388 display: block 3389} 3390 3391.no-js .tab-content { 3392 display: block; 3393 float: none 3394} 3395 3396.navBar:after, 3397.navBar:before { 3398 content: " "; 3399 display: table 3400} 3401 3402.navBar:after { 3403 clear: both 3404} 3405 3406.navBar ol, 3407.navBar ul { 3408 list-style: none; 3409 margin-left: 0; 3410 margin: 0; 3411 padding: 0 3412} 3413 3414.navBar ol ol, 3415.navBar ol ul, 3416.navBar ul ol, 3417.navBar ul ul { 3418 list-style: none; 3419 margin-bottom: 0 3420} 3421 3422.navBar ol li, 3423.navBar ul li { 3424 margin: 0; 3425 padding: 0 3426} 3427 3428.navBar-section { 3429 float: left 3430} 3431 3432.navBar-section:after, 3433.navBar-section:before { 3434 content: " "; 3435 display: table 3436} 3437 3438.navBar-section:after { 3439 clear: both 3440} 3441 3442.navBar-section--alt { 3443 float: right; 3444 margin-left: 1.5rem 3445} 3446 3447.navBar-section+.navBar-section { 3448 margin-left: 1.5rem 3449} 3450 3451@media (min-width:551px) { 3452 .navBar-item { 3453 float: left 3454 } 3455} 3456 3457.navBar-action, 3458.navBar-item { 3459 display: block 3460} 3461 3462.navBar-action { 3463 color: #000; 3464 font-size: 15px; 3465 padding: .78571rem 3466} 3467 3468.navList:after, 3469.navList:before { 3470 content: " "; 3471 display: table 3472} 3473 3474.navList:after { 3475 clear: both 3476} 3477 3478.navList ol, 3479.navList ul { 3480 list-style: none; 3481 margin-left: 0; 3482 margin: 0; 3483 padding: 0 3484} 3485 3486.navList ol ol, 3487.navList ol ul, 3488.navList ul ol, 3489.navList ul ul { 3490 list-style: none; 3491 margin-bottom: 0 3492} 3493 3494.navList ol li, 3495.navList ul li { 3496 margin: 0; 3497 padding: 0 3498} 3499 3500.navList-section:after, 3501.navList-section:before { 3502 content: " "; 3503 display: table 3504} 3505 3506.navList-section:after { 3507 clear: both 3508} 3509 3510.navList-section--alt { 3511 float: right; 3512 margin-left: 1.5rem 3513} 3514 3515.navList-section+.navList-section { 3516 margin-top: 1.5rem 3517} 3518 3519.navList-action, 3520.navList-item { 3521 display: block 3522} 3523 3524.navList-action { 3525 color: #333; 3526 font-size: 15px; 3527 padding: .21429rem 0 3528} 3529 3530.pagination-list { 3531 display: block; 3532 margin-left: 0 3533} 3534 3535.pagination-list li { 3536 color: #333; 3537 font-size: 1rem; 3538 margin-left: .35714rem 3539} 3540 3541.pagination-list li a, 3542.pagination-list li button { 3543 border-radius: 4px; 3544 transition: background-color .3s ease-out; 3545 background: 0 0; 3546 color: #333; 3547 display: block; 3548 font-size: 1em; 3549 font-weight: 400; 3550 line-height: inherit; 3551 padding: .28571rem .5rem 3552} 3553 3554.pagination-list li { 3555 display: block 3556} 3557 3558li.pagination-item { 3559 cursor: pointer 3560} 3561 3562li.pagination-item:first-child { 3563 margin-left: 0 3564} 3565 3566li.pagination-item a:hover { 3567 color: #333 3568} 3569 3570li.pagination-item--current a, 3571li.pagination-item--current button { 3572 color: #333; 3573 cursor: default 3574} 3575 3576.alertBox { 3577 border-style: none; 3578 display: block; 3579 font-size: 1rem; 3580 font-weight: 400; 3581 margin-bottom: .78571rem; 3582 padding: .78571rem 1.14286rem .78571rem 1.14286rem; 3583 position: relative; 3584 transition: opacity .3s ease-out; 3585 background-color: #e5e5e5; 3586 border-color: #e5e5e5; 3587 color: #fff 3588} 3589 3590.alertBox .icon { 3591 height: 1.42857rem; 3592 width: 1.42857rem 3593} 3594 3595.alertBox .button { 3596 margin: 0 0 0 .78571rem 3597} 3598 3599.alertBox--info { 3600 background-color: #666; 3601 border-color: #666; 3602 color: #333 3603} 3604 3605.alertBox--info svg { 3606 fill: #dfdfdf 3607} 3608 3609.alertBox--success { 3610 background-color: #d5ffd8; 3611 border-color: #d5ffd8; 3612 color: #fff 3613} 3614 3615.alertBox--success svg { 3616 fill: #008a06 3617} 3618 3619.alertBox--warning { 3620 background-color: #fffdea; 3621 border-color: #fffdea; 3622 color: #fff 3623} 3624 3625.alertBox--warning svg { 3626 fill: #f1a500 3627} 3628 3629.alertBox--error { 3630 background-color: #fdd; 3631 border-color: #fdd; 3632 color: #fff 3633} 3634 3635.alertBox--error svg { 3636 fill: #cc4749 3637} 3638 3639.alertBox-column { 3640 display: table-cell; 3641 text-align: center; 3642 vertical-align: middle 3643} 3644 3645.alertBox-icon { 3646 padding-right: 1.14286rem 3647} 3648 3649.alertBox-message { 3650 margin: 0; 3651 text-align: left; 3652 width: 100% 3653} 3654 3655.alertBox-heading { 3656 margin: 0 3657} 3658 3659.alertBox-close { 3660 cursor: pointer; 3661 padding-left: 1.14286rem 3662} 3663 3664.alertBox-close .icon { 3665 height: 1.42857rem; 3666 width: 1.42857rem 3667} 3668 3669.alertBox-close svg { 3670 fill: #999 3671} 3672 3673.accordion { 3674 margin-bottom: 0; 3675 border: #dfdfdf solid; 3676 border-width: 1px; 3677 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 3678 margin: 0 0 1.5rem 3679} 3680 3681.accordion:after, 3682.accordion:before { 3683 content: " "; 3684 display: table 3685} 3686 3687.accordion:after { 3688 clear: both 3689} 3690 3691.accordion-navigation { 3692 display: block; 3693 margin-bottom: 0 !important; 3694 border: #dfdfdf solid; 3695 border-width: 1px 0; 3696 cursor: pointer 3697} 3698 3699.accordion-navigation.is-open>a { 3700 background: #fff; 3701 color: #000 3702}
3702 3703 3704.accordion-navigation>a { 3705 background: #fff; 3706 color: #333; 3707 padding: 1.85714rem; 3708 display: block; 3709 font-family: Rubik, Arial, Helvetica, sans-serif; 3710 font-size: 1rem 3711} 3712 3713.accordion-navigation>a:hover { 3714 background: #f4f4f4 3715} 3716 3717.accordion-navigation .accordion-title { 3718 padding: 1.5rem 1.85714rem 3719} 3720 3721.accordion-title { 3722 font-weight: 700; 3723 line-height: 24px 3724} 3725 3726.accordion-content { 3727 display: none; 3728 padding: 2rem; 3729 border: #dfdfdf solid; 3730 border-width: 0 0 1px 3731} 3732 3733.accordion-content.is-open { 3734 display: block 3735} 3736 3737.accordion-navigation--success .accordion-title, 3738.accordion-navigation--success.is-open>a { 3739 color: #008a06 3740} 3741 3742.accordion-navigation--error .accordion-title, 3743.accordion-navigation--error.is-open>a { 3744 color: #cc4749 3745} 3746 3747.accordion-navigation--warning .accordion-title, 3748.accordion-navigation--warning.is-open>a { 3749 color: #f1a500 3750} 3751 3752body.has-activeModal { 3753 overflow: hidden 3754} 3755 3756.modal-background { 3757 background: #000; 3758 background: rgba(51, 51, 51, .95); 3759 bottom: 0; 3760 display: none; 3761 left: 0; 3762 position: fixed; 3763 right: 0; 3764 top: 0; 3765 z-index: 1004; 3766 left: 0 3767} 3768 3769.has-activeModal .modal-background { 3770 display: block 3771} 3772 3773.modal { 3774 border-radius: 0; 3775 display: none; 3776 position: absolute; 3777 top: 0; 3778 visibility: hidden; 3779 width: 100%; 3780 z-index: 1005; 3781 left: 0; 3782 background-color: #fff; 3783 padding: 2.25rem 2.25rem; 3784 border: solid 0 #dfdfdf; 3785 box-shadow: none; 3786 max-height: 80%; 3787 overflow: auto; 3788 position: fixed 3789} 3790 3791@media only screen and (max-width:551px) { 3792 .modal { 3793 min-height: 100vh 3794 } 3795} 3796 3797.modal .column, 3798.modal .columns { 3799 min-width: 0 3800} 3801 3802.modal>:first-child { 3803 margin-top: 0 3804} 3805 3806.modal>:last-child { 3807 margin-bottom: 0 3808} 3809 3810@media only screen and (min-width:551px) { 3811 .modal { 3812 left: 0; 3813 margin: 0 auto; 3814 max-width: 80%; 3815 right: 0; 3816 width: 900px 3817 } 3818} 3819 3820@media only screen and (min-width:551px) { 3821 .modal { 3822 top: 50% !important 3823 } 3824} 3825 3826@media (min-width:551px) { 3827 .modal { 3828 transform: translateY(-50%) 3829 } 3830} 3831 3832.modal--large { 3833 max-height: 90%; 3834 width: 1280px 3835} 3836 3837.modal--small { 3838 width: 500px 3839} 3840 3841.modal-header { 3842 border-bottom: 1px solid #dfdfdf; 3843 padding: 1rem 0; 3844 position: relative 3845} 3846 3847.modal-header-title { 3848 margin: 0 3849} 3850 3851.modal-body { 3852 padding: 3rem 0 3853} 3854 3855.modal-body>:last-child { 3856 margin-bottom: 0 3857} 3858 3859.modal-footer { 3860 border-top: 1px solid #dfdfdf; 3861 padding: .78571rem 1.5rem; 3862 text-align: center 3863} 3864 3865@media (min-width:481px) { 3866 .modal-footer { 3867 text-align: right 3868 } 3869} 3870 3871.modal-footer .button { 3872 display: block 3873} 3874 3875@media (min-width:481px) { 3876 .modal-footer .button { 3877 display: inline-block; 3878 margin-bottom: 0 3879 } 3880} 3881 3882.modal-footer-link { 3883 display: inline-block; 3884 font-size: 15px; 3885 margin: 0 0 .78571rem 3886} 3887 3888@media (min-width:481px) { 3889 .modal-footer-link { 3890 display: inline; 3891 margin: 1.5rem 3892 } 3893} 3894 3895.modal-close { 3896 color: #666; 3897 cursor: pointer; 3898 font-size: 25px; 3899 font-weight: 400; 3900 line-height: 1; 3901 position: absolute; 3902 top: 1.05rem; 3903 right: .75rem; 3904 transform: translateY(none) 3905} 3906 3907.modal-close .icon { 3908 height: 1.42857rem; 3909 width: 1.42857rem 3910} 3911 3912@media print { 3913 .modal { 3914 background: #fff !important; 3915 display: none 3916 } 3917} 3918 3919.loadingNotification { 3920 left: 50%; 3921 position: fixed; 3922 text-align: center; 3923 top: 3rem; 3924 transform: translateX(-50%); 3925 transform-style: preserve-3d; 3926 transition: all .2s ease-out; 3927 z-index: 500 3928} 3929 3930.loadingNotification.ng-hide-add-active, 3931.loadingNotification.ng-hide-remove { 3932 opacity: 0; 3933 top: 3.6rem; 3934 transform: scale(.9) translateX(-50%) 3935} 3936 3937.loadingNotification.ng-hide-remove-active { 3938 opacity: 1; 3939 top: 3rem; 3940 transform: scale(1) translateX(-50%) 3941} 3942 3943.loadingNotification-label { 3944 background: #666; 3945 border-radius: 4px; 3946 color: #fff; 3947 display: inline-block; 3948 font-size: 15px; 3949 padding: .35714rem .78571rem 3950} 3951 3952.loadingOverlay-container { 3953 min-height: 120px; 3954 position: relative 3955} 3956 3957.loadingOverlay { 3958 background: rgba(51, 51, 51, .9); 3959 bottom: 0; 3960 height: 100%; 3961 left: 0; 3962 opacity: 1; 3963 position: absolute; 3964 right: 0; 3965 top: 0; 3966 transition: all 250ms ease-out; 3967 width: 100% 3968} 3969 3970.loadingOverlay::before { 3971 height: 2.85714rem; 3972 width: 2.85714rem; 3973 border-radius: 2.85714rem; 3974 border: solid 2px; 3975 border-color: #fff #fff #999 #999; 3976 content: ""; 3977 display: block; 3978 left: 0; 3979 margin: 0 auto; 3980 position: absolute; 3981 right: 0; 3982 top: 50%; 3983 transform: translateY(-50%) rotate(0); 3984 transform-style: preserve-3d; 3985 animation: spin .5s infinite cubic-bezier(.69, .31, .56, .83) 3986} 3987 3988.loadingOverlay.ng-enter, 3989.loadingOverlay.ng-leave.ng-leave-active { 3990 opacity: 0 3991} 3992 3993.loadingOverlay.ng-enter.ng-enter-active, 3994.loadingOverlay.ng-leave { 3995 opacity: 1 3996} 3997 3998@keyframes spin { 3999 0% { 4000 transform: translateY(-50%) rotate(0) 4001 } 4002 100% { 4003 transform: translateY(-50%) rotate(360deg) 4004 } 4005} 4006 4007.actionBar { 4008 margin: 1.5rem 0 4009} 4010 4011.actionBar:after, 4012.actionBar:before { 4013 content: " "; 4014 display: table 4015} 4016 4017.actionBar:after { 4018 clear: both 4019} 4020 4021.actionBar .button { 4022 margin-bottom: 0 4023} 4024 4025.actionBar .buttonGroup { 4026 vertical-align: middle 4027} 4028 4029.actionBar-link { 4030 display: block; 4031 padding: .78571rem 0 4032} 4033 4034.actionBar-section:after, 4035.actionBar-section:before { 4036 content: " "; 4037 display: table 4038} 4039 4040.actionBar-section:after { 4041 clear: both 4042} 4043 4044@media (min-width:551px) { 4045 .actionBar-section { 4046 float: left 4047 } 4048 .actionBar-section .form-label { 4049 display: inline-block; 4050 margin: 0 .35714rem 0 0 4051 } 4052 .actionBar-section .form-input, 4053 .actionBar-section .form-select { 4054 display: inline-block; 4055 width: 14.28571rem 4056 } 4057} 4058 4059@media (min-width:551px) { 4060 .actionBar-section--alt { 4061 float: right 4062 } 4063} 4064 4065.actionBar-item { 4066 margin-bottom: 1.5rem 4067} 4068 4069@media (min-width:551px) { 4070 .actionBar-item { 4071 display: inline-block; 4072 margin-bottom: 0; 4073 margin-right: 1.5rem; 4074 vertical-align: middle 4075 } 4076 .actionBar-item:last-child { 4077 margin-right: 0 4078 } 4079} 4080 4081.card { 4082 background-color: transparent; 4083 margin-bottom: 3rem; 4084 padding: 0 0 4085} 4086 4087.card-figure { 4088 background-color: #fff; 4089 margin-bottom: 0; 4090 padding: 0 0; 4091 position: relative 4092} 4093 4094.card-image { 4095 border: 1px solid #999; 4096 width: 100% 4097} 4098 4099.card-figcaption { 4100 bottom: 0; 4101 height: 100%; 4102 left: 0; 4103 opacity: 0; 4104 position: absolute; 4105 right: 0; 4106 text-align: center; 4107 top: 0 4108} 4109 4110.card-figcaption:hover { 4111 opacity: 1 4112} 4113 4114.card-figcaption-action { 4115 display: block; 4116 height: 100% 4117}
4117 4118 4119.card-figcaption-body { 4120 position: relative; 4121 top: 50%; 4122 transform: translateY(-50%); 4123 transform-style: preserve-3d 4124} 4125 4126.card-figcaption-body>:first-child { 4127 margin-top: 0 4128} 4129 4130.card-figcaption-body>:last-child { 4131 margin-bottom: 0 4132} 4133 4134.card-figcaption-body .card-text { 4135 color: #333 4136} 4137 4138.card-figcaption-button { 4139 background-color: rgba(46, 51, 68, .9); 4140 color: #fff 4141} 4142 4143.card-figcaption-button:hover { 4144 background-color: #2E1065; 4145 color: #fff 4146} 4147 4148.card-body { 4149 padding: .78571rem 0 0 4150} 4151 4152.card-body>:first-child { 4153 margin-top: 0 4154} 4155 4156.card-body>:last-child { 4157 margin-bottom: 0 4158} 4159 4160.card-body .card-text { 4161 color: #333 4162} 4163 4164.card-surTitle { 4165 float: right; 4166 margin-left: 1.5rem; 4167 max-width: 40%; 4168 text-align: right 4169} 4170 4171.card-footer { 4172 background-color: transparent; 4173 margin: 0 4174} 4175 4176.card-footer:after, 4177.card-footer:before { 4178 content: " "; 4179 display: table 4180} 4181 4182.card-footer:after { 4183 clear: both 4184} 4185 4186.card-button { 4187 margin-bottom: 0 4188} 4189 4190.slick-slider { 4191 position: relative; 4192 display: block; 4193 box-sizing: border-box; 4194 -webkit-touch-callout: none; 4195 -webkit-user-select: none; 4196 -moz-user-select: none; 4197 -ms-user-select: none; 4198 user-select: none; 4199 -ms-touch-action: pan-y; 4200 touch-action: pan-y; 4201 -webkit-tap-highlight-color: transparent 4202} 4203 4204.slick-list { 4205 position: relative; 4206 overflow: hidden; 4207 display: block; 4208 margin: 0; 4209 padding: 0 4210} 4211 4212.slick-list:focus { 4213 outline: 0 4214} 4215 4216.slick-list.dragging { 4217 cursor: pointer; 4218 cursor: hand 4219} 4220 4221.slick-slider .slick-list, 4222.slick-slider .slick-track { 4223 transform: translate3d(0, 0, 0) 4224} 4225 4226.slick-track { 4227 position: relative; 4228 left: 0; 4229 top: 0; 4230 display: block; 4231 margin-left: auto; 4232 margin-right: auto 4233} 4234 4235.slick-track:after, 4236.slick-track:before { 4237 content: ""; 4238 display: table 4239} 4240 4241.slick-track:after { 4242 clear: both 4243} 4244 4245.slick-loading .slick-track { 4246 visibility: hidden 4247} 4248 4249.slick-slide { 4250 float: left; 4251 height: 100%; 4252 min-height: 1px; 4253 display: none 4254} 4255 4256[dir=rtl] .slick-slide { 4257 float: right 4258} 4259 4260.slick-slide img { 4261 display: block 4262} 4263 4264.slick-slide.slick-loading img { 4265 display: none 4266} 4267 4268.slick-slide.dragging img { 4269 pointer-events: none 4270} 4271 4272.slick-initialized .slick-slide { 4273 display: block 4274} 4275 4276.slick-loading .slick-slide { 4277 visibility: hidden 4278} 4279 4280.slick-vertical .slick-slide { 4281 display: block; 4282 height: auto; 4283 border: 1px solid transparent 4284} 4285 4286.slick-arrow.slick-hidden { 4287 display: none 4288} 4289 4290.slick-loading .slick-list { 4291 background: #fff center center no-repeat 4292} 4293 4294.slick-next, 4295.slick-prev { 4296 position: absolute; 4297 display: block; 4298 height: 20px; 4299 width: 20px; 4300 line-height: 0; 4301 font-size: 0; 4302 cursor: pointer; 4303 background: 0 0; 4304 color: transparent; 4305 top: 50%; 4306 transform: translate(0, -50%); 4307 padding: 0; 4308 border: none; 4309 outline: 0 4310} 4311 4312.slick-next:focus, 4313.slick-next:hover, 4314.slick-prev:focus, 4315.slick-prev:hover { 4316 outline: 0; 4317 background: 0 0; 4318 color: transparent 4319} 4320 4321.slick-next:focus:before, 4322.slick-next:hover:before, 4323.slick-prev:focus:before, 4324.slick-prev:hover:before { 4325 opacity: .8 4326} 4327 4328.slick-next.slick-disabled:before, 4329.slick-prev.slick-disabled:before { 4330 opacity: .6 4331} 4332 4333.slick-next:before, 4334.slick-prev:before { 4335 font-family: inherit; 4336 font-size: 20px; 4337 line-height: 1; 4338 color: #2E1065; 4339 opacity: 1; 4340 -webkit-font-smoothing: antialiased; 4341 -moz-osx-font-smoothing: grayscale 4342} 4343 4344.slick-prev { 4345 left: -25px 4346} 4347 4348[dir=rtl] .slick-prev { 4349 left: auto; 4350 right: -25px 4351} 4352 4353.slick-prev:before { 4354 content: "" 4355} 4356 4357[dir=rtl] .slick-prev:before { 4358 content: "" 4359} 4360 4361.slick-next { 4362 right: -25px 4363} 4364 4365[dir=rtl] .slick-next { 4366 left: -25px; 4367 right: auto 4368} 4369 4370.slick-next:before { 4371 content: "" 4372} 4373 4374[dir=rtl] .slick-next:before { 4375 content: "" 4376} 4377 4378.slick-dotted.slick-slider { 4379 margin-bottom: 30px 4380} 4381 4382.slick-dots { 4383 position: absolute; 4384 bottom: -25px; 4385 list-style: none; 4386 display: block; 4387 text-align: center; 4388 padding: 0; 4389 margin: 0; 4390 width: 100% 4391} 4392 4393.slick-dots li { 4394 position: relative; 4395 display: inline-block; 4396 height: 20px;
4397 width: 20px; 4398 margin: 0 5px; 4399 padding: 0; 4400 cursor: pointer 4401} 4402 4403.slick-dots li button { 4404 border: 0; 4405 background: 0 0; 4406 display: block; 4407 height: 20px; 4408 width: 20px; 4409 outline: 0; 4410 line-height: 0; 4411 font-size: 0; 4412 color: transparent; 4413 padding: 5px; 4414 cursor: pointer 4415} 4416 4417.slick-dots li button:focus, 4418.slick-dots li button:hover { 4419 outline: 0 4420} 4421 4422.slick-dots li button:focus:before, 4423.slick-dots li button:hover:before { 4424 opacity: .8 4425} 4426 4427.slick-dots li button:before { 4428 position: absolute; 4429 top: 0; 4430 left: 0; 4431 content: ""; 4432 width: 20px; 4433 height: 20px; 4434 font-family: inherit; 4435 font-size: 60px; 4436 line-height: 20px; 4437 text-align: center; 4438 color: #fff; 4439 opacity: .6; 4440 -webkit-font-smoothing: antialiased; 4441 -moz-osx-font-smoothing: grayscale 4442} 4443 4444.slick-dots li.slick-active button:before { 4445 color: #2E1065; 4446 opacity: 1 4447} 4448 4449.slick-next, 4450.slick-prev { 4451 background-color: #fff; 4452 background-color: rgba(255, 255, 255, .9); 4453 z-index: 1; 4454 border: 1px solid #fff; 4455 height: 4.35714rem; 4456 margin-top: -1.07143rem; 4457 padding: .71429rem; 4458 width: 2.85714rem 4459} 4460 4461.slick-next::before, 4462.slick-prev::before { 4463 background-position: 50%; 4464 background-repeat: no-repeat; 4465 background-size: 100%; 4466 display: block; 4467 height: 2.92857rem; 4468 width: 1.42857rem 4469} 4470 4471.slick-next:focus, 4472.slick-next:hover, 4473.slick-prev:focus, 4474.slick-prev:hover { 4475 background-color: #fff; 4476 background-color: rgba(255, 255, 255, .9); 4477 background-position: 50%; 4478 background-repeat: no-repeat; 4479 background-size: 100% 4480} 4481 4482.slick-next { 4483 right: -10px 4484} 4485 4486@media (min-width:1261px) { 4487 .slick-next { 4488 right: -3.35714rem 4489 } 4490} 4491 4492.slick-next::before { 4493 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M1.45679 1.00746147l21 20.02482143L1.50885 41.0074615' stroke='%232e3344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E") 4494} 4495 4496.slick-next:hover::before { 4497 background-image: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp) 4498} 4499 4500.slick-prev { 4501 left: -15px 4502} 4503 4504@media (min-width:1261px) { 4505 .slick-prev { 4506 left: -3.35714rem 4507 } 4508} 4509 4510.slick-prev::before { 4511 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' viewBox='0 0 24 42'%3E%3Cpath d='M22.4572074 1.00746147l-21 20.02482143 20.9479397 19.9751786' stroke='%232e3344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' fill-rule='evenodd' /%3E%3C/svg%3E") 4512} 4513 4514.slick-prev:hover::before { 4515 background-image: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp) 4516} 4517 4518.slick-slide img { 4519 display: block; 4520 width: 100% 4521} 4522 4523.slick-dots { 4524 margin: 0 4525} 4526 4527.slick-dots li { 4528 height: 2.28571rem; 4529 width: 2.28571rem; 4530 margin: 0; 4531 padding: .35714rem 4532} 4533 4534.slick-dots li button, 4535.slick-dots li button::before { 4536 height: 1.07143rem; 4537 width: 1.07143rem; 4538 border-radius: 50% 4539} 4540 4541.slick-dots li button { 4542 border: 1px solid #fff; 4543 display: inline-block; 4544 margin: 0; 4545 padding: 0; 4546 position: relative; 4547 text-align: center; 4548 vertical-align: middle 4549} 4550 4551.slick-dots li button:hover::before { 4552 background: #fff 4553} 4554 4555.slick-dots li button::before { 4556 display: block; 4557 left: -1px; 4558 top: -1px; 4559 transition: background .1s ease-out 4560} 4561 4562.slick-dots li.slick-active button::before { 4563 background: #2E1065 4564} 4565 4566.productView .slick-dots { 4567 position: relative 4568} 4569 4570.slick-disabled { 4571 cursor: default; 4572 opacity: .1 4573} 4574 4575.slick-track { 4576 -webkit-backface-visibility: hidden; 4577 backface-visibility: hidden; 4578 perspective: 1000px 4579} 4580 4581.slick-track { 4582 -webkit-backface-visibility: visible; 4583 backface-visibility: visible 4584} 4585 4586.nanobar { 4587 width: 100%; 4588 height: .35714rem; 4589 z-index: 9999; 4590 top: 0; 4591 pointer-events: none; 4592 -webkit-user-select: none; 4593 -moz-user-select: none;
4594 -ms-user-select: none; 4595 user-select: none 4596} 4597 4598.nanobar .bar { 4599 width: 0; 4600 height: 100%; 4601 transition: height .1s; 4602 background-color: #999 4603} 4604 4605body.swal2-shown { 4606 overflow-y: hidden 4607} 4608 4609body.swal2-iosfix { 4610 position: fixed; 4611 left: 0; 4612 right: 0 4613} 4614 4615.swal2-container { 4616 display: -ms-flexbox; 4617 display: flex; 4618 -ms-flex-direction: row; 4619 flex-direction: row; 4620 -ms-flex-align: center; 4621 align-items: center; 4622 -ms-flex-pack: center; 4623 justify-content: center; 4624 position: fixed; 4625 top: 0; 4626 left: 0; 4627 bottom: 0; 4628 right: 0; 4629 padding: 10px; 4630 background-color: transparent; 4631 z-index: 1060 4632} 4633 4634.swal2-container.swal2-top { 4635 -ms-flex-align: start; 4636 align-items: flex-start 4637} 4638 4639.swal2-container.swal2-top-left { 4640 -ms-flex-align: start; 4641 align-items: flex-start; 4642 -ms-flex-pack: start; 4643 justify-content: flex-start 4644} 4645 4646.swal2-container.swal2-top-right { 4647 -ms-flex-align: start; 4648 align-items: flex-start; 4649 -ms-flex-pack: end; 4650 justify-content: flex-end 4651} 4652 4653.swal2-container.swal2-center { 4654 -ms-flex-align: center; 4655 align-items: center 4656} 4657 4658.swal2-container.swal2-center-left { 4659 -ms-flex-align: center; 4660 align-items: center; 4661 -ms-flex-pack: start; 4662 justify-content: flex-start 4663} 4664 4665.swal2-container.swal2-center-right { 4666 -ms-flex-align: center; 4667 align-items: center; 4668 -ms-flex-pack: end; 4669 justify-content: flex-end 4670} 4671 4672.swal2-container.swal2-bottom { 4673 -ms-flex-align: end; 4674 align-items: flex-end 4675} 4676 4677.swal2-container.swal2-bottom-left { 4678 -ms-flex-align: end; 4679 align-items: flex-end; 4680 -ms-flex-pack: start; 4681 justify-content: flex-start 4682} 4683 4684.swal2-container.swal2-bottom-right { 4685 -ms-flex-align: end; 4686 align-items: flex-end; 4687 -ms-flex-pack: end; 4688 justify-content: flex-end 4689} 4690 4691.swal2-container.swal2-grow-fullscreen>.swal2-modal { 4692 display: -ms-flexbox !important; 4693 display: flex !important; 4694 -ms-flex: 1; 4695 flex: 1; 4696 -ms-flex-item-align: stretch; 4697 align-self: stretch; 4698 -ms-flex-pack: center; 4699 justify-content: center 4700} 4701 4702.swal2-container.swal2-grow-row>.swal2-modal { 4703 display: -ms-flexbox !important; 4704 display: flex !important; 4705 -ms-flex: 1; 4706 flex: 1; 4707 -ms-flex-line-pack: center; 4708 align-content: center; 4709 -ms-flex-pack: center; 4710 justify-content: center 4711} 4712 4713.swal2-container.swal2-grow-column { 4714 -ms-flex: 1; 4715 flex: 1; 4716 -ms-flex-direction: column; 4717 flex-direction: column 4718} 4719 4720.swal2-container.swal2-grow-column.swal2-bottom, 4721.swal2-container.swal2-grow-column.swal2-center, 4722.swal2-container.swal2-grow-column.swal2-top { 4723 -ms-flex-align: center; 4724 align-items: center 4725} 4726 4727.swal2-container.swal2-grow-column.swal2-bottom-left, 4728.swal2-container.swal2-grow-column.swal2-center-left, 4729.swal2-container.swal2-grow-column.swal2-top-left { 4730 -ms-flex-align: start; 4731 align-items: flex-start 4732} 4733 4734.swal2-container.swal2-grow-column.swal2-bottom-right, 4735.swal2-container.swal2-grow-column.swal2-center-right, 4736.swal2-container.swal2-grow-column.swal2-top-right { 4737 -ms-flex-align: end; 4738 align-items: flex-end 4739} 4740 4741.swal2-container.swal2-grow-column>.swal2-modal { 4742 display: -ms-flexbox !important; 4743 display: flex !important; 4744 -ms-flex: 1; 4745 flex: 1; 4746 -ms-flex-line-pack: center; 4747 align-content: center; 4748 -ms-flex-pack: center; 4749 justify-content: center 4750} 4751 4752.swal2-container:not(.swal2-top):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal { 4753 margin: auto 4754} 4755 4756@media all and (-ms-high-contrast:none), 4757(-ms-high-contrast:active) { 4758 .swal2-container .swal2-modal { 4759 margin: 0 !important 4760 } 4761} 4762 4763.swal2-container.swal2-fade { 4764 transition: background-color .1s 4765} 4766 4767.swal2-container.swal2-shown { 4768 background-color: rgba(0, 0, 0, .4) 4769} 4770 4771.swal2-modal { 4772 -ms-flex-direction: column; 4773 flex-direction: column; 4774 background-color: #fff; 4775 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 4776 border-radius: 5px; 4777 box-sizing: border-box; 4778 text-align: center; 4779 overflow-x: hidden; 4780 overflow-y: auto; 4781 display: none; 4782 position: relative; 4783 max-width: 100% 4784} 4785 4786.swal2-modal:focus { 4787 outline: 0 4788} 4789 4790.swal2-modal.swal2-loading { 4791 overflow-y: hidden 4792} 4793 4794.swal2-modal .swal2-title { 4795 color: #595959; 4796 font-size: 30px; 4797 text-align: center; 4798 font-weight: 600; 4799 text-transform: none; 4800 position: relative; 4801 margin: 0 0 .4em; 4802 padding: 0; 4803 display: block; 4804 word-wrap: break-word 4805}
4805 4806 4807.swal2-modal .swal2-buttonswrapper { 4808 margin-top: 15px 4809} 4810 4811.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] { 4812 opacity: .4; 4813 cursor: no-drop 4814} 4815 4816.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm { 4817 box-sizing: border-box; 4818 border: 4px solid transparent; 4819 border-color: transparent; 4820 width: 40px; 4821 height: 40px; 4822 padding: 0; 4823 margin: 7.5px; 4824 vertical-align: top; 4825 background-color: transparent !important; 4826 color: transparent; 4827 cursor: default; 4828 border-radius: 100%; 4829 animation: rotate-loading 1.5s linear 0s infinite normal; 4830 -webkit-user-select: none; 4831 -moz-user-select: none; 4832 -ms-user-select: none; 4833 user-select: none 4834} 4835 4836.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel { 4837 margin-left: 30px; 4838 margin-right: 30px 4839} 4840 4841.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after { 4842 display: inline-block; 4843 content: ''; 4844 margin-left: 5px; 4845 vertical-align: -1px; 4846 height: 15px; 4847 width: 15px; 4848 border: 3px solid #999; 4849 box-shadow: 1px 1px 1px #fff; 4850 border-right-color: transparent; 4851 border-radius: 50%; 4852 animation: rotate-loading 1.5s linear 0s infinite normal 4853} 4854 4855.swal2-modal .swal2-styled { 4856 border: 0; 4857 border-radius: 3px; 4858 box-shadow: none; 4859 color: #fff; 4860 cursor: pointer; 4861 font-size: 17px; 4862 font-weight: 500; 4863 margin: 15px 5px 0; 4864 padding: 10px 32px 4865} 4866 4867.swal2-modal .swal2-styled:focus { 4868 outline: 0; 4869 box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4) 4870} 4871 4872.swal2-modal .swal2-image { 4873 margin: 20px auto; 4874 max-width: 100% 4875} 4876 4877.swal2-modal .swal2-close { 4878 background: 0 0; 4879 border: 0; 4880 margin: 0; 4881 padding: 0; 4882 width: 38px; 4883 height: 40px; 4884 font-size: 36px; 4885 line-height: 40px; 4886 font-family: serif; 4887 position: absolute; 4888 top: 5px; 4889 right: 8px; 4890 cursor: pointer; 4891 color: #ccc; 4892 transition: color .1s ease 4893} 4894 4895.swal2-modal .swal2-close:hover { 4896 color: #d55 4897} 4898 4899.swal2-modal>.swal2-checkbox, 4900.swal2-modal>.swal2-file, 4901.swal2-modal>.swal2-input, 4902.swal2-modal>.swal2-radio, 4903.swal2-modal>.swal2-select, 4904.swal2-modal>.swal2-textarea { 4905 display: none 4906} 4907 4908.swal2-modal .swal2-content { 4909 font-size: 18px; 4910 text-align: center; 4911 font-weight: 300; 4912 position: relative; 4913 float: none; 4914 margin: 0; 4915 padding: 0; 4916 line-height: normal; 4917 color: #545454; 4918 word-wrap: break-word 4919} 4920 4921.swal2-modal .swal2-checkbox, 4922.swal2-modal .swal2-file, 4923.swal2-modal .swal2-input, 4924.swal2-modal .swal2-radio, 4925.swal2-modal .swal2-select, 4926.swal2-modal .swal2-textarea { 4927 margin: 20px auto 4928} 4929 4930.swal2-modal .swal2-file, 4931.swal2-modal .swal2-input, 4932.swal2-modal .swal2-textarea { 4933 width: 100%; 4934 box-sizing: border-box; 4935 font-size: 18px; 4936 border-radius: 3px; 4937 border: 1px solid #d9d9d9; 4938 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06); 4939 transition: border-color .3s, box-shadow .3s 4940} 4941 4942.swal2-modal .swal2-file.swal2-inputerror, 4943.swal2-modal .swal2-input.swal2-inputerror, 4944.swal2-modal .swal2-textarea.swal2-inputerror { 4945 border-color: #f27474 !important; 4946 box-shadow: 0 0 2px #f27474 !important 4947} 4948 4949.swal2-modal .swal2-file:focus, 4950.swal2-modal .swal2-input:focus, 4951.swal2-modal .swal2-textarea:focus { 4952 outline: 0; 4953 border: 1px solid #b4dbed; 4954 box-shadow: 0 0 3px #c4e6f5 4955} 4956 4957.swal2-modal .swal2-file:-ms-input-placeholder, 4958.swal2-modal .swal2-input:-ms-input-placeholder, 4959.swal2-modal .swal2-textarea:-ms-input-placeholder { 4960 color: #ccc 4961} 4962 4963.swal2-modal .swal2-file::placeholder, 4964.swal2-modal .swal2-input::placeholder, 4965.swal2-modal .swal2-textarea::placeholder { 4966 color: #ccc 4967} 4968 4969.swal2-modal .swal2-range input { 4970 float: left; 4971 width: 80% 4972} 4973 4974.swal2-modal .swal2-range output { 4975 float: right; 4976 width: 20%; 4977 font-size: 20px; 4978 font-weight: 600; 4979 text-align: center 4980} 4981 4982.swal2-modal .swal2-range input, 4983.swal2-modal .swal2-range output { 4984 height: 43px; 4985 line-height: 43px; 4986 vertical-align: middle; 4987 margin: 20px auto; 4988 padding: 0 4989} 4990 4991.swal2-modal .swal2-input { 4992 height: 43px; 4993 padding: 0 12px 4994} 4995 4996.swal2-modal .swal2-input[type=number] { 4997 max-width: 150px 4998} 4999 5000.swal2-modal .swal2-file { 5001 font-size: 20px 5002} 5003 5004.swal2-modal .swal2-textarea { 5005 height: 108px; 5006 padding: 12px 5007} 5008 5009.swal2-modal .swal2-select { 5010 color: #545454; 5011 font-size: inherit; 5012 padding: 5px 10px; 5013 min-width: 40%; 5014 max-width: 100% 5015} 5016 5017.swal2-modal .swal2-radio { 5018 border: 0 5019} 5020 5021.swal2-modal .swal2-radio label:not(:first-child) { 5022 margin-left: 20px 5023} 5024 5025.swal2-modal .swal2-radio input, 5026.swal2-modal .swal2-radio span { 5027 vertical-align: middle 5028} 5029 5030.swal2-modal .swal2-radio input { 5031 margin: 0 3px 0 0 5032} 5033 5034.swal2-modal .swal2-checkbox { 5035 color: #545454 5036} 5037 5038.swal2-modal .swal2-checkbox input, 5039.swal2-modal .swal2-checkbox span { 5040 vertical-align: middle 5041} 5042 5043.swal2-modal .swal2-validationerror { 5044 background-color: #f0f0f0; 5045 margin: 0 -20px; 5046 overflow: hidden; 5047 padding: 10px; 5048 color: gray; 5049 font-size: 16px; 5050 font-weight: 300; 5051 display: none 5052} 5053 5054.swal2-modal .swal2-validationerror::before { 5055 content: '!'; 5056 display: inline-block; 5057 width: 24px; 5058 height: 24px; 5059 border-radius: 50%; 5060 background-color: #ea7d7d; 5061 color: #fff; 5062 line-height: 24px; 5063 text-align: center; 5064 margin-right: 10px 5065} 5066 5067@supports (-ms-accelerator:true) { 5068 .swal2-range input { 5069 width: 100% !important 5070 } 5071 .swal2-range output { 5072 display: none 5073 } 5074} 5075 5076@media all and (-ms-high-contrast:none), 5077(-ms-high-contrast:active) { 5078 .swal2-range input { 5079 width: 100% !important 5080 } 5081 .swal2-range output { 5082 display: none 5083 } 5084} 5085 5086.swal2-icon { 5087 width: 80px; 5088 height: 80px; 5089 border: 4px solid transparent; 5090 border-radius: 50%; 5091 margin: 20px auto 30px; 5092 padding: 0; 5093 position: relative; 5094 box-sizing: content-box; 5095 cursor: default; 5096 -webkit-user-select: none; 5097 -moz-user-select: none;
5098 -ms-user-select: none; 5099 user-select: none 5100} 5101 5102.swal2-icon.swal2-error { 5103 border-color: #f27474 5104} 5105 5106.swal2-icon.swal2-error .swal2-x-mark { 5107 position: relative; 5108 display: block 5109} 5110 5111.swal2-icon.swal2-error [class^=swal2-x-mark-line] { 5112 position: absolute; 5113 height: 5px; 5114 width: 47px; 5115 background-color: #f27474; 5116 display: block; 5117 top: 37px; 5118 border-radius: 2px 5119} 5120 5121.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { 5122 transform: rotate(45deg); 5123 left: 17px 5124} 5125 5126.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { 5127 transform: rotate(-45deg); 5128 right: 16px 5129} 5130 5131.swal2-icon.swal2-warning { 5132 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 5133 color: #f8bb86; 5134 border-color: #facea8; 5135 font-size: 60px; 5136 line-height: 80px; 5137 text-align: center 5138} 5139 5140.swal2-icon.swal2-info { 5141 font-family: 'Open Sans', sans-serif; 5142 color: #3fc3ee; 5143 border-color: #9de0f6; 5144 font-size: 60px; 5145 line-height: 80px; 5146 text-align: center 5147} 5148 5149.swal2-icon.swal2-question { 5150 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 5151 color: #87adbd; 5152 border-color: #c9dae1; 5153 font-size: 60px; 5154 line-height: 80px; 5155 text-align: center 5156} 5157 5158.swal2-icon.swal2-success { 5159 border-color: #a5dc86 5160} 5161 5162.swal2-icon.swal2-success [class^=swal2-success-circular-line] { 5163 border-radius: 50%; 5164 position: absolute; 5165 width: 60px; 5166 height: 120px; 5167 transform: rotate(45deg) 5168} 5169 5170.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { 5171 border-radius: 120px 0 0 120px; 5172 top: -7px; 5173 left: -33px; 5174 transform: rotate(-45deg); 5175 transform-origin: 60px 60px 5176} 5177 5178.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { 5179 border-radius: 0 120px 120px 0; 5180 top: -11px; 5181 left: 30px; 5182 transform: rotate(-45deg); 5183 transform-origin: 0 60px 5184} 5185 5186.swal2-icon.swal2-success .swal2-success-ring { 5187 width: 80px; 5188 height: 80px; 5189 border: 4px solid rgba(165, 220, 134, .2); 5190 border-radius: 50%; 5191 box-sizing: content-box; 5192 position: absolute; 5193 left: -4px; 5194 top: -4px; 5195 z-index: 2 5196} 5197 5198.swal2-icon.swal2-success .swal2-success-fix { 5199 width: 7px; 5200 height: 90px; 5201 position: absolute; 5202 left: 28px; 5203 top: 8px; 5204 z-index: 1; 5205 transform: rotate(-45deg) 5206} 5207 5208.swal2-icon.swal2-success [class^=swal2-success-line] { 5209 height: 5px; 5210 background-color: #a5dc86; 5211 display: block; 5212 border-radius: 2px; 5213 position: absolute; 5214 z-index: 2 5215} 5216 5217.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { 5218 width: 25px; 5219 left: 14px; 5220 top: 46px; 5221 transform: rotate(45deg) 5222} 5223 5224.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { 5225 width: 47px; 5226 right: 8px; 5227 top: 38px; 5228 transform: rotate(-45deg) 5229} 5230 5231.swal2-progresssteps { 5232 font-weight: 600; 5233 margin: 0 0 20px; 5234 padding: 0 5235} 5236 5237.swal2-progresssteps li { 5238 display: inline-block; 5239 position: relative 5240} 5241 5242.swal2-progresssteps .swal2-progresscircle { 5243 background: #3085d6; 5244 border-radius: 2em; 5245 color: #fff; 5246 height: 2em; 5247 line-height: 2em; 5248 text-align: center; 5249 width: 2em; 5250 z-index: 20 5251} 5252 5253.swal2-progresssteps .swal2-progresscircle:first-child { 5254 margin-left: 0 5255} 5256 5257.swal2-progresssteps .swal2-progresscircle:last-child { 5258 margin-right: 0 5259} 5260 5261.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { 5262 background: #3085d6 5263} 5264 5265.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle { 5266 background: #add8e6 5267} 5268 5269.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline { 5270 background: #add8e6 5271} 5272 5273.swal2-progresssteps .swal2-progressline { 5274 background: #3085d6; 5275 height: .4em; 5276 margin: 0 -1px; 5277 z-index: 10 5278} 5279 5280[class^=swal2] { 5281 -webkit-tap-highlight-color: transparent 5282} 5283 5284@keyframes showSweetAlert { 5285 0% { 5286 transform: scale(.7) 5287 } 5288 45% { 5289 transform: scale(1.05) 5290 } 5291 80% { 5292 transform: scale(.95) 5293 } 5294 100% { 5295 transform: scale(1) 5296 } 5297} 5298 5299@keyframes hideSweetAlert { 5300 0% { 5301 transform: scale(1); 5302 opacity: 1 5303 } 5304 100% { 5305 transform: scale(.5); 5306 opacity: 0 5307 } 5308} 5309 5310.swal2-show { 5311 animation: showSweetAlert .3s 5312} 5313 5314.swal2-show.swal2-noanimation { 5315 animation: none 5316} 5317 5318.swal2-hide { 5319 animation: hideSweetAlert .15s forwards 5320} 5321 5322.swal2-hide.swal2-noanimation { 5323 animation: none 5324} 5325 5326@keyframes animate-success-tip { 5327 0% { 5328 width: 0; 5329 left: 1px; 5330 top: 19px 5331 } 5332 54% { 5333 width: 0; 5334 left: 1px; 5335 top: 19px 5336 } 5337 70% { 5338 width: 50px; 5339 left: -8px; 5340 top: 37px 5341 } 5342 84% { 5343 width: 17px; 5344 left: 21px; 5345 top: 48px 5346 } 5347 100% { 5348 width: 25px; 5349 left: 14px; 5350 top: 45px 5351 } 5352} 5353 5354@keyframes animate-success-long { 5355 0% { 5356 width: 0; 5357 right: 46px; 5358 top: 54px 5359 } 5360 65% { 5361 width: 0; 5362 right: 46px; 5363 top: 54px 5364 } 5365 84% { 5366 width: 55px; 5367 right: 0; 5368 top: 35px 5369 } 5370 100% { 5371 width: 47px; 5372 right: 8px; 5373 top: 38px 5374 } 5375} 5376 5377@keyframes rotatePlaceholder { 5378 0% { 5379 transform: rotate(-45deg) 5380 } 5381 5% { 5382 transform: rotate(-45deg) 5383 } 5384 12% { 5385 transform: rotate(-405deg) 5386 } 5387 100% { 5388 transform: rotate(-405deg) 5389 } 5390} 5391 5392.swal2-animate-success-line-tip { 5393 animation: animate-success-tip .75s 5394} 5395 5396.swal2-animate-success-line-long { 5397 animation: animate-success-long .75s 5398} 5399 5400.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right { 5401 animation: rotatePlaceholder 4.25s ease-in 5402} 5403 5404@keyframes animate-error-icon { 5405 0% { 5406 transform: rotateX(100deg); 5407 opacity: 0 5408 } 5409 100% { 5410 transform: rotateX(0); 5411 opacity: 1 5412 } 5413} 5414 5415.swal2-animate-error-icon { 5416 animation: animate-error-icon .5s 5417} 5418 5419@keyframes animate-x-mark { 5420 0% { 5421 transform: scale(.4); 5422 margin-top: 26px; 5423 opacity: 0 5424 } 5425 50% { 5426 transform: scale(.4); 5427 margin-top: 26px; 5428 opacity: 0 5429 } 5430 80% { 5431 transform: scale(1.15); 5432 margin-top: -6px 5433 } 5434 100% { 5435 transform: scale(1); 5436 margin-top: 0; 5437 opacity: 1 5438 } 5439} 5440 5441.swal2-animate-x-mark { 5442 animation: animate-x-mark .5s 5443} 5444 5445@keyframes rotate-loading { 5446 0% { 5447 transform: rotate(0) 5448 } 5449 100% { 5450 transform: rotate(360deg) 5451 } 5452} 5453 5454.swal2-modal { 5455 background-color: #fff !important; 5456 border-radius: 4px; 5457 font-family: Rubik, Arial, Helvetica, sans-serif 5458} 5459 5460.swal2-modal .swal2-title { 5461 color: #2E1065; 5462 font-size: 2.14286rem 5463} 5464 5465.swal2-modal .swal2-content { 5466 color: #333; 5467 font-size: 1.14286rem 5468} 5469 5470.swal2-modal .swal2-file, 5471.swal2-modal .swal2-input, 5472.swal2-modal .swal2-textarea { 5473 border: 1px solid #dfdfdf; 5474 color: #666 5475} 5476 5477.swal2-modal .swal2-checkbox, 5478.swal2-modal .swal2-select { 5479 color: #666 5480} 5481 5482.swal2-modal .swal2-buttonswrapper { 5483 margin: 25px 0 0 5484} 5485 5486.swal2-modal .swal2-styled { 5487 -webkit-appearance: none; 5488 -moz-appearance: none; 5489 border-radius: 0; 5490 border-style: solid; 5491 border-width: 1px; 5492 cursor: pointer; 5493 font-family: Rubik, Arial, Helvetica, sans-serif; 5494 font-weight: 400; 5495 line-height: normal; 5496 margin: 0 0 1rem; 5497 position: relative; 5498 text-align: center; 5499 text-decoration: none; 5500 display: inline-block; 5501 background-color: transparent; 5502 border-color: #2E1065; 5503 color: #2E1065; 5504 font-size: 1rem; 5505 padding: .85714rem 2.28571rem; 5506 border-radius: 4px; 5507 line-height: 1rem; 5508 outline: 0; 5509 transition: all .15s ease; 5510 vertical-align: middle 5511} 5512 5513.swal2-modal .swal2-styled.active, 5514.swal2-modal .swal2-styled.is-active, 5515.swal2-modal .swal2-styled:focus, 5516.swal2-modal .swal2-styled:hover { 5517 background-color: transparent; 5518 border-color: #2E1065; 5519 color: #fff 5520} 5521 5522.swal2-modal .swal2-styled:active { 5523 background-color: transparent; 5524 border: 1px solid #2E1065; 5525 color: #fff 5526} 5527 5528.swal2-modal .swal2-styled:focus { 5529 outline: 0 5530} 5531 5532.swal2-modal .swal2-confirm { 5533 background-color: #2E1065; 5534 border-color: #2E1065; 5535 color: #fff 5536} 5537 5538.swal2-modal .swal2-confirm:focus, 5539.swal2-modal .swal2-confirm:hover { 5540 background-color: #fff; 5541 border-color: #fff; 5542 color: #2E1065 5543} 5544 5545.swal2-modal .swal2-confirm:active { 5546 background-color: #fff; 5547 border-color: #fff; 5548 color: #2E1065 5549} 5550 5551.swal2-modal .swal2-cancel { 5552 background-color: transparent; 5553 border-color: #2E1065; 5554 color: #2E1065 5555} 5556 5557.swal2-modal .swal2-cancel:focus, 5558.swal2-modal .swal2-cancel:hover { 5559 background-color: transparent; 5560 border-color: #2E1065; 5561 color: #fff 5562} 5563 5564.swal2-modal .swal2-cancel:active { 5565 background-color: transparent; 5566 border-color: #2E1065; 5567 color: #fff 5568} 5569 5570.swal2-modal .button+.button { 5571 margin-left: .78571rem 5572} 5573 5574body, 5575html { 5576 height: auto 5577} 5578 5579body { 5580 padding-top: 55px 5581} 5582 5583@media (min-width:801px) { 5584 body { 5585 padding-top: 0 5586 } 5587} 5588 5589figure { 5590 margin-bottom: 2rem; 5591 margin-top: 2rem 5592} 5593 5594figure>figcaption { 5595 margin-bottom: -.5rem 5596} 5597 5598figcaption { 5599 color: #999; 5600 margin-top: .78571rem 5601} 5602 5603body { 5604 font-size: 1rem; 5605 font-weight: 400 5606} 5607 5608h1, 5609h2, 5610h3, 5611h4, 5612h5, 5613h6 { 5614 font-weight: 500; 5615 margin-top: 2.28571rem 5616} 5617 5618h5, 5619h6 { 5620 text-transform: uppercase 5621} 5622 5623a { 5624 transition: color .15s ease 5625} 5626 5627cite { 5628 line-height: 1.5; 5629 margin: .5rem 0 0 5630} 5631 5632.page-heading { 5633 margin: 0 0 3rem; 5634 text-align: center 5635} 5636 5637h1 { 5638 font-size: 28px 5639} 5640 5641h2 { 5642 font-size: 25px 5643} 5644 5645h3 { 5646 font-size: 22px 5647} 5648 5649h4 { 5650 font-size: 20px 5651} 5652 5653h5 { 5654 font-size: 15px 5655} 5656 5657h6 { 5658 font-size: 13px 5659} 5660 5661.definitionList:after, 5662.definitionList:before { 5663 content: " "; 5664 display: table 5665} 5666 5667.definitionList:after { 5668 clear: both 5669} 5670 5671.definitionList-key { 5672 color: #333; 5673 float: left; 5674 font-weight: 400; 5675 margin: 0 .35714rem 0 0 5676} 5677 5678.definitionList-value { 5679 margin: 0 5680} 5681 5682.form-select { 5683 -webkit-appearance: none; 5684 -moz-appearance: none; 5685 appearance: none; 5686 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(136, 136, 136, 0.999)' /%3E%3C/svg%3E"); 5687 background-position: right .57143rem top .71429rem; 5688 border-radius: 4px; 5689 padding: .75rem 3rem .75rem 1rem 5690} 5691 5692.form-label small { 5693 float: right;
5694 margin-top: .35714rem 5695} 5696 5697.form-label--inlineSmall small { 5698 color: #333; 5699 float: none; 5700 font-size: inherit; 5701 font-weight: 400; 5702 margin-left: .35714rem; 5703 text-transform: none 5704} 5705 5706.table { 5707 margin-top: 2rem 5708} 5709 5710.table td+td { 5711 border-left: 1px solid #dfdfdf 5712} 5713 5714.table .table-alignCenter { 5715 text-align: center 5716} 5717 5718.table .table-alignRight { 5719 text-align: right 5720} 5721 5722.table-actions { 5723 margin: 1.5rem; 5724 text-align: center 5725} 5726 5727.table-actions .form { 5728 margin-bottom: 0 5729} 5730 5731.table-actions .button { 5732 display: block; 5733 margin-left: 0; 5734 margin-right: 0; 5735 width: 100% 5736} 5737 5738@media (min-width:551px) { 5739 .table-actions .button { 5740 display: inline-block; 5741 margin-bottom: 0; 5742 width: auto 5743 } 5744} 5745 5746@media (min-width:551px) { 5747 .table-actions .button+.button { 5748 margin-left: .35714rem 5749 } 5750} 5751 5752.table--line { 5753 border-color: #dfdfdf; 5754 border-width: 0 0 1px 5755} 5756 5757.table--line .table-thead { 5758 background-color: #fff; 5759 border-color: #dfdfdf; 5760 border-width: 0 0 1px 5761} 5762 5763.table--line .table-thead tr th { 5764 padding-left: 0; 5765 padding-right: 0 5766} 5767 5768@media (min-width:551px) { 5769 .table--line .table-thead tr th { 5770 text-align: center 5771 } 5772 .table--line .table-thead tr th:first-child { 5773 text-align: left 5774 } 5775 .table--line .table-thead tr th:last-child { 5776 text-align: right 5777 } 5778} 5779 5780.table--line .table-thead tr th+th { 5781 padding-left: 1.5rem 5782} 5783 5784.table--line tr { 5785 border-color: 1px solid #dfdfdf 5786} 5787 5788.table--line tr td { 5789 display: block; 5790 padding-left: 0; 5791 padding-right: 0 5792} 5793 5794@media (min-width:551px) { 5795 .table--line tr td { 5796 text-align: center 5797 } 5798 .table--line tr td:first-child { 5799 text-align: left 5800 } 5801 .table--line tr td:last-child { 5802 text-align: right 5803 } 5804} 5805 5806.table--line tr td+td { 5807 padding-left: 1.5rem 5808} 5809 5810.table--line td+td { 5811 border-left: 0 5812} 5813 5814.dropdown { 5815 left: -9999px; 5816 outline: 0; 5817 position: absolute 5818} 5819 5820.dropdown-menu.is-loading .loadingOverlay { 5821 background: 0 0; 5822 padding: 4.5rem 0; 5823 position: relative 5824} 5825 5826.dropdown-menu.is-open { 5827 display: block 5828} 5829 5830.dropdown-menu-item { 5831 text-align: left 5832} 5833 5834.dropdown-menu-item:first-child>a { 5835 padding-top: .78571rem 5836} 5837 5838.dropdown-menu-item:last-child>a { 5839 padding-bottom: 1rem 5840} 5841 5842.dropdown-menu-item>a { 5843 margin: 0; 5844 padding: .28571rem 1.14286rem; 5845 text-decoration: none 5846} 5847 5848.form-wishlist { 5849 position: relative 5850} 5851 5852.dropdown-menu-button { 5853 width: 100% 5854} 5855 5856.dropdown-menu-button.is-open { 5857 border-bottom-left-radius: 0; 5858 border-bottom-right-radius: 0 5859} 5860 5861.dropdown-menu-button .icon { 5862 float: right; 5863 margin-left: 10px 5864} 5865 5866#wishlist-dropdown.is-open { 5867 background: 0 0; 5868 left: auto !important; 5869 max-width: none !important; 5870 width: 100% !important 5871} 5872 5873@media (min-width:551px) { 5874 #wishlist-dropdown.is-open { 5875 padding-right: 20px 5876 } 5877} 5878 5879@media (min-width:801px) { 5880 #wishlist-dropdown.is-open { 5881 padding-right: 0 5882 } 5883} 5884 5885@media (min-width:1261px) { 5886 #wishlist-dropdown.is-open { 5887 padding-right: 11px 5888 } 5889} 5890 5891#wishlist-dropdown.is-open:focus { 5892 outline: 0 5893} 5894 5895#wishlist-dropdown.is-open [data-wishlist] { 5896 border-top: none; 5897 margin-bottom: 0; 5898 width: 100% 5899} 5900 5901#wishlist-dropdown.is-open .button { 5902 background-color: #fff; 5903 border-top-left-radius: 0; 5904 border-top-right-radius: 0; 5905 width: 100% 5906} 5907 5908#wishlist-dropdown.is-open .button--has-items { 5909 font-weight: 700 5910} 5911 5912#wishlist-dropdown.is-open li:not(:last-child) .button { 5913 border-bottom: none; 5914 border-radius: 0; 5915 border-top: none; 5916 margin-bottom: 0 5917} 5918 5919.modal { 5920 margin: 0; 5921 max-height: 90%; 5922 max-width: 95%; 5923 min-height: 240px; 5924 outline: 0; 5925 overflow: hidden; 5926 padding: 0; 5927 left: 50%; 5928 top: 50% !important; 5929 transform: translate(-50%, -50%) 5930} 5931 5932@media (min-width:1261px) { 5933 .modal--large { 5934 width: 1280px 5935 } 5936} 5937 5938.modal-header { 5939 padding-left: 2.25rem; 5940 padding-right: 3.03571rem 5941} 5942 5943.modal-header-title { 5944 font-size: 22px; 5945 text-align: center 5946} 5947 5948@media (min-width:801px) {
5949 .modal-header-title { 5950 font-size: 25px 5951 } 5952} 5953 5954.modal-close { 5955 height: 2.28571rem; 5956 width: 2.28571rem; 5957 color: #8e8e8e; 5958 font-size: 26px; 5959 line-height: 2.28571rem; 5960 padding: 0; 5961 position: absolute; 5962 text-align: center; 5963 text-decoration: none; 5964 z-index: 50 5965} 5966 5967@media (min-width:801px) { 5968 .modal-close { 5969 font-size: 32px 5970 } 5971} 5972 5973.modal-close:hover { 5974 color: #888 5975} 5976 5977.modal-body { 5978 overflow: auto; 5979 -webkit-overflow-scrolling: touch; 5980 padding: 2.25rem 2.25rem 5981} 5982 5983.modal--alert { 5984 background-color: #fff !important; 5985 border-radius: 4px; 5986 font-family: Rubik, Arial, Helvetica, sans-serif; 5987 padding: 40px 20px 20px 20px; 5988 text-align: center 5989} 5990 5991.modal--alert .modal-content { 5992 color: #333; 5993 font-size: 1.14286rem 5994} 5995 5996.modal--alert .button-container { 5997 margin: 25px 0 0 5998} 5999 6000.modal--alert .button-container .confirm { 6001 background-color: #2E1065; 6002 border-color: #2E1065; 6003 color: #fff 6004} 6005 6006.modal--alert .button-container .confirm:focus, 6007.modal--alert .button-container .confirm:hover { 6008 background-color: #fff; 6009 border-color: #fff; 6010 color: #2E1065 6011} 6012 6013.modal--alert .button-container .confirm:active { 6014 background-color: #fff; 6015 border-color: #fff; 6016 color: #2E1065 6017} 6018 6019.breadcrumbs { 6020 display: none; 6021 font-size: 0; 6022 text-align: center 6023} 6024 6025@media (min-width:551px) { 6026 .breadcrumbs { 6027 display: block 6028 } 6029} 6030 6031.breadcrumb { 6032 display: inline-block; 6033 float: none 6034} 6035 6036.breadcrumb.is-active>.breadcrumb-label { 6037 cursor: text 6038} 6039 6040.breadcrumb-label { 6041 text-decoration: none 6042} 6043 6044.panel-title { 6045 font-size: 20px 6046} 6047 6048.panel--large .panel-body { 6049 margin-bottom: 2rem; 6050 padding: 2rem 6051} 6052 6053.pagination-list { 6054 font-size: 0; 6055 margin-bottom: 1.5rem; 6056 text-align: center 6057} 6058 6059.pagination-list:after, 6060.pagination-list:before { 6061 content: " "; 6062 display: table 6063} 6064 6065.pagination-list:after { 6066 clear: both 6067} 6068 6069.pagination-list .pagination-item { 6070 display: inline-block 6071} 6072 6073.pagination-item { 6074 border: 1px solid transparent; 6075 line-height: 1 6076} 6077 6078.pagination-item .pagination-link { 6079 text-decoration: none; 6080 transition: all .2s ease 6081} 6082 6083.pagination-item .pagination-link:hover { 6084 color: #888 6085} 6086 6087.pagination-item.pagination-item--current { 6088 border-color: #dfdfdf; 6089 border-radius: 4px; 6090 margin: 0 .35714rem 0 .78571rem 6091} 6092 6093.pagination-item.pagination-item--next>a, 6094.pagination-item.pagination-item--previous>a { 6095 color: #333 6096} 6097 6098.pagination-item.pagination-item--next>a:hover, 6099.pagination-item.pagination-item--previous>a:hover { 6100 color: #888 6101} 6102 6103.pagination-item.pagination-item--next>a:hover .icon>svg, 6104.pagination-item.pagination-item--previous>a:hover .icon>svg { 6105 fill: #888 6106} 6107 6108.pagination-item--next .icon, 6109.pagination-item--previous .icon { 6110 height: 1.42857rem; 6111 margin-top: -.14286rem; 6112 width: 1.42857rem 6113} 6114 6115.pagination-item--previous { 6116 float: left 6117} 6118 6119.pagination-item--previous .icon { 6120 margin-left: -.85714rem 6121} 6122 6123.pagination-item--next { 6124 float: right 6125} 6126 6127.pagination-item--next .icon { 6128 margin-right: -.85714rem 6129} 6130 6131.pagination-list--small { 6132 position: relative 6133} 6134 6135.pagination-list--small .pagination-item { 6136 color: #333; 6137 cursor: inherit; 6138 line-height: 1.5 6139} 6140 6141.pagination-list--small .pagination-link { 6142 padding: 0 .35714rem 6143} 6144 6145.pagination-list--small .pagination-item--next, 6146.pagination-list--small .pagination-item--previous { 6147 position: absolute; 6148 top: 0 6149} 6150 6151.pagination-list--small .pagination-item--previous { 6152 left: 0 6153} 6154 6155.pagination-list--small .pagination-item--next { 6156 right: 0 6157} 6158 6159.button { 6160 line-height: 1rem; 6161 transition: all .15s ease 6162} 6163 6164.button+.button { 6165 margin-left: 0 6166} 6167 6168@media (min-width:801px) { 6169 .button+.button { 6170 margin-left: .78571rem 6171 } 6172} 6173 6174.button[disabled] { 6175 cursor: not-allowed 6176} 6177 6178.button--icon svg { 6179 fill: #666 6180} 6181 6182.tab { 6183 border-top: 1px solid #dfdfdf; 6184 float: none 6185} 6186 6187@media (min-width:801px) { 6188 .tab { 6189 border-top-color: #fff; 6190 float: left 6191 } 6192} 6193 6194.tab.is-active { 6195 border-left-color: #fff; 6196 border-right-color: #fff 6197} 6198 6199@media (min-width:551px) { 6200 .tab.is-active { 6201 margin-bottom: -1px 6202 } 6203} 6204 6205@media (min-width:801px) { 6206 .tab.is-active { 6207 border: 1px solid #dfdfdf; 6208 border-bottom: 1px solid #fff 6209 } 6210} 6211 6212.tab-title { 6213 padding: 1.14286rem 0; 6214 text-align: center; 6215 text-decoration: none 6216} 6217 6218@media (min-width:551px) { 6219 .tab-title { 6220 text-align: left 6221 } 6222} 6223 6224@media (min-width:801px) { 6225 .tab-title { 6226 padding: .78571rem 1.5rem 6227 } 6228} 6229 6230.tab-content.has-jsContent { 6231 display: block; 6232 height: 0; 6233 overflow: hidden; 6234 padding: 0; 6235 visibility: hidden 6236} 6237 6238.tab-content.has-jsContent.is-active { 6239 height: auto; 6240 overflow: visible; 6241 padding: 1.5rem 0; 6242 visibility: visible 6243} 6244 6245@media (min-width:551px) { 6246 .tab-content .productReview { 6247 width: 50% 6248 } 6249} 6250 6251@media (min-width:801px) { 6252 .tab-content .productReview {
6253 width: 33.33333% 6254 } 6255} 6256 6257@media (min-width:1261px) { 6258 .tab-content .productReview { 6259 width: 50% 6260 } 6261} 6262 6263.tab-content .productReviews { 6264 border-top: 0 6265} 6266 6267.accordion { 6268 border-radius: 4px; 6269 box-shadow: none 6270} 6271 6272.accordion .navList { 6273 margin-bottom: 0 6274} 6275 6276.accordion-content { 6277 border: 0 6278} 6279 6280.accordion-content .form:only-child { 6281 margin-bottom: 0 6282} 6283 6284.accordion-title { 6285 margin: 0 6286} 6287 6288.accordion-navigation { 6289 margin-top: -1px; 6290 position: relative; 6291 text-decoration: none 6292} 6293 6294@media (min-width:801px) { 6295 .accordion--navList { 6296 border: 0 6297 } 6298} 6299 6300@media (min-width:801px) { 6301 .sidebarBlock+.accordion--navList { 6302 margin-top: 2rem 6303 } 6304} 6305 6306@media (min-width:801px) { 6307 .accordion--navList .accordion-block { 6308 margin-top: 2rem 6309 } 6310} 6311 6312.accordion--navList .accordion-content { 6313 padding: 1rem 6314} 6315 6316@media (min-width:801px) { 6317 .accordion--navList .accordion-content { 6318 padding: 0 6319 } 6320} 6321 6322@media (min-width:801px) { 6323 .accordion--navList .accordion-navigation { 6324 background-position: right 0 top 50%; 6325 border: 0 6326 } 6327} 6328 6329.accordion--navList .accordion-title { 6330 font-weight: 400; 6331 padding: 1rem; 6332 text-decoration: none; 6333 text-transform: inherit 6334} 6335 6336@media (min-width:801px) { 6337 .accordion--navList .accordion-title { 6338 margin-bottom: .78571rem; 6339 margin-top: 0; 6340 padding: 0 6341 } 6342} 6343 6344.accordion--navList .accordion-indicator { 6345 fill: #999 6346} 6347 6348.accordion--navList .accordion-navigation-actions { 6349 right: 1rem; 6350 top: 1.21429rem 6351} 6352 6353@media (min-width:801px) { 6354 .accordion--navList .accordion-navigation-actions { 6355 right: 0; 6356 top: 0 6357 } 6358} 6359 6360.accordion-block:first-child { 6361 margin-top: 0 6362} 6363 6364.accordion-block:first-child .accordion-navigation { 6365 border-radius: 4px 4px 0 0 6366} 6367 6368.accordion-block:last-child .accordion-content, 6369.accordion-block:last-child .accordion-navigation { 6370 border-radius: 0 0 4px 4px 6371} 6372 6373.accordion-block:last-child .accordion-navigation { 6374 border-bottom-width: 0 6375} 6376 6377.accordion-block:last-child .accordion-navigation.is-open { 6378 border-bottom-width: 1px; 6379 border-radius: 0 6380} 6381 6382.accordion-navigation-actions { 6383 position: absolute; 6384 right: 1.85714rem; 6385 top: 1.5rem 6386} 6387 6388.accordion-navigation-actions>a { 6389 color: #333; 6390 vertical-align: middle 6391} 6392 6393.accordion-navigation-actions>a:hover { 6394 color: #888 6395} 6396 6397.inlineList--labels { 6398 margin-bottom: 0; 6399 margin-left: -.78571rem 6400} 6401 6402.inlineList--labels>li { 6403 margin-bottom: .78571rem; 6404 margin-left: .78571rem 6405} 6406 6407.alertBox { 6408 border-radius: 4px; 6409 color: #333 6410} 6411 6412.alertBox-icon .icon { 6413 height: 1.78571rem; 6414 width: 1.78571rem 6415} 6416 6417.alertBox--info { 6418 color: #fff 6419} 6420 6421.alertBox--info .alertBox-close svg { 6422 fill: #dfdfdf 6423} 6424 6425.form--hiddenLabels .form-label { 6426 border: 0; 6427 clip: rect(1px, 1px, 1px, 1px); 6428 height: 1px; 6429 overflow: hidden; 6430 padding: 0; 6431 position: absolute; 6432 width: 1px 6433} 6434 6435.form-inlineMessage { 6436 display: block 6437} 6438 6439.form-field--error .form-input { 6440 float: none 6441} 6442 6443.form-field--error .form-inlineMessage:before { 6444 background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='rgba(204, 71, 73, 0.999)' /%3E%3C/svg%3E") no-repeat; 6445 background-size: 100%; 6446 content: ""; 6447 display: inline-block; 6448 height: 1rem; 6449 left: -.14286rem; 6450 margin-right: .07143rem; 6451 position: relative; 6452 top: .21429rem; 6453 width: 1rem 6454} 6455 6456.form-field--success .form-input[type=text] { 6457 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(0, 138, 6, 0.999)' /%3E%3C/svg%3E"); 6458 background-position: right .71429rem center; 6459 background-repeat: no-repeat; 6460 padding-right: 3rem 6461} 6462 6463.form-checkbox+.form-label:last-child, 6464.form-radio+.form-label:last-child { 6465 display: block; 6466 margin-bottom: -.28571rem 6467} 6468 6469.form-checkbox+.form-label::after, 6470.form-radio+.form-label::after { 6471 top: .28571rem 6472} 6473 6474.form-checkbox+.form-label::before, 6475.form-radio+.form-label::before { 6476 top: .21429rem 6477} 6478 6479.form-actions { 6480 margin: 0 auto; 6481 max-width: 85.71429rem; 6482 width: 100%; 6483 display: block; 6484 text-align: center 6485} 6486 6487.form-actions:after, 6488.form-actions:before { 6489 content: " "; 6490 display: table 6491} 6492 6493.form-actions:after { 6494 clear: both 6495} 6496 6497@media (min-width:551px) { 6498 .form-actions { 6499 margin-top: 1.5rem 6500 } 6501} 6502 6503.form-actions .button, 6504.form-actions a, 6505.form-actions input { 6506 vertical-align: top; 6507 width: 100% 6508} 6509 6510@media (min-width:551px) { 6511 .form-actions .button, 6512 .form-actions a, 6513 .form-actions input { 6514 margin-bottom: 0; 6515 width: auto 6516 } 6517} 6518 6519.form-actions .button+.button, 6520.form-actions .button+a, 6521.form-actions .button+input, 6522.form-actions a+.button, 6523.form-actions a+a, 6524.form-actions a+input, 6525.form-actions input+.button, 6526.form-actions input+a, 6527.form-actions input+input { 6528 margin-top: .78571rem 6529} 6530 6531@media (min-width:551px) { 6532 .form-actions .button+.button, 6533 .form-actions .button+a, 6534 .form-actions .button+input, 6535 .form-actions a+.button, 6536 .form-actions a+a, 6537 .form-actions a+input, 6538 .form-actions input+.button, 6539 .form-actions input+a, 6540 .form-actions input+input { 6541 margin: 0 0 0 .78571rem 6542 } 6543} 6544 6545.form-label--alternate { 6546 font-family: Rubik, Arial, Helvetica, sans-serif; 6547 font-size: 13px; 6548 margin-bottom: .78571rem 6549} 6550 6551.form-select--date { 6552 width: initial 6553} 6554 6555.form-select--date+.form-select--date { 6556 margin-left: .35714rem 6557} 6558 6559.form-select--date, 6560.form-select--small { 6561 background-position: right .5rem top .5rem; 6562 background-size: 1.28571rem; 6563 font-size: 13px; 6564 height: 2.28571rem; 6565 line-height: 1rem; 6566 max-width: 20rem; 6567 padding: .57143rem .78571rem; 6568 padding-right: 2rem 6569} 6570 6571.form-select--short { 6572 max-width: 6rem; 6573 width: 4.5rem 6574} 6575 6576.form-file { 6577 margin-bottom: .5rem 6578} 6579 6580.form-fileDescription { 6581 color: #999; 6582 font-size: 13px 6583} 6584 6585.form-field-group { 6586 border: 1px solid #dfdfdf; 6587 border-radius: 4px; 6588 padding: 1.5rem 6589} 6590 6591.form-column { 6592 padding-left: .75rem; 6593 padding-right: .75rem; 6594 width: 100%; 6595 float: left 6596} 6597 6598@media (min-width:551px) { 6599 .form-column { 6600 padding-left: .75rem; 6601 padding-right: .75rem; 6602 width: 50%; 6603 float: left 6604 } 6605} 6606 6607.form-prefixPostfix.wrap { 6608 -ms-flex-wrap: wrap; 6609 flex-wrap: wrap 6610} 6611 6612.form-prefixPostfix .button, 6613.form-prefixPostfix .form-input { 6614 display: block; 6615 width: 100% 6616} 6617 6618@media (min-width:1261px) { 6619 .form-prefixPostfix .form-input { 6620 width: auto 6621 } 6622} 6623 6624@media (min-width:1261px) { 6625 .form-prefixPostfix .button { 6626 width: auto 6627 } 6628} 6629 6630.form-prefixPostfix .form-inlineMessage { 6631 margin-bottom: .35714rem 6632} 6633 6634@media (min-width:1261px) { 6635 .form-prefixPostfix .form-inlineMessage { 6636 margin-bottom: 0 6637 } 6638} 6639 6640.form-prefixPostfix-button--postfix { 6641 margin: .78571rem 0 0; 6642 -ms-flex-order: 1; 6643 order: 1 6644} 6645 6646@media (min-width:1261px) { 6647 .form-prefixPostfix-button--postfix { 6648 margin: 0 0 0 .78571rem; 6649 -ms-flex-order: 0; 6650 order: 0 6651 } 6652} 6653 6654.form-increment .button { 6655 margin: 0; 6656 padding: .21429rem .35714rem 6657} 6658 6659.form-input--incrementTotal { 6660 border: 0; 6661 display: inline-block; 6662 font-size: 15px; 6663 font-weight: 700; 6664 height: auto; 6665 padding: 0; 6666 text-align: center; 6667 vertical-align: middle; 6668 width: 2.5rem 6669} 6670 6671.form-option { 6672 border: 1px solid #dfdfdf; 6673 color: #666; 6674 cursor: pointer; 6675 display: inline-block; 6676 font-size: 0; 6677 margin-bottom: .5rem; 6678 margin-right: .5rem; 6679 padding: 1px; 6680 transition: all .15s ease 6681} 6682 6683.form-option:hover { 6684 border-color: #999 6685} 6686 6687.form-radio:checked+.form-option { 6688 border-color: #2E1065; 6689 box-shadow: 0 0 0 1px #2E1065 6690} 6691 6692.form-option-variant { 6693 display: inline-block; 6694 font-size: 1rem; 6695 min-width: 2.71429rem; 6696 padding: 1px .35714rem; 6697 pointer-events: none; 6698 text-align: center 6699} 6700 6701.form-option-variant--color, 6702.form-option-variant--pattern { 6703 height: 1.57143rem; 6704 width: 1.57143rem; 6705 min-width: initial; 6706 padding: 0 6707} 6708 6709@media (min-width:551px) { 6710 .form-option-variant--color, 6711 .form-option-variant--pattern { 6712 pointer-events: inherit 6713 } 6714} 6715 6716.form-option-variant--pattern { 6717 background-position: center; 6718 background-repeat: no-repeat 6719} 6720 6721.form-input--small { 6722 font-size: 13px; 6723 height: 2.28571rem; 6724 line-height: 1rem; 6725 padding: .57143rem .78571rem 6726} 6727 6728.form-minMaxRow { 6729 margin-left: -.375rem; 6730 margin-right: -.375rem 6731} 6732 6733.form-minMaxRow:after, 6734.form-minMaxRow:before { 6735 content: " "; 6736 display: table 6737} 6738 6739.form-minMaxRow:after { 6740 clear: both 6741} 6742 6743.form-minMaxRow .form-field { 6744 padding-left: .75rem; 6745 padding-right: .75rem;
6746 width: 33.33333%; 6747 float: left; 6748 margin-bottom: 0; 6749 padding-left: .375rem; 6750 padding-right: .375rem 6751} 6752 6753.form-minMaxRow .button { 6754 margin-bottom: 0; 6755 padding-left: 0; 6756 padding-right: 0; 6757 width: 100% 6758} 6759 6760@media (min-width:551px) { 6761 .form-row--half>.form-field:nth-child(odd) { 6762 clear: left 6763 } 6764} 6765 6766[data-product-attribute] .form-option { 6767 overflow: hidden; 6768 position: relative 6769} 6770 6771[data-product-attribute] .form-option.unavailable { 6772 background-color: #ddd; 6773 opacity: .3 6774} 6775 6776[data-product-attribute] .form-option.unavailable:before { 6777 background-color: #000; 6778 content: ""; 6779 height: 2px; 6780 left: -5px; 6781 position: absolute; 6782 top: 11px; 6783 transform: rotate(-45deg); 6784 width: 141% 6785} 6786 6787[data-product-attribute=product-list] .unavailable, 6788[data-product-attribute=set-radio] .unavailable { 6789 opacity: .6; 6790 text-decoration: line-through 6791} 6792 6793.card-figure { 6794 margin-top: 0; 6795 position: relative 6796} 6797 6798.card-figure:hover .card-figcaption { 6799 opacity: 1 6800} 6801 6802.card-img-container { 6803 max-width: 338px 6804} 6805 6806.card-img-container:after { 6807 content: ''; 6808 display: block; 6809 height: 0; 6810 width: 100%; 6811 padding-bottom: 100% 6812} 6813 6814.card-figcaption { 6815 display: none; 6816 margin: 0; 6817 pointer-events: none 6818} 6819 6820@media (min-width:801px) { 6821 .card-figcaption { 6822 display: block 6823 } 6824} 6825 6826.card-figcaption-body { 6827 display: inline-block; 6828 pointer-events: all; 6829 transform: translate3d(0, -50%, 0) 6830} 6831 6832.card-image { 6833 position: absolute; 6834 top: 0; 6835 bottom: 0; 6836 left: 0; 6837 right: 0; 6838 margin: auto; 6839 border: 0; 6840 width: 100%; 6841 max-height: 100%; 6842 -o-object-fit: contain; 6843 object-fit: contain; 6844 font-family: 'object-fit: contain;' 6845} 6846 6847.card-title { 6848 font-size: 15px; 6849 margin: 0 0 .28571rem 6850} 6851 6852.card-title>a { 6853 color: #2E1065; 6854 text-decoration: none 6855} 6856 6857.card-title>a:hover { 6858 color: #888 6859} 6860 6861.card-text { 6862 margin-bottom: .21429rem 6863} 6864 6865.card-text abbr { 6866 border: 0; 6867 color: inherit; 6868 font-size: inherit 6869} 6870 6871.card-figcaption-button { 6872 border: none; 6873 display: block; 6874 margin: .35714rem 0 0 6875} 6876 6877.card-figcaption-button:active { 6878 background-color: #2E1065; 6879 border: none 6880} 6881 6882.card-figcaption-button+.card-figcaption-button { 6883 margin: .35714rem 0 0 6884} 6885 6886.card-body { 6887 text-align: center 6888} 6889 6890@media (min-width:551px) { 6891 .card-body { 6892 text-align: left 6893 } 6894} 6895 6896.card--alternate { 6897 border: 3px solid #fff; 6898 transition: all .15s ease 6899} 6900 6901.card--alternate .card-body { 6902 background-color: #fff; 6903 padding: .78571rem; 6904 transition: all .15s ease 6905} 6906 6907@media (min-width:551px) { 6908 .card--alternate .card-body { 6909 padding: 1.5rem 6910 } 6911} 6912 6913.card--alternate:hover { 6914 border-color: #888 6915} 6916 6917.card--alternate:hover .card-body { 6918 background-color: #888 6919} 6920 6921.card--alternate:hover .card-body .card-text { 6922 color: #fff 6923} 6924 6925.card--alternate:hover .card-title>a { 6926 color: #fff 6927} 6928 6929.navBar, 6930.navList { 6931 margin-left: 0 6932} 6933 6934.navBar-action, 6935.navList-action { 6936 text-decoration: none 6937} 6938 6939.navList-action.is-active { 6940 font-weight: 700 6941} 6942 6943.navList-action--checkbox { 6944 display: inline-block; 6945 font-size: 1rem; 6946 font-weight: 400; 6947 margin-bottom: .35714rem; 6948 padding-left: 1.85714rem; 6949 position: relative; 6950 vertical-align: baseline; 6951 width: 100% 6952} 6953 6954.navList-action--checkbox::after, 6955.navList-action--checkbox::before { 6956 content: ""; 6957 display: block; 6958 position: absolute; 6959 transition: all 50ms ease-out 6960} 6961 6962.navList-action--checkbox::before { 6963 background-color: #fff; 6964 border: solid #dfdfdf; 6965 border-width: 1px; 6966 height: 1.14286rem; 6967 left: 0; 6968 top: 0; 6969 width: 1.14286rem 6970} 6971 6972.navList-action--checkbox::after { 6973 height: 1rem; 6974 left: 1px; 6975 opacity: 0; 6976 top: 1px; 6977 transform: scale(0); 6978 width: 1rem 6979} 6980 6981.navList-action--checkbox::before { 6982 border-radius: 4px 6983} 6984 6985.navList-action--checkbox::after { 6986 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgba(46, 51, 68, 0.999)' /%3E%3C/svg%3E"); 6987 background-position: 50%; 6988 background-repeat: no-repeat; 6989 background-size: 100%; 6990 color: rgba(46, 51, 68, .999); 6991 content: ""; 6992 font-size: 1rem; 6993 line-height: 1; 6994 text-align: center 6995} 6996 6997.navList-action--checkbox:after, 6998.navList-action--checkbox:before { 6999 top: 50% 7000} 7001 7002.navList-action--checkbox:before { 7003 margin-top: -.57143rem 7004} 7005 7006.navList-action--checkbox:after { 7007 margin-top: -.5rem 7008} 7009 7010.navList-action--checkbox.is-disabled { 7011 cursor: default 7012} 7013 7014.navList-action--checkbox.is-disabled::before { 7015 background-color: #fff 7016} 7017 7018.navList-action--checkbox.is-checked::after, 7019.navList-action--checkbox.is-selected::after { 7020 opacity: 1; 7021 transform: scale(1) 7022} 7023 7024.navList-action-close { 7025 background: #f4f4f4; 7026 border-radius: 100%; 7027 display: inline-block; 7028 float: right; 7029 line-height: 0; 7030 opacity: 0; 7031 padding: .28571rem; 7032 transition: opacity .3s ease; 7033 visibility: hidden 7034} 7035 7036.navList-action-close .icon { 7037 height: .92857rem; 7038 width: .92857rem; 7039 fill: #333 7040} 7041 7042.navList-action.is-selected:hover .navList-action-close { 7043 opacity: 1; 7044 visibility: visible 7045} 7046 7047.navBar--sub { 7048 margin-bottom: 4.5rem; 7049 text-align: center 7050} 7051 7052.navBar--sub .navBar-section { 7053 float: none 7054} 7055 7056.navBar--sub .navBar-item { 7057 float: none; 7058 margin: 0 .78571rem 7059} 7060 7061@media (min-width:801px) { 7062 .navBar--sub .navBar-item { 7063 display: inline-block 7064 } 7065} 7066 7067@media (min-width:801px) { 7068 .navBar--sub .navBar-item.is-active { 7069 border-bottom: 1px solid #333 7070 } 7071} 7072 7073.navBar--sub .navBar-item.is-active>.navBar-action { 7074 color: #666 7075} 7076 7077@media (min-width:801px) { 7078 .navBar--sub .navBar-item.navBar-item--separate { 7079 border-left: 1px solid #333; 7080 margin: 0; 7081 padding-left: .78571rem 7082 } 7083} 7084 7085.navBar--sub .navBar-action { 7086 color: #333; 7087 font-size: 1rem; 7088 padding: 0 7089} 7090 7091.navBar--sub .navBar-action:hover { 7092 color: #888 7093} 7094 7095.loadingOverlay { 7096 background-color: rgba(255, 255, 255, .9); 7097 display: none; 7098 z-index: 20 7099} 7100 7101.icons-svg-sprite { 7102 display: none 7103} 7104 7105.icon, 7106.icon svg { 7107 transition: all .15s ease 7108} 7109 7110.actionBar-section .form-field { 7111 background-color: #fff; 7112 border: 1px solid #dfdfdf; 7113 border-radius: 4px; 7114 overflow: hidden 7115} 7116 7117.actionBar-section .form-field:hover { 7118 border-color: #999 7119} 7120 7121.actionBar-section .form-label { 7122 color: #333; 7123 font-size: 13px; 7124 line-height: 2.14286rem; 7125 margin-bottom: 0; 7126 padding-left: .78571rem 7127} 7128 7129.actionBar-section .form-input, 7130.actionBar-section .form-select { 7131 border: 0; 7132 padding-left: .21429rem; 7133 width: auto 7134} 7135 7136.actionBar-section .form-input, 7137.actionBar-section .form-label, 7138.actionBar-section .form-select { 7139 display: inline-block 7140} 7141 7142.actionBar-section .form-select { 7143 color: #333; 7144 height: 2.14286rem 7145} 7146 7147.has-ribbon { 7148 position: relative 7149} 7150 7151.ribbon { 7152 background-color: #333; 7153 color: #fff; 7154 cursor: default; 7155 font-weight: 700; 7156 margin: -.78571rem -.78571rem 0 0; 7157 padding: .07143rem 1rem; 7158 position: absolute; 7159 right: 0; 7160 text-transform: uppercase; 7161 top: 0; 7162 z-index: 1 7163} 7164 7165.navUser { 7166 position: absolute; 7167 top: 50%; 7168 transform: translateY(-50%); 7169 right: 0; 7170 top: 26px; 7171 width: 100%; 7172 z-index: 5 7173} 7174 7175.navUser:after, 7176.navUser:before { 7177 content: " "; 7178 display: table 7179} 7180 7181.navUser:after { 7182 clear: both 7183} 7184 7185.navUser ol, 7186.navUser ul { 7187 list-style: none; 7188 margin-left: 0; 7189 margin: 0; 7190 padding: 0 7191} 7192 7193.navUser ol ol, 7194.navUser ol ul, 7195.navUser ul ol, 7196.navUser ul ul { 7197 list-style: none; 7198 margin-bottom: 0 7199} 7200 7201.navUser ol li, 7202.navUser ul li { 7203 margin: 0; 7204 padding: 0 7205} 7206 7207.navUser-section { 7208 float: left 7209} 7210 7211.navUser-section:after, 7212.navUser-section:before { 7213 content: " "; 7214 display: table 7215} 7216 7217.navUser-section:after { 7218 clear: both 7219} 7220 7221.navUser-section--alt { 7222 float: right; 7223 margin-left: 1.5rem 7224} 7225 7226.navUser-section+.navUser-section { 7227 margin-left: 1.5rem 7228} 7229 7230@media (min-width:551px) { 7231 .navUser-item { 7232 float: left 7233 } 7234} 7235 7236.navUser-action, 7237.navUser-item { 7238 display: block 7239} 7240 7241@media (min-width:801px) { 7242 .navUser { 7243 padding: 0 1.5rem; 7244 position: relative; 7245 right: auto; 7246 top: auto; 7247 transform: none; 7248 z-index: 50 7249 } 7250} 7251 7252.navUser .dropdown-menu { 7253 background-color: #fff; 7254 border: 1px solid #dfdfdf; 7255 box-shadow: 0 1px 2px rgba(255, 255, 255, .13); 7256 position: absolute 7257} 7258 7259.navUser .dropdown-menu.is-open:before { 7260 border: inset 10px; 7261 content: ""; 7262 display: block; 7263 height: 0; 7264 width: 0; 7265 border-color: transparent transparent #dfdfdf transparent; 7266 border-bottom-style: solid; 7267 bottom: 100%; 7268 left: .78571rem; 7269 position: absolute 7270} 7271 7272.navUser .dropdown-menu.is-open:after { 7273 border: inset 8px; 7274 content: ""; 7275 display: block; 7276 height: 0; 7277 width: 0; 7278 border-color: transparent transparent #fff transparent; 7279 border-bottom-style: solid; 7280 bottom: 100%; 7281 left: .92857rem; 7282 position: absolute 7283} 7284 7285@media (min-width:801px) { 7286 .navUser-section { 7287 position: relative 7288 } 7289} 7290 7291.navUser-action { 7292 color: #f6f6f6; 7293 font-weight: 700; 7294 padding: 1rem .78571rem; 7295 text-decoration: none; 7296 text-transform: uppercase 7297} 7298 7299.navUser-action.is-open, 7300.navUser-action:hover { 7301 color: #fff 7302} 7303 7304.navUser-action.is-open svg, 7305.navUser-action:hover svg { 7306 fill: #fff; 7307 stroke: #fff 7308} 7309 7310.navUser-action .icon { 7311 height: .57143rem; 7312 width: .57143rem; 7313 margin: -1px 0 0 .21429rem 7314} 7315 7316.navUser-action svg { 7317 fill: #f6f6f6; 7318 stroke: #f6f6f6; 7319 transition: all .15s ease 7320} 7321
7322.navUser-action svg.navUser-icon { 7323 width: 22px; 7324 height: 22px; 7325 fill: #f6f6f6; 7326 stroke: none; 7327 vertical-align: middle; 7328 display: inline-block 7329} 7330 7331.navUser-action:hover svg.navUser-icon { 7332 fill: #fff 7333} 7334 7335.navUser-action--currencySelector+.dropdown-menu:before { 7336 left: auto !important; 7337 right: .78571rem 7338} 7339 7340.navUser-action--currencySelector+.dropdown-menu:after { 7341 left: auto !important; 7342 right: .92857rem 7343} 7344 7345.navUser-action--storeCredit+.dropdown-menu { 7346 max-width: 21.42857rem; 7347 padding: 1.5rem 7348} 7349 7350.navUser-action--storeCredit+.dropdown-menu:before { 7351 left: 10rem !important 7352} 7353 7354.navUser-action--storeCredit+.dropdown-menu:after { 7355 left: 10.14286rem !important 7356} 7357 7358.navUser-action-divider { 7359 border-right: 1px solid #dfdfdf; 7360 color: #333; 7361 display: inline-block; 7362 padding: 0 1.42857rem 0 0; 7363 text-decoration: none 7364} 7365 7366.navUser-item { 7367 display: none 7368} 7369 7370@media (min-width:801px) { 7371 .navUser-item { 7372 display: block 7373 } 7374 .navUser-item.navUser-item--social { 7375 margin-top: .35714rem; 7376 padding-right: .35714rem 7377 } 7378 .navUser-item.navUser-item--divider { 7379 font-size: 1.78571rem; 7380 margin-top: .57143rem; 7381 padding-left: .14286rem 7382 } 7383} 7384 7385.navUser-item--cart { 7386 display: block 7387} 7388 7389.navUser-item--cart .navUser-action { 7390 color: #f6f6f6 7391} 7392 7393.navUser-item--cart .navUser-action.is-open, 7394.navUser-item--cart .navUser-action:hover { 7395 color: #fff 7396} 7397 7398.navUser-item--cart .dropdown-menu { 7399 max-width: 22.85714rem 7400} 7401 7402.navUser-item--cart .dropdown-menu.is-open { 7403 top: auto !important; 7404 left: auto !important; 7405 right: .35714rem 7406} 7407 7408@media (min-width:801px) { 7409 .navUser-item--cart .dropdown-menu.is-open { 7410 right: 0 7411 } 7412} 7413 7414.navUser-item--cart .dropdown-menu.is-open:after, 7415.navUser-item--cart .dropdown-menu.is-open:before { 7416 left: auto 7417} 7418 7419.navUser-item--cart .dropdown-menu.is-open:before { 7420 right: .42857rem 7421} 7422 7423@media (min-width:801px) { 7424 .navUser-item--cart .dropdown-menu.is-open:before { 7425 right: .78571rem 7426 } 7427} 7428 7429.navUser-item--cart .dropdown-menu.is-open:after { 7430 right: .57143rem 7431} 7432 7433@media (min-width:801px) { 7434 .navUser-item--cart .dropdown-menu.is-open:after { 7435 right: .92857rem 7436 } 7437} 7438 7439.navUser-item-cartLabel { 7440 display: none 7441} 7442 7443@media (min-width:551px) { 7444 .navUser-item-cartLabel { 7445 display: inline 7446 } 7447} 7448 7449.navUser-item--compare { 7450 display: none 7451} 7452 7453.navUser-item--compare.show { 7454 display: block 7455} 7456 7457.navUser-item--account .navUser-or+.navUser-action { 7458 margin-right: -.5rem 7459} 7460 7461.navUser-item--account .navUser-action { 7462 display: inline-block 7463} 7464 7465.navUser-or { 7466 color: #f6f6f6; 7467 cursor: default; 7468 display: inline-block; 7469 margin: 0 -.85714rem; 7470 padding: 0 2px; 7471 position: relative; 7472 z-index: 1 7473} 7474 7475.navUser-action--quickSearch.is-open { 7476 position: relative 7477} 7478 7479.navUser-action--quickSearch.is-open:before { 7480 border: inset 10px; 7481 content: ""; 7482 display: block; 7483 height: 0; 7484 width: 0; 7485 border-color: transparent transparent #e5e5e5 transparent; 7486 border-bottom-style: solid; 7487 bottom: 0; 7488 left: 50%; 7489 position: absolute; 7490 transform: translateX(-50%) 7491} 7492 7493.dropdown--quickSearch { 7494 background-color: #fff; 7495 padding: 1.5rem 0 7496} 7497 7498@media (min-width:551px) { 7499 .dropdown--quickSearch { 7500 padding: 3rem 7501 } 7502} 7503 7504.dropdown--quickSearch.is-open { 7505 left: 0 !important; 7506 outline: 0; 7507 right: 0 !important; 7508 width: 100% !important; 7509 z-index: 50 7510} 7511 7512.dropdown--quickSearch .form { 7513 margin: auto; 7514 max-width: 30rem 7515} 7516 7517.dropdown--quickSearch .form, 7518.dropdown--quickSearch .form-field { 7519 margin-bottom: 0 7520} 7521 7522.dropdown--quickSearch .form-input { 7523 font-size: 20px; 7524 height: unset 7525} 7526 7527.dropdown--quickSearch .productGrid { 7528 padding: 1.5rem 0 0 7529} 7530 7531@media (min-width:551px) { 7532 .dropdown--quickSearch .productGrid { 7533 padding: 3rem 0 0 7534 } 7535} 7536 7537.countPill { 7538 background-color: #fff; 7539 border-radius: 50%; 7540 color: #fff; 7541 display: none; 7542 font-size: 12px; 7543 font-weight: 700; 7544 height: 20px; 7545 line-height: 20px; 7546 margin-left: .21429rem; 7547 text-align: center;
7548 width: 20px 7549} 7550 7551.countPill--positive { 7552 display: inline-block 7553} 7554 7555.countPill--alt { 7556 background-color: #ccc; 7557 color: #333 7558} 7559 7560.navPage-childList, 7561.navPages .navPage-subMenu-list { 7562 border-left: 1px solid #ccc; 7563 margin: .35714rem .78571rem; 7564 padding-left: .78571rem 7565} 7566 7567.has-activeNavPages { 7568 overflow: hidden; 7569 -webkit-overflow-scrolling: auto 7570} 7571 7572.navPages-container { 7573 bottom: 0; 7574 display: none; 7575 height: 100%; 7576 left: 0; 7577 -webkit-overflow-scrolling: touch; 7578 position: absolute; 7579 right: 0; 7580 z-index: 10 7581} 7582 7583@media (min-width:801px) { 7584 .navPages-container { 7585 background: 0 0; 7586 display: block; 7587 height: auto; 7588 padding: 0; 7589 position: relative 7590 } 7591} 7592 7593.navPages-container.is-open { 7594 display: block; 7595 padding-top: 55px; 7596 z-index: 0 7597} 7598 7599.navPages { 7600 background-color: #e5e5e5; 7601 height: 100%; 7602 overflow-y: auto; 7603 padding: 1.5rem 7604} 7605 7606@media (min-width:801px) { 7607 .navPages { 7608 margin: 0 auto; 7609 max-width: 85.71429rem; 7610 width: 100%; 7611 background: 0 0; 7612 font-size: 0; 7613 overflow-y: visible; 7614 padding: 0; 7615 text-align: center 7616 } 7617 .navPages:after, 7618 .navPages:before { 7619 content: " "; 7620 display: table 7621 } 7622 .navPages:after { 7623 clear: both 7624 } 7625 .navPages:after, 7626 .navPages:before { 7627 content: " "; 7628 display: table 7629 } 7630 .navPages:after { 7631 clear: both 7632 } 7633 .navPages ol, 7634 .navPages ul { 7635 list-style: none; 7636 margin-left: 0; 7637 margin: 0; 7638 padding: 0 7639 } 7640 .navPages ol ol, 7641 .navPages ol ul, 7642 .navPages ul ol, 7643 .navPages ul ul { 7644 list-style: none; 7645 margin-bottom: 0 7646 } 7647 .navPages ol li, 7648 .navPages ul li { 7649 margin: 0; 7650 padding: 0 7651 } 7652 .navPages-section { 7653 float: left 7654 } 7655 .navPages-section:after, 7656 .navPages-section:before { 7657 content: " "; 7658 display: table 7659 } 7660 .navPages-section:after { 7661 clear: both 7662 } 7663 .navPages-section--alt { 7664 float: right; 7665 margin-left: 1.5rem 7666 } 7667 .navPages-section+.navPages-section { 7668 margin-left: 1.5rem 7669 } 7670} 7671 7672@media (min-width:801px) and (min-width:551px) { 7673 .navPages-item { 7674 float: left 7675 } 7676} 7677 7678@media (min-width:801px) { 7679 .navPages-action, 7680 .navPages-item { 7681 display: block 7682 } 7683} 7684 7685.navPages ul { 7686 list-style: none 7687} 7688 7689.navPages .navPage-subMenu-list { 7690 border-left: 0; 7691 list-style: none; 7692 margin-left: 0; 7693 padding-left: 0 7694} 7695 7696@media (min-width:801px) { 7697 .navPages .navPage-subMenu-list { 7698 margin: 0 auto; 7699 max-width: 85.71429rem; 7700 width: 100%; 7701 border-left: 0; 7702 margin: auto; 7703 padding-left: 0 7704 } 7705 .navPages .navPage-subMenu-list:after, 7706 .navPages .navPage-subMenu-list:before { 7707 content: " "; 7708 display: table 7709 } 7710 .navPages .navPage-subMenu-list:after { 7711 clear: both 7712 } 7713} 7714 7715.navPages-list { 7716 margin: 0 7717} 7718 7719@media (min-width:801px) { 7720 .navPages-list { 7721 display: inline-block; 7722 float: none 7723 } 7724} 7725 7726.navPages-list+.navPages-list { 7727 border-top: 1px solid #ccc; 7728 margin-top: .78571rem; 7729 padding-top: .78571rem 7730} 7731 7732.navPages-list-depth-max.subMenu-is-open .is-hidden { 7733 display: none 7734} 7735 7736@media (min-width:801px) { 7737 .navPages-list-depth-max.subMenu-is-open .is-hidden { 7738 display: inline-block 7739 } 7740} 7741 7742.navPages-list-depth-max.subMenu-is-open .navPages-item-page { 7743 display: none 7744} 7745 7746@media (min-width:801px) { 7747 .navPages-list-depth-max.subMenu-is-open .navPages-item-page { 7748 display: inline-block 7749 } 7750} 7751 7752@media (min-width:801px) { 7753 .navPages-action-depth-max.has-subMenu.is-root.is-open .navPages-action-moreIcon { 7754 transform: rotate(0) 7755 } 7756} 7757 7758.navPages-action-depth-max.has-subMenu.is-open { 7759 border-bottom: 1px solid #ccc; 7760 text-align: center 7761} 7762 7763@media (min-width:801px) { 7764 .navPages-action-depth-max.has-subMenu.is-open { 7765 border-bottom: 0; 7766 text-align: left 7767 } 7768} 7769 7770.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { 7771 border: solid 1px #d6cdc0; 7772 border-radius: 4px; 7773 float: left; 7774 height: 35px; 7775 margin-top: -10px; 7776 padding: 11.7px; 7777 transform: rotate(90deg); 7778 width: 35px 7779} 7780 7781@media (min-width:801px) { 7782 .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { 7783 height: .57143rem; 7784 width: .57143rem; 7785 border: 0; 7786 border-radius: 0; 7787 float: none; 7788 margin-top: 0; 7789 padding: 0; 7790 transform: rotate(-90deg) 7791 } 7792} 7793 7794.navPages-action-depth-max.has-subMenu.is-open svg { 7795 height: 9.6px; 7796 width: 9.6px 7797} 7798 7799@media (min-width:801px) { 7800 .navPages-action-depth-max.has-subMenu.is-open svg { 7801 height: 100%; 7802 width: 100% 7803 } 7804} 7805 7806.navPages-action { 7807 color: #f6f6f6; 7808 display: block; 7809 font-size: 15px; 7810 font-weight: 700; 7811 padding: .78571rem 0; 7812 text-decoration: none; 7813 text-transform: uppercase 7814} 7815 7816@media (min-width:801px) { 7817 .navPages-action { 7818 display: inline-block; 7819 padding: .78571rem 1.14286rem 1.14286rem 7820 } 7821 .navPages-action.is-open { 7822 background-color: #e5e5e5 7823 } 7824 .navPages-action.is-open svg { 7825 fill: #fff; 7826 stroke: #fff 7827 } 7828} 7829 7830.navPages-action.activePage, 7831.navPages-action:hover { 7832 color: #fff 7833} 7834 7835.navPages-action.activePage svg, 7836.navPages-action:hover svg { 7837 fill: #fff; 7838 stroke: #fff 7839} 7840 7841.navPages-action svg { 7842 fill: #f6f6f6; 7843 stroke: #f6f6f6; 7844 transition: all .15s ease 7845} 7846 7847.navPages-action--storeCredit { 7848 color: #333 7849} 7850 7851.navPages-action--compare { 7852 display: none 7853} 7854 7855.navPages-action--compare.show { 7856 display: block 7857} 7858 7859.navPages-action-moreIcon { 7860 height: .57143rem; 7861 width: .57143rem; 7862 margin-left: .35714rem; 7863 transform: rotate(-90deg) 7864} 7865 7866@media (min-width:801px) { 7867 .navPages-action-moreIcon { 7868 transform: none 7869 } 7870} 7871 7872.has-subMenu.is-open .navPages-action-moreIcon { 7873 transform: rotate(0) 7874} 7875 7876.navPage-childList { 7877 display: none 7878} 7879 7880@media (min-width:801px) { 7881 .navPage-childList { 7882 border: 0; 7883 display: block 7884 } 7885} 7886 7887.navPage-childList.is-open { 7888 display: block 7889} 7890 7891.navPage-subMenu { 7892 display: none; 7893 outline: 0 7894} 7895 7896@media (min-width:801px) { 7897 .navPage-subMenu { 7898 background-color: #e5e5e5; 7899 padding: 1.5rem 1.5rem 2.28571rem !important; 7900 position: absolute; 7901 text-align: left 7902 } 7903 .navPage-subMenu.is-open { 7904 display: block; 7905 left: 0; 7906 width: 100% 7907 } 7908 .navPage-subMenu .navPages-action-moreIcon { 7909 display: none 7910 } 7911} 7912 7913.navPage-subMenu.is-open { 7914 display: block 7915} 7916 7917@media (min-width:801px) { 7918 .has-subMenu.is-root+.navPage-subMenu-horizontal { 7919 border-left: 0; 7920 height: auto; 7921 left: inherit; 7922 margin: auto; 7923 top: inherit; 7924 width: 15.35714rem 7925 } 7926} 7927 7928@media (min-width:801px) { 7929 .navPage-subMenu-horizontal.is-open { 7930 border-left: 1px solid #ccc; 7931 display: inherit; 7932 height: auto; 7933 margin-left: 15.35714rem; 7934 padding: 0 !important; 7935 top: 0; 7936 width: 16.35714rem 7937 } 7938} 7939 7940@media (min-width:801px) { 7941 .navPage-subMenu-horizontal .navPages-action-moreIcon { 7942 display: inline-block; 7943 transform: rotate(-90deg) 7944 } 7945} 7946 7947@media (min-width:801px) { 7948 .navPage-subMenu-item { 7949 padding-left: .75rem; 7950 padding-right: .75rem; 7951 width: 25%; 7952 float: left; 7953 padding: 0 .75rem !important 7954 } 7955 .navPage-subMenu-item .navPages-action { 7956 text-transform: none; 7957 width: 100% 7958 } 7959 .navPage-subMenu-item>.navPage-subMenu-action { 7960 border-bottom: 1px solid #ccc; 7961 margin-bottom: 1.14286rem 7962 } 7963} 7964 7965.navPage-subMenu-item-child, 7966.navPage-subMenu-item-parent { 7967 width: 100% 7968} 7969 7970@media (min-width:801px) { 7971 .navPage-subMenu-item-child .navPage-subMenu-action, 7972 .navPage-subMenu-item-parent .navPage-subMenu-action { 7973 padding-left: 1.5rem; 7974 padding-right: 1.5rem; 7975 width: 100% 7976 } 7977 .navPage-subMenu-item-child .navPage-subMenu-action.is-open, 7978 .navPage-subMenu-item-child .navPage-subMenu-action:hover, 7979 .navPage-subMenu-item-parent .navPage-subMenu-action.is-open, 7980 .navPage-subMenu-item-parent .navPage-subMenu-action:hover { 7981 background: #c8bdb2; 7982 color: #000; 7983 font-weight: 500; 7984 opacity: .3 7985 } 7986} 7987 7988.navPage-subMenu-action { 7989 padding: .78571rem 0 7990} 7991 7992@media (min-width:801px) { 7993 .navPage-subMenu-action { 7994 padding: .78571rem 0 1.14286rem 7995 } 7996} 7997 7998.navPage-childList-action { 7999 font-weight: 400; 8000 padding: 0 0 .35714rem 8001} 8002 8003.navPages-quickSearch { 8004 border-bottom: 1px solid #dfdfdf; 8005 margin-bottom: .78571rem 8006} 8007 8008@media (min-width:801px) { 8009 .navPages-quickSearch { 8010 display: none 8011 } 8012} 8013 8014.navPages-quickSearch>.container { 8015 padding: 0 8016} 8017 8018.navPages-quickSearch .form { 8019 margin: 0 8020} 8021 8022.navPages-quickSearch .form-field { 8023 margin-bottom: 0 8024} 8025 8026@media (min-width:801px) { 8027 .navPages-list--user { 8028 display: none 8029 } 8030} 8031 8032.navPages-list--user #currencySelection2 { 8033 background-color: #fff; 8034 border: 1px solid #dfdfdf 8035} 8036 8037.navPages-list--user #currencySelection2 .dropdown-menu-item { 8038 padding: 0 8039} 8040 8041.navPages-list--user #currencySelection2 .dropdown-menu-item:not(:last-child) { 8042 border-bottom: 1px solid #dfdfdf 8043} 8044 8045.navPages-list--user #currencySelection2 a { 8046 padding: .78571rem 1.5rem 8047} 8048 8049.tags { 8050 list-style: none; 8051 margin-left: 0; 8052 font-size: 0; 8053 text-align: center 8054} 8055 8056.tags ol, 8057.tags ul { 8058 list-style: none; 8059 margin-bottom: 0 8060} 8061 8062.tag { 8063 display: inline-block; 8064 font-size: 1rem 8065} 8066 8067.tag a { 8068 color: #333; 8069 display: inline-block; 8070 padding: .35714rem .5rem; 8071 text-decoration: none 8072} 8073 8074.tag a:hover { 8075 color: #888 8076} 8077 8078.socialLinks { 8079 list-style: none; 8080 margin-left: 0; 8081 margin: 0; 8082 padding: 0; 8083 line-height: 37px 8084} 8085 8086.socialLinks:after, 8087.socialLinks:before { 8088 content: " "; 8089 display: table 8090} 8091 8092.socialLinks:after { 8093 clear: both 8094} 8095 8096.socialLinks ol, 8097.socialLinks ul { 8098 list-style: none; 8099 margin-bottom: 0 8100} 8101 8102.socialLinks li { 8103 margin: 0; 8104 padding: 0 8105} 8106 8107.socialLinks .icon { 8108 height: 1.42857rem; 8109 width: 1.42857rem; 8110 margin: 0; 8111 text-decoration: none 8112} 8113 8114.socialLinks .icon:hover svg { 8115 fill: #888 8116} 8117 8118.socialLinks .icon svg { 8119 fill: #8e8e8e; 8120 transition: all .15s ease 8121} 8122 8123.socialLinks-item--pinterest { 8124 width: 25px 8125} 8126 8127.pin_it_iframe_widget { 8128 display: none 8129} 8130 8131.socialLinks-item { 8132 display: inline-block; 8133 font-size: 0 8134} 8135 8136.socialLinks .socialLinks-item { 8137 margin-bottom: .35714rem; 8138 margin-right: .78571rem 8139} 8140 8141.socialLinks .socialLinks-item:last-child { 8142 margin-right: 0 8143} 8144 8145.socialLinks--alt .icon { 8146 height: 1.5rem; 8147 width: 1.5rem 8148} 8149 8150.socialLinks--alt svg { 8151 fill: #333 8152} 8153 8154.heroCarousel { 8155 width: 1px; 8156 min-width: 100%; 8157 margin-bottom: 4.5rem; 8158 margin-top: -1.5rem 8159} 8160 8161@media (min-width:801px) { 8162 .heroCarousel { 8163 margin-top: -2.5rem 8164 } 8165} 8166 8167.heroCarousel.slick-initialized { 8168 max-height: 71.42857rem; 8169 opacity: 1 8170} 8171 8172.heroCarousel:not(.slick-initialized) :not(.heroCarousel-slide--first).heroCarousel-slide { 8173 display: none 8174} 8175 8176.heroCarousel .slick-next, 8177.heroCarousel .slick-prev { 8178 top: 50% 8179} 8180 8181.heroCarousel .slick-next { 8182 right: 15px 8183} 8184 8185@media (min-width:801px) { 8186 .heroCarousel .slick-next { 8187 right: 25px 8188 } 8189} 8190 8191.heroCarousel .slick-prev { 8192 left: 15px 8193} 8194 8195@media (min-width:801px) { 8196 .heroCarousel .slick-prev { 8197 left: 25px 8198 } 8199} 8200 8201.heroCarousel .slick-dots { 8202 bottom: .5rem 8203} 8204 8205@media (min-width:801px) { 8206 .heroCarousel .slick-dots { 8207 bottom: 1.5rem 8208 } 8209} 8210 8211.heroCarousel .slick-dots li { 8212 background-color: #fff; 8213 background-color: rgba(255, 255, 255, .9) 8214} 8215 8216.heroCarousel-slide { 8217 position: relative 8218} 8219 8220.heroCarousel-slide a { 8221 text-decoration: none 8222} 8223 8224@media (min-width:801px) { 8225 .heroCarousel-slide .heroCarousel-image { 8226 -o-object-fit: cover; 8227 object-fit: cover; 8228 max-height: 50rem; 8229 width: 100% 8230 } 8231} 8232 8233@media (min-width:801px) { 8234 .heroCarousel-slide .heroCarousel-image-wrapper { 8235 max-height: 49.64286rem 8236 } 8237} 8238 8239.heroCarousel-slide.compat-object-fit { 8240 background-size: cover; 8241 background-position: 50%; 8242 background-repeat: no-repeat 8243} 8244 8245@media (min-width:1261px) { 8246 .heroCarousel-slide.compat-object-fit.stretch { 8247 background-size: 100% 100% 8248 } 8249} 8250 8251.heroCarousel-slide.compat-object-fit .heroCarousel-image { 8252 opacity: 0 8253} 8254 8255.heroCarousel-content { 8256 background-color: #fff; 8257 padding: .78571rem 1.5rem 3rem; 8258 text-align: center 8259} 8260 8261@media (min-width:801px) { 8262 .heroCarousel-content { 8263 background-color: #fff; 8264 background-color: rgba(255, 255, 255, .9); 8265 background-color: rgba(255, 255, 255, .9); 8266 left: 0; 8267 margin: 0 auto; 8268 padding: 2.25rem; 8269 position: absolute; 8270 right: 0; 8271 top: 50%; 8272 transform: translateY(-50%); 8273 width: 50rem 8274 } 8275 .heroCarousel-content.heroCarousel-content--empty { 8276 background-color: transparent 8277 } 8278} 8279 8280.heroCarousel-title { 8281 color: #fff; 8282 font-size: 20px; 8283 margin-top: 0 8284} 8285 8286@media (min-width:801px) { 8287 .heroCarousel-title { 8288 font-size: 50px 8289 } 8290} 8291 8292.heroCarousel-description { 8293 color: #fff; 8294 font-size: 12px 8295} 8296 8297@media (min-width:551px) { 8298 .heroCarousel-description { 8299 font-size: 13px 8300 } 8301} 8302 8303@media (min-width:801px) { 8304 .heroCarousel-description { 8305 font-size: 15px 8306 } 8307} 8308 8309.heroCarousel-action { 8310 margin: 0 8311} 8312 8313@media (min-width:801px) { 8314 .heroCarousel-action { 8315 margin-top: 1.5rem 8316 } 8317} 8318 8319@media (min-width:801px) { 8320 .writeReview-productDetails { 8321 padding-left: .75rem; 8322 padding-right: .75rem; 8323 width: 50%; 8324 float: left 8325 } 8326} 8327 8328.writeReview-productDetails .product-brand { 8329 color: #999; 8330 margin: 0 8331} 8332 8333.writeReview-productDetails .product-title { 8334 margin-top: 0 8335} 8336 8337@media (min-width:801px) { 8338 .writeReview-form { 8339 padding-left: .75rem; 8340 padding-right: .75rem; 8341 width: 50%; 8342 float: left 8343 } 8344} 8345 8346.writeReview-productImage-container { 8347 position: relative 8348} 8349 8350.writeReview-productImage-container img { 8351 position: absolute; 8352 top: 0; 8353 bottom: 0; 8354 left: 0; 8355 right: 0; 8356 margin: auto; 8357 height: 100%; 8358 -o-object-fit: contain; 8359 object-fit: contain; 8360 font-family: 'object-fit: contain;' 8361} 8362 8363.writeReview-productImage-container:after { 8364 content: ''; 8365 display: block; 8366 height: 0; 8367 width: 100%; 8368 padding-bottom: 100% 8369} 8370 8371.account--addReturn .table { 8372 display: block; 8373 margin-bottom: 3rem 8374} 8375 8376@media (min-width:551px) { 8377 .account--addReturn .table { 8378 display: table; 8379 margin-bottom: 6rem 8380 } 8381} 8382 8383.account--addReturn .table tr { 8384 display: block; 8385 padding: 1.5rem 0 8386} 8387 8388@media (min-width:551px) { 8389 .account--addReturn .table tr { 8390 display: table-row; 8391 padding: 0 8392 } 8393} 8394 8395.account--addReturn .table td, 8396.account--addReturn .table th { 8397 display: block; 8398 padding: 0 8399} 8400 8401@media (min-width:551px) { 8402 .account--addReturn .table td, 8403 .account--addReturn .table th { 8404 display: table-cell; 8405 padding-bottom: .78571rem; 8406 padding-top: .78571rem 8407 } 8408} 8409 8410.account--addReturn .table td+td, 8411.account--addReturn .table td+th, 8412.account--addReturn .table th+td,
8413.account--addReturn .table th+th { 8414 padding-left: 0 8415} 8416 8417@media (min-width:551px) { 8418 .account--addReturn .table td+td, 8419 .account--addReturn .table td+th, 8420 .account--addReturn .table th+td, 8421 .account--addReturn .table th+th { 8422 padding-left: 1.5rem 8423 } 8424} 8425 8426.account--addReturn .table .return-itemTitle+.definitionList { 8427 margin-top: .21429rem 8428} 8429 8430@media (min-width:551px) { 8431 .account--addReturn .table .return-itemPrice { 8432 text-align: center 8433 } 8434} 8435 8436@media (min-width:551px) { 8437 .account--addReturn .table .return-itemQuantity { 8438 text-align: right 8439 } 8440} 8441 8442.account--addReturn .table-thead { 8443 display: none 8444} 8445 8446@media (min-width:551px) { 8447 .account--addReturn .table-thead { 8448 display: table-header-group 8449 } 8450} 8451 8452.account--addReturn .table-thead th { 8453 font-size: 15px 8454} 8455 8456.account--addReturn .table-thead th:first-child { 8457 width: 60% 8458} 8459 8460.account--addReturn .table-tbody { 8461 display: block 8462} 8463 8464@media (min-width:551px) { 8465 .account--addReturn .table-tbody { 8466 display: table-row-group 8467 } 8468} 8469 8470.return-itemName { 8471 font-size: 15px; 8472 font-weight: 700 8473} 8474 8475@media (min-width:551px) { 8476 .return-itemName { 8477 font-size: 1rem; 8478 font-weight: 400 8479 } 8480} 8481 8482.return-itemPrice { 8483 color: #999; 8484 margin-bottom: .35714rem 8485} 8486 8487@media (min-width:551px) { 8488 .return-itemPrice { 8489 color: inherit; 8490 margin-bottom: 0; 8491 text-align: center 8492 } 8493} 8494 8495.return-itemQuantity .form-label { 8496 display: inline; 8497 margin-right: .35714rem 8498} 8499 8500@media (min-width:551px) { 8501 .return-itemQuantity .form-label { 8502 border: 0; 8503 clip: rect(1px, 1px, 1px, 1px); 8504 height: 1px; 8505 overflow: hidden; 8506 padding: 0; 8507 position: absolute; 8508 width: 1px 8509 } 8510} 8511 8512.account--addReturn-row { 8513 margin: 0 -.75rem; 8514 max-width: none; 8515 width: auto; 8516 margin: 0 -1rem 8517} 8518 8519.account--addReturn-row:after, 8520.account--addReturn-row:before { 8521 content: " "; 8522 display: table 8523} 8524 8525.account--addReturn-row:after { 8526 clear: both 8527} 8528 8529.account--addReturn-column { 8530 padding-left: .75rem; 8531 padding-right: .75rem; 8532 width: 100%; 8533 float: left; 8534 padding: 0 1rem 8535} 8536 8537@media (min-width:551px) { 8538 .account--addReturn-column { 8539 width: 50% 8540 } 8541} 8542 8543.productCarousel { 8544 width: 1px; 8545 min-width: 100%; 8546 margin: 0 -.75rem; 8547 max-width: none; 8548 width: auto 8549} 8550 8551.productCarousel:after, 8552.productCarousel:before { 8553 content: " "; 8554 display: table 8555} 8556 8557.productCarousel:after { 8558 clear: both 8559} 8560 8561.productCarousel-slide { 8562 padding-left: .75rem; 8563 padding-right: .75rem; 8564 width: 50%; 8565 float: left 8566} 8567 8568@media (min-width:551px) { 8569 .productCarousel-slide { 8570 width: 33.33333% 8571 } 8572} 8573 8574@media (min-width:801px) { 8575 .productCarousel-slide { 8576 width: 25% 8577 } 8578} 8579 8580@media (min-width:1261px) { 8581 .productCarousel-slide { 8582 width: 16.66667% 8583 } 8584} 8585 8586.productCarousel-slide .card { 8587 margin-bottom: 0 8588} 8589 8590.productCarousel-slide .card .card-title { 8591 overflow-wrap: break-word 8592} 8593 8594.quickView:after, 8595.quickView:before { 8596 content: " "; 8597 display: table 8598} 8599 8600.quickView:after { 8601 clear: both 8602} 8603 8604.productReviews-list { 8605 list-style: none; 8606 margin-left: 0; 8607 margin: 0 -.75rem; 8608 max-width: none; 8609 width: auto; 8610 font-size: 0 8611} 8612 8613.productReviews-list ol, 8614.productReviews-list ul { 8615 list-style: none; 8616 margin-bottom: 0 8617} 8618 8619.productReviews-list:after, 8620.productReviews-list:before { 8621 content: " "; 8622 display: table 8623} 8624 8625.productReviews-list:after { 8626 clear: both 8627} 8628 8629.productReview { 8630 padding-left: .75rem; 8631 padding-right: .75rem; 8632 width: 100%; 8633 float: left; 8634 display: inline-block; 8635 float: none; 8636 font-size: 1rem; 8637 vertical-align: top 8638} 8639 8640@media (min-width:801px) { 8641 .productReview { 8642 width: 50% 8643 } 8644} 8645 8646@media (min-width:1261px) { 8647 .productReview { 8648 width: 33.33333% 8649 } 8650} 8651 8652.productReview-title { 8653 margin: 0; 8654 text-transform: none 8655} 8656 8657.productReview-author { 8658 color: #333; 8659 margin-bottom: 1rem 8660} 8661 8662.productReview-rating { 8663 display: inline-block; 8664 margin-bottom: .35714rem 8665} 8666 8667.productReview-ratingNumber { 8668 border: 0; 8669 clip: rect(1px, 1px, 1px, 1px); 8670 height: 1px; 8671 overflow: hidden; 8672 padding: 0; 8673 position: absolute; 8674 width: 1px 8675} 8676 8677.productView { 8678 padding-top: 1rem 8679} 8680 8681.productView-images { 8682 margin-bottom: 3rem 8683} 8684 8685.productView-image { 8686 -ms-flex-align: center;
8687 align-items: center; 8688 display: -ms-flexbox; 8689 display: flex; 8690 -ms-flex-pack: center; 8691 justify-content: center; 8692 margin: auto; 8693 position: relative 8694} 8695 8696@media (min-width:801px) { 8697 .productView-image { 8698 min-height: 366px; 8699 min-width: inherit 8700 } 8701} 8702 8703.productView-image+.productView-thumbnails { 8704 margin-top: .78571rem 8705} 8706 8707@media (min-width:320px) and (max-width:801px) { 8708 .productView-image { 8709 pointer-events: none 8710 } 8711} 8712 8713.productView-img-container { 8714 position: relative; 8715 margin: auto; 8716 max-width: 558px; 8717 width: 100% 8718} 8719 8720.productView-img-container img { 8721 position: absolute; 8722 top: 0; 8723 bottom: 0; 8724 left: 0; 8725 right: 0; 8726 margin: auto; 8727 max-height: 100%; 8728 width: 100%; 8729 -o-object-fit: contain; 8730 object-fit: contain; 8731 font-family: 'object-fit: contain;' 8732} 8733 8734.productView-img-container:after { 8735 content: ''; 8736 display: block; 8737 height: 0; 8738 width: 100%; 8739 padding-bottom: 100% 8740} 8741 8742.productView-thumbnails { 8743 list-style: none; 8744 margin-left: 0; 8745 margin: 0 -.75rem; 8746 max-width: none; 8747 width: auto; 8748 margin-left: -.35714rem; 8749 margin-right: -.35714rem 8750} 8751 8752.productView-thumbnails ol, 8753.productView-thumbnails ul { 8754 list-style: none; 8755 margin-bottom: 0 8756} 8757 8758.productView-thumbnails:after, 8759.productView-thumbnails:before { 8760 content: " "; 8761 display: table 8762} 8763 8764.productView-thumbnails:after { 8765 clear: both 8766} 8767 8768.productView-thumbnails .slick-list { 8769 margin-left: 2.85714rem; 8770 margin-right: 2.85714rem 8771} 8772 8773.productView-thumbnails .slick-next { 8774 right: 0 8775} 8776 8777.productView-thumbnails .slick-prev { 8778 left: 0 8779} 8780 8781.productView-thumbnails img { 8782 margin: 0; 8783 width: 90px; 8784 -o-object-fit: contain; 8785 object-fit: contain; 8786 font-family: 'object-fit: contain;'; 8787 position: relative 8788} 8789 8790.productView-thumbnail { 8791 padding-left: .75rem; 8792 padding-right: .75rem; 8793 width: 25%; 8794 float: left; 8795 padding-left: .35714rem; 8796 padding-right: .35714rem; 8797 text-align: center 8798} 8799 8800@media (min-width:1261px) { 8801 .productView-thumbnail { 8802 width: 20% 8803 } 8804} 8805 8806.productView-thumbnail-link { 8807 border: 1px solid #dfdfdf; 8808 display: -ms-inline-flexbox; 8809 display: inline-flex; 8810 height: 67px; 8811 max-width: 75px; 8812 padding: 2px; 8813 position: relative; 8814 width: 100%; 8815 box-sizing: content-box; 8816 -ms-flex-pack: center; 8817 justify-content: center 8818} 8819 8820.productView-thumbnail-link.is-active, 8821.productView-thumbnail-link:hover { 8822 border-color: #333 8823} 8824 8825.productView-details { 8826 margin-bottom: 2rem 8827} 8828 8829@media (min-width:801px) { 8830 .productView-product { 8831 border-bottom: 1px solid #dfdfdf; 8832 padding-bottom: 2rem 8833 } 8834} 8835 8836.productView-product>:last-child { 8837 margin-bottom: 0 8838} 8839 8840.productView-title { 8841 font-size: 20px; 8842 margin: -.78571rem 0 .35714rem 8843} 8844 8845@media (min-width:801px) { 8846 .productView-title { 8847 margin-top: 1.5rem 8848 } 8849} 8850 8851@media (min-width:1261px) { 8852 .productView-title { 8853 font-size: 28px 8854 } 8855} 8856 8857.productView-brand { 8858 color: #333; 8859 font-size: 15px; 8860 margin: 0 0 .78571rem 8861} 8862 8863@media (min-width:1261px) { 8864 .productView-brand { 8865 font-size: 20px; 8866 margin: -.21429rem 0 1rem 8867 } 8868} 8869 8870.productView-brand a { 8871 color: #333 8872} 8873 8874.productView-brand a:hover { 8875 color: #888 8876} 8877 8878.productView-price { 8879 font-size: 15px; 8880 margin-bottom: .5rem 8881} 8882 8883@media (min-width:801px) { 8884 .productView-price { 8885 font-size: 25px; 8886 margin-bottom: 1rem 8887 } 8888} 8889 8890.productView-price .price-section--saving { 8891 font-size: 15px 8892} 8893 8894.productView-price abbr { 8895 border: 0; 8896 color: inherit; 8897 font-size: inherit 8898} 8899 8900.productView-reviewLink { 8901 display: inline-block; 8902 margin-left: .78571rem; 8903 vertical-align: middle 8904} 8905 8906.productView-reviewLink+.productView-reviewLink { 8907 display: block; 8908 margin-left: auto 8909} 8910 8911@media (min-width:551px) { 8912 .productView-reviewLink+.productView-reviewLink { 8913 display: inline-block; 8914 margin-left: .78571rem 8915 } 8916} 8917 8918.productView-reviewLink>a { 8919 color: #333 8920} 8921 8922.productView-reviewLink>a:hover { 8923 color: #888 8924} 8925 8926.productView-info { 8927 margin-top: .78571rem 8928} 8929 8930.productView-info:after, 8931.productView-info:before { 8932 content: " "; 8933 display: table 8934} 8935 8936.productView-info:after { 8937 clear: both 8938} 8939 8940@media (min-width:551px) { 8941 .productView-info { 8942 margin-top: 0 8943 } 8944} 8945 8946@media (min-width:551px) { 8947 .productView-info>:first-child { 8948 margin-top: 1.5rem 8949 } 8950} 8951 8952.productView-info>:last-child { 8953 margin-bottom: 0 8954} 8955 8956.productView-info-name, 8957.productView-info-value { 8958 float: left 8959} 8960 8961@media (min-width:551px) { 8962 .productView-info-name, 8963 .productView-info-value { 8964 float: none 8965 } 8966} 8967 8968.productView-info-name { 8969 clear: both; 8970 margin-bottom: .21429rem; 8971 margin-right: .35714rem 8972} 8973 8974@media (min-width:551px) { 8975 .productView-info-name { 8976 font-family: Rubik, Arial, Helvetica, sans-serif; 8977 font-size: 13px; 8978 font-weight: 400 8979 } 8980} 8981 8982.productView-info-value { 8983 margin-bottom: .35714rem 8984} 8985 8986@media (min-width:551px) { 8987 .productView-info-value { 8988 margin-bottom: 1rem 8989 } 8990} 8991 8992.productView-options { 8993 margin-bottom: 1.5rem; 8994 text-align: center 8995} 8996 8997.productView-options:after, 8998.productView-options:before { 8999 content: " "; 9000 display: table 9001} 9002 9003.productView-options:after { 9004 clear: both 9005} 9006 9007@media (min-width:551px) { 9008 .productView-options { 9009 text-align: left 9010 } 9011} 9012 9013@media (min-width:551px) { 9014 .productView-options .form-input[type=number] { 9015 width: 16.66667% 9016 } 9017} 9018 9019.productView-options .form { 9020 display: inline 9021} 9022 9023.productView-options input[type=file] { 9024 font-size: 13px 9025} 9026 9027.productView-options .form-field { 9028 font-size: 0; 9029 margin-bottom: 2rem 9030} 9031 9032.productView-options .form-field>.form-checkbox+.form-label, 9033.productView-options .form-field>.form-radio+.form-label { 9034 display: inline-block; 9035 margin-left: 1.5rem; 9036 width: auto 9037} 9038 9039@media (min-width:551px) { 9040 .productView-options .form-field>.form-checkbox+.form-label, 9041 .productView-options .form-field>.form-radio+.form-label { 9042 margin-left: 0; 9043 width: 100% 9044 } 9045} 9046 9047.productView-options .form-field>.form-label:nth-of-type(2) { 9048 margin-left: 0 9049} 9050 9051@media (min-width:551px) { 9052 .productView-options .form-action { 9053 float: left; 9054 padding: 0 .71429rem; 9055 width: 50% 9056 } 9057} 9058 9059@media (min-width:801px) { 9060 .productView-options .form-action { 9061 float: none; 9062 padding: 0; 9063 width: auto 9064 } 9065} 9066 9067@media (min-width:1261px) { 9068 .productView-options .form-action { 9069 display: inline-block; 9070 margin-top: 1rem 9071 } 9072} 9073 9074.productView-options .form-action .button { 9075 width: 100% 9076} 9077 9078@media (min-width:1261px) { 9079 .productView-options .form-action .button { 9080 margin-right: .78571rem; 9081 width: auto 9082 } 9083} 9084 9085.productOptions-list { 9086 border: 1px solid #dfdfdf; 9087 list-style: none; 9088 margin: 0 9089} 9090 9091.productOptions-list-item { 9092 padding: 1.5rem 9093} 9094 9095.productOptions-list-item+.productOptions-list-item { 9096 border-top: 1px solid #dfdfdf 9097} 9098 9099.productOptions-list-item .form-label { 9100 text-align: left; 9101 top: -2px 9102} 9103 9104.productOptions-list-item-content, 9105.productOptions-list-item-figure { 9106 display: table-cell; 9107 vertical-align: middle 9108} 9109 9110.productOptions-list-item-figure { 9111 width: 3rem 9112} 9113 9114.productOptions-list-item-content { 9115 padding-left: 1.28571rem 9116} 9117 9118.shareProduct { 9119 text-align: center 9120} 9121 9122.productView-image .easyzoom-flyout { 9123 overflow: hidden; 9124 position: absolute; 9125 width: 100%; 9126 height: 100% 9127}
9127 9128 9129.productView-image .easyzoom-flyout img { 9130 max-width: none; 9131 width: auto 9132} 9133 9134.price--discounted, 9135.price--non-sale, 9136.price--rrp { 9137 text-decoration: line-through 9138} 9139 9140.price-section--minor { 9141 color: #999 9142} 9143 9144.compareTable { 9145 border-top: 1px solid #dfdfdf; 9146 table-layout: fixed; 9147 width: 100% 9148} 9149 9150.compareTable-row { 9151 vertical-align: top 9152} 9153 9154.compareTable-row+.compareTable-row .compareTable-heading, 9155.compareTable-row+.compareTable-row .compareTable-item { 9156 border-top: 1px solid #dfdfdf 9157} 9158 9159.compareTable-row+.compareTable-row .compareTable-heading:empty { 9160 border-top: 0 9161} 9162 9163.compareTable-heading { 9164 font-family: Rubik, Arial, Helvetica, sans-serif; 9165 font-size: 15px; 9166 font-weight: 400; 9167 padding: 1.28571rem 1rem; 9168 position: relative; 9169 text-align: right; 9170 width: 0 9171} 9172 9173@media (min-width:801px) { 9174 .compareTable-heading { 9175 width: 25% 9176 } 9177} 9178 9179.compareTable-headingText { 9180 position: absolute; 9181 top: 1.28571rem; 9182 white-space: nowrap 9183} 9184 9185@media (min-width:801px) { 9186 .compareTable-headingText { 9187 position: inherit; 9188 top: inherit 9189 } 9190} 9191 9192.compareTable-item { 9193 padding: 3.28571rem 1rem 1.28571rem 9194} 9195 9196@media (min-width:801px) { 9197 .compareTable-item { 9198 padding-top: 1.28571rem 9199 } 9200} 9201 9202.compareTable-removeProduct { 9203 background-color: #f4f4f4; 9204 border-radius: 50%; 9205 height: 2.5rem; 9206 position: absolute; 9207 right: -1rem; 9208 top: -1rem; 9209 transition: background-color .15s ease; 9210 width: 2.5rem 9211} 9212 9213.compareTable-removeProduct .icon { 9214 fill: #8e8e8e; 9215 height: 1.5rem; 9216 margin-top: .5rem; 9217 width: 1.5rem 9218} 9219 9220.compareTable-product { 9221 font-weight: 400; 9222 padding: 2rem 1rem 1.28571rem 9223} 9224 9225.compareTable-product .card { 9226 margin-bottom: 0 9227} 9228 9229.compareTable-product .card-body { 9230 min-height: 6rem; 9231 padding-top: 1rem 9232} 9233 9234.compareTable-action { 9235 padding: 0 1rem 1rem 9236} 9237 9238.compareTable-action .button { 9239 display: block; 9240 padding-left: .78571rem; 9241 padding-right: .78571rem; 9242 width: 100% 9243} 9244 9245.blocker { 9246 background: rgba(255, 255, 255, .5); 9247 bottom: 0; 9248 left: 0; 9249 position: absolute; 9250 right: 0; 9251 top: 0; 9252 z-index: 500 9253} 9254 9255.blocker-container { 9256 position: relative 9257} 9258 9259.textTruncate { 9260 padding-bottom: 1.5rem; 9261 position: relative; 9262 transition: max-height .1s ease-out 9263} 9264 9265.js .textTruncate { 9266 max-height: 110px; 9267 overflow: hidden 9268} 9269 9270.js .textTruncate--visible { 9271 max-height: 71.42857rem 9272} 9273 9274.textTruncate-viewMore { 9275 background-color: #fff; 9276 bottom: 0; 9277 padding-top: 10px; 9278 position: absolute; 9279 width: 100% 9280} 9281 9282.toggle { 9283 border-top: 1px solid #dfdfdf; 9284 margin-bottom: 2.28571rem 9285} 9286 9287.toggle:last-of-type { 9288 margin-bottom: 4.57143rem 9289} 9290 9291.toggle-title { 9292 margin-bottom: 2.28571rem 9293} 9294 9295.toggleLink { 9296 color: #333 9297} 9298 9299.toggleLink:hover { 9300 color: #888 9301} 9302 9303.toggle-title .toggleLink { 9304 float: right; 9305 line-height: 24px 9306} 9307 9308.toggleLink-text { 9309 font-size: 13px; 9310 font-weight: 400 9311} 9312 9313.toggleLink-text--off { 9314 display: inline-block 9315} 9316 9317.toggleLink.is-open .toggleLink-text--off { 9318 display: none 9319} 9320 9321.toggleLink-text--on { 9322 display: none 9323} 9324 9325.toggleLink.is-open .toggleLink-text--on { 9326 display: inline-block 9327} 9328 9329.toggle-content { 9330 display: none 9331} 9332 9333.toggle-content.is-open { 9334 display: block 9335} 9336 9337.facetedSearch-toggle { 9338 margin: 0 auto; 9339 max-width: 85.71429rem; 9340 width: 100%; 9341 border: #dfdfdf solid; 9342 border-radius: 4px; 9343 border-width: 1px; 9344 display: block; 9345 margin-bottom: 2rem; 9346 padding: 1rem 9347} 9348 9349.facetedSearch-toggle:after, 9350.facetedSearch-toggle:before { 9351 content: " "; 9352 display: table 9353} 9354 9355.facetedSearch-toggle:after { 9356 clear: both 9357} 9358 9359@media (min-width:801px) { 9360 .facetedSearch-toggle { 9361 display: none !important 9362 } 9363} 9364 9365.facetedSearch-toggle.is-open { 9366 border-bottom-left-radius: 0; 9367 border-bottom-right-radius: 0; 9368 margin-bottom: 0 9369} 9370 9371.facetedSearch-toggle-indicator, 9372.facetedSearch-toggle-text { 9373 display: block; 9374 font-weight: 400 9375} 9376 9377.facetedSearch-toggle-text { 9378 padding-left: .75rem; 9379 padding-right: .75rem; 9380 width: 58.33333%; 9381 float: left; 9382 padding: 0; 9383 text-align: left 9384} 9385 9386.facetedSearch-toggle-indicator { 9387 padding-left: .75rem; 9388 padding-right: .75rem; 9389 width: 41.66667%; 9390 float: left; 9391 font-weight: 700; 9392 padding: 0; 9393 text-align: right 9394} 9395 9396.facetedSearch-navList { 9397 display: none 9398} 9399 9400@media (min-width:801px) { 9401 .facetedSearch-navList { 9402 display: block !important 9403 } 9404} 9405 9406.facetedSearch-navList.is-open { 9407 display: block 9408} 9409 9410.facetedSearch-navList.is-open .accordion--navList, 9411.facetedSearch-navList.is-open .accordion-block:first-child .accordion-navigation { 9412 border-top-left-radius: 0; 9413 border-top-right-radius: 0 9414} 9415 9416.facetedSearch-toggle+.facetedSearch-navList, 9417.sidebarBlock+.facetedSearch-navList { 9418 margin-top: 2rem 9419} 9420 9421.facetedSearch-toggle+.facetedSearch-navList.is-open, 9422.sidebarBlock+.facetedSearch-navList.is-open {
9423 margin-top: -1px 9424} 9425 9426@media (min-width:801px) { 9427 .facetedSearch-toggle+.facetedSearch-navList.is-open, 9428 .sidebarBlock+.facetedSearch-navList.is-open { 9429 margin-top: 2rem 9430 } 9431} 9432 9433.facetedSearch-navList .navList--inner { 9434 margin-left: 1.5rem 9435} 9436 9437.facet-quick-heading { 9438 text-transform: capitalize 9439} 9440 9441.facetedSearch-optionColumns { 9442 column-count: 3; 9443 column-gap: 20px 9444} 9445 9446.facetedSearch-refineFilters { 9447 display: none 9448} 9449 9450@media (min-width:801px) { 9451 .facetedSearch-refineFilters { 9452 display: block 9453 } 9454} 9455 9456.facetedSearch-content--rating .is-selected { 9457 font-weight: 700 9458} 9459 9460.banners { 9461 background-color: #888; 9462 color: #fff; 9463 padding: .78571rem 0; 9464 text-align: center 9465} 9466 9467.banners p:last-child { 9468 margin-bottom: 0 9469} 9470 9471.banners a { 9472 color: #fff 9473} 9474 9475.banner { 9476 margin: 0 auto; 9477 max-width: 85.71429rem; 9478 width: 100% 9479} 9480 9481.banner:after, 9482.banner:before { 9483 content: " "; 9484 display: table 9485} 9486 9487.banner:after { 9488 clear: both 9489} 9490 9491.banner+.banner { 9492 margin-top: 1.5rem 9493} 9494 9495.facetLabel { 9496 background: #f4f4f4; 9497 border-radius: 4px; 9498 padding: .21429rem .5rem .21429rem .71429rem; 9499 text-decoration: none 9500} 9501 9502.facetLabel .icon { 9503 height: .85714rem; 9504 width: .85714rem; 9505 display: inline-block; 9506 fill: #333; 9507 position: relative; 9508 top: -1px 9509} 9510 9511.cart { 9512 display: block; 9513 margin-bottom: 1.5rem; 9514 width: 100% 9515} 9516 9517@media (min-width:801px) { 9518 .cart { 9519 display: table 9520 } 9521} 9522 9523.cart-header { 9524 display: none 9525} 9526 9527@media (min-width:801px) { 9528 .cart-header { 9529 display: table-header-group; 9530 text-align: left 9531 } 9532} 9533 9534.cart-header-item { 9535 padding-bottom: 1rem 9536} 9537 9538.cart-header-item:last-child { 9539 text-align: right 9540} 9541 9542.cart-list { 9543 border-top: 1px solid #dfdfdf; 9544 display: block 9545} 9546 9547@media (min-width:801px) { 9548 .cart-list { 9549 display: table-row-group 9550 } 9551} 9552 9553.cart-item { 9554 border-bottom: 1px solid #dfdfdf; 9555 clear: both; 9556 display: block; 9557 padding: 1.5rem 0 9558} 9559 9560@media (min-width:551px) { 9561 .cart-item { 9562 padding-left: 25% 9563 } 9564 .cart-item:after, 9565 .cart-item:before { 9566 content: " "; 9567 display: table 9568 } 9569 .cart-item:after { 9570 clear: both 9571 } 9572} 9573 9574@media (min-width:801px) { 9575 .cart-item { 9576 display: table-row; 9577 padding-left: 0 9578 } 9579 .cart-item:after, 9580 .cart-item:before { 9581 display: none 9582 } 9583} 9584 9585.cart-item-block { 9586 display: block 9587} 9588 9589@media (min-width:801px) { 9590 .cart-item-block { 9591 display: table-cell 9592 } 9593} 9594 9595.cart-item-block .definitionList { 9596 margin-bottom: .35714rem 9597} 9598 9599.cart-item-figure { 9600 float: left; 9601 height: 7.14286rem; 9602 margin-bottom: 1.5rem; 9603 width: 33.33333%; 9604 position: relative 9605} 9606 9607@media (min-width:551px) { 9608 .cart-item-figure { 9609 margin-bottom: 0; 9610 margin-left: -33.33333%; 9611 width: 33.33333% 9612 } 9613} 9614 9615@media (min-width:801px) { 9616 .cart-item-figure { 9617 float: none; 9618 width: 8.33333% 9619 } 9620} 9621 9622.cart-item-figure:after { 9623 content: ''; 9624 display: block; 9625 height: 0; 9626 width: 100%; 9627 padding-bottom: 100% 9628} 9629 9630.cart-item-fixed-image { 9631 width: 100% 9632} 9633 9634.cart-item-image { 9635 max-width: 100px; 9636 position: absolute; 9637 top: 0; 9638 bottom: 0; 9639 left: 0; 9640 right: 0; 9641 margin: auto 9642} 9643 9644@media (min-width:801px) { 9645 .cart-item-image { 9646 margin-left: 0 9647 } 9648} 9649 9650.cart-item-title { 9651 display: table-cell; 9652 height: 7.14286rem; 9653 padding-left: 1.5rem 9654} 9655 9656@media (min-width:551px) { 9657 .cart-item-title { 9658 display: block; 9659 height: auto; 9660 margin-bottom: 1.5rem; 9661 overflow: hidden 9662 } 9663} 9664 9665@media (min-width:801px) { 9666 .cart-item-title { 9667 display: table-cell; 9668 padding: 1.5rem 9669 } 9670} 9671 9672.cart-item-info { 9673 clear: both; 9674 width: 100% 9675} 9676 9677@media (min-width:551px) { 9678 .cart-item-info { 9679 clear: none; 9680 float: left; 9681 overflow: hidden; 9682 width: 33.33333% 9683 } 9684 .cart-item-info+.cart-item-info { 9685 margin-top: 0 9686 } 9687} 9688 9689@media (min-width:801px) { 9690 .cart-item-info { 9691 float: none; 9692 width: 16.66667% 9693 } 9694 .cart-item-info:last-child { 9695 text-align: right 9696 } 9697} 9698 9699.cart-item-info+.cart-item-info { 9700 margin-top: .78571rem 9701} 9702 9703@media (min-width:801px) { 9704 .cart-header-quantity, 9705 .cart-item-quantity { 9706 text-align: center 9707 } 9708} 9709 9710.cart-item-quantity .form-increment { 9711 display: inline-block; 9712 margin: 0 .21429rem 1px 1.5rem; 9713 vertical-align: middle 9714} 9715 9716@media (min-width:801px) { 9717 .cart-item-quantity .form-increment { 9718 margin-left: 0 9719 } 9720} 9721 9722.cart-item-label { 9723 color: #999; 9724 float: left; 9725 margin-bottom: .35714rem; 9726 text-align: right;
9727 width: 33.33333% 9728} 9729 9730@media (min-width:551px) { 9731 .cart-item-label { 9732 display: block; 9733 padding-left: 1.5rem; 9734 text-align: left; 9735 width: 100% 9736 } 9737} 9738 9739@media (min-width:801px) { 9740 .cart-item-label { 9741 display: none 9742 } 9743} 9744 9745.cart-item-value { 9746 padding-left: 1.5rem 9747} 9748 9749@media (min-width:801px) { 9750 .cart-item-value { 9751 padding-left: 0 9752 } 9753} 9754 9755.cart-item-brand { 9756 color: #999; 9757 margin-bottom: .21429rem 9758} 9759 9760.cart-item-name { 9761 font-size: 15px; 9762 margin: 0 9763} 9764 9765.cart-item-name+.definitionList { 9766 margin-top: .35714rem 9767} 9768 9769.cart-item-options--giftWrapping { 9770 margin-top: 1.14286rem 9771} 9772 9773.cart-item-options--giftWrapping .cart-item-option-description { 9774 color: #333 9775} 9776 9777.cart-remove { 9778 background-color: #f4f4f4; 9779 border-radius: 50%; 9780 cursor: pointer; 9781 float: right; 9782 height: 1.28571rem; 9783 margin-top: .14286rem; 9784 padding: .21429rem; 9785 transition: background-color .15s ease; 9786 width: 1.28571rem 9787} 9788 9789@media (min-width:551px) { 9790 .cart-remove { 9791 margin-left: 1rem 9792 } 9793} 9794 9795.cart-remove.cart-remove--spacer { 9796 visibility: hidden 9797} 9798 9799.cart-remove>svg { 9800 fill: #8e8e8e 9801} 9802 9803.cart-totals { 9804 list-style: none; 9805 margin-left: 0; 9806 margin-bottom: 1.5rem; 9807 text-align: right; 9808 width: 100% 9809} 9810 9811.cart-totals ol, 9812.cart-totals ul { 9813 list-style: none; 9814 margin-bottom: 0 9815} 9816 9817@media (min-width:551px) { 9818 .cart-totals { 9819 float: right; 9820 width: 75% 9821 } 9822} 9823 9824@media (min-width:801px) { 9825 .cart-totals { 9826 margin-bottom: 1rem; 9827 width: 58.33333% 9828 } 9829} 9830 9831@media (min-width:1261px) { 9832 .cart-totals { 9833 width: 41.66667% 9834 } 9835} 9836 9837.cart-total { 9838 border-bottom: 0 9839} 9840 9841.cart-total:after, 9842.cart-total:before { 9843 content: " "; 9844 display: table 9845} 9846 9847.cart-total:after { 9848 clear: both 9849} 9850 9851@media (min-width:801px) { 9852 .cart-total+.cart-total { 9853 border-top: 1px solid #dfdfdf 9854 } 9855} 9856 9857.cart-total .form-input { 9858 display: inline-block; 9859 height: 2.28571rem; 9860 padding: .5rem; 9861 vertical-align: top; 9862 width: 75% 9863} 9864 9865.cart-total .form-select { 9866 background-position: right .35714rem top .5rem; 9867 background-size: 1.42857rem 1.42857rem; 9868 height: 2.28571rem; 9869 margin-bottom: .78571rem; 9870 padding: .5rem .78571rem 9871} 9872 9873.cart-total .form-inlineMessage { 9874 text-align: left 9875} 9876 9877.cart-total-label { 9878 color: #333; 9879 width: 33.33333% 9880} 9881 9882@media (min-width:551px) { 9883 .cart-total-label { 9884 width: 50% 9885 } 9886} 9887 9888@media (min-width:801px) { 9889 .cart-total-label { 9890 display: block; 9891 padding-left: 0; 9892 text-align: left 9893 } 9894} 9895 9896.cart-total-value { 9897 text-align: left 9898} 9899 9900@media (min-width:551px) { 9901 .cart-total-value { 9902 text-align: right 9903 } 9904} 9905 9906@media (min-width:801px) { 9907 .cart-total-value { 9908 width: 50% 9909 } 9910} 9911 9912.cart-total-label, 9913.cart-total-value { 9914 float: left; 9915 padding: .5rem 0 .5rem 1.5rem 9916} 9917 9918@media (min-width:801px) { 9919 .cart-total-label, 9920 .cart-total-value { 9921 padding: 1rem 0 9922 } 9923} 9924 9925.cart-total-grandTotal { 9926 font-family: Rubik, Arial, Helvetica, sans-serif; 9927 font-size: 20px; 9928 padding-bottom: .21429rem; 9929 padding-top: .21429rem; 9930 position: relative 9931} 9932 9933@media (min-width:801px) { 9934 .cart-total-grandTotal { 9935 padding: 1rem 0; 9936 top: -.28571rem 9937 } 9938} 9939 9940.coupon-code-add, 9941.coupon-code-cancel, 9942.gift-certificate-add, 9943.gift-certificate-cancel, 9944.shipping-estimate-hide, 9945.shipping-estimate-show { 9946 color: #333; 9947 padding: 0; 9948 text-decoration: underline; 9949 transition: color .15s ease 9950} 9951 9952.coupon-code-add:hover, 9953.coupon-code-cancel:hover, 9954.gift-certificate-add:hover, 9955.gift-certificate-cancel:hover, 9956.shipping-estimate-hide:hover, 9957.shipping-estimate-show:hover { 9958 color: #888 9959} 9960 9961.coupon-code-cancel, 9962.shipping-estimate-hide { 9963 font-style: italic 9964} 9965 9966.cart-gift-certificate-form, 9967.coupon-form { 9968 font-size: 0; 9969 margin-bottom: 1rem 9970} 9971 9972.cart-gift-certificate-form:after, 9973.cart-gift-certificate-form:before, 9974.coupon-form:after, 9975.coupon-form:before { 9976 content: " "; 9977 display: table 9978} 9979 9980.cart-gift-certificate-form:after, 9981.coupon-form:after { 9982 clear: both 9983} 9984 9985.cart-gift-certificate-form .button,
9986.cart-gift-certificate-form .form-input, 9987.coupon-form .button, 9988.coupon-form .form-input { 9989 float: left 9990} 9991 9992.cart-gift-certificate-form .form-input, 9993.coupon-form .form-input { 9994 width: 78% 9995} 9996 9997.cart-gift-certificate-form .button, 9998.coupon-form .button { 9999 margin: 0 0 0 2%; 10000 padding-left: .78571rem; 10001 padding-right: .78571rem; 10002 width: 20% 10003} 10004 10005.estimator-form { 10006 margin-bottom: 0 10007} 10008 10009.estimator-form .form-input { 10010 margin-bottom: .78571rem; 10011 width: 100% 10012} 10013 10014.estimator-form .button--primary { 10015 width: 60% 10016} 10017 10018.estimator-form-label { 10019 clear: both; 10020 float: left; 10021 font-weight: 400; 10022 margin-bottom: 0 10023} 10024 10025.estimator-form-label .form-label { 10026 line-height: 2.28571rem; 10027 margin-bottom: 0 10028} 10029 10030.estimator-form-label-text { 10031 margin-left: .71429rem 10032} 10033 10034.estimator-form-input { 10035 float: right; 10036 margin-bottom: 1em; 10037 width: 60% 10038} 10039 10040.estimator-form-input .form-input, 10041.estimator-form-input .form-select { 10042 margin-bottom: 0 10043} 10044 10045.estimator-form-input--price { 10046 width: 30% 10047} 10048 10049.estimator-form-row:after, 10050.estimator-form-row:before { 10051 content: " "; 10052 display: table 10053} 10054 10055.estimator-form-row:after { 10056 clear: both 10057} 10058 10059.estimator-form-toggleUPSRate { 10060 display: block; 10061 margin-bottom: 1em 10062} 10063 10064.cart-actions { 10065 clear: both 10066} 10067 10068.cart-actions:after, 10069.cart-actions:before { 10070 content: " "; 10071 display: table 10072} 10073 10074.cart-actions:after { 10075 clear: both 10076} 10077 10078.cart-actions .button { 10079 display: block; 10080 margin-bottom: 0 10081} 10082 10083@media (min-width:551px) { 10084 .cart-actions .button { 10085 display: inline-block; 10086 float: right 10087 } 10088} 10089 10090.cart-actions .checkoutMultiple { 10091 clear: right; 10092 display: block; 10093 float: right; 10094 padding-top: .35714rem 10095} 10096 10097.cart-additionalCheckoutButtons:after, 10098.cart-additionalCheckoutButtons:before { 10099 content: " "; 10100 display: table 10101} 10102 10103.cart-additionalCheckoutButtons:after { 10104 clear: both 10105} 10106 10107.cart-additionalCheckoutButtons .FloatRight:after, 10108.cart-additionalCheckoutButtons .FloatRight:before { 10109 content: " "; 10110 display: table 10111} 10112 10113.cart-additionalCheckoutButtons .FloatRight:after { 10114 clear: both 10115} 10116 10117.cart-additionalCheckoutButtons .FloatRight p { 10118 float: none !important; 10119 margin: .5rem 0; 10120 text-align: right 10121} 10122 10123.cart-additionalCheckoutButtons .FloatRight div { 10124 float: right 10125} 10126 10127.cart-additionalCheckoutButtons .CheckoutButton { 10128 margin-bottom: 1rem 10129} 10130 10131.cart-additionalCheckoutButtons .CheckoutButton:first-child { 10132 margin-top: 1.5rem 10133} 10134 10135.cart-additionalCheckoutButtons .CheckoutButton:last-child { 10136 margin-bottom: 1.5rem 10137} 10138 10139.previewCartList { 10140 list-style: none; 10141 margin-left: 0; 10142 margin: 0; 10143 padding: 0; 10144 border-collapse: collapse; 10145 display: table; 10146 table-layout: fixed; 10147 width: 100% 10148} 10149 10150.previewCartList ol, 10151.previewCartList ul { 10152 list-style: none; 10153 margin-bottom: 0 10154} 10155 10156.previewCartList li { 10157 margin: 0; 10158 padding: 0 10159} 10160 10161.previewCartItem { 10162 margin: 0 auto; 10163 max-width: 85.71429rem; 10164 width: 100%; 10165 display: table-row; 10166 line-height: 19px 10167} 10168 10169.previewCartItem:after, 10170.previewCartItem:before { 10171 content: " "; 10172 display: table 10173} 10174 10175.previewCartItem:after { 10176 clear: both 10177} 10178 10179.previewCartItem+.previewCartItem { 10180 border-top: 1px solid #dfdfdf 10181} 10182 10183.previewCartItem-content, 10184.previewCartItem-image { 10185 display: table-cell; 10186 vertical-align: middle 10187} 10188 10189.previewCartItem-image { 10190 padding-left: .75rem; 10191 padding-right: .75rem; 10192 width: 33.33333%; 10193 padding: 0; 10194 text-align: center; 10195 position: relative 10196} 10197 10198.previewCartItem-image img { 10199 position: absolute; 10200 top: 0; 10201 bottom: 0; 10202 left: 0; 10203 right: 0; 10204 margin: auto 10205} 10206 10207.previewCartItem-image:after { 10208 content: ''; 10209 display: block; 10210 height: 0; 10211 width: 100%; 10212 padding-bottom: 100% 10213} 10214 10215.previewCartItem-content { 10216 padding-left: .75rem; 10217 padding-right: .75rem; 10218 width: 66.66667%; 10219 padding-left: 0 10220} 10221 10222.previewCartItem-name { 10223 margin: 0; 10224 text-transform: none 10225} 10226 10227.previewCartItem-name>a { 10228 text-decoration: none 10229} 10230 10231.previewCartItem-brand, 10232.previewCartItem-name { 10233 margin-bottom: .21429rem 10234} 10235 10236.previewCartItem-brand, 10237.previewCartItem-price { 10238 color: #333; 10239 display: inline-block; 10240 font-size: 13px 10241} 10242 10243.previewCartAction { 10244 margin: 0 auto; 10245 max-width: 85.71429rem; 10246 width: 100%; 10247 border-top: 1px solid #dfdfdf; 10248 display: block; 10249 padding: 1.5rem .78571rem 10250} 10251 10252.previewCartAction:after, 10253.previewCartAction:before { 10254 content: " "; 10255 display: table 10256} 10257 10258.previewCartAction:after { 10259 clear: both 10260} 10261 10262.previewCartAction .button { 10263 margin: 0; 10264 padding-left: .78571rem; 10265 padding-right: .78571rem; 10266 width: 100% 10267} 10268 10269.previewCartAction-checkout, 10270.previewCartAction-viewCart { 10271 padding-left: .75rem; 10272 padding-right: .75rem; 10273 width: 50%; 10274 float: left 10275} 10276 10277.previewCartAction-checkout.previewCartAction-viewCart--sole, 10278.previewCartAction-viewCart.previewCartAction-viewCart--sole { 10279 padding-left: .75rem; 10280 padding-right: .75rem; 10281 width: 50%; 10282 float: left; 10283 margin-left: auto; 10284 margin-right: auto; 10285 float: none 10286} 10287 10288.previewCartAction-checkout { 10289 padding-right: .35714rem 10290} 10291 10292.previewCartAction-checkoutMultiple { 10293 clear: both; 10294 padding-left: .78571rem;
10295 padding-top: .35714rem 10296} 10297 10298.previewCartAction-viewCart { 10299 padding-left: .35714rem 10300} 10301 10302.previewCart-emptyBody { 10303 padding: 3rem; 10304 text-align: center 10305} 10306 10307.addressList { 10308 font-size: 0; 10309 list-style: none; 10310 margin-left: -.78571rem; 10311 margin-right: -.78571rem 10312} 10313 10314.address { 10315 display: inline-block; 10316 padding: 0 .78571rem; 10317 vertical-align: top; 10318 width: 100% 10319} 10320 10321@media (min-width:551px) { 10322 .address { 10323 width: 50% 10324 } 10325} 10326 10327@media (min-width:1261px) { 10328 .address { 10329 width: 33.33333% 10330 } 10331} 10332 10333.panel--address { 10334 font-size: 1rem; 10335 position: relative 10336} 10337 10338.panel--address .panel-body { 10339 min-height: 17.85714rem; 10340 padding: 1.5rem 10341} 10342 10343@media (min-width:551px) { 10344 .panel--address .panel-body { 10345 padding: 1.5rem 1.5rem 4.5rem 10346 } 10347} 10348 10349.panel--address .form-actions { 10350 margin-bottom: -.78571rem; 10351 margin-top: 1.5rem; 10352 text-align: left 10353} 10354 10355@media (min-width:551px) { 10356 .panel--address .form-actions { 10357 bottom: 1.5rem; 10358 position: absolute; 10359 width: auto 10360 } 10361} 10362 10363.panel--address .form-actions .button { 10364 margin-bottom: .78571rem 10365} 10366 10367.panel--address .form-actions .button+.button { 10368 margin-left: 0; 10369 margin-top: 0 10370} 10371 10372@media (min-width:551px) { 10373 .panel--address .form-actions .button+.button { 10374 margin-left: .35714rem 10375 } 10376} 10377 10378.address-title { 10379 margin: 0 0 .78571rem; 10380 text-transform: none 10381} 10382 10383.address-details { 10384 list-style: none; 10385 margin: 0 0 .78571rem 10386} 10387 10388.address-details--postal { 10389 font-size: 15px 10390} 10391 10392.address-description, 10393.address-label { 10394 display: inline-block; 10395 font-size: 1rem; 10396 margin: 0 10397} 10398 10399.address-label { 10400 color: #333; 10401 font-weight: 400 10402} 10403 10404.panel--newAddress { 10405 display: block; 10406 text-align: center; 10407 text-decoration: none 10408} 10409 10410.panel--newAddress:hover .address-title { 10411 color: #888 10412} 10413 10414.panel--newAddress .panel-body { 10415 background-color: transparent; 10416 border: 1px solid #dfdfdf; 10417 display: block 10418} 10419 10420.panel--newAddress .address-title { 10421 margin-bottom: 0; 10422 transition: all .15s ease 10423} 10424 10425.address-addNew { 10426 left: 50%; 10427 position: absolute; 10428 top: 50%; 10429 transform: translateX(-50%) translateY(-55%) 10430} 10431 10432.address-symbol { 10433 font-size: 50px; 10434 line-height: 1 10435} 10436 10437.videoGallery-main { 10438 height: 0; 10439 margin-bottom: 1.14286rem; 10440 overflow: hidden; 10441 padding-bottom: 67.5%; 10442 padding-top: 1.78571rem; 10443 position: relative; 10444 margin-bottom: 1.85714rem 10445} 10446 10447.videoGallery-main.widescreen { 10448 padding-bottom: 56.34% 10449} 10450 10451.videoGallery-main.vimeo { 10452 padding-top: 0 10453} 10454 10455.videoGallery-main embed, 10456.videoGallery-main iframe, 10457.videoGallery-main object, 10458.videoGallery-main video { 10459 height: 100%; 10460 position: absolute; 10461 top: 0; 10462 width: 100%; 10463 left: 0 10464} 10465 10466.videoGallery-list { 10467 list-style: none; 10468 margin-left: 0; 10469 margin: 0 -.75rem; 10470 max-width: none; 10471 width: auto; 10472 font-size: 0 10473} 10474 10475.videoGallery-list ol, 10476.videoGallery-list ul { 10477 list-style: none; 10478 margin-bottom: 0 10479} 10480 10481.videoGallery-list:after, 10482.videoGallery-list:before { 10483 content: " "; 10484 display: table 10485} 10486 10487.videoGallery-list:after { 10488 clear: both 10489} 10490 10491.videoGallery-item { 10492 padding-left: .75rem; 10493 padding-right: .75rem; 10494 width: 100%; 10495 float: left; 10496 display: inline-block; 10497 float: none; 10498 vertical-align: top 10499} 10500 10501@media (min-width:801px) { 10502 .videoGallery-item { 10503 width: 50% 10504 } 10505} 10506 10507.video { 10508 display: block; 10509 margin-bottom: 1.85714rem; 10510 opacity: .4; 10511 text-decoration: none; 10512 transition: opacity .1s ease-out 10513} 10514 10515.video:after, 10516.video:before { 10517 content: " "; 10518 display: table 10519} 10520 10521.video:after { 10522 clear: both 10523} 10524 10525.video-figure { 10526 float: left; 10527 margin-right: .78571rem 10528} 10529 10530.video-figure>img { 10531 display: block 10532} 10533 10534.video-figure--opposite { 10535 float: right; 10536 margin-left: .78571rem; 10537 margin-right: 0 10538} 10539 10540.video-body:after, 10541.video-body:before { 10542 content: " "; 10543 display: table 10544} 10545 10546.video-body:after { 10547 clear: both 10548} 10549 10550@media (min-width:801px) { 10551 .video { 10552 margin-bottom: 1.85714rem 10553 } 10554} 10555 10556.video.is-active, 10557.video:hover { 10558 color: #333; 10559 opacity: 1 10560} 10561 10562.video-figure { 10563 margin-right: 1.85714rem 10564} 10565 10566.video-title { 10567 margin-bottom: 0; 10568 margin-top: 0; 10569 text-transform: none 10570} 10571 10572.video-description { 10573 font-size: 1rem; 10574 margin-bottom: 0 10575} 10576 10577.previewCart { 10578 margin: 0 auto; 10579 max-width: 85.71429rem; 10580 width: 100% 10581} 10582 10583.previewCart:after, 10584.previewCart:before { 10585 content: " "; 10586 display: table 10587} 10588 10589.previewCart:after { 10590 clear: both 10591} 10592 10593@media (min-width:801px) { 10594 .previewCart .productView { 10595 padding-left: .75rem; 10596 padding-right: .75rem; 10597 width: 75%; 10598 float: left; 10599 display: -ms-flexbox; 10600 display: flex; 10601 margin: 0; 10602 padding-bottom: 0; 10603 padding-top: 0 10604 } 10605 .previewCart .productView-image { 10606 padding-left: .75rem; 10607 padding-right: .75rem; 10608 width: 58.33333%; 10609 float: left; 10610 display: -ms-flexbox; 10611 display: flex; 10612 -ms-flex-direction: column; 10613 flex-direction: column 10614 } 10615 .previewCart .productView-image--cart { 10616 -ms-flex-item-align: start; 10617 align-self: flex-start; 10618 margin: 0 auto; 10619 width: 100% 10620 } 10621 .previewCart .productView-details { 10622 padding-left: .75rem; 10623 padding-right: .75rem; 10624 width: 41.66667%; 10625 float: left 10626 } 10627} 10628 10629.previewCart .productView-title { 10630 margin-top: 0 10631} 10632 10633.previewCartCheckout { 10634 background: #f4f4f4; 10635 padding: 1rem; 10636 text-align: center 10637} 10638 10639@media (min-width:801px) { 10640 .previewCartCheckout { 10641 padding-left: .75rem; 10642 padding-right: .75rem; 10643 width: 25%; 10644 float: right; 10645 padding: 1.5rem 10646 } 10647} 10648 10649.previewCartCheckout .button { 10650 display: block; 10651 margin: 0; 10652 width: 100% 10653} 10654 10655.previewCartCheckout .button+.button, 10656.previewCartCheckout .button+p { 10657 margin-top: .78571rem 10658} 10659 10660.previewCartCheckout-price { 10661 display: block; 10662 font-size: 28px; 10663 font-weight: 700; 10664 text-align: center 10665} 10666 10667.previewCartCheckout-subtotal { 10668 display: block; 10669 margin-bottom: 1.5rem; 10670 margin-top: 1.5rem 10671} 10672 10673.previewCartCheckout-additionalCheckoutButtons p { 10674 float: none !important; 10675 margin: .5rem 0 10676} 10677 10678.previewCartCheckout-additionalCheckoutButtons .CheckoutButton { 10679 margin-bottom: 1rem 10680} 10681 10682.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:first-child { 10683 margin-top: 1.5rem 10684} 10685 10686.previewCartCheckout-additionalCheckoutButtons .CheckoutButton:last-child { 10687 margin-bottom: 1.5rem 10688} 10689 10690.suggestiveCart { 10691 display: none; 10692 text-align: center 10693} 10694 10695@media (min-width:801px) { 10696 .suggestiveCart { 10697 display: block 10698 } 10699} 10700 10701.maintenanceNotice { 10702 background-color: #fffdea; 10703 box-shadow: 0 0 5px #999; 10704 color: #333; 10705 left: 1.14286rem; 10706 padding: 1rem 1.28571rem; 10707 position: fixed; 10708 top: 1.14286rem; 10709 width: 24rem; 10710 z-index: 500 10711} 10712 10713.maintenanceNotice>:last-child { 10714 margin-bottom: 0 10715} 10716 10717.maintenanceNotice a { 10718 color: #333 10719} 10720 10721.maintenanceNotice-header { 10722 font-family: Rubik; 10723 margin: 0 0 .78571rem 10724} 10725 10726body.hasAdminBar { 10727 padding-top: 101px 10728} 10729 10730@media (min-width:801px) { 10731 body.hasAdminBar { 10732 padding-top: 0 10733 } 10734 body.hasAdminBar .banners { 10735 margin-top: 46px 10736 } 10737 body.hasAdminBar .header { 10738 padding-top: 0 10739 } 10740} 10741 10742body.hasAdminBar .header { 10743 padding-top: 46px 10744} 10745 10746body.hasAdminBar .navPages-container.is-open { 10747 padding-top: 101px 10748} 10749 10750.adminBar { 10751 background-color: #fff; 10752 box-shadow: 0 .14286rem .5rem 0 rgba(0, 0, 0, .2); 10753 color: #626568; 10754 float: left; 10755 font-family: "Source Sans Pro", arial, "sans serif", sans-serif; 10756 font-size: 14px; 10757 font-weight: 600; 10758 height: 46px; 10759 left: 0; 10760 position: fixed; 10761 text-decoration: none; 10762 top: 0; 10763 width: 100%; 10764 z-index: 10000 10765} 10766 10767.adminBar-logo { 10768 background-color: #273a8a; 10769 float: left; 10770 height: 46px; 10771 width: 45px 10772} 10773 10774.adminBar-logo svg { 10775 height: 100%; 10776 padding: 7px 10px 11px 7px; 10777 width: 100% 10778} 10779 10780.adminBar-content { 10781 -ms-flex-align: center;
10782 align-items: center; 10783 display: -ms-flexbox; 10784 display: flex; 10785 height: 46px; 10786 -ms-flex-pack: justify; 10787 justify-content: space-between; 10788 margin-left: 45px; 10789 padding: 17px 20.5px 14px 20px 10790} 10791 10792.adminBar-content a { 10793 color: #4b71fc; 10794 font-weight: 600; 10795 text-decoration: none 10796} 10797 10798.adminBar-private { 10799 float: right; 10800 text-align: right 10801} 10802 10803.adminBar-private span { 10804 white-space: nowrap 10805} 10806 10807.preview { 10808 font-weight: 400; 10809 padding-left: 9px 10810} 10811 10812.cookieMessage { 10813 background: #e5e5e5; 10814 color: #333; 10815 display: none 10816} 10817 10818.cookieMessage .button { 10819 width: 100% 10820} 10821 10822@media (min-width:801px) { 10823 .cookieMessage .button { 10824 vertical-align: middle; 10825 width: 25% 10826 } 10827} 10828 10829@media (min-width:1261px) { 10830 .cookieMessage .button { 10831 vertical-align: top 10832 } 10833} 10834 10835.cookieMessage-container { 10836 margin: 0 auto; 10837 padding: 1.5rem 10838} 10839 10840@media (min-width:801px) { 10841 .cookieMessage-container { 10842 width: 83.33333% 10843 } 10844} 10845 10846@media (min-width:1261px) { 10847 .cookieMessage-container { 10848 width: 58.33333% 10849 } 10850} 10851 10852@media (min-width:801px) { 10853 .cookieMessage-text { 10854 display: inline-block; 10855 padding: 0 .78571rem; 10856 vertical-align: middle; 10857 width: 66.66667% 10858 } 10859} 10860 10861.login { 10862 margin: 3rem auto 6rem; 10863 max-width: 64.28571rem 10864} 10865 10866.login-row { 10867 margin: 0 auto; 10868 max-width: 85.71429rem; 10869 width: 100% 10870} 10871 10872.login-row:after, 10873.login-row:before { 10874 content: " "; 10875 display: table 10876} 10877 10878.login-row:after { 10879 clear: both 10880} 10881 10882@media (min-width:801px) { 10883 .login-row { 10884 margin-top: 6rem 10885 } 10886} 10887 10888.login-form { 10889 padding-left: .75rem; 10890 padding-right: .75rem; 10891 width: 100%; 10892 float: left 10893} 10894 10895@media (min-width:801px) { 10896 .login-form { 10897 padding-left: .75rem; 10898 padding-right: .75rem; 10899 width: 50%; 10900 float: left; 10901 margin-top: 3rem 10902 } 10903} 10904 10905.new-customer { 10906 padding-left: .75rem; 10907 padding-right: .75rem; 10908 width: 100%; 10909 float: left 10910} 10911 10912@media (min-width:801px) { 10913 .new-customer { 10914 padding-left: .75rem; 10915 padding-right: .75rem; 10916 width: 50%; 10917 float: left 10918 } 10919} 10920 10921.new-customer-intro { 10922 margin-bottom: 0 10923} 10924 10925.new-customer-fact-list { 10926 margin-left: 3rem 10927} 10928 10929.new-customer-fact { 10930 padding-left: .78571rem 10931} 10932 10933.search-suggestion { 10934 margin-bottom: 2rem 10935} 10936 10937.search-suggestion>:last-child { 10938 margin-bottom: 0 10939} 10940 10941.suggestion-title { 10942 margin-top: 0; 10943 text-transform: inherit 10944} 10945 10946.advancedSearch-form { 10947 margin-bottom: 3rem 10948} 10949 10950.advancedSearch-form .form-row { 10951 margin-bottom: -1.5rem 10952} 10953 10954.quickSearchResults { 10955 margin-top: 1.5rem 10956} 10957 10958@media (min-width:801px) { 10959 .quickSearchResults { 10960 margin-top: 0 10961 } 10962} 10963 10964.quickSearchResults .modal-close { 10965 display: none 10966} 10967 10968@media (min-width:801px) { 10969 .quickSearchResults .modal-close { 10970 display: block 10971 } 10972} 10973 10974.advancedSearch-separator { 10975 display: none 10976} 10977 10978.advancedSearch-title { 10979 margin: 0 0 1.5rem; 10980 text-transform: inherit 10981} 10982 10983.search-price-range label { 10984 display: inline 10985} 10986 10987.search-price-range label input { 10988 display: block; 10989 padding-left: 1.5rem 10990} 10991 10992@media (min-width:551px) { 10993 .search-price-range label input { 10994 display: inline; 10995 width: 6rem 10996 } 10997} 10998 10999@media (min-width:551px) { 11000 .search-price-range label span { 11001 display: inline; 11002 padding-left: 1.5rem; 11003 padding-right: 1.5rem 11004 } 11005} 11006 11007.category-suggestion-list { 11008 margin: 0 -.75rem; 11009 max-width: none; 11010 width: auto; 11011 list-style-type: none 11012} 11013 11014.category-suggestion-list:after, 11015.category-suggestion-list:before { 11016 content: " "; 11017 display: table 11018} 11019 11020.category-suggestion-list:after { 11021 clear: both 11022} 11023 11024.category-suggestion { 11025 padding-left: .75rem; 11026 padding-right: .75rem; 11027 width: 33.33333%; 11028 float: left; 11029 font-size: 15px 11030} 11031 11032.search-refine { 11033 margin-left: 1.5rem 11034} 11035 11036.quickSearchMessage { 11037 font-size: 28px; 11038 margin: 1.5rem 0 0; 11039 text-align: center 11040} 11041 11042.navBar--account { 11043 display: none 11044} 11045 11046@media (min-width:801px) { 11047 .navBar--account { 11048 display: block 11049 } 11050} 11051 11052.account-heading { 11053 border-bottom: 1px solid #dfdfdf; 11054 margin: 0; 11055 padding-bottom: 1rem 11056} 11057 11058.account-list { 11059 list-style: none; 11060 margin-left: 0 11061} 11062 11063.account-listItem { 11064 border-bottom: 1px solid #dfdfdf; 11065 padding: 1.5rem 0; 11066 position: relative 11067} 11068 11069.account-listItem img { 11070 width: 100% 11071} 11072 11073.account-listItem .account-product-image { 11074 position: absolute; 11075 top: 0; 11076 bottom: 0; 11077 left: 0; 11078 right: 0; 11079 margin: auto; 11080 position: relative 11081} 11082 11083.account-listShipping { 11084 border-bottom: 1px solid #dfdfdf; 11085 font-weight: 700; 11086 padding: 2rem 0 11087} 11088 11089.account-listShipping .account-listShipping-title { 11090 margin: 0; 11091 text-transform: inherit 11092} 11093 11094.account-product:after, 11095.account-product:before { 11096 content: " "; 11097 display: table 11098} 11099 11100.account-product:after { 11101 clear: both 11102} 11103 11104.account-product-figure { 11105 float: left; 11106 margin-right: .78571rem 11107} 11108 11109.account-product-figure>img { 11110 display: block 11111} 11112 11113.account-product-figure--opposite { 11114 float: right; 11115 margin-left: .78571rem; 11116 margin-right: 0 11117} 11118 11119.account-product-body:after, 11120.account-product-body:before { 11121 content: " "; 11122 display: table 11123} 11124 11125.account-product-body:after { 11126 clear: both 11127} 11128 11129.account-product-figure { 11130 -ms-flex-align: center;
11131 align-items: center; 11132 display: -ms-flexbox; 11133 display: flex; 11134 -ms-flex-direction: column; 11135 flex-direction: column; 11136 margin: 0 2rem 0 0; 11137 position: relative; 11138 width: 70px 11139} 11140 11141.account-product-figure:after { 11142 content: ''; 11143 display: block; 11144 height: 0; 11145 width: 100%; 11146 padding-bottom: 100% 11147} 11148 11149.account-product-download { 11150 border-radius: 50%; 11151 height: 2.35714rem; 11152 padding: 0; 11153 position: absolute; 11154 right: -.78571rem; 11155 top: -.78571rem; 11156 width: 2.35714rem; 11157 z-index: 1 11158} 11159 11160.account-product-download .icon { 11161 height: 1.5rem; 11162 margin-top: .35714rem; 11163 width: 1.5rem 11164} 11165 11166.account-product-download svg { 11167 fill: #fff 11168} 11169 11170.account-product-body { 11171 overflow: hidden; 11172 padding-bottom: 3.5rem; 11173 position: relative 11174} 11175 11176@media (min-width:551px) { 11177 .account-product-body { 11178 padding-bottom: 0 11179 } 11180} 11181 11182.account-product-body .definitionList { 11183 font-size: 15px; 11184 margin-bottom: 0 11185} 11186 11187.account-product-title { 11188 margin: 0 0 .21429rem; 11189 text-transform: inherit 11190} 11191 11192.account-product-title>a { 11193 text-decoration: none 11194} 11195 11196.account-product-title+.definitionList { 11197 margin-top: .78571rem 11198} 11199 11200.account-product-subtitle { 11201 color: #999; 11202 font-family: Rubik, Arial, Helvetica, sans-serif; 11203 font-size: 15px; 11204 margin: -.21429rem 0 1rem; 11205 text-transform: inherit 11206} 11207 11208.account-product-price { 11209 float: right; 11210 font-size: 15px 11211} 11212 11213.account-product-description+.definitionList { 11214 margin: -1.35714rem 0 1.5rem 11215} 11216 11217.account-product-refundQty { 11218 color: #999; 11219 margin-bottom: 0 11220} 11221 11222.account-product-details { 11223 margin: 0 -.75rem; 11224 max-width: none; 11225 width: auto 11226} 11227 11228.account-product-details:after, 11229.account-product-details:before { 11230 content: " "; 11231 display: table 11232} 11233 11234.account-product-details:after { 11235 clear: both 11236} 11237 11238.account-product-detail { 11239 padding-left: .75rem; 11240 padding-right: .75rem; 11241 width: 100%; 11242 float: left 11243} 11244 11245@media (min-width:551px) { 11246 .account-product-detail { 11247 width: 33.33333% 11248 } 11249} 11250 11251@media (min-width:1261px) { 11252 .account-product-detail { 11253 width: 25% 11254 } 11255} 11256 11257.account-product-detail+.account-product-detail { 11258 margin-top: 1rem 11259} 11260 11261@media (min-width:551px) { 11262 .account-product-detail+.account-product-detail { 11263 margin-top: 0 11264 } 11265} 11266 11267@media (min-width:551px) { 11268 .account-product-detail+.account-product-detail--full { 11269 margin-top: 1.5rem 11270 } 11271} 11272 11273@media (min-width:1261px) { 11274 .account-product-detail--large { 11275 width: 50% 11276 } 11277} 11278 11279.account-product-detail--full { 11280 width: 100% 11281} 11282 11283.account-product-detail-heading { 11284 color: #333; 11285 font-family: Rubik, Arial, Helvetica, sans-serif; 11286 font-size: 12px; 11287 margin: 0 0 .35714rem 11288} 11289 11290.account-product--alignMiddle { 11291 display: table; 11292 width: 100% 11293} 11294 11295.account-product--alignMiddle .account-product-checkItem { 11296 display: table-cell; 11297 position: relative; 11298 vertical-align: middle; 11299 width: 2rem 11300} 11301 11302@media (min-width:1261px) { 11303 .account-product--alignMiddle .account-product-checkItem { 11304 left: -2.5rem 11305 } 11306} 11307 11308.account-product--alignMiddle .account-product-checkItem .form-label { 11309 height: 1.5rem; 11310 margin: 0; 11311 padding: 0; 11312 width: 1.5rem 11313} 11314 11315.account-product--alignMiddle .account-product-body, 11316.account-product--alignMiddle .account-product-figure { 11317 display: table-cell 11318} 11319 11320.account-product--alignMiddle .account-product-figure { 11321 float: none; 11322 margin-right: 0 11323} 11324 11325@media (min-width:1261px) { 11326 .account-product--alignMiddle .account-product-figure { 11327 left: -2rem 11328 } 11329} 11330 11331.account-product--alignMiddle .account-product-body { 11332 padding-left: 2rem; 11333 vertical-align: middle 11334} 11335 11336@media (min-width:1261px) { 11337 .account-product--alignMiddle .account-product-body { 11338 padding-left: 0 11339 } 11340} 11341 11342.account-orderTotal { 11343 float: right; 11344 font-size: 15px; 11345 margin-top: -1.5rem; 11346 width: 66.66667% 11347} 11348 11349.account-orderTotal-key, 11350.account-orderTotal-value { 11351 margin: 0; 11352 padding: 1.5rem 0 11353} 11354 11355.account-orderTotal-key { 11356 color: #333; 11357 float: left; 11358 font-weight: 400 11359} 11360 11361.account-orderTotal-key:last-of-type { 11362 position: relative; 11363 top: .28571rem 11364} 11365 11366.account-orderTotal-value { 11367 border-bottom: 1px solid #dfdfdf; 11368 text-align: right 11369} 11370 11371.account-orderTotal-value:last-child { 11372 border-bottom: 0; 11373 font-size: 20px 11374} 11375 11376.account-orderStatus { 11377 bottom: 0; 11378 left: 0; 11379 position: absolute 11380} 11381 11382@media (min-width:551px) { 11383 .account-orderStatus { 11384 float: right; 11385 position: inherit; 11386 text-align: right 11387 } 11388} 11389 11390.account-orderStatus-label { 11391 background-color: #ccc; 11392 color: #fff; 11393 display: inline-block; 11394 font-size: 12px; 11395 line-height: 15px; 11396 margin: 0 0 .35714rem; 11397 padding: .21429rem .5rem 11398} 11399 11400.account-orderStatus-action { 11401 color: #333; 11402 display: inline-block; 11403 font-size: 12px; 11404 font-style: italic; 11405 letter-spacing: .25px; 11406 margin-left: .78571rem; 11407 text-align: right; 11408 text-decoration: underline; 11409 vertical-align: top 11410} 11411 11412@media (min-width:551px) { 11413 .account-orderStatus-action { 11414 display: block; 11415 margin-left: 0 11416 } 11417} 11418 11419.account-orderStatus-action:hover { 11420 color: #888 11421} 11422 11423.account .pagination { 11424 color: #999; 11425 margin-top: 3rem; 11426 text-align: center 11427} 11428 11429.account-message .is-read { 11430 color: #999 11431} 11432 11433.account-sidebar-block { 11434 font-size: 15px 11435} 11436 11437.account-sidebar-block+.account-sidebar-block { 11438 margin-top: 3rem 11439} 11440 11441.account-sidebar-block .account-heading { 11442 margin-bottom: 1.5rem 11443} 11444 11445.account-order-address { 11446 list-style: none; 11447 margin-left: 0 11448} 11449 11450.account-order-address ol, 11451.account-order-address ul { 11452 list-style: none; 11453 margin-bottom: 0 11454} 11455 11456.account-reorder-form { 11457 display: inline-block 11458} 11459 11460.order-payments-description { 11461 color: #888; 11462 font-weight: 400; 11463 margin-top: 1.5rem 11464} 11465 11466.account-downloads-summary { 11467 border-bottom: 1px solid #dfdfdf; 11468 font-size: 15px; 11469 padding-bottom: 1.5rem 11470} 11471 11472.account-downloadsList { 11473 list-style: none; 11474 margin-left: 0 11475} 11476 11477.account-downloadsList ol, 11478.account-downloadsList ul { 11479 list-style: none; 11480 margin-bottom: 0 11481} 11482 11483.account-downloadsItem { 11484 margin-bottom: 1.5rem 11485} 11486 11487.account-downloadsItem>:first-child { 11488 margin-top: 0 11489} 11490 11491.account-downloadsItem>:last-child { 11492 margin-bottom: 0 11493} 11494 11495.account-downloadsItem-title { 11496 color: #333; 11497 font-size: 15px; 11498 margin-bottom: .21429rem; 11499 text-transform: inherit 11500} 11501 11502.account-downloadsItem-description { 11503 margin-bottom: 0 11504} 11505 11506.account-downloadsItem-availability { 11507 color: #333 11508} 11509 11510.wishlists-table { 11511 margin-left: auto; 11512 margin-right: auto; 11513 max-width: 85.71429rem 11514} 11515 11516.wishlist-header { 11517 display: none; 11518 text-align: center 11519} 11520 11521.modal .wishlist-header { 11522 display: block 11523} 11524 11525.wishlist-form { 11526 margin: 0 auto; 11527 max-width: 85.71429rem; 11528 width: 100%; 11529 margin-left: auto; 11530 margin-right: auto; 11531 max-width: 39.28571rem 11532} 11533 11534.wishlist-form:after, 11535.wishlist-form:before { 11536 content: " "; 11537 display: table 11538} 11539 11540.wishlist-form:after { 11541 clear: both 11542} 11543 11544.wishlist-form .form-field { 11545 padding-left: .75rem; 11546 padding-right: .75rem; 11547 width: 100%; 11548 float: left 11549} 11550 11551.share-wishlist { 11552 margin-left: auto; 11553 margin-right: auto; 11554 max-width: 46.42857rem; 11555 text-align: center 11556} 11557 11558.icon--ratingEmpty svg { 11559 fill: #c8c8c8 11560} 11561 11562.icon--ratingFull svg { 11563 fill: #2E1065 11564} 11565 11566.rating--small { 11567 display: inline-block 11568} 11569 11570.rating--small .icon { 11571 height: 1rem; 11572 width: 1rem; 11573 margin-top: -3px 11574} 11575 11576.apple-pay-checkout-button { 11577 background-position: 50% 50%; 11578 background-repeat: no-repeat; 11579 background-size: 100% 60%; 11580 border-radius: .28571rem; 11581 cursor: pointer; 11582 display: none; 11583 max-height: 4.57143rem; 11584 min-height: 2.28571rem; 11585 min-width: 9.57143rem; 11586 padding: 1.5rem; 11587 background-color: #000; 11588 background-image: -webkit-named-image(apple-pay-logo-white) 11589} 11590 11591.cart-additionalCheckoutButtons .apple-pay-checkout-button { 11592 margin-top: 20px 11593} 11594 11595.cart-additionalCheckoutButtons .PayPalExpressCheckout { 11596 clear: both 11597} 11598 11599.apple-pay-supported .apple-pay-checkout-button { 11600 display: block 11601} 11602 11603@media (min-width:551px) { 11604 .apple-pay-supported .apple-pay-checkout-button { 11605 display: inline-block; 11606 float: right 11607 } 11608} 11609 11610.previewCartCheckout .apple-pay-checkout-button { 11611 float: none; 11612 margin-top: .78571rem 11613} 11614 11615.paymentMethodList { 11616 font-size: 0; 11617 list-style: none; 11618 margin-left: -.78571rem; 11619 margin-right: -.78571rem 11620} 11621 11622.paymentMethodName { 11623 margin-top: 0; 11624 padding: 0 .78571rem; 11625 text-transform: none 11626} 11627 11628.paymentMethod { 11629 display: inline-block; 11630 padding: 0 .78571rem; 11631 vertical-align: top; 11632 width: 100% 11633} 11634 11635@media (min-width:551px) { 11636 .paymentMethod { 11637 width: 50% 11638 } 11639} 11640 11641@media (min-width:551px) { 11642 .paymentMethodForm { 11643 max-width: 60% 11644 } 11645 .paymentMethodForm .paymentMethodForm-column { 11646 display: -ms-flexbox; 11647 display: flex 11648 } 11649 .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:first-child { 11650 width: 70% 11651 } 11652 .paymentMethodForm .paymentMethodForm-column .paymentMethodForm-inputs:last-child { 11653 padding-left: 1.5rem; 11654 width: 30% 11655 } 11656 .paymentMethodForm .paymentMethodForm-column:first-child .form-field { 11657 margin-bottom: .78571rem 11658 } 11659} 11660
11661.panel--paymentMethod { 11662 font-size: 1rem; 11663 position: relative 11664} 11665 11666.panel--paymentMethod .panel-body { 11667 border: 1px solid #dfdfdf; 11668 border-radius: .21429rem; 11669 min-height: 16.28571rem; 11670 padding: 0 11671} 11672 11673.panel--paymentMethod .form-actions { 11674 font-size: 0; 11675 margin-top: 0; 11676 text-align: left 11677} 11678 11679.panel--paymentMethod .form-actions .button { 11680 margin-top: 0 11681} 11682 11683.paymentMethod-card, 11684.paymentMethod-details { 11685 display: -ms-flexbox; 11686 display: flex; 11687 -ms-flex-flow: wrap; 11688 flex-flow: wrap; 11689 margin-bottom: 0 11690} 11691 11692.paymentMethod-card { 11693 -ms-flex-align: center; 11694 align-items: center; 11695 background: #fff; 11696 padding: .78571rem 11697} 11698 11699@media (min-width:1261px) { 11700 .paymentMethod-card { 11701 padding: 1.5rem 11702 } 11703} 11704 11705.paymentMethod-icon { 11706 margin-right: .78571rem; 11707 width: 2rem 11708} 11709 11710@media (min-width:1261px) { 11711 .paymentMethod-icon { 11712 width: 3rem 11713 } 11714} 11715 11716.paymentMethod-brand { 11717 font-size: 13px; 11718 font-weight: 600 11719} 11720 11721@media (min-width:1261px) { 11722 .paymentMethod-brand { 11723 font-size: 1rem 11724 } 11725} 11726 11727.paymentMethod-default { 11728 margin-left: .78571rem 11729} 11730 11731.paymentMethod-default.icon { 11732 fill: #666; 11733 height: 1.28571rem; 11734 width: 1.28571rem 11735} 11736 11737@media (min-width:1261px) { 11738 .paymentMethod-default.icon { 11739 height: 1.42857rem; 11740 width: 1.42857rem 11741 } 11742} 11743 11744.paymentMethod-expiry { 11745 font-size: 15px; 11746 margin-left: auto; 11747 text-transform: capitalize 11748} 11749 11750.paymentMethod-details { 11751 padding: 1.5rem 11752} 11753 11754.paymentMethod-description, 11755.paymentMethod-label { 11756 display: inline-block; 11757 font-size: 13px; 11758 margin-bottom: .78571rem 11759} 11760 11761.paymentMethod-label { 11762 -ms-flex: 7.14286rem; 11763 flex: 7.14286rem; 11764 font-weight: 600 11765} 11766 11767.paymentMethod-description { 11768 -ms-flex: calc(100% - 100px); 11769 flex: calc(100% - 100px); 11770 padding-left: .78571rem 11771} 11772 11773.paymentMethod-form { 11774 padding: 0 1.5rem .78571rem 11775} 11776 11777@media (min-width:551px) { 11778 .paymentMethod-form { 11779 bottom: .78571rem; 11780 position: absolute; 11781 width: auto 11782 } 11783} 11784 11785.panel--newPaymentMethod { 11786 display: block; 11787 text-align: center; 11788 text-decoration: none 11789} 11790 11791.panel--newPaymentMethod:hover .paymentMethod-title { 11792 color: #888 11793} 11794 11795.panel--newPaymentMethod .panel-body { 11796 background-color: transparent 11797} 11798 11799.panel--newPaymentMethod .paymentMethod-title { 11800 margin-bottom: 0; 11801 text-transform: none; 11802 transition: all .15s ease 11803} 11804 11805.paymentMethod-addNew { 11806 left: 50%; 11807 position: absolute; 11808 top: 50%; 11809 transform: translateX(-50%) translateY(-55%) 11810} 11811 11812.paymentMethod-symbol { 11813 font-size: 50px; 11814 line-height: 1 11815} 11816 11817.paymentMethodForm-heading { 11818 color: #333; 11819 font-family: Rubik, Arial, Helvetica, sans-serif; 11820 margin-top: 1.5rem; 11821 text-transform: capitalize 11822} 11823 11824.paymentMethodForm-subheading { 11825 display: -ms-flexbox; 11826 display: flex; 11827 font-weight: 600 11828} 11829 11830@media (min-width:551px) { 11831 .paymentMethodForm-cards { 11832 margin-left: auto 11833 } 11834} 11835 11836.paymentMethodForm-cards-icon { 11837 margin-right: .21429rem; 11838 width: 2.42857rem 11839} 11840 11841.paymentMethodForm-inputs { 11842 position: relative 11843} 11844 11845.paymentMethodForm-inputs-icon { 11846 position: absolute; 11847 right: .64286rem; 11848 top: 2.78571rem 11849} 11850 11851.paymentMethodForm-inputs-icon.icon { 11852 fill: #999; 11853 height: 1.5rem; 11854 width: 1.5rem 11855} 11856 11857.paymentMethodForm-details { 11858 margin-bottom: 0 11859} 11860 11861@media (min-width:551px) { 11862 .paymentMethodForm-details { 11863 display: inline-block; 11864 margin: 0 3rem 0 0 11865 } 11866} 11867 11868.paymentMethodForm-details-term { 11869 font-weight: 400; 11870 margin-bottom: .78571rem 11871} 11872 11873.paymentMethodForm-details-description { 11874 font-size: 15px; 11875 font-weight: 600; 11876 letter-spacing: .25px 11877} 11878 11879.header { 11880 background-color: #6D28D9; 11881 border-bottom: 1px solid #dfdfdf; 11882 position: fixed; 11883 top: 0; 11884 width: 100%; 11885 z-index: 100 11886} 11887 11888@media (min-width:801px) { 11889 .header { 11890 border-bottom: 1px solid #dfdfdf; 11891 overflow: visible; 11892 position: relative 11893 } 11894} 11895 11896.header.is-open { 11897 height: 100% 11898} 11899 11900@media (min-width:801px) { 11901 .header.is-open { 11902 height: auto 11903 } 11904} 11905 11906.header-logo { 11907 font-size: 0; 11908 margin: 0 3.92857rem; 11909 text-align: center 11910} 11911 11912@media (min-width:551px) { 11913 .header-logo { 11914 margin-left: 5.89286rem; 11915 margin-right: 5.89286rem 11916 } 11917} 11918 11919@media (min-width:801px) { 11920 .header-logo { 11921 margin: 4rem auto 4.5rem; 11922 padding: 0 11923 } 11924 .header.fixed .header-logo { 11925 background-color: #e5e5e5; 11926 margin: 0; 11927 padding: .35714rem 0; 11928 position: absolute; 11929 top: 0; 11930 width: 100% 11931 } 11932} 11933 11934.header-logo>a { 11935 color: #130d0d; 11936 display: inline-block; 11937 padding: .78571rem 0; 11938 position: relative; 11939 text-decoration: none; 11940 width: 60%; 11941 z-index: 20 11942} 11943 11944.header-logo>a:after, 11945.header-logo>a:before { 11946 content: " "; 11947 display: table 11948} 11949 11950.header-logo>a:after { 11951 clear: both 11952} 11953 11954@media (min-width:801px) { 11955 .header-logo>a { 11956 background: 0 0; 11957 border-bottom: 0; 11958 display: inline; 11959 padding: 0; 11960 width: 100% 11961 } 11962} 11963 11964.header-logo>a:hover { 11965 color: #888 11966} 11967 11968.header-logo>a:active { 11969 color: #888 11970} 11971 11972.header-logo--left { 11973 text-align: left 11974} 11975 11976@media (min-width:801px) { 11977 .header-logo--left { 11978 margin-left: 2.85714rem 11979 } 11980} 11981 11982.header-logo--left .header-logo-image { 11983 right: unset 11984} 11985 11986.header-logo--right { 11987 text-align: right 11988} 11989 11990@media (min-width:801px) { 11991 .header-logo--right { 11992 margin-right: 2.85714rem 11993 } 11994} 11995 11996.header-logo--right .header-logo-image { 11997 left: unset 11998} 11999 12000.header-logo-text { 12001 display: block; 12002 font-family: Rubik, Arial, Helvetica, sans-serif; 12003 font-size: 20px; 12004 font-weight: 500; 12005 letter-spacing: .14286rem; 12006 margin-left: auto; 12007 margin-right: auto; 12008 overflow: hidden; 12009 padding: .21429rem 0; 12010 text-overflow: ellipsis; 12011 text-transform: uppercase; 12012 white-space: nowrap 12013} 12014 12015@media (min-width:551px) { 12016 .header-logo-text { 12017 font-size: 22px; 12018 padding-bottom: 0; 12019 padding-top: 0 12020 } 12021} 12022 12023@media (min-width:801px) { 12024 .header-logo-text { 12025 display: inline; 12026 font-size: 28px; 12027 margin-left: 0; 12028 margin-right: -.14286rem; 12029 max-width: none; 12030 overflow: auto; 12031 white-space: normal 12032 } 12033 .header.fixed .header-logo-text { 12034 font-size: 25px 12035 } 12036} 12037 12038.header-logo-image-container { 12039 position: relative 12040} 12041 12042.header-logo-image-container:after { 12043 content: ''; 12044 display: block; 12045 padding-bottom: 2.35714rem 12046} 12047 12048@media (min-width:801px) { 12049 .header-logo-image-container:after { 12050 padding-bottom: 150px 12051 } 12052} 12053 12054.header-logo-image { 12055 position: absolute; 12056 top: 0; 12057 bottom: 0; 12058 left: 0; 12059 right: 0; 12060 margin: auto; 12061 max-height: 2.35714rem 12062} 12063 12064@media (min-width:801px) { 12065 .header-logo-image { 12066 max-height: none 12067 } 12068} 12069 12070.header-logo-image-unknown-size { 12071 max-height: 2.35714rem 12072} 12073 12074@media (min-width:801px) { 12075 .header-logo-image-unknown-size { 12076 max-height: none 12077 } 12078} 12079 12080.mobileMenu-toggle { 12081 height: 3.92857rem; 12082 width: 3.92857rem; 12083 display: inline-block; 12084 font-size: 0; 12085 left: 0; 12086 overflow: hidden; 12087 padding: 0 1.28571rem; 12088 position: absolute; 12089 z-index: 50 12090} 12091 12092@media (min-width:801px) { 12093 .mobileMenu-toggle { 12094 display: none 12095 } 12096} 12097 12098.mobileMenu-toggle .mobileMenu-toggleIcon, 12099.mobileMenu-toggle .mobileMenu-toggleIcon::after, 12100.mobileMenu-toggle .mobileMenu-toggleIcon::before { 12101 background: #2E1065; 12102 content: ""; 12103 display: block; 12104 height: 2px; 12105 position: absolute; 12106 transform: rotate(0); 12107 transition: transform .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms; 12108 width: 1.42857rem 12109} 12110 12111.mobileMenu-toggle .mobileMenu-toggleIcon { 12112 top: 1.92857rem; 12113 transition: background-color 10ms ease-in .1s 12114} 12115 12116.mobileMenu-toggle .mobileMenu-toggleIcon::before { 12117 top: -.5rem 12118} 12119 12120.mobileMenu-toggle .mobileMenu-toggleIcon::after { 12121 bottom: -.5rem 12122} 12123 12124.mobileMenu-toggle.is-open .mobileMenu-toggleIcon { 12125 background-color: transparent; 12126 transition-delay: .1s 12127} 12128 12129.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, 12130.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { 12131 background-color: #2E1065; 12132 bottom: auto; 12133 top: auto; 12134 transition: transform .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in 12135} 12136 12137.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { 12138 top: 0; 12139 transform: rotate(45deg) 12140} 12141 12142.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after { 12143 bottom: 0; 12144 transform: rotate(-45deg) 12145} 12146 12147.body { 12148 margin-bottom: 6rem; 12149 margin-top: 1.5rem 12150} 12151 12152@media (min-width:801px) { 12153 .body { 12154 margin-top: 2.5rem 12155 } 12156} 12157 12158.page { 12159 margin: 0 -.75rem; 12160 max-width: none; 12161 width: auto 12162} 12163 12164.page:after, 12165.page:before { 12166 content: " "; 12167 display: table 12168} 12169 12170.page:after { 12171 clear: both 12172} 12173 12174.page-content, 12175.page-content--full { 12176 padding-left: .75rem; 12177 padding-right: .75rem; 12178 width: 100%; 12179 float: left 12180} 12181 12182@media (min-width:801px) { 12183 .page-content--centered { 12184 padding-left: .75rem; 12185 padding-right: .75rem; 12186 width: 66.66667%; 12187 float: left; 12188 margin-left: auto; 12189 margin-right: auto; 12190 float: none 12191 } 12192} 12193 12194.page-content--textCenter { 12195 text-align: center 12196} 12197 12198.page-sidebar { 12199 padding-left: .75rem; 12200 padding-right: .75rem; 12201 width: 100%; 12202 float: left; 12203 position: relative 12204} 12205 12206@media (min-width:801px) { 12207 .page-sidebar { 12208 padding-left: .75rem; 12209 padding-right: .75rem; 12210 width: 25%; 12211 float: left 12212 } 12213 .page-sidebar+.page-content { 12214 padding-left: .75rem; 12215 padding-right: .75rem; 12216 width: 75%; 12217 float: left 12218 } 12219} 12220 12221.footer { 12222 background-color: #6D28D9; 12223 border-top: 1px solid #dfdfdf; 12224 padding: 3rem 0 12225} 12226 12227.footer-info { 12228 margin: 0 -.75rem; 12229 max-width: none; 12230 width: auto; 12231 font-size: 0 12232} 12233 12234.footer-info:after, 12235.footer-info:before { 12236 content: " "; 12237 display: table 12238} 12239 12240.footer-info:after { 12241 clear: both 12242} 12243 12244.footer-info-col { 12245 padding-left: .75rem; 12246 padding-right: .75rem; 12247 width: 100%; 12248 float: left; 12249 color: #333; 12250 display: inline-block; 12251 float: none; 12252 font-size: 1rem; 12253 margin-bottom: 3rem; 12254 text-align: center; 12255 vertical-align: top 12256} 12257 12258@media (min-width:551px) { 12259 .footer-info-col { 12260 text-align: left; 12261 width: 50% 12262 } 12263} 12264 12265@media (min-width:801px) { 12266 .footer-info-col { 12267 width: 33.33334% 12268 } 12269} 12270 12271.footer-info-col>:first-child { 12272 margin-top: 0 12273} 12274 12275.footer-info-col>:last-child { 12276 margin-bottom: 0 12277} 12278 12279@media (min-width:801px) { 12280 .footer-info-col--small { 12281 width: 16.66667% 12282 } 12283} 12284 12285.footer-info-col--social { 12286 width: 100% 12287} 12288 12289@media (min-width:551px) { 12290 .footer-info-col--left { 12291 padding: 0 12292 } 12293} 12294 12295@media (min-width:551px) { 12296 .footer-info-col--right { 12297 left: 50%; 12298 position: inherit 12299 } 12300} 12301 12302@media (min-width:801px) { 12303 .footer-info-col--right { 12304 left: 0; 12305 padding: 0; 12306 text-align: right 12307 } 12308} 12309 12310.footer-info-heading { 12311 font-size: 1rem; 12312 text-transform: inherit 12313} 12314 12315.footer-info-list { 12316 list-style: none; 12317 margin-left: 0 12318} 12319 12320.footer-info-list a { 12321 color: #333; 12322 text-decoration: none 12323} 12324 12325.footer-info-list a:hover { 12326 color: #888 12327} 12328 12329.footer-copyright { 12330 text-align: center 12331} 12332 12333@media (min-width:551px) { 12334 .footer-copyright { 12335 text-align: left 12336 } 12337} 12338 12339.footer-copyright>.powered-by { 12340 color: #333; 12341 font-size: 12px; 12342 margin: 0 12343} 12344 12345.footer-copyright a { 12346 color: #333; 12347 text-decoration: none 12348} 12349 12350.footer-copyright a:hover { 12351 color: #888 12352} 12353 12354.footer-payment-icons { 12355 height: 2.85714rem; 12356 margin-top: 1.5rem 12357} 12358 12359@media (min-width:801px) { 12360 .footer-payment-icons { 12361 margin-top: 3rem 12362 } 12363} 12364 12365.footer-payment-icons .footer-payment-icon { 12366 height: 100%; 12367 margin: .35714rem; 12368 vertical-align: middle; 12369 width: 3.57143rem 12370} 12371 12372.footer-payment-icons svg { 12373 fill: #8e8e8e 12374} 12375 12376.footer-payment-icons svg.footer-payment-icon { 12377 width: 3.57143rem; 12378 height: 100%; 12379 margin: .35714rem; 12380 vertical-align: middle; 12381 display: inline-block 12382} 12383 12384@media (min-width:551px) { 12385 .footer-geotrust-ssl-seal { 12386 bottom: 0; 12387 position: absolute; 12388 right: 16px 12389 } 12390} 12391 12392.footer-geotrust-ssl-seal table { 12393 margin: auto 12394} 12395 12396.footer-newsletter-summary { 12397 text-align: left 12398} 12399 12400.container { 12401 margin-left: auto; 12402 margin-right: auto; 12403 max-width: 91.71429rem; 12404 padding: 0 1.5rem; 12405 position: relative; 12406 width: 100% 12407} 12408 12409@media (min-width:1261px) { 12410 .container { 12411 padding: 0 6rem 12412 } 12413} 12414 12415.blog { 12416 margin-bottom: 1.5rem 12417} 12418 12419@media (min-width:801px) { 12420 .blog { 12421 margin: auto; 12422 width: 100% 12423 } 12424} 12425 12426.blog+.blog { 12427 border-top: 1px solid #dfdfdf; 12428 margin-top: 3rem; 12429 padding-top: 3rem 12430} 12431 12432.blog .tags { 12433 margin-top: 3rem; 12434 text-align: center 12435} 12436 12437.blog .socialLinks { 12438 text-align: center 12439} 12440 12441.blog .addthis_toolbox { 12442 margin-top: 3rem 12443} 12444 12445.blog-title { 12446 font-size: 22px; 12447 margin: 0 1.5rem .35714rem 12448} 12449 12450.blog-title a { 12451 text-decoration: none 12452} 12453 12454.blog-author, 12455.blog-date { 12456 color: #333; 12457 text-align: center 12458} 12459 12460.blog-author { 12461 margin-bottom: 2.5rem 12462} 12463 12464.blog-post { 12465 font-size: 15px; 12466 text-align: left 12467} 12468 12469.blog-thumbnail { 12470 margin: 0 auto 2rem; 12471 position: relative; 12472 max-width: 400px 12473} 12474 12475.blog-thumbnail img { 12476 width: 100% 12477} 12478 12479.blog-post-figure { 12480 display: block; 12481 margin: auto; 12482 text-align: center 12483} 12484 12485@media (min-width:801px) { 12486 .blog-post-figure { 12487 width: 66.66667% 12488 } 12489} 12490 12491.blog-post-body { 12492 display: block; 12493 margin: 0 auto; 12494 text-align: center; 12495 width: 100% 12496} 12497 12498@media (min-width:551px) { 12499 .blog-post-body {
12500 width: 83.33333% 12501 } 12502} 12503 12504@media (min-width:801px) { 12505 .blog-post-body { 12506 width: 66.66667% 12507 } 12508} 12509 12510@media (min-width:1261px) { 12511 .blog-post-body { 12512 width: 50% 12513 } 12514} 12515 12516.sidebarBlock+.sidebarBlock { 12517 border-top: 1px solid #dfdfdf; 12518 margin-top: 2rem; 12519 padding-top: 2rem 12520} 12521 12522.sidebarBlock-heading { 12523 margin-top: 0; 12524 text-transform: inherit 12525} 12526 12527.brandGrid { 12528 list-style: none; 12529 margin-left: 0; 12530 margin: 0 -.75rem; 12531 max-width: none; 12532 width: auto; 12533 font-size: 0; 12534 margin-bottom: 1.5rem 12535} 12536 12537.brandGrid ol, 12538.brandGrid ul { 12539 list-style: none; 12540 margin-bottom: 0 12541} 12542 12543.brandGrid:after, 12544.brandGrid:before { 12545 content: " "; 12546 display: table 12547} 12548 12549.brandGrid:after { 12550 clear: both 12551} 12552 12553.brandGrid .brand { 12554 padding-left: .75rem; 12555 padding-right: .75rem; 12556 width: 50%; 12557 float: none; 12558 display: inline-block; 12559 font-size: 1rem; 12560 vertical-align: top 12561} 12562 12563@media (min-width:551px) { 12564 .brandGrid .brand { 12565 width: 33.33333% 12566 } 12567} 12568 12569@media (min-width:801px) { 12570 .brandGrid .brand { 12571 width: 25% 12572 } 12573} 12574 12575.brandGrid .brand .card-title { 12576 text-align: center 12577} 12578 12579.brand-image-container { 12580 position: relative; 12581 max-width: 100px 12582} 12583 12584.brand-image-container img { 12585 position: absolute; 12586 top: 0; 12587 bottom: 0; 12588 left: 0; 12589 right: 0; 12590 margin: auto 12591} 12592 12593.brand-image-container:after { 12594 content: ''; 12595 display: block; 12596 height: 0; 12597 width: 100%; 12598 padding-bottom: 100% 12599} 12600 12601.brand .card-img-container { 12602 max-width: 271px 12603} 12604 12605.brand .card-img-container:after { 12606 content: ''; 12607 display: block; 12608 height: 0; 12609 width: 100%; 12610 padding-bottom: 100% 12611} 12612 12613.productGrid { 12614 list-style: none; 12615 margin-left: 0; 12616 margin: 0 -.75rem; 12617 max-width: none; 12618 width: auto; 12619 font-size: 0; 12620 margin-bottom: 1.5rem 12621} 12622 12623.productGrid ol, 12624.productGrid ul { 12625 list-style: none; 12626 margin-bottom: 0 12627} 12628 12629.productGrid:after, 12630.productGrid:before { 12631 content: " "; 12632 display: table 12633} 12634 12635.productGrid:after { 12636 clear: both 12637} 12638 12639.productGrid .product { 12640 padding-left: .75rem; 12641 padding-right: .75rem; 12642 width: 50%; 12643 float: none; 12644 display: inline-block; 12645 font-size: 1rem; 12646 vertical-align: top 12647} 12648 12649@media (min-width:551px) { 12650 .productGrid .product { 12651 width: 33.33333% 12652 } 12653} 12654 12655@media (min-width:801px) { 12656 .productGrid .product { 12657 width: 25% 12658 } 12659} 12660 12661@media (min-width:551px) { 12662 .page-sidebar+.page-content .productGrid .product { 12663 width: 33.33333% 12664 } 12665} 12666 12667.productMasonry { 12668 column-count: 2; 12669 column-fill: auto; 12670 column-gap: 1.42857rem; 12671 margin: 0 0 1.5rem; 12672 overflow: hidden 12673} 12674 12675@media (min-width:551px) { 12676 .productMasonry { 12677 column-count: 3 12678 } 12679} 12680 12681@media (min-width:801px) { 12682 .productMasonry { 12683 column-count: 4 12684 } 12685} 12686 12687.productMasonry .product { 12688 break-inside: avoid; 12689 page-break-inside: avoid; 12690 display: block; 12691 margin-bottom: 3rem; 12692 padding: 0; 12693 width: 100% 12694} 12695 12696.productMasonry .card { 12697 margin: 0 12698} 12699 12700@media (min-width:801px) { 12701 .no-csscolumns .productGrid--maxCol6 .product { 12702 width: 16.66667% 12703 } 12704} 12705 12706@media (min-width:801px) { 12707 .csscolumns .productGrid--maxCol6 { 12708 column-count: 6 12709 } 12710} 12711 12712@media (min-width:801px) { 12713 .no-csscolumns .productGrid--maxCol3 .product { 12714 width: 33.33333% 12715 } 12716} 12717 12718@media (min-width:801px) { 12719 .csscolumns .productGrid--maxCol3 { 12720 padding-left: .75rem; 12721 padding-right: .75rem; 12722 width: 100%; 12723 float: left; 12724 float: none 12725 } 12726 .csscolumns .productGrid--maxCol3 .product { 12727 padding-left: .75rem; 12728 padding-right: .75rem; 12729 width: 33.33333%; 12730 float: none 12731 } 12732} 12733 12734.productList { 12735 list-style: none; 12736 margin-left: 0; 12737 margin: .78571rem 12738} 12739 12740.productList ol, 12741.productList ul { 12742 list-style: none; 12743 margin-bottom: 0 12744} 12745 12746.productList .product+.product { 12747 margin-top: 4rem 12748} 12749 12750@media (min-width:551px) { 12751 .listItem { 12752 margin: 0 -.75rem; 12753 max-width: none; 12754 width: auto; 12755 display: table 12756 } 12757 .listItem:after, 12758 .listItem:before { 12759 content: " "; 12760 display: table 12761 } 12762 .listItem:after { 12763 clear: both 12764 } 12765} 12766 12767@media (min-width:551px) { 12768 .listItem-body, 12769 .listItem-figure { 12770 display: table-cell; 12771 vertical-align: top 12772 } 12773} 12774 12775@media (min-width:1261px) { 12776 .listItem-body, 12777 .listItem-figure { 12778 vertical-align: middle 12779 } 12780} 12781 12782.listItem-button { 12783 background-color: rgba(46, 51, 68, .9); 12784 color: #fff 12785} 12786 12787.listItem-button:hover { 12788 background-color: #2E1065; 12789 color: #fff 12790} 12791 12792.listItem-figure { 12793 margin: 0 0 1.5rem 12794} 12795 12796@media (min-width:551px) { 12797 .listItem-figure { 12798 margin-bottom: 0; 12799 padding-left: .78571rem; 12800 padding-right: .78571rem; 12801 width: 25% 12802 } 12803} 12804 12805@media (min-width:1261px) { 12806 .listItem-figure { 12807 position: relative 12808 } 12809} 12810 12811.listItem-figure .listItem-button { 12812 margin: 1.5rem 0 12813} 12814 12815@media (min-width:1261px) { 12816 .listItem-figure .listItem-button { 12817 position: relative; 12818 top: 50%; 12819 transform: translateY(-50%); 12820 display: inline-block; 12821 margin: 0 0 1.5rem; 12822 pointer-events: all; 12823 transform-style: preserve-3d 12824 } 12825} 12826 12827.listItem-figureBody { 12828 opacity: 1; 12829 text-align: center 12830} 12831 12832@media (min-width:1261px) { 12833 .listItem-figureBody { 12834 bottom: 0; 12835 height: 100%; 12836 left: .78571rem; 12837 opacity: 0; 12838 position: absolute; 12839 right: .78571rem; 12840 top: 0 12841 } 12842 .listItem-figureBody:hover { 12843 opacity: 1 12844 } 12845} 12846 12847.listItem-image { 12848 width: 100% 12849} 12850 12851@media (min-width:551px) { 12852 .listItem-body { 12853 padding-left: 1.28571rem; 12854 padding-right: .78571rem; 12855 width: 75% 12856 } 12857} 12858 12859@media (min-width:1261px) { 12860 .listItem-content { 12861 display: table 12862 } 12863} 12864 12865@media (min-width:1261px) { 12866 .listItem-actions, 12867 .listItem-details { 12868 display: table-cell; 12869 vertical-align: top 12870 } 12871} 12872 12873@media (min-width:1261px) { 12874 .listItem-details { 12875 padding-right: 6rem 12876 } 12877 .listItem-details>:last-child { 12878 margin-bottom: 0 12879 } 12880} 12881 12882.listItem-rating { 12883 margin-bottom: .35714rem 12884} 12885 12886.listItem-brand { 12887 color: #999; 12888 font-size: 1rem; 12889 margin: 0 0 .21429rem 12890} 12891 12892@media (min-width:801px) { 12893 .listItem-brand { 12894 font-size: 15px; 12895 margin-bottom: 0 12896 } 12897} 12898 12899.listItem-title { 12900 font-size: 15px; 12901 margin: 0 0 .21429rem 12902} 12903 12904@media (min-width:801px) { 12905 .listItem-title { 12906 font-size: 20px 12907 } 12908} 12909 12910.listItem-title>a { 12911 text-decoration: none 12912} 12913 12914.listItem-price { 12915 margin-bottom: 1rem 12916} 12917 12918@media (min-width:801px) { 12919 .listItem-price { 12920 font-size: 20px 12921 } 12922} 12923 12924@media (min-width:1261px) { 12925 .listItem-actions { 12926 vertical-align: middle; 12927 width: 22% 12928 } 12929 .listItem-actions .button--compare { 12930 font-size: 13px; 12931 padding: .57143rem 1.5rem 12932 } 12933} 12934 12935.listItem-actions .button { 12936 margin-bottom: 0 12937} 12938 12939@media (min-width:1261px) { 12940 .listItem-actions .button { 12941 width: 100% 12942 } 12943 .listItem-actions .button+.button { 12944 margin: .78571rem 0 0 12945 } 12946} 12947 12948@media (min-width:1261px) { 12949 .page-sidebar+.page-content .productList .listItem-details { 12950 padding-right: 3rem 12951 } 12952} 12953 12954@media (min-width:1261px) { 12955 .page-sidebar+.page-content .productList .listItem-actions { 12956 width: 30% 12957 } 12958} 12959 12960.productView { 12961 margin: 0 -.75rem; 12962 max-width: none; 12963 width: auto; 12964 margin-left: -1rem; 12965 margin-right: -1rem 12966} 12967 12968.productView:after, 12969.productView:before { 12970 content: " "; 12971 display: table 12972} 12973 12974.productView:after { 12975 clear: both 12976} 12977 12978.modal .productView { 12979 padding-bottom: 0; 12980 padding-top: 0 12981} 12982 12983.productView--quickView .socialLinks-item--print { 12984 display: none 12985} 12986 12987.productView-images { 12988 padding-left: .75rem; 12989 padding-right: .75rem; 12990 width: 100%; 12991 float: left; 12992 padding-left: 1rem; 12993 padding-right: 1rem 12994} 12995 12996@media (min-width:801px) { 12997 .productView-images { 12998 width: 50% 12999 } 13000} 13001 13002.productView-details { 13003 padding-left: .75rem; 13004 padding-right: .75rem; 13005 width: 100%; 13006 float: left; 13007 padding-left: 1rem; 13008 padding-right: 1rem 13009} 13010 13011@media (min-width:801px) { 13012 .productView-details { 13013 clear: right; 13014 float: right; 13015 width: 50% 13016 } 13017} 13018 13019.productView-description { 13020 padding-left: .75rem; 13021 padding-right: .75rem; 13022 width: 100%; 13023 float: left; 13024 padding-left: 1rem; 13025 padding-right: 1rem 13026} 13027 13028@media (min-width:1261px) { 13029 .productView-description { 13030 clear: right; 13031 float: right; 13032 width: 50% 13033 } 13034} 13035 13036.productView-description .productView-title { 13037 border-bottom: 1px solid #dfdfdf; 13038 margin-bottom: 1rem; 13039 padding-left: 1rem; 13040 padding-right: 1rem 13041} 13042 13043@media (min-width:801px) { 13044 .productView-description .productView-description { 13045 clear: both; 13046 float: none; 13047 width: 100% 13048 } 13049} 13050 13051.sale-flag-star, 13052.sale-flag-star:after, 13053.sale-flag-star:before { 13054 background: #61ca70; 13055 content: ""; 13056 display: block; 13057 height: 3.57143rem; 13058 left: 0; 13059 overflow: visible; 13060 position: absolute; 13061 top: 0; 13062 transform: scaleX(1) scaleY(1) scaleZ(1); 13063 transform-origin: 50% 50% 0; 13064 width: 3.57143rem; 13065 z-index: 10 13066} 13067 13068.sale-flag-star:before { 13069 transform: rotateZ(30deg) scaleX(1) scaleY(1) scaleZ(1) 13070} 13071 13072.sale-flag-star:after { 13073 transform: rotateZ(60deg) scaleX(1) scaleY(1) scaleZ(1) 13074} 13075 13076.starwrap { 13077 height: 3.57143rem; 13078 position: absolute; 13079 top: 10px; 13080 width: 3.57143rem 13081} 13082 13083.sale-text-burst { 13084 color: #fff; 13085 font-weight: 600; 13086 line-height: 1.07143rem; 13087 position: absolute; 13088 text-align: center; 13089 top: 20%; 13090 width: 3.57143rem; 13091 z-index: 50 13092} 13093 13094.sale-flag-side { 13095 background: #61ca70; 13096 border-radius: 0 50px 50px 0; 13097 color: #fff; 13098 font-size: 15px; 13099 font-weight: 700; 13100 height: 1.42857rem; 13101 line-height: 1.14286rem; 13102 padding-left: .5rem; 13103 padding-right: .78571rem; 13104 padding-top: .10714rem; 13105 position: absolute; 13106 transition: .8s ease; 13107 z-index: 10 13108} 13109 13110.sale-flag-sash { 13111 background: #61ca70; 13112 color: #fff; 13113 font-size: 15px; 13114 font-weight: 700; 13115 height: 1.42857rem; 13116 left: -35px; 13117 line-height: 1.14286rem; 13118 padding-top: .10714rem; 13119 position: absolute; 13120 text-align: center; 13121 top: 25px; 13122 transform: rotate(-45deg); 13123 transition: .8s ease; 13124 width: 8.5rem; 13125 z-index: 10 13126} 13127
13128.product:hover .sale-flag-sash { 13129 background: #000; 13130 transition: .8s ease 13131} 13132 13133.product { 13134 overflow: hidden 13135} 13136 13137[data-product-attribute] .form-option.form-option-swatch { 13138 overflow: visible 13139} 13140 13141.form-option-variant--color, 13142.form-option-variant--pattern { 13143 height: 34px; 13144 width: 34px 13145} 13146 13147.form-option-expanded { 13148 background-color: #fff; 13149 border: 1px solid #999; 13150 left: calc(100% + 55px); 13151 opacity: 0; 13152 padding: 3px; 13153 position: absolute; 13154 top: calc(100% + 5px); 13155 transition: opacity .3s cubic-bezier(.25, .46, .45, .94); 13156 visibility: hidden 13157} 13158 13159.form-option:hover .form-option-expanded { 13160 opacity: 1; 13161 transform: translate(-50%, 0); 13162 visibility: visible; 13163 z-index: 5000 13164} 13165 13166.form-option-image { 13167 background-position: 50%; 13168 background-repeat: no-repeat; 13169 background-size: cover; 13170 display: block; 13171 height: 100px; 13172 width: 100px 13173} 13174 13175.account { 13176 margin-bottom: 1.5rem 13177} 13178 13179@media (min-width:801px) { 13180 .account--fixed { 13181 margin: 0 auto; 13182 width: 66.66667% 13183 } 13184} 13185 13186@media (min-width:801px) { 13187 .account--fixedSmall { 13188 margin: 0 auto; 13189 width: 50% 13190 } 13191} 13192 13193@media (min-width:801px) { 13194 .account--fixedLarge { 13195 margin: 0 auto; 13196 width: 75% 13197 } 13198} 13199 13200.account-head { 13201 margin-bottom: 3rem; 13202 text-align: center 13203} 13204 13205.account-head .alertBox { 13206 padding-left: 3rem; 13207 padding-right: 3rem; 13208 text-align: left 13209} 13210 13211.account-body { 13212 margin: 0 -.75rem; 13213 max-width: none; 13214 width: auto 13215} 13216 13217.account-body:after, 13218.account-body:before { 13219 content: " "; 13220 display: table 13221} 13222 13223.account-body:after { 13224 clear: both 13225} 13226 13227.account-content { 13228 padding-left: .75rem; 13229 padding-right: .75rem; 13230 width: 100%; 13231 float: left 13232} 13233 13234@media (min-width:801px) { 13235 .account-content--fixed { 13236 width: 66.66667% 13237 } 13238} 13239 13240@media (min-width:801px) { 13241 .account-content--fixedSmall { 13242 width: 50% 13243 } 13244} 13245 13246.account-sidebar { 13247 padding-left: .75rem; 13248 padding-right: .75rem; 13249 width: 100%; 13250 float: left 13251} 13252 13253@media (min-width:801px) { 13254 .account-sidebar { 13255 width: 33.33333% 13256 } 13257 .account-content--fixedSmall+.account-sidebar { 13258 float: right 13259 } 13260} 13261 13262.jstree-children, 13263.jstree-container-ul, 13264.jstree-node { 13265 display: block; 13266 margin: 0; 13267 padding: 0; 13268 list-style-type: none; 13269 list-style-image: none 13270} 13271 13272.jstree-node { 13273 white-space: nowrap 13274} 13275 13276.jstree-anchor { 13277 display: inline-block; 13278 color: #000; 13279 white-space: nowrap; 13280 padding: 0 4px 0 1px; 13281 margin: 0; 13282 vertical-align: top 13283} 13284 13285.jstree-anchor:focus { 13286 outline: 0 13287} 13288 13289.jstree-anchor, 13290.jstree-anchor:active, 13291.jstree-anchor:hover, 13292.jstree-anchor:link, 13293.jstree-anchor:visited { 13294 text-decoration: none; 13295 color: inherit 13296} 13297 13298.jstree-icon { 13299 display: inline-block; 13300 text-decoration: none; 13301 margin: 0; 13302 padding: 0; 13303 vertical-align: top; 13304 text-align: center 13305} 13306 13307.jstree-icon:empty { 13308 display: inline-block; 13309 text-decoration: none; 13310 margin: 0; 13311 padding: 0; 13312 vertical-align: top; 13313 text-align: center 13314} 13315 13316.jstree-ocl { 13317 cursor: pointer 13318} 13319 13320.jstree-leaf>.jstree-ocl { 13321 cursor: default 13322} 13323 13324.jstree .jstree-open>.jstree-children { 13325 display: block 13326} 13327 13328.jstree .jstree-closed>.jstree-children, 13329.jstree .jstree-leaf>.jstree-children { 13330 display: none 13331} 13332 13333.jstree-anchor>.jstree-themeicon { 13334 margin-right: 2px 13335} 13336 13337.jstree-anchor>.jstree-themeicon-hidden, 13338.jstree-no-icons .jstree-themeicon { 13339 display: none 13340} 13341 13342.jstree-hidden { 13343 display: none 13344} 13345 13346.jstree-rtl .jstree-anchor { 13347 padding: 0 1px 0 4px 13348} 13349 13350.jstree-rtl .jstree-anchor>.jstree-themeicon { 13351 margin-left: 2px; 13352 margin-right: 0 13353} 13354 13355.jstree-rtl .jstree-node { 13356 margin-left: 0 13357} 13358 13359.jstree-rtl .jstree-container-ul>.jstree-node { 13360 margin-right: 0 13361} 13362 13363.jstree-wholerow-ul { 13364 position: relative; 13365 display: inline-block; 13366 min-width: 100% 13367} 13368 13369.jstree-wholerow-ul .jstree-leaf>.jstree-ocl { 13370 cursor: pointer 13371} 13372 13373.jstree-wholerow-ul .jstree-anchor, 13374.jstree-wholerow-ul .jstree-icon { 13375 position: relative 13376} 13377 13378.jstree-wholerow-ul .jstree-wholerow { 13379 width: 100%; 13380 cursor: pointer; 13381 position: absolute; 13382 left: 0; 13383 -webkit-user-select: none; 13384 -moz-user-select: none;
13385 -ms-user-select: none; 13386 user-select: none 13387} 13388 13389.vakata-context { 13390 display: none 13391} 13392 13393.vakata-context, 13394.vakata-context ul { 13395 margin: 0; 13396 padding: 2px; 13397 position: absolute; 13398 background: #f5f5f5; 13399 border: 1px solid #979797; 13400 box-shadow: 2px 2px 2px #999 13401} 13402 13403.vakata-context ul { 13404 list-style: none; 13405 left: 100%; 13406 margin-top: -2.7em; 13407 margin-left: -4px 13408} 13409 13410.vakata-context .vakata-context-right ul { 13411 left: auto; 13412 right: 100%; 13413 margin-left: auto; 13414 margin-right: -4px 13415} 13416 13417.vakata-context li { 13418 list-style: none; 13419 display: inline 13420} 13421 13422.vakata-context li>a { 13423 display: block; 13424 padding: 0 2em 0 2em; 13425 text-decoration: none; 13426 width: auto; 13427 color: #000; 13428 white-space: nowrap; 13429 line-height: 2.4em; 13430 text-shadow: 1px 1px 0 #fff; 13431 border-radius: 1px 13432} 13433 13434.vakata-context li>a:hover { 13435 position: relative; 13436 background-color: #e8eff7; 13437 box-shadow: 0 0 2px #0a6aa1 13438} 13439 13440.vakata-context li>a.vakata-context-parent { 13441 background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==); 13442 background-position: right center; 13443 background-repeat: no-repeat 13444} 13445 13446.vakata-context li>a:focus { 13447 outline: 0 13448} 13449 13450.vakata-context .vakata-context-hover>a { 13451 position: relative; 13452 background-color: #e8eff7; 13453 box-shadow: 0 0 2px #0a6aa1 13454} 13455 13456.vakata-context .vakata-context-separator>a, 13457.vakata-context .vakata-context-separator>a:hover { 13458 background: #fff; 13459 border: 0; 13460 border-top: 1px solid #e2e3e3; 13461 height: 1px; 13462 min-height: 1px; 13463 max-height: 1px; 13464 padding: 0; 13465 margin: 0 0 0 2.4em; 13466 border-left: 1px solid #e0e0e0; 13467 text-shadow: 0 0 0 transparent; 13468 box-shadow: 0 0 0 transparent; 13469 border-radius: 0 13470} 13471 13472.vakata-context .vakata-contextmenu-disabled a, 13473.vakata-context .vakata-contextmenu-disabled a:hover { 13474 color: silver; 13475 background-color: transparent; 13476 border: 0; 13477 box-shadow: 0 0 0 13478} 13479 13480.vakata-context li>a>i { 13481 text-decoration: none; 13482 display: inline-block; 13483 width: 2.4em; 13484 height: 2.4em; 13485 background: 0 0; 13486 margin: 0 0 0 -2em; 13487 vertical-align: top; 13488 text-align: center; 13489 line-height: 2.4em 13490} 13491 13492.vakata-context li>a>i:empty { 13493 width: 2.4em; 13494 line-height: 2.4em 13495} 13496 13497.vakata-context li>a .vakata-contextmenu-sep { 13498 display: inline-block; 13499 width: 1px; 13500 height: 2.4em; 13501 background: #fff; 13502 margin: 0 .5em 0 0; 13503 border-left: 1px solid #e2e3e3 13504} 13505 13506.vakata-context .vakata-contextmenu-shortcut { 13507 font-size: .8em; 13508 color: silver; 13509 opacity: .5; 13510 display: none 13511} 13512 13513.vakata-context-rtl ul { 13514 left: auto; 13515 right: 100%; 13516 margin-left: auto; 13517 margin-right: -4px 13518} 13519 13520.vakata-context-rtl li>a.vakata-context-parent { 13521 background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7); 13522 background-position: left center; 13523 background-repeat: no-repeat 13524} 13525 13526.vakata-context-rtl .vakata-context-separator>a { 13527 margin: 0 2.4em 0 0; 13528 border-left: 0; 13529 border-right: 1px solid #e2e3e3 13530} 13531 13532.vakata-context-rtl .vakata-context-left ul { 13533 right: auto; 13534 left: 100%; 13535 margin-left: -4px; 13536 margin-right: auto 13537} 13538 13539.vakata-context-rtl li>a>i { 13540 margin: 0 -2em 0 0 13541} 13542 13543.vakata-context-rtl li>a .vakata-contextmenu-sep { 13544 margin: 0 0 0 .5em; 13545 border-left-color: #fff; 13546 background: #e2e3e3 13547} 13548 13549#jstree-marker { 13550 position: absolute; 13551 top: 0; 13552 left: 0; 13553 margin: -5px 0 0 0; 13554 padding: 0; 13555 border-right: 0; 13556 border-top: 5px solid transparent; 13557 border-bottom: 5px solid transparent; 13558 border-left: 5px solid; 13559 width: 0; 13560 height: 0; 13561 font-size: 0; 13562 line-height: 0 13563} 13564 13565#jstree-dnd { 13566 line-height: 16px; 13567 margin: 0; 13568 padding: 4px 13569} 13570 13571#jstree-dnd .jstree-copy, 13572#jstree-dnd .jstree-icon { 13573 display: inline-block; 13574 text-decoration: none; 13575 margin: 0 2px 0 0; 13576 padding: 0; 13577 width: 16px; 13578 height: 16px 13579} 13580 13581#jstree-dnd .jstree-ok { 13582 background: green 13583} 13584 13585#jstree-dnd .jstree-er { 13586 background: red 13587} 13588 13589#jstree-dnd .jstree-copy { 13590 margin: 0 2px 0 2px 13591} 13592 13593.jstree-default .jstree-icon, 13594.jstree-default .jstree-node { 13595 background-repeat: no-repeat; 13596 background-color: transparent 13597} 13598 13599.jstree-default .jstree-anchor, 13600.jstree-default .jstree-wholerow { 13601 transition: background-color .15s, box-shadow .15s 13602} 13603 13604.jstree-default .jstree-hovered { 13605 background: #e7f4f9; 13606 border-radius: 2px; 13607 box-shadow: inset 0 0 1px #ccc 13608} 13609 13610.jstree-default .jstree-clicked { 13611 background: #beebff; 13612 border-radius: 2px; 13613 box-shadow: inset 0 0 1px #999 13614} 13615 13616.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon { 13617 display: none 13618} 13619 13620.jstree-default .jstree-disabled { 13621 background: 0 0; 13622 color: #666 13623} 13624 13625.jstree-default .jstree-disabled.jstree-hovered { 13626 background: 0 0; 13627 box-shadow: none 13628} 13629 13630.jstree-default .jstree-disabled.jstree-clicked { 13631 background: #efefef 13632} 13633 13634.jstree-default .jstree-disabled>.jstree-icon { 13635 opacity: .8; 13636 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale"); 13637 filter: gray; 13638 -webkit-filter: grayscale(100%) 13639} 13640 13641.jstree-default .jstree-search { 13642 font-style: italic; 13643 color: #8b0000; 13644 font-weight: 700 13645} 13646 13647.jstree-default .jstree-no-checkboxes .jstree-checkbox { 13648 display: none !important 13649} 13650 13651.jstree-default.jstree-checkbox-no-clicked .jstree-clicked { 13652 background: 0 0; 13653 box-shadow: none 13654} 13655 13656.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { 13657 background: #e7f4f9 13658} 13659 13660.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked { 13661 background: 0 0 13662} 13663 13664.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { 13665 background: #e7f4f9 13666} 13667 13668.jstree-default>.jstree-striped { 13669 min-width: 100%; 13670 display: inline-block; 13671 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat 13672} 13673 13674.jstree-default>.jstree-wholerow-ul .jstree-clicked, 13675.jstree-default>.jstree-wholerow-ul .jstree-hovered { 13676 background: 0 0; 13677 box-shadow: none; 13678 border-radius: 0 13679} 13680 13681.jstree-default .jstree-wholerow { 13682 box-sizing: border-box 13683} 13684 13685.jstree-default .jstree-wholerow-hovered { 13686 background: #e7f4f9 13687} 13688 13689.jstree-default .jstree-wholerow-clicked { 13690 background: #beebff; 13691 background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%) 13692} 13693 13694.jstree-default .jstree-node { 13695 min-height: 24px; 13696 line-height: 24px; 13697 margin-left: 24px; 13698 min-width: 24px 13699} 13700 13701.jstree-default .jstree-anchor { 13702 line-height: 24px; 13703 height: 24px 13704} 13705 13706.jstree-default .jstree-icon { 13707 width: 24px; 13708 height: 24px; 13709 line-height: 24px 13710} 13711 13712.jstree-default .jstree-icon:empty { 13713 width: 24px; 13714 height: 24px; 13715 line-height: 24px 13716} 13717 13718.jstree-default.jstree-rtl .jstree-node { 13719 margin-right: 24px 13720} 13721 13722.jstree-default .jstree-wholerow { 13723 height: 24px 13724} 13725 13726.jstree-default .jstree-icon, 13727.jstree-default .jstree-node { 13728 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 13729} 13730 13731.jstree-default .jstree-node { 13732 background-position: -292px -4px; 13733 background-repeat: repeat-y 13734} 13735 13736.jstree-default .jstree-last { 13737 background: 0 0 13738} 13739 13740.jstree-default .jstree-open>.jstree-ocl { 13741 background-position: -132px -4px 13742} 13743 13744.jstree-default .jstree-closed>.jstree-ocl { 13745 background-position: -100px -4px 13746} 13747 13748.jstree-default .jstree-leaf>.jstree-ocl { 13749 background-position: -68px -4px 13750} 13751 13752.jstree-default .jstree-themeicon { 13753 background-position: -260px -4px 13754} 13755 13756.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13757.jstree-default>.jstree-no-dots .jstree-node { 13758 background: 0 0 13759} 13760 13761.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl { 13762 background-position: -36px -4px 13763} 13764 13765.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl { 13766 background-position: -4px -4px 13767} 13768 13769.jstree-default .jstree-disabled { 13770 background: 0 0 13771} 13772 13773.jstree-default .jstree-disabled.jstree-hovered { 13774 background: 0 0 13775} 13776 13777.jstree-default .jstree-disabled.jstree-clicked { 13778 background: #efefef 13779} 13780 13781.jstree-default .jstree-checkbox { 13782 background-position: -164px -4px 13783} 13784 13785.jstree-default .jstree-checkbox:hover { 13786 background-position: -164px -36px 13787} 13788 13789.jstree-default .jstree-checked>.jstree-checkbox, 13790.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 13791 background-position: -228px -4px 13792} 13793 13794.jstree-default .jstree-checked>.jstree-checkbox:hover, 13795.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 13796 background-position: -228px -36px 13797} 13798 13799.jstree-default .jstree-anchor>.jstree-undetermined { 13800 background-position: -196px -4px 13801} 13802 13803.jstree-default .jstree-anchor>.jstree-undetermined:hover { 13804 background-position: -196px -36px 13805} 13806 13807.jstree-default .jstree-checkbox-disabled { 13808 opacity: .8; 13809 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale"); 13810 filter: gray; 13811 -webkit-filter: grayscale(100%) 13812} 13813 13814.jstree-default>.jstree-striped { 13815 background-size: auto 48px 13816} 13817 13818.jstree-default.jstree-rtl .jstree-node { 13819 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 13820 background-position: 100% 1px; 13821 background-repeat: repeat-y 13822} 13823 13824.jstree-default.jstree-rtl .jstree-last { 13825 background: 0 0 13826} 13827 13828.jstree-default.jstree-rtl .jstree-open>.jstree-ocl { 13829 background-position: -132px -36px 13830} 13831 13832.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl { 13833 background-position: -100px -36px 13834} 13835 13836.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl { 13837 background-position: -68px -36px 13838} 13839 13840.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13841.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node { 13842 background: 0 0 13843} 13844 13845.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 13846 background-position: -36px -36px 13847} 13848 13849.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 13850 background-position: -4px -36px 13851} 13852 13853.jstree-default .jstree-themeicon-custom { 13854 background-color: transparent; 13855 background-image: none; 13856 background-position: 0 0 13857} 13858 13859.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl { 13860 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 13861} 13862 13863.jstree-default .jstree-file { 13864 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -100px -68px n
13864o-repeat 13865} 13866 13867.jstree-default .jstree-folder { 13868 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -260px -4px no-repeat 13869} 13870 13871.jstree-default>.jstree-container-ul>.jstree-node { 13872 margin-left: 0; 13873 margin-right: 0 13874} 13875 13876#jstree-dnd.jstree-default { 13877 line-height: 24px; 13878 padding: 0 4px 13879} 13880 13881#jstree-dnd.jstree-default .jstree-er, 13882#jstree-dnd.jstree-default .jstree-ok { 13883 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 13884 background-repeat: no-repeat; 13885 background-color: transparent 13886} 13887 13888#jstree-dnd.jstree-default i { 13889 background: 0 0; 13890 width: 24px; 13891 height: 24px; 13892 line-height: 24px 13893} 13894 13895#jstree-dnd.jstree-default .jstree-ok { 13896 background-position: -4px -68px 13897} 13898 13899#jstree-dnd.jstree-default .jstree-er { 13900 background-position: -36px -68px 13901} 13902 13903.jstree-default.jstree-rtl .jstree-node { 13904 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==) 13905} 13906 13907.jstree-default.jstree-rtl .jstree-last { 13908 background: 0 0 13909} 13910 13911.jstree-default-small .jstree-node { 13912 min-height: 18px; 13913 line-height: 18px; 13914 margin-left: 18px; 13915 min-width: 18px 13916} 13917 13918.jstree-default-small .jstree-anchor { 13919 line-height: 18px; 13920 height: 18px 13921} 13922 13923.jstree-default-small .jstree-icon { 13924 width: 18px; 13925 height: 18px; 13926 line-height: 18px 13927} 13928 13929.jstree-default-small .jstree-icon:empty { 13930 width: 18px; 13931 height: 18px; 13932 line-height: 18px 13933} 13934 13935.jstree-default-small.jstree-rtl .jstree-node { 13936 margin-right: 18px 13937} 13938 13939.jstree-default-small .jstree-wholerow { 13940 height: 18px 13941} 13942 13943.jstree-default-small .jstree-icon, 13944.jstree-default-small .jstree-node { 13945 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 13946} 13947 13948.jstree-default-small .jstree-node { 13949 background-position: -295px -7px; 13950 background-repeat: repeat-y 13951} 13952 13953.jstree-default-small .jstree-last { 13954 background: 0 0 13955} 13956 13957.jstree-default-small .jstree-open>.jstree-ocl { 13958 background-position: -135px -7px 13959} 13960 13961.jstree-default-small .jstree-closed>.jstree-ocl { 13962 background-position: -103px -7px 13963} 13964 13965.jstree-default-small .jstree-leaf>.jstree-ocl { 13966 background-position: -71px -7px 13967} 13968 13969.jstree-default-small .jstree-themeicon { 13970 background-position: -263px -7px 13971} 13972 13973.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl, 13974.jstree-default-small>.jstree-no-dots .jstree-node { 13975 background: 0 0 13976} 13977 13978.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl { 13979 background-position: -39px -7px 13980} 13981 13982.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl { 13983 background-position: -7px -7px 13984} 13985 13986.jstree-default-small .jstree-disabled { 13987 background: 0 0 13988} 13989 13990.jstree-default-small .jstree-disabled.jstree-hovered { 13991 background: 0 0 13992} 13993 13994.jstree-default-small .jstree-disabled.jstree-clicked { 13995 background: #efefef 13996} 13997 13998.jstree-default-small .jstree-checkbox { 13999 background-position: -167px -7px 14000} 14001 14002.jstree-default-small .jstree-checkbox:hover { 14003 background-position: -167px -39px 14004} 14005 14006.jstree-default-small .jstree-checked>.jstree-checkbox, 14007.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 14008 background-position: -231px -7px 14009} 14010 14011.jstree-default-small .jstree-checked>.jstree-checkbox:hover, 14012.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 14013 background-position: -231px -39px 14014} 14015 14016.jstree-default-small .jstree-anchor>.jstree-undetermined { 14017 background-position: -199px -7px 14018} 14019 14020.jstree-default-small .jstree-anchor>.jstree-undetermined:hover { 14021 background-position: -199px -39px 14022} 14023 14024.jstree-default-small .jstree-checkbox-disabled { 14025 opacity: .8; 14026 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale"); 14027 filter: gray; 14028 -webkit-filter: grayscale(100%) 14029} 14030 14031.jstree-default-small>.jstree-striped { 14032 background-size: auto 36px 14033} 14034
14035.jstree-default-small.jstree-rtl .jstree-node { 14036 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 14037 background-position: 100% 1px; 14038 background-repeat: repeat-y 14039} 14040 14041.jstree-default-small.jstree-rtl .jstree-last { 14042 background: 0 0 14043} 14044 14045.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl { 14046 background-position: -135px -39px 14047} 14048 14049.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl { 14050 background-position: -103px -39px 14051} 14052 14053.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl { 14054 background-position: -71px -39px 14055} 14056 14057.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 14058.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node { 14059 background: 0 0 14060} 14061 14062.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 14063 background-position: -39px -39px 14064} 14065 14066.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 14067 background-position: -7px -39px 14068} 14069 14070.jstree-default-small .jstree-themeicon-custom { 14071 background-color: transparent; 14072 background-image: none; 14073 background-position: 0 0 14074} 14075 14076.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl { 14077 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 14078} 14079 14080.jstree-default-small .jstree-file { 14081 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -103px -71px no-repeat 14082} 14083 14084.jstree-default-small .jstree-folder { 14085 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -263px -7px no-repeat 14086} 14087 14088.jstree-default-small>.jstree-container-ul>.jstree-node { 14089 margin-left: 0; 14090 margin-right: 0 14091} 14092 14093#jstree-dnd.jstree-default-small { 14094 line-height: 18px; 14095 padding: 0 4px 14096} 14097 14098#jstree-dnd.jstree-default-small .jstree-er, 14099#jstree-dnd.jstree-default-small .jstree-ok { 14100 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 14101 background-repeat: no-repeat; 14102 background-color: transparent 14103} 14104 14105#jstree-dnd.jstree-default-small i { 14106 background: 0 0; 14107 width: 18px; 14108 height: 18px; 14109 line-height: 18px 14110} 14111 14112#jstree-dnd.jstree-default-small .jstree-ok { 14113 background-position: -7px -71px 14114} 14115 14116#jstree-dnd.jstree-default-small .jstree-er { 14117 background-position: -39px -71px 14118} 14119 14120.jstree-default-small.jstree-rtl .jstree-node { 14121 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==) 14122} 14123 14124.jstree-default-small.jstree-rtl .jstree-last { 14125 background: 0 0 14126} 14127 14128.jstree-default-large .jstree-node { 14129 min-height: 32px; 14130 line-height: 32px; 14131 margin-left: 32px; 14132 min-width: 32px 14133} 14134 14135.jstree-default-large .jstree-anchor { 14136 line-height: 32px; 14137 height: 32px 14138} 14139 14140.jstree-default-large .jstree-icon { 14141 width: 32px; 14142 height: 32px; 14143 line-height: 32px 14144} 14145 14146.jstree-default-large .jstree-icon:empty { 14147 width: 32px; 14148 height: 32px; 14149 line-height: 32px 14150} 14151 14152.jstree-default-large.jstree-rtl .jstree-node { 14153 margin-right: 32px 14154} 14155 14156.jstree-default-large .jstree-wholerow { 14157 height: 32px 14158} 14159 14160.jstree-default-large .jstree-icon, 14161.jstree-default-large .jstree-node { 14162 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) 14163} 14164 14165.jstree-default-large .jstree-node { 14166 background-position: -288px 0; 14167 background-repeat: repeat-y 14168} 14169 14170.jstree-default-large .jstree-last { 14171 background: 0 0 14172} 14173 14174.jstree-default-large .jstree-open>.jstree-ocl { 14175 background-position: -128px 0 14176} 14177 14178.jstree-default-large .jstree-closed>.jstree-ocl { 14179 background-position: -96px 0 14180} 14181 14182.jstree-default-large .jstree-leaf>.jstree-ocl { 14183 background-position: -64px 0 14184} 14185 14186.jstree-default-large .jstree-themeicon { 14187 background-position: -256px 0 14188} 14189 14190.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl, 14191.jstree-default-large>.jstree-no-dots .jstree-node { 14192 background: 0 0 14193} 14194 14195.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl { 14196 background-position: -32px 0 14197} 14198 14199.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl { 14200 background-position: 0 0 14201} 14202 14203.jstree-default-large .jstree-disabled { 14204 background: 0 0 14205} 14206 14207.jstree-default-large .jstree-disabled.jstree-hovered { 14208 background: 0 0 14209} 14210 14211.jstree-default-large .jstree-disabled.jstree-clicked { 14212 background: #efefef 14213} 14214 14215.jstree-default-large .jstree-checkbox { 14216 background-position: -160px 0 14217} 14218 14219.jstree-default-large .jstree-checkbox:hover { 14220 background-position: -160px -32px 14221} 14222 14223.jstree-default-large .jstree-checked>.jstree-checkbox, 14224.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox { 14225 background-position: -224px 0 14226} 14227 14228.jstree-default-large .jstree-checked>.jstree-checkbox:hover, 14229.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 14230 background-position: -224px -32px 14231} 14232 14233.jstree-default-large .jstree-anchor>.jstree-undetermined { 14234 background-position: -192px 0 14235} 14236 14237.jstree-default-large .jstree-anchor>.jstree-undetermined:hover { 14238 background-position: -192px -32px 14239} 14240 14241.jstree-default-large .jstree-checkbox-disabled { 14242 opacity: .8; 14243 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale"); 14244 filter: gray; 14245 -webkit-filter: grayscale(100%) 14246} 14247 14248.jstree-default-large>.jstree-striped { 14249 background-size: auto 64px 14250} 14251 14252.jstree-default-large.jstree-rtl .jstree-node { 14253 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==); 14254 background-position: 100% 1px; 14255 background-repeat: repeat-y 14256} 14257 14258.jstree-default-large.jstree-rtl .jstree-last { 14259 background: 0 0 14260} 14261 14262.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl { 14263 background-position: -128px -32px 14264} 14265 14266.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl { 14267 background-position: -96px -32px 14268} 14269 14270.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl { 14271 background-position: -64px -32px 14272} 14273 14274.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl, 14275.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node { 14276 background: 0 0 14277} 14278 14279.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl { 14280 background-position: -32px -32px 14281} 14282 14283.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl { 14284 background-position: 0 -32px 14285} 14286 14287.jstree-default-large .jstree-themeicon-custom { 14288 background-color: transparent; 14289 background-image: none; 14290 background-position: 0 0 14291} 14292 14293.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl { 14294 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/throbber.gif) center center no-repeat 14295} 14296 14297.jstree-default-large .jstree-file { 14298 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -96px -64px no-repeat 14299} 14300 14301.jstree-default-large .jstree-folder { 14302 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png) -256px 0 no-repeat 14303} 14304 14305.jstree-default-large>.jstree-container-ul>.jstree-node { 14306 margin-left: 0; 14307 margin-right: 0 14308} 14309 14310#jstree-dnd.jstree-default-large { 14311 line-height: 32px; 14312 padding: 0 4px 14313} 14314 14315#jstree-dnd.jstree-default-large .jstree-er, 14316#jstree-dnd.jstree-default-large .jstree-ok { 14317 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/32px.png); 14318 background-repeat: no-repeat; 14319 background-color: transparent 14320} 14321 14322#jstree-dnd.jstree-default-large i { 14323 background: 0 0; 14324 width: 32px; 14325 height: 32px; 14326 line-height: 32px 14327} 14328 14329#jstree-dnd.jstree-default-large .jstree-ok { 14330 background-position: 0 -64px 14331} 14332 14333#jstree-dnd.jstree-default-large .jstree-er { 14334 background-position: -32px -64px 14335} 14336 14337.jstree-default-large.jstree-rtl .jstree-node { 14338 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==) 14339} 14340 14341.jstree-default-large.jstree-rtl .jstree-last { 14342 background: 0 0 14343} 14344 14345@media (max-width:768px) { 14346 #jstree-dnd.jstree-dnd-responsive { 14347 line-height: 40px; 14348 font-weight: 700; 14349 font-size: 1.1em; 14350 text-shadow: 1px 1px #fff 14351 } 14352 #jstree-dnd.jstree-dnd-responsive>i { 14353 background: 0 0; 14354 width: 40px; 14355 height: 40px 14356 } 14357 #jstree-dnd.jstree-dnd-responsive>.jstree-ok { 14358 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14359 background-position: 0 -200px; 14360 background-size: 120px 240px 14361 } 14362 #jstree-dnd.jstree-dnd-responsive>.jstree-er { 14363 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14364 background-position: -40px -200px; 14365 background-size: 120px 240px 14366 } 14367 #jstree-marker.jstree-dnd-responsive { 14368 border-left-width: 10px; 14369 border-top-width: 10px; 14370 border-bottom-width: 10px; 14371 margin-top: -10px 14372 } 14373} 14374 14375@media (max-width:768px) { 14376 .jstree-default-responsive .jstree-icon { 14377 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) 14378 } 14379 .jstree-default-responsive .jstree-leaf>.jstree-ocl, 14380 .jstree-default-responsive .jstree-node { 14381 background: 0 0 14382 } 14383 .jstree-default-responsive .jstree-node { 14384 min-height: 40px; 14385 line-height: 40px; 14386 margin-left: 40px; 14387 min-width: 40px; 14388 white-space: nowrap 14389 } 14390 .jstree-default-responsive .jstree-anchor { 14391 line-height: 40px; 14392 height: 40px 14393 } 14394 .jstree-default-responsive .jstree-icon, 14395 .jstree-default-responsive .jstree-icon:empty { 14396 width: 40px; 14397 height: 40px; 14398 line-height: 40px 14399 } 14400 .jstree-default-responsive>.jstree-container-ul>.jstree-node { 14401 margin-left: 0 14402 } 14403 .jstree-default-responsive.jstree-rtl .jstree-node { 14404 margin-left: 0; 14405 margin-right: 40px 14406 } 14407 .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node { 14408 margin-right: 0 14409 } 14410 .jstree-default-responsive .jstree-checkbox, 14411 .jstree-default-responsive .jstree-ocl, 14412 .jstree-default-responsive .jstree-themeicon { 14413 background-size: 120px 240px 14414 } 14415 .jstree-default-responsive .jstree-leaf>.jstree-ocl { 14416 background: 0 0 14417 } 14418 .jstree-default-responsive .jstree-open>.jstree-ocl { 14419 background-position: 0 0 !important 14420 } 14421 .jstree-default-responsive .jstree-closed>.jstree-ocl { 14422 background-position: 0 -40px !important 14423 } 14424 .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl { 14425 background-position: -40px 0 !important 14426 } 14427 .jstree-default-responsive .jstree-themeicon { 14428 background-position: -40px -40px 14429 } 14430 .jstree-default-responsive .jstree-checkbox, 14431 .jstree-default-responsive .jstree-checkbox:hover { 14432 background-position: -40px -80px 14433 } 14434 .jstree-default-responsive .jstree-checked>.jstree-checkbox, 14435 .jstree-default-responsive .jstree-checked>.jstree-checkbox:hover, 14436 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox, 14437 .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover { 14438 background-position: 0 -80px 14439 } 14440 .jstree-default-responsive .jstree-anchor>.jstree-undetermined, 14441 .jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover { 14442 background-position: 0 -120px 14443 } 14444 .jstree-default-responsive .jstree-anchor { 14445 font-weight: 700; 14446 font-size: 1.1em; 14447 text-shadow: 1px 1px #fff 14448 } 14449 .jstree-default-responsive>.jstree-striped { 14450 background: 0 0 14451 } 14452 .jstree-default-responsive .jstree-wholerow { 14453 border-top: 1px solid rgba(255, 255, 255, .7);
14454 border-bottom: 1px solid rgba(64, 64, 64, .2); 14455 background: #ebebeb; 14456 height: 40px 14457 } 14458 .jstree-default-responsive .jstree-wholerow-hovered { 14459 background: #e7f4f9 14460 } 14461 .jstree-default-responsive .jstree-wholerow-clicked { 14462 background: #beebff 14463 } 14464 .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow { 14465 box-shadow: inset 0 -6px 3px -5px #666 14466 } 14467 .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow { 14468 box-shadow: inset 0 6px 3px -5px #666; 14469 border-top: 0 14470 } 14471 .jstree-default-responsive .jstree-children .jstree-open+.jstree-open { 14472 box-shadow: none 14473 } 14474 .jstree-default-responsive .jstree-checkbox, 14475 .jstree-default-responsive .jstree-icon, 14476 .jstree-default-responsive .jstree-node, 14477 .jstree-default-responsive .jstree-node>.jstree-ocl, 14478 .jstree-default-responsive .jstree-themeicon { 14479 background-image: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png); 14480 background-size: 120px 240px 14481 } 14482 .jstree-default-responsive .jstree-node { 14483 background-position: -80px 0; 14484 background-repeat: repeat-y 14485 } 14486 .jstree-default-responsive .jstree-last { 14487 background: 0 0 14488 } 14489 .jstree-default-responsive .jstree-leaf>.jstree-ocl { 14490 background-position: -40px -120px 14491 } 14492 .jstree-default-responsive .jstree-last>.jstree-ocl { 14493 background-position: -40px -160px 14494 } 14495 .jstree-default-responsive .jstree-themeicon-custom { 14496 background-color: transparent; 14497 background-image: none; 14498 background-position: 0 0 14499 } 14500 .jstree-default-responsive .jstree-file { 14501 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) 0 -160px no-repeat; 14502 background-size: 120px 240px 14503 } 14504 .jstree-default-responsive .jstree-folder { 14505 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b//img/vendor/jstree/40px.png) -40px -40px no-repeat; 14506 background-size: 120px 240px 14507 } 14508 .jstree-default-responsive>.jstree-container-ul>.jstree-node { 14509 margin-left: 0; 14510 margin-right: 0 14511 } 14512} 14513 14514@keyframes bounceInDown { 14515 0%, 14516 60%, 14517 75%, 14518 90%, 14519 to { 14520 animation-timing-function: cubic-bezier(.215, .61, .355, 1) 14521 } 14522 0% { 14523 opacity: 0; 14524 transform: translate3d(0, -100px, 0) 14525 } 14526 90% { 14527 transform: none 14528 } 14529 to { 14530 transform: none 14531 } 14532} 14533 14534@keyframes fadeInUp { 14535 from { 14536 opacity: 0; 14537 transform: translate3d(0, 100%, 0) 14538 } 14539 to { 14540 opacity: 1; 14541 transform: translate3d(0, 0, 0) 14542 } 14543} 14544 14545.fadeInUp { 14546 animation-name: fadeInUp 14547} 14548 14549@keyframes slideInUp { 14550 from { 14551 transform: translate3d(0, 100%, 0); 14552 visibility: visible 14553 } 14554 to { 14555 transform: translate3d(0, 0, 0) 14556 } 14557} 14558 14559.slideInUp { 14560 animation-name: slideInUp 14561} 14562 14563html { 14564 -webkit-font-smoothing: antialiased; 14565 -webkit-text-size-adjust: 100%; 14566 -ms-text-size-adjust: 100% 14567} 14568 14569body { 14570 -webkit-font-smoothing: subpixel-antialiased; 14571 -webkit-text-stroke-width: 0; 14572 -moz-osx-font-smoothing: auto; 14573 padding: 0; 14574 font-size: 14px; 14575 color: #000 14576} 14577 14578.body { 14579 margin-bottom: 50px; 14580 margin-top: 0 14581} 14582 14583@media only screen and (max-width:1023px) { 14584 .body { 14585 margin-bottom: 30px 14586 } 14587} 14588 14589input[type=color], 14590input[type=date], 14591input[type=datetime-local], 14592input[type=datetime], 14593input[type=email], 14594input[type=month], 14595input[type=number], 14596input[type=password], 14597input[type=search], 14598input[type=tel], 14599input[type=text], 14600input[type=time], 14601input[type=url], 14602input[type=week], 14603textarea { 14604 outline: 0 14605} 14606 14607textarea { 14608 resize: vertical 14609} 14610 14611.h1, 14612.h2, 14613.h3, 14614.h4, 14615.h5, 14616.h6, 14617h1, 14618h2, 14619h3, 14620h4, 14621h5, 14622h6 { 14623 margin: 0 0 20px 0; 14624 padding: 0; 14625 font-weight: 400; 14626 color: #2E1065 14627} 14628 14629@media only screen and (max-width:666px) { 14630 .h1, 14631 .h2, 14632 .h3, 14633 .h4, 14634 .h5, 14635 .h6, 14636 h1, 14637 h2, 14638 h3, 14639 h4, 14640 h5, 14641 h6 { 14642 margin: 0 0 10px 0 14643 } 14644} 14645 14646.h1, 14647h1 { 14648 font-size: 36px; 14649 line-height: 44px 14650} 14651 14652.h2, 14653h2 { 14654 font-size: 30px; 14655 line-height: 38px 14656} 14657 14658.h3, 14659h3 { 14660 font-size: 24px; 14661 line-height: 32px 14662} 14663 14664.h4, 14665h4 { 14666 font-size: 20px; 14667 line-height: 28px 14668} 14669 14670.h5, 14671h5 { 14672 font-size: 16px; 14673 line-height: 24px 14674} 14675 14676.h6, 14677h6 { 14678 font-size: 14px; 14679 line-height: 18px 14680} 14681 14682p { 14683 font-size: 14px; 14684 line-height: 24px; 14685 margin: 0 0 20px 0 14686} 14687 14688a { 14689 outline: 0; 14690 text-decoration: none; 14691 transition: all .5s; 14692 color: #0f0f0f 14693} 14694 14695a:focus, 14696a:hover { 14697 transition: all .5s; 14698 color: #000 14699}
14699 14700 14701ol, 14702ul { 14703 margin-bottom: 20px; 14704 margin-left: 0 14705} 14706 14707ol li, 14708ul li { 14709 line-height: 18px; 14710 margin-bottom: 10px; 14711 list-style: none 14712} 14713 14714.container { 14715 max-width: 1440px; 14716 width: 100%; 14717 margin: 0 auto; 14718 padding: 0 14719} 14720 14721@media only screen and (max-width:1919px) { 14722 .container { 14723 max-width: 1230px 14724 } 14725} 14726 14727@media only screen and (max-width:1279px) { 14728 .container { 14729 max-width: 980px 14730 } 14731} 14732 14733@media only screen and (max-width:1023px) { 14734 .container { 14735 max-width: 728px 14736 } 14737} 14738 14739@media only screen and (max-width:767px) { 14740 .container { 14741 max-width: 94% 14742 } 14743} 14744 14745@media only screen and (max-width:479px) { 14746 .container { 14747 max-width: 100%; 14748 padding: 0 11px 14749 } 14750} 14751 14752.column, 14753.columns { 14754 width: 100%; 14755 padding-right: 15px; 14756 padding-left: 15px 14757} 14758 14759@media only screen and (max-width:1023px) { 14760 .column, 14761 .columns { 14762 padding-right: 10px; 14763 padding-left: 10px 14764 } 14765} 14766 14767.custom-row { 14768 margin-left: -15px; 14769 margin-right: -15px 14770} 14771 14772@media only screen and (max-width:1023px) { 14773 .custom-row { 14774 margin-left: -10px; 14775 margin-right: -10px 14776 } 14777} 14778 14779.productCarousel { 14780 margin: 0 -15px 14781} 14782 14783@media only screen and (max-width:1023px) { 14784 .productCarousel { 14785 margin: 0 -10px 14786 } 14787} 14788 14789.productCarousel .productCarousel-slide { 14790 padding-left: 15px; 14791 padding-right: 15px; 14792 width: 25% 14793} 14794 14795@media only screen and (max-width:1279px) { 14796 .productCarousel .productCarousel-slide { 14797 width: 33.33% 14798 } 14799} 14800 14801@media only screen and (max-width:1023px) { 14802 .productCarousel .productCarousel-slide { 14803 width: 39% 14804 } 14805} 14806 14807@media only screen and (max-width:479px) { 14808 .productCarousel .productCarousel-slide { 14809 width: 50% 14810 } 14811} 14812 14813@media only screen and (max-width:1023px) { 14814 .productCarousel .productCarousel-slide { 14815 padding-left: 10px; 14816 padding-right: 10px 14817 } 14818} 14819 14820.productCarousel.slick-not-apply { 14821 display: -ms-flexbox; 14822 display: flex; 14823 -ms-flex-pack: start; 14824 justify-content: flex-start 14825} 14826 14827.productGrid { 14828 margin: 0 -15px 14829} 14830 14831@media only screen and (max-width:1023px) { 14832 .productGrid { 14833 margin: 0 -10px 14834 } 14835} 14836 14837.productGrid .product { 14838 padding-left: 15px; 14839 padding-right: 15px 14840} 14841 14842@media only screen and (max-width:1023px) { 14843 .productGrid .product { 14844 padding-left: 10px; 14845 padding-right: 10px 14846 } 14847} 14848 14849.banners { 14850 padding: 0; 14851 background: 0 0 14852} 14853 14854@media only screen and (max-width:1023px) { 14855 .banners.m-b-40 { 14856 margin-bottom: 30px 14857 } 14858} 14859 14860.banners .banner { 14861 max-width: 100% 14862} 14863 14864.banners .page-heading { 14865 padding-bottom: 0; 14866 border-bottom: 0; 14867 margin-bottom: 20px 14868} 14869 14870@media only screen and (max-width:1023px) { 14871 .banners .page-heading { 14872 font-size: 24px; 14873 line-height: 28px; 14874 margin-bottom: 10px 14875 } 14876} 14877 14878.banners h3 { 14879 margin-bottom: 20px 14880} 14881 14882@media only screen and (max-width:1023px) { 14883 .banners h3 { 14884 margin-bottom: 10px; 14885 font-size: 20px; 14886 line-height: 22px 14887 } 14888} 14889 14890.banners p { 14891 color: #666; 14892 font-size: 16px; 14893 text-align: left 14894} 14895 14896@media only screen and (max-width:1023px) { 14897 .banners p { 14898 font-size: 14px 14899 } 14900} 14901 14902.banners img { 14903 margin-bottom: 20px 14904} 14905 14906.banners a { 14907 color: #6D28D9 14908} 14909 14910.banners a:focus, 14911.banners a:hover { 14912 color: #6832bb 14913} 14914 14915@media only screen and (max-width:479px) { 14916 .g-recaptcha { 14917 max-width: 260px; 14918 overflow: auto; 14919 padding: 10px 0 14920 } 14921 .g-recaptcha iframe { 14922 transform: scale(.75); 14923 -webkit-transform: scale(.75); 14924 transform-origin: 0 0; 14925 -webkit-transform-origin: 0 0 14926 } 14927} 14928 14929.icon--ratingFull svg { 14930 width: 12px; 14931 height: 12px 14932} 14933 14934.icon--ratingEmpty svg { 14935 height: 13px; 14936 width: 13px 14937} 14938 14939.clearfix:after, 14940.clearfix:before { 14941 display: table; 14942 content: " " 14943} 14944 14945.clearfix:after { 14946 clear: both 14947} 14948 14949.clear { 14950 clear: both 14951} 14952 14953@media only screen and (max-width:767px) { 14954 .modal-body { 14955 padding: 20px 14956 } 14957} 14958 14959.view-all:before { 14960 display: none 14961} 14962 14963.view-all a { 14964 color: #6D28D9; 14965 font-style: italic 14966} 14967 14968.view-all a:hover { 14969 color: #888 14970} 14971 14972.theme-color { 14973 color: #6D28D9 14974} 14975 14976.theme-red-color { 14977 color: #ea272d 14978} 14979 14980.panel-title { 14981 font-weight: 500 14982} 14983 14984.modal-header-title { 14985 font-size: 24px; 14986 line-height: 28px 14987} 14988 14989@media only screen and (max-width:1023px) {
14990 .modal-header-title { 14991 font-size: 20px; 14992 line-height: 24px 14993 } 14994} 14995 14996.width-100 { 14997 width: 100% 14998} 14999 15000.width-50 { 15001 width: 50% 15002} 15003 15004.width-33 { 15005 width: 33.33% 15006} 15007 15008.width-25 { 15009 width: 25% 15010} 15011 15012.form-input, 15013.form-select { 15014 border: 1px solid #dfdfdf; 15015 font-size: 15px; 15016 line-height: normal; 15017 padding: 10px 30px 10px 15px; 15018 border-radius: 0; 15019 height: auto; 15020 background-size: 20px; 15021 background-position: right 10px top 11px 15022} 15023 15024@media only screen and (max-width:767px) { 15025 .form-input, 15026 .form-select { 15027 padding: 10px 30px 10px 10px; 15028 font-size: 14px; 15029 background-position: right 8px top 8px 15030 } 15031} 15032 15033.form-select--date, 15034.form-select--small { 15035 background-position: right 10px top 11px 15036} 15037 15038@media only screen and (max-width:567px) { 15039 .form-select--date, 15040 .form-select--small { 15041 background-position: right 8px top 8px 15042 } 15043} 15044 15045.form-label small, 15046.form-label--inlineSmall small { 15047 margin: 0; 15048 color: #ea272d; 15049 font-size: 15px; 15050 float: none 15051} 15052 15053.form-fileDescription { 15054 margin-bottom: 0 15055} 15056 15057.form-checkbox+.form-label::before { 15058 height: 15px; 15059 width: 15px 15060} 15061 15062.form-field-group { 15063 border-radius: 0 15064} 15065 15066@media only screen and (max-width:767px) { 15067 .form-field { 15068 margin-bottom: 20px 15069 } 15070} 15071 15072.form-prefixPostfix .form-input { 15073 font-size: 16px; 15074 font-weight: 400; 15075 font-weight: 300 15076} 15077 15078@media only screen and (max-width:767px) { 15079 .form-prefixPostfix .form-input { 15080 padding-top: 12px; 15081 padding-bottom: 12px 15082 } 15083} 15084 15085.form-prefixPostfix .form-input:-webkit-input-placeholder { 15086 font-weight: 300 15087} 15088 15089.form-prefixPostfix .form-input:-moz-placeholder { 15090 font-weight: 300 15091} 15092 15093.form-prefixPostfix .form-input:-ms-input-placeholder { 15094 font-weight: 300 15095} 15096 15097.form-prefixPostfix .form-input:-moz-placeholder { 15098 font-weight: 300 15099} 15100 15101.form-prefixPostfix .button { 15102 height: auto; 15103 text-transform: uppercase 15104} 15105 15106@media only screen and (max-width:767px) { 15107 .form-prefixPostfix .button { 15108 padding: 12px 15px; 15109 line-height: 18px 15110 } 15111} 15112 15113select option { 15114 padding: 4px 8px; 15115 font-size: 13px; 15116 border: 1px solid #000 !important 15117} 15118 15119ul.list-with-arrow { 15120 margin-bottom: 10px 15121} 15122 15123ul.list-with-arrow li { 15124 margin: 0; 15125 font-size: 14px; 15126 line-height: 20px; 15127 font-weight: 400; 15128 position: relative; 15129 padding-left: 20px; 15130 margin-bottom: 15px 15131} 15132 15133ul.list-with-arrow li:before { 15134 content: ""; 15135 position: absolute; 15136 width: 10px; 15137 height: 7px; 15138 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/product-description-arrow.svg); 15139 background-size: 100%; 15140 left: 0; 15141 top: 5px 15142} 15143 15144.modal-close:hover span { 15145 color: #6D28D9 15146} 15147 15148.alertBox--info { 15149 color: #fff; 15150 background: #f5f5f5 15151} 15152 15153.alertBox--info svg { 15154 fill: #333 15155} 15156 15157.alertBox--info p { 15158 color: #333 15159} 15160 15161.alertBox--info .alertBox-close svg { 15162 fill: #333 15163} 15164 15165.m-t-10 { 15166 margin-top: 10px 15167} 15168 15169.m-b-10 { 15170 margin-bottom: 10px 15171} 15172 15173.m-l-10 { 15174 margin-left: 10px 15175} 15176 15177.m-r-10 { 15178 margin-right: 10px 15179} 15180 15181.m-t-15 { 15182 margin-top: 15px 15183} 15184 15185.m-b-15 { 15186 margin-bottom: 15px 15187} 15188 15189.m-l-15 { 15190 margin-left: 15px 15191} 15192 15193.m-r-15 { 15194 margin-right: 15px 15195} 15196 15197.m-t--20 { 15198 margin-top: -20px 15199} 15200 15201.m-t-20 { 15202 margin-top: 20px 15203} 15204 15205.m-b-20 { 15206 margin-bottom: 20px 15207} 15208 15209.m-l-20 { 15210 margin-left: 20px 15211} 15212 15213.m-r-20 { 15214 margin-right: 20px 15215} 15216 15217.m-t-30 { 15218 margin-top: 30px 15219} 15220 15221.m-b-30 { 15222 margin-bottom: 30px 15223} 15224 15225.m-l-30 { 15226 margin-left: 30px 15227} 15228 15229.m-r-30 { 15230 margin-right: 30px 15231} 15232 15233.m-t-40 { 15234 margin-top: 40px 15235} 15236 15237.m-b-40 { 15238 margin-bottom: 40px 15239} 15240 15241.m-l-40 { 15242 margin-left: 40px 15243} 15244 15245.m-r-40 { 15246 margin-right: 40px 15247} 15248 15249.m-t-50 { 15250 margin-top: 50px 15251} 15252 15253.m-b-50 { 15254 margin-bottom: 50px 15255} 15256 15257.m-l-50 { 15258 margin-left: 50px 15259} 15260 15261.m-r-50 { 15262 margin-right: 50px 15263} 15264 15265.m-t-60 { 15266 margin-top: 60px 15267} 15268 15269.m-b-60 { 15270 margin-bottom: 60px 15271} 15272 15273.m-l-60 { 15274 margin-left: 60px 15275} 15276 15277.m-r-60 { 15278 margin-right: 60px 15279} 15280 15281.m-b-0 { 15282 margin-bottom: 0 15283} 15284 15285.m-l-0 { 15286 margin-left: 0 15287} 15288 15289.m-r-0 { 15290 margin-right: 0 15291} 15292 15293.m-l--15 { 15294 margin-left: -15px 15295} 15296 15297.m-r--15 { 15298 margin-right: -15px 15299} 15300 15301.p-t-15 { 15302 padding-top: 15px 15303} 15304 15305.p-b-15 { 15306 padding-bottom: 15px 15307} 15308 15309.p-l-15 { 15310 padding-left: 15px 15311} 15312 15313.p-r-15 { 15314 padding-right: 15px 15315} 15316 15317.p-t-20 { 15318 padding-top: 20px 15319} 15320 15321.p-b-20 { 15322 padding-bottom: 20px 15323} 15324 15325.p-l-20 { 15326 padding-left: 20px 15327} 15328 15329.p-r-20 { 15330 padding-right: 20px 15331} 15332 15333.p-t-30 { 15334 padding-top: 30px 15335} 15336 15337.p-b-30 { 15338 padding-bottom: 30px 15339} 15340 15341.p-l-30 { 15342 padding-left: 30px 15343} 15344 15345.p-r-30 { 15346 padding-right: 30px 15347} 15348 15349.p-l-0 { 15350 padding-left: 0 15351} 15352 15353.p-r-0 { 15354 padding-right: 0 15355} 15356 15357.padding-5 { 15358 padding: 5px 15359} 15360 15361.padding-20 { 15362 padding: 20px 15363} 15364 15365.display-flex { 15366 display: -ms-flexbox; 15367 display: flex 15368} 15369 15370.align-item-center { 15371 -ms-flex-align: center;
15372 align-items: center 15373} 15374 15375.align-item-start { 15376 -ms-flex-align: flex-start; 15377 align-items: flex-start 15378} 15379 15380.align-item-end { 15381 -ms-flex-align: flex-end; 15382 align-items: flex-end 15383} 15384 15385.justify-content-start { 15386 -ms-flex-pack: start; 15387 justify-content: flex-start 15388} 15389 15390.justify-content-center { 15391 -ms-flex-pack: center; 15392 justify-content: center 15393} 15394 15395.justify-content-end { 15396 -ms-flex-pack: end; 15397 justify-content: flex-end 15398} 15399 15400.justify-content-sb { 15401 -ms-flex-pack: justify; 15402 justify-content: space-between 15403} 15404 15405.flex-wrap-w { 15406 -ms-flex-wrap: wrap; 15407 flex-wrap: wrap; 15408 -webkit-flex-wrap: wrap 15409} 15410 15411.banner-hover a { 15412 position: relative; 15413 display: block; 15414 overflow: hidden 15415} 15416 15417.banner-hover a:before { 15418 width: 100%; 15419 height: 100%; 15420 display: block; 15421 content: ""; 15422 position: absolute; 15423 visibility: hidden; 15424 opacity: 0; 15425 background-color: #000; 15426 transition: .3s all; 15427 z-index: 1 15428} 15429 15430.banner-hover a:hover:before { 15431 visibility: visible; 15432 opacity: .3 15433} 15434 15435.pagination .pagination-item { 15436 margin-left: 4px 15437} 15438 15439.pagination .pagination-item.pagination-item--current { 15440 border: 0; 15441 margin-right: 0 15442} 15443 15444.pagination .pagination-item.pagination-item--current .pagination-link { 15445 background: #6D28D9; 15446 color: #fff; 15447 padding: 4px 7px; 15448 line-height: 15px; 15449 border-radius: 0 15450} 15451 15452.pagination .pagination-item .pagination-link { 15453 font-size: 15px; 15454 color: #6D28D9; 15455 position: relative; 15456 min-width: 22px; 15457 height: 22px; 15458 border-radius: 0 15459} 15460 15461@media only screen and (max-width:767px) { 15462 .pagination .pagination-item .pagination-link { 15463 font-size: 14px 15464 } 15465} 15466 15467.pagination .pagination-item .pagination-link:hover { 15468 background: #6D28D9; 15469 color: #fff 15470} 15471 15472.pagination .pagination-item .pagination-link:hover svg { 15473 fill: #fff 15474} 15475 15476.pagination .pagination-item .pagination-link svg { 15477 fill: #6D28D9 15478} 15479 15480.pagination .pagination-item--next, 15481.pagination .pagination-item--previous { 15482 float: none 15483} 15484 15485.pagination .pagination-item--next>a:hover .icon>svg, 15486.pagination .pagination-item--previous>a:hover .icon>svg { 15487 fill: #fff 15488} 15489 15490.pagination .pagination-item--next .icon, 15491.pagination .pagination-item--previous .icon { 15492 position: absolute; 15493 top: 3px 15494} 15495 15496.pagination .pagination-item--previous .pagination-link { 15497 padding-left: 20px 15498} 15499 15500.pagination .pagination-item--previous .icon { 15501 left: 0; 15502 margin-left: 0 15503} 15504 15505.pagination .pagination-item--next .pagination-link { 15506 padding-right: 20px 15507} 15508 15509.pagination .pagination-item--next .icon { 15510 right: 0; 15511 margin-right: 0 15512} 15513 15514.button { 15515 padding: 11px 20px; 15516 line-height: 20px; 15517 font-weight: 400; 15518 text-transform: uppercase; 15519 font-size: 15px; 15520 border-radius: 0; 15521 letter-spacing: .1px; 15522 height: auto; 15523 border: 1px solid #6D28D9; 15524 color: #6D28D9; 15525 background: #fff 15526} 15527 15528@media only screen and (max-width:767px) { 15529 .button { 15530 padding: 8px 18px; 15531 font-size: 14px 15532 } 15533} 15534 15535.button:active, 15536.button:focus, 15537.button:hover { 15538 background: #6D28D9; 15539 color: #fff 15540} 15541 15542.button.button--primary { 15543 background: #6D28D9; 15544 border: 1px solid #6D28D9; 15545 color: #fff 15546} 15547 15548.button.button--primary:active, 15549.button.button--primary:focus, 15550.button.button--primary:hover { 15551 color: #6D28D9; 15552 background: #fff 15553} 15554 15555.swal2-modal .swal2-confirm:focus, 15556.swal2-modal .swal2-confirm:hover { 15557 background: #6D28D9; 15558 border-color: #6D28D9; 15559 color: #fff 15560} 15561 15562.swal2-modal .swal2-cancel:focus, 15563.swal2-modal .swal2-cancel:hover { 15564 background-color: transparent; 15565 border-color: #2E1065; 15566 color: #6D28D9 15567} 15568 15569.swal2-confirm:active { 15570 background: #6D28D9; 15571 border-color: #6D28D9; 15572 color: #2E1065 15573} 15574 15575.breadcrumbs { 15576 text-align: left; 15577 display: block; 15578 margin: 15px 0 15579} 15580 15581.breadcrumbs .breadcrumb:first-child:before { 15582 content: "" 15583} 15584 15585.breadcrumbs .breadcrumb:before { 15586 content: ">" 15587} 15588 15589.breadcrumbs .breadcrumb a { 15590 font-size: 13px; 15591 color: #666 15592} 15593 15594.breadcrumbs .breadcrumb a:hover { 15595 color: #6D28D9 15596} 15597 15598.breadcrumbs .breadcrumb.is-active span { 15599 color: #6D28D9 15600} 15601 15602.slick-dotted.slick-slider { 15603 margin-bottom: 39px 15604} 15605 15606.slick-arrow { 15607 padding: 0; 15608 height: 15px;
15609 width: 20px; 15610 margin: 0; 15611 right: 0; 15612 transform: none 15613} 15614 15615.slick-arrow:before { 15616 display: none 15617} 15618 15619.slick-arrow svg { 15620 width: 30px; 15621 height: 30px; 15622 fill: #6D28D9 15623} 15624 15625.slick-arrow:hover svg { 15626 fill: #b8b8b8 15627} 15628 15629.slick-disabled { 15630 opacity: 1 15631} 15632 15633.slick-disabled svg { 15634 fill: #b8b8b8 15635} 15636 15637.slick-dots { 15638 bottom: -15px 15639} 15640 15641.slick-dots li { 15642 background: 0 0; 15643 width: 20px; 15644 height: 20px; 15645 padding: 0; 15646 line-height: 26px 15647} 15648 15649.slick-dots li button { 15650 border: 1px solid #666; 15651 height: 14px; 15652 width: 14px 15653} 15654 15655.slick-dots li button:before { 15656 width: 8px; 15657 height: 8px; 15658 background: #666; 15659 top: 50%; 15660 left: 50%; 15661 margin-left: -4px; 15662 margin-top: -4px; 15663 opacity: 1 15664} 15665 15666.slick-dots li button:focus, 15667.slick-dots li button:hover { 15668 border: 1px solid #6D28D9 15669} 15670 15671.slick-dots li button:focus:before, 15672.slick-dots li button:hover:before { 15673 background: #6D28D9; 15674 opacity: 1 15675} 15676 15677.slick-dots li.slick-active button { 15678 border: 1px solid #6D28D9 15679} 15680 15681.slick-dots li.slick-active button:before { 15682 background: #6D28D9; 15683 opacity: 1 15684} 15685 15686.navList-treeview li { 15687 position: relative 15688} 15689 15690.navList-treeview li .hitarea { 15691 position: absolute; 15692 text-align: center; 15693 right: 0; 15694 top: 4px; 15695 cursor: pointer; 15696 z-index: 3; 15697 transition: all .2s ease; 15698 padding: 7px; 15699 display: -ms-flexbox; 15700 display: flex; 15701 -ms-flex-pack: center; 15702 justify-content: center; 15703 -ms-flex-align: center; 15704 align-items: center 15705} 15706 15707.navList-treeview li .hitarea:before { 15708 position: absolute; 15709 background-color: #666; 15710 content: ""; 15711 width: 11px; 15712 height: 1px; 15713 left: 1px; 15714 top: 7px 15715} 15716 15717.navList-treeview li .hitarea:after { 15718 position: absolute; 15719 background-color: #666; 15720 width: 11px; 15721 height: 1px; 15722 left: 1px; 15723 top: 7px; 15724 content: ""; 15725 transform: rotate(-90deg) 15726} 15727 15728.navList-treeview li .hitarea svg { 15729 width: 11px; 15730 height: 11px; 15731 pointer-events: none; 15732 line-height: normal; 15733 display: none 15734} 15735 15736.navList-treeview li.collapsable>.hitarea:before { 15737 transform: rotate(180deg); 15738 opacity: 0 15739} 15740 15741.navList-treeview li.collapsable>.hitarea:after { 15742 transform: rotate(180deg) 15743} 15744 15745.navList-treeview li.collapsable>a { 15746 color: #6D28D9 15747} 15748 15749.navList-treeview li li a svg { 15750 display: none 15751} 15752 15753.navList-treeview li li a span { 15754 display: none 15755} 15756 15757.navList-treeview li ul { 15758 display: none 15759} 15760 15761.navList-treeview li a { 15762 text-transform: capitalize; 15763 display: inline-block; 15764 vertical-align: middle; 15765 padding-right: 25px 15766} 15767 15768.navList-treeview li a span { 15769 display: none 15770} 15771 15772.socialLinks { 15773 line-height: normal 15774} 15775 15776.socialLinks .socialLinks-item { 15777 margin: 0 3px 15778} 15779 15780.socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15781 margin-bottom: 0; 15782 margin-left: 15px; 15783 display: inline-block; 15784 vertical-align: middle 15785} 15786 15787@media only screen and (max-width:1279px) { 15788 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15789 margin-top: 10px; 15790 margin-left: 0 15791 } 15792} 15793 15794@media only screen and (max-width:1023px) { 15795 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15796 margin-top: 0; 15797 margin-left: 15px 15798 } 15799} 15800 15801@media only screen and (max-width:479px) { 15802 .socialLinks .socialLinks-item.socialLinks-item--facebookLike { 15803 margin-top: 10px; 15804 margin-left: 0; 15805 display: block 15806 } 15807} 15808 15809.socialLinks .socialLinks-item.socialLinks-item--facebookLike iframe { 15810 position: static !important; 15811 height: 25px; 15812 width: 116px; 15813 display: -ms-flexbox; 15814 display: flex 15815} 15816 15817.socialLinks .socialLinks-item svg { 15818 width: 18px; 15819 height: 13px 15820} 15821 15822.socialLinks .socialLinks-item.socialLinks-item--print svg { 15823 height: 15px 15824} 15825 15826.socialLinks .socialLinks-item .icon svg, 15827.socialLinks .socialLinks-item.socialLinks-item--print .icon svg { 15828 width: 16px; 15829 height: 16px; 15830 display: block 15831} 15832 15833.socialLinks .icon { 15834 height: 34px; 15835 width: 34px; 15836 display: -ms-flexbox; 15837 display: flex; 15838 -ms-flex-align: center; 15839 align-items: center; 15840 -ms-flex-pack: center; 15841 justify-content: center; 15842 border: 1px solid #dfdfdf; 15843 border-radius: 50% 15844} 15845 15846.socialLinks .icon:hover svg { 15847 fill: #fff 15848} 15849 15850.socialLinks .icon--google_plusone:hover { 15851 border-color: #c33; 15852 background: #c33 15853} 15854 15855.socialLinks .icon--facebook:hover { 15856 border-color: #597ac7; 15857 background: #597ac7 15858} 15859 15860.socialLinks .icon--email:hover { 15861 border-color: #c33; 15862 background: #c33 15863} 15864 15865.socialLinks .icon--print:hover { 15866 border-color: red; 15867 background: red 15868} 15869 15870.socialLinks .icon--twitter:hover { 15871 border-color: #1da1f2; 15872 background: #1da1f2 15873} 15874 15875.socialLinks .icon--google:hover { 15876 border-color: #c33; 15877 background: #c33 15878} 15879 15880.socialLinks .icon--linkedin:hover { 15881 border-color: #0077b5; 15882 background: #0077b5 15883} 15884 15885.socialLinks .icon--pinterest:hover { 15886 border-color: #c8232c; 15887 background: #c8232c 15888} 15889 15890.addthis_toolbox a.at300b, 15891.addthis_toolbox a.at300m { 15892 width: 34px !important 15893} 15894 15895.socialLinks--alt .socialLinks-item { 15896 padding: 0; 15897 margin: 0 6px 0 0 15898} 15899 15900.socialLinks--alt .icon { 15901 margin: 0; 15902 border-radius: 50%; 15903 border: 1px solid #000; 15904 height: 34px; 15905 width: 34px; 15906 text-align: center; 15907 display: -ms-flexbox; 15908 display: flex; 15909 -ms-flex-align: center;
15910 align-items: center; 15911 -ms-flex-pack: center; 15912 justify-content: center 15913} 15914 15915.socialLinks--alt .icon svg { 15916 width: 15px; 15917 height: 15px 15918} 15919 15920.socialLinks--alt .icon.icon--facebook { 15921 border: 1px solid #49669d 15922} 15923 15924.socialLinks--alt .icon.icon--facebook svg { 15925 fill: #49669d 15926} 15927 15928.socialLinks--alt .icon.icon--linkedin { 15929 border: 1px solid #387ba6 15930} 15931 15932.socialLinks--alt .icon.icon--linkedin svg { 15933 fill: #387ba6 15934} 15935 15936.socialLinks--alt .icon.icon--tumblr { 15937 border: 1px solid #34526f 15938} 15939 15940.socialLinks--alt .icon.icon--tumblr svg { 15941 fill: #34526f 15942} 15943 15944.socialLinks--alt .icon.icon--twitter { 15945 border: 1px solid #60bdea 15946} 15947 15948.socialLinks--alt .icon.icon--twitter svg { 15949 fill: #60bdea 15950} 15951 15952.socialLinks--alt .icon.icon--instagram { 15953 border: 1px solid #b5b196 15954} 15955 15956.socialLinks--alt .icon.icon--instagram svg { 15957 fill: #b5b196 15958} 15959 15960.socialLinks--alt .icon.icon--pinterest { 15961 border: 1px solid #fc393d 15962} 15963 15964.socialLinks--alt .icon.icon--pinterest svg { 15965 fill: #fc393d 15966} 15967 15968.socialLinks--alt .icon.icon--google { 15969 border: 1px solid #4c4c4c 15970} 15971 15972.socialLinks--alt .icon.icon--google svg { 15973 width: 20px; 15974 fill: #4c4c4c 15975} 15976 15977.socialLinks--alt .icon.icon--youtube { 15978 border: 1px solid #fa3b3a 15979} 15980 15981.socialLinks--alt .icon.icon--youtube svg { 15982 width: 16px; 15983 fill: #fa3b3a 15984} 15985 15986.socialLinks--alt .icon.icon--stumbleupon { 15987 border: 1px solid #48b04f 15988} 15989 15990.socialLinks--alt .icon.icon--stumbleupon svg { 15991 width: 16px; 15992 fill: #48b04f 15993} 15994 15995.socialLinks--alt .icon.icon--rss { 15996 border: 1px solid #f26522 15997} 15998 15999.socialLinks--alt .icon.icon--rss svg { 16000 width: 16px; 16001 fill: #f26522 16002} 16003 16004.socialLinks .icon--facebook_like { 16005 border: 0; 16006 width: auto; 16007 height: auto; 16008 text-align: left !important; 16009 margin-left: 3px; 16010 -ms-flex-pack: start; 16011 justify-content: flex-start 16012} 16013 16014.socialLinks .icon--facebook_like iframe { 16015 width: 280px 16016} 16017 16018li.facebook_like, 16019li.socialLinks-alt.facebook_like { 16020 height: auto !important; 16021 margin-left: 0; 16022 margin-top: 20px 16023} 16024 16025.sf-menu { 16026 list-style: none 16027} 16028 16029.nav-arrow-roted .navPages-action i, 16030.nav-arrow-roted .navPages-action span, 16031.nav-arrow-roted>a i, 16032.nav-arrow-roted>a span { 16033 transform: rotate(-90deg); 16034 display: inline-block 16035} 16036 16037.nav-arrow-roted .navPages-action i.nav-arrow, 16038.nav-arrow-roted .navPages-action span.nav-arrow, 16039.nav-arrow-roted>a i.nav-arrow, 16040.nav-arrow-roted>a span.nav-arrow { 16041 display: none 16042} 16043 16044.sf-menu ul { 16045 position: absolute; 16046 display: none; 16047 top: 100%; 16048 z-index: 99; 16049 box-shadow: 2px 2px 6px rgba(0, 0, 0, .2); 16050 max-width: 180px; 16051 width: 180px; 16052 background: #fff; 16053 left: 50%; 16054 transform: translateX(-50%) 16055} 16056 16057.sf-menu li.sfHover>ul, 16058.sf-menu li:hover>ul { 16059 display: block 16060} 16061 16062.sf-menu a { 16063 display: block; 16064 position: relative 16065} 16066 16067.sf-menu ul ul { 16068 left: 100%; 16069 right: auto; 16070 top: 0; 16071 transform: none 16072} 16073 16074.sf-menu ul.mega-menu-wrap { 16075 width: 100%; 16076 max-width: 100%; 16077 left: 0 16078} 16079 16080.sf-menu li { 16081 position: relative 16082} 16083 16084.sf-menu li.mega-menu-item { 16085 position: inherit 16086} 16087 16088.last-menu-item ul { 16089 right: 0; 16090 left: auto 16091} 16092 16093.last-menu-item ul li a { 16094 position: relative; 16095 padding-left: 20px !important 16096} 16097 16098.last-menu-item ul li a span { 16099 position: absolute; 16100 left: 0; 16101 transform: rotate(180deg) 16102} 16103 16104.last-menu-item ul ul { 16105 right: 100%; 16106 left: auto 16107} 16108 16109.sf-menu ul li { 16110 background: #fff; 16111 display: block; 16112 width: 100%; 16113 text-align: left 16114} 16115 16116.sf-menu ul ul li { 16117 background: #fff 16118} 16119 16120.sf-menu li.sfHover, 16121.sf-menu li:hover { 16122 transition: none 16123} 16124 16125.sf-arrows>.sfHover>.sf-with-ul:after, 16126.sf-arrows>li:hover>.sf-with-ul:after, 16127.sf-arrows>li>.sf-with-ul:focus:after { 16128 border-top-color: #fff 16129} 16130 16131.sf-arrows ul .sf-with-ul:after { 16132 margin-top: -5px; 16133 margin-right: -3px; 16134 border-color: transparent; 16135 border-left-color: #dfeeff; 16136 border-left-color: rgba(255, 255, 255, .5) 16137} 16138 16139.sf-arrows ul .sfHover>.sf-with-ul:after, 16140.sf-arrows ul li:hover>.sf-with-ul:after, 16141.sf-arrows ul li>.sf-with-ul:focus:after { 16142 border-left-color: #fff 16143} 16144 16145#growls-bc, 16146#growls-bl, 16147#growls-br, 16148#growls-cc, 16149#growls-cl, 16150#growls-cr, 16151#growls-default, 16152#growls-tc, 16153#growls-tl, 16154#growls-tr, 16155.ontop { 16156 z-index: 50000; 16157 position: fixed 16158} 16159 16160#growls-default { 16161 top: 10px; 16162 right: 10px 16163} 16164 16165#growls-tl { 16166 top: 10px; 16167 left: 10px 16168} 16169 16170#growls-tr { 16171 top: 10px; 16172 right: 10px 16173} 16174 16175#growls-bl { 16176 bottom: 10px; 16177 left: 10px 16178} 16179 16180#growls-br { 16181 bottom: 10px; 16182 right: 10px 16183} 16184 16185#growls-tc { 16186 top: 10px; 16187 right: 10px; 16188 left: 10px 16189} 16190 16191#growls-bc { 16192 bottom: 10px; 16193 right: 10px; 16194 left: 10px 16195} 16196 16197#growls-cc { 16198 top: 50%; 16199 left: 50%; 16200 margin-left: -125px 16201} 16202 16203#growls-cl { 16204 top: 50%; 16205 left: 10px 16206} 16207 16208#growls-cr { 16209 top: 50%; 16210 right: 10px 16211} 16212 16213#growls-bc .growl, 16214#growls-tc .growl { 16215 margin-left: auto; 16216 margin-right: auto 16217} 16218 16219.growl { 16220 opacity: .8; 16221 position: relative; 16222 border-radius: 4px; 16223 transition: all .4s ease-in-out 16224} 16225 16226.growl.growl-incoming { 16227 opacity: 0 16228} 16229 16230.growl.growl-outgoing { 16231 opacity: 0 16232} 16233 16234.growl.growl-small {
16235 width: 200px; 16236 padding: 5px; 16237 margin: 5px 16238} 16239 16240.growl.growl-medium { 16241 width: 250px; 16242 padding: 10px; 16243 margin: 10px 16244} 16245 16246.growl.growl-large { 16247 width: 300px; 16248 padding: 15px; 16249 margin: 15px 16250} 16251 16252.growl.growl-default { 16253 color: #fff; 16254 background: #7f8c8d 16255} 16256 16257.growl.growl-error { 16258 color: #fff; 16259 background: #c0392b 16260} 16261 16262.growl.growl-notice { 16263 color: #fff; 16264 background: #2ecc71 16265} 16266 16267.growl.growl-warning { 16268 color: #fff; 16269 background: #f39c12 16270} 16271 16272.growl .growl-close { 16273 cursor: pointer; 16274 float: right; 16275 font-size: 14px; 16276 line-height: 18px; 16277 font-weight: 400; 16278 font-family: helvetica, verdana, sans-serif 16279} 16280 16281.growl .growl-title { 16282 font-size: 18px; 16283 line-height: 24px 16284} 16285 16286.growl .growl-message { 16287 font-size: 14px; 16288 line-height: 18px 16289} 16290 16291.section-title { 16292 text-align: center 16293} 16294 16295.section-title .page-heading { 16296 margin-bottom: 0; 16297 border-bottom: 0; 16298 line-height: 24px; 16299 padding-bottom: 0 16300} 16301 16302@media only screen and (max-width:1023px) { 16303 .section-title .page-heading { 16304 font-size: 24px; 16305 line-height: 24px 16306 } 16307} 16308 16309.page-heading { 16310 margin-bottom: 30px; 16311 font-weight: 500; 16312 color: #2E1065; 16313 letter-spacing: normal; 16314 line-height: 40px; 16315 border-bottom: 1px solid #dfdfdf; 16316 padding-bottom: 15px 16317} 16318 16319@media only screen and (max-width:1023px) { 16320 .page-heading { 16321 font-size: 26px; 16322 line-height: 36px; 16323 margin-bottom: 20px 16324 } 16325} 16326 16327.page-heading+.page-sub-heading { 16328 margin-top: 6px; 16329 font-size: 24px 16330} 16331 16332@media only screen and (max-width:1023px) { 16333 .page-heading+.page-sub-heading { 16334 font-size: 20px; 16335 line-height: 22px 16336 } 16337} 16338 16339.page-heading svg { 16340 width: 20px; 16341 height: 20px; 16342 fill: #6D28D9; 16343 margin-right: 8px 16344} 16345 16346.page-sub-heading { 16347 color: #888; 16348 font-family: Caveat; 16349 margin-bottom: 0 16350} 16351 16352.home-promotional-banner { 16353 margin-top: 39px 16354} 16355 16356@media only screen and (max-width:1023px) { 16357 .home-promotional-banner { 16358 margin-top: 30px 16359 } 16360} 16361 16362.home-promotional-banner.carousel-open { 16363 margin-top: 0 16364} 16365 16366@media only screen and (max-width:1023px) { 16367 .home-promotional-banner.m-b-60 { 16368 margin-bottom: 37px 16369 } 16370} 16371 16372.home-promotional-banner .banner-main-block { 16373 margin: 0 -15px; 16374 display: -ms-flexbox; 16375 display: flex; 16376 -ms-flex-align: flex-start; 16377 align-items: flex-start; 16378 -ms-flex-pack: start; 16379 justify-content: flex-start 16380} 16381 16382@media only screen and (max-width:1023px) { 16383 .home-promotional-banner .banner-main-block { 16384 margin: 0 -10px 16385 } 16386} 16387 16388@media only screen and (max-width:767px) { 16389 .home-promotional-banner .banner-main-block { 16390 -ms-flex-wrap: wrap; 16391 flex-wrap: wrap; 16392 -webkit-flex-wrap: wrap 16393 } 16394} 16395 16396@media only screen and (max-width:567px) { 16397 .home-promotional-banner .banner-main-block { 16398 margin: 0 -5px 16399 } 16400} 16401 16402@media only screen and (max-width:479px) { 16403 .home-promotional-banner .banner-main-block { 16404 margin: 0 16405 } 16406} 16407 16408.home-promotional-banner .banner-block-half { 16409 width: 50% 16410} 16411 16412@media only screen and (max-width:1023px) { 16413 .home-promotional-banner .banner-block-half.p-l-15 { 16414 padding-left: 10px 16415 } 16416 .home-promotional-banner .banner-block-half.p-r-15 { 16417 padding-right: 10px 16418 } 16419} 16420 16421@media only screen and (max-width:767px) { 16422 .home-promotional-banner .banner-block-half { 16423 width: 100% 16424 } 16425} 16426 16427@media only screen and (max-width:567px) { 16428 .home-promotional-banner .banner-block-half.p-l-15 { 16429 padding-left: 5px 16430 } 16431 .home-promotional-banner .banner-block-half.p-r-15 { 16432 padding-right: 5px 16433 } 16434} 16435 16436@media only screen and (max-width:479px) { 16437 .home-promotional-banner .banner-block-half.p-l-15 { 16438 padding-left: 0 16439 } 16440 .home-promotional-banner .banner-block-half.p-r-15 { 16441 padding-right: 0 16442 } 16443} 16444 16445.home-promotional-banner .banner-block-full { 16446 width: 100% 16447} 16448 16449.home-promotional-banner .banner-block-3 { 16450 padding: 0; 16451 margin-top: 30px 16452} 16453 16454@media only screen and (max-width:1919px) { 16455 .home-promotional-banner .banner-block-3 { 16456 margin-top: 27px 16457 } 16458} 16459 16460@media only screen and (max-width:1279px) { 16461 .home-promotional-banner .banner-block-3 { 16462 margin-top: 24px 16463 } 16464} 16465 16466@media only screen and (max-width:1023px) { 16467 .home-promotional-banner .banner-block-3 { 16468 margin-top: 17px 16469 } 16470} 16471 16472@media only screen and (max-width:567px) { 16473 .home-promotional-banner .banner-block-3 { 16474 margin-top: 10px 16475 } 16476} 16477 16478@media only screen and (max-width:479px) { 16479 .home-promotional-banner .banner-block-3 { 16480 -ms-flex-wrap: wrap; 16481 flex-wrap: wrap; 16482 -webkit-flex-wrap: wrap 16483 } 16484 .home-promotional-banner .banner-block-3 .p-r-15 { 16485 margin-bottom: 10px 16486 } 16487} 16488 16489.home-promotional-banner .banner-block-3 img { 16490 width: 100% 16491} 16492 16493@media only screen and (max-width:767px) { 16494 .home-promotional-banner .banner-block-2 { 16495 margin-top: 17px 16496 } 16497} 16498 16499@media only screen and (max-width:567px) { 16500 .home-promotional-banner .banner-block-2 { 16501 margin-top: 10px 16502 } 16503} 16504 16505@media only screen and (max-width:1023px) { 16506 .product-section.m-b-40 { 16507 margin-bottom: 17px 16508 } 16509} 16510 16511.slick-slider .product-slick-arrow { 16512 display: none; 16513 width: 18px; 16514 height: 12px 16515} 16516 16517.home-blog-list-wrap .home-blog-list { 16518 display: -ms-flexbox; 16519 display: flex 16520} 16521 16522@media only screen and (max-width:666px) { 16523 .home-blog-list-wrap .home-blog-list { 16524 -ms-flex-flow: column; 16525 flex-flow: column 16526 } 16527} 16528 16529@media only screen and (max-width:1023px) { 16530 .home-blog-post.m-b-50 { 16531 margin-bottom: 30px 16532 } 16533} 16534 16535@media only screen and (max-width:1023px) { 16536 .home-blog-list-wrap.m-t-30 { 16537 margin-top: 15px 16538 } 16539} 16540 16541@media only screen and (max-width:666px) { 16542 .home-blog-list-wrap .custom-row { 16543 -ms-flex-wrap: wrap; 16544 flex-wrap: wrap; 16545 -webkit-flex-wrap: wrap; 16546 margin: 0 16547 } 16548} 16549 16550@media only screen and (max-width:1023px) { 16551 .home-blog-item.p-l-15 { 16552 padding-left: 10px 16553 } 16554 .home-blog-item.p-r-15 { 16555 padding-right: 10px 16556 } 16557} 16558 16559@media only screen and (max-width:666px) { 16560 .home-blog-item.width-33 {
16561 width: 100%; 16562 padding: 0 16563 } 16564 .home-blog-item:last-child .home-blog-detail { 16565 margin-bottom: 0 16566 } 16567} 16568 16569.home-blog-img { 16570 position: relative; 16571 width: 100% 16572} 16573 16574.home-blog-img a { 16575 text-align: center; 16576 display: block 16577} 16578 16579.home-blog-img a span { 16580 max-height: 300px; 16581 position: relative; 16582 display: -ms-flexbox; 16583 display: flex; 16584 -ms-flex-pack: center; 16585 justify-content: center; 16586 -ms-flex-align: center; 16587 align-items: center; 16588 min-height: 300px; 16589 overflow: hidden 16590} 16591 16592@media only screen and (max-width:1919px) { 16593 .home-blog-img a span { 16594 max-height: 224px; 16595 min-height: 224px 16596 } 16597} 16598 16599@media only screen and (max-width:1279px) { 16600 .home-blog-img a span { 16601 max-height: 210px; 16602 min-height: 210px 16603 } 16604} 16605 16606@media only screen and (max-width:1023px) { 16607 .home-blog-img a span { 16608 max-height: 150px; 16609 min-height: 150px 16610 } 16611} 16612 16613@media only screen and (max-width:767px) { 16614 .home-blog-img a span { 16615 max-height: 130px; 16616 min-height: 130px 16617 } 16618} 16619 16620@media only screen and (max-width:666px) { 16621 .home-blog-img a span { 16622 max-height: inherit 16623 } 16624} 16625 16626.home-blog-img a img { 16627 width: auto; 16628 overflow: hidden; 16629 background-color: #fff; 16630 position: relative; 16631 transition: all .5s 16632} 16633 16634.home-blog-detail { 16635 text-align: left; 16636 padding: 0 10px; 16637 padding-top: 15px; 16638 width: 100% 16639} 16640 16641@media only screen and (max-width:1023px) { 16642 .home-blog-detail { 16643 padding-top: 15px 16644 } 16645} 16646 16647@media only screen and (max-width:666px) { 16648 .home-blog-detail { 16649 margin-bottom: 30px 16650 } 16651} 16652 16653.home-blog-detail h4 { 16654 line-height: 24px; 16655 font-weight: 500; 16656 text-transform: capitalize; 16657 margin-bottom: 10px; 16658 letter-spacing: normal 16659} 16660 16661@media only screen and (max-width:1023px) { 16662 .home-blog-detail h4 { 16663 font-size: 16px; 16664 line-height: 20px 16665 } 16666} 16667 16668@media only screen and (max-width:767px) { 16669 .home-blog-detail h4 { 16670 margin-bottom: 7px 16671 } 16672} 16673 16674.home-blog-detail h4 a { 16675 color: #6D28D9 16676} 16677 16678.home-blog-detail h4 a:hover { 16679 color: #666 16680} 16681 16682.home-blog-detail p { 16683 font-size: 16px; 16684 line-height: 1.5; 16685 font-weight: 400; 16686 text-align: left; 16687 margin-bottom: 10px; 16688 color: #333 16689} 16690 16691@media only screen and (max-width:1023px) { 16692 .home-blog-detail p { 16693 font-size: 13px; 16694 line-height: 20px 16695 } 16696} 16697 16698@media only screen and (max-width:767px) { 16699 .home-blog-detail p { 16700 margin-bottom: 7px 16701 } 16702} 16703 16704.home-blog-detail .blog-date { 16705 font-size: 15px; 16706 font-weight: 400; 16707 color: #6D28D9 16708} 16709 16710@media only screen and (max-width:1023px) { 16711 .home-blog-detail .blog-date { 16712 font-size: 13px; 16713 line-height: 20px 16714 } 16715} 16716 16717@media only screen and (max-width:767px) { 16718 .home-blog-detail .blog-date { 16719 -ms-flex-wrap: wrap; 16720 flex-wrap: wrap; 16721 -webkit-flex-wrap: wrap 16722 } 16723 .home-blog-detail .blog-date div { 16724 width: 100%; 16725 display: block; 16726 text-align: left 16727 } 16728} 16729 16730@media only screen and (max-width:666px) { 16731 .home-blog-detail .blog-date { 16732 -ms-flex-wrap: nowrap; 16733 flex-wrap: nowrap; 16734 -webkit-flex-wrap: nowrap 16735 } 16736 .home-blog-detail .blog-date div { 16737 width: auto 16738 } 16739} 16740 16741.home-blog-detail .blog-date .author+.date { 16742 margin-left: 18px 16743} 16744 16745@media only screen and (max-width:767px) { 16746 .home-blog-detail .blog-date .author+.date { 16747 margin-left: 0; 16748 margin-top: 5px 16749 } 16750} 16751 16752@media only screen and (max-width:666px) { 16753 .home-blog-detail .blog-date .author+.date { 16754 margin-top: 0; 16755 margin-left: 18px 16756 } 16757} 16758 16759.home-blog-detail .blog-date svg { 16760 width: 15px; 16761 height: 15px 16762} 16763 16764@media only screen and (max-width:1023px) { 16765 .home-blog-detail .blog-date svg { 16766 width: 12px; 16767 height: 12px 16768 } 16769} 16770 16771@media only screen and (max-width:1023px) { 16772 .instagrame.m-b-50 { 16773 margin-bottom: 30px 16774 } 16775} 16776 16777.instagrame .page-heading { 16778 font-size: 24px; 16779 display: -ms-flexbox; 16780 display: flex; 16781 -ms-flex-pack: center; 16782 justify-content: center; 16783 -ms-flex-align: center;
16784 align-items: center 16785} 16786 16787.instagrame .page-heading svg { 16788 margin-right: 5px 16789} 16790 16791@media only screen and (max-width:1023px) { 16792 .home-instagram.m-t-20 { 16793 margin-top: 5px 16794 } 16795} 16796 16797@media only screen and (max-width:567px) { 16798 .home-instagram.m-t-20 { 16799 margin-top: 11px 16800 } 16801} 16802 16803.insta-item { 16804 padding: 10px 16805} 16806 16807@media only screen and (max-width:567px) { 16808 .insta-item { 16809 padding: 5px 16810 } 16811} 16812 16813@media only screen and (max-width:567px) { 16814 .insta-item-wrap { 16815 width: 180px 16816 } 16817} 16818 16819.animation { 16820 display: block; 16821 position: relative 16822} 16823 16824.animation:before { 16825 opacity: 0; 16826 content: ""; 16827 position: absolute; 16828 width: 42px; 16829 height: 42px; 16830 top: 50%; 16831 left: 50%; 16832 margin-top: -21px; 16833 margin-left: -21px; 16834 background: url(https://cdn11.bigcommerce.com/s-ueup7uo30q/stencil/b69431d0-5b56-0138-21ef-0242ac11000b/icons/instagram-feeds.svg) no-repeat; 16835 background-size: 100%; 16836 z-index: 1 16837} 16838 16839.animation:after { 16840 content: ""; 16841 position: absolute; 16842 top: 5px; 16843 left: 5px; 16844 bottom: 5px; 16845 right: 5px; 16846 background: #6D28D9; 16847 opacity: 0 16848} 16849 16850.animation:hover { 16851 box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3) 16852} 16853 16854.animation:hover:before { 16855 opacity: 1 16856} 16857 16858.animation:hover:after { 16859 opacity: .7 16860} 16861 16862.usp-section { 16863 background: #f4f4f4 16864} 16865 16866@media only screen and (max-width:1023px) { 16867 .usp-section.m-b-60 { 16868 margin-bottom: 40px 16869 } 16870} 16871 16872.usp-section ul { 16873 margin: 0; 16874 display: -ms-flexbox; 16875 display: flex; 16876 -ms-flex-pack: center; 16877 justify-content: center 16878} 16879 16880@media only screen and (max-width:1023px) { 16881 .usp-section ul { 16882 -ms-flex-wrap: wrap; 16883 flex-wrap: wrap; 16884 -webkit-flex-wrap: wrap 16885 } 16886} 16887 16888.usp-section ul li { 16889 padding: 30px 15px; 16890 margin: 0; 16891 width: 25% 16892} 16893 16894@media only screen and (max-width:1023px) { 16895 .usp-section ul li { 16896 width: 50%; 16897 padding: 0 16898 } 16899} 16900 16901.usp-section ul li:first-child { 16902 padding-left: 0 16903} 16904 16905.usp-section ul li:last-child { 16906 padding-right: 0 16907} 16908 16909@media only screen and (max-width:1023px) { 16910 .usp-section ul li.first {
16911 padding-top: 20px; 16912 padding-right: 20px; 16913 padding-bottom: 20px; 16914 padding-left: 0 16915 } 16916 .usp-section ul li.second { 16917 padding-top: 20px; 16918 padding-bottom: 20px 16919 } 16920 .usp-section ul li.third { 16921 padding-bottom: 20px; 16922 padding-right: 20px 16923 } 16924 .usp-section ul li.fourth { 16925 padding-bottom: 20px 16926 } 16927} 16928 16929@media only screen and (max-width:567px) { 16930 .usp-section ul li.first { 16931 padding-top: 10px; 16932 padding-right: 10px; 16933 padding-bottom: 10px; 16934 padding-left: 0 16935 } 16936 .usp-section ul li.second { 16937 padding-top: 10px; 16938 padding-bottom: 10px 16939 } 16940 .usp-section ul li.third { 16941 padding-bottom: 10px; 16942 padding-right: 10px 16943 } 16944 .usp-section ul li.fourth { 16945 padding-bottom: 10px 16946 } 16947} 16948 16949.usp-section.usp-section-none { 16950 display: none 16951} 16952 16953.usp-block { 16954 background: #fff; 16955 display: -ms-flexbox; 16956 display: flex; 16957 -ms-flex-align: center; 16958 align-items: center; 16959 -ms-flex-pack: center; 16960 justify-content: center; 16961 padding: 18px 10px; 16962 height: 100% 16963} 16964 16965@media only screen and (max-width:1279px) { 16966 .usp-block { 16967 -ms-flex-wrap: wrap; 16968 flex-wrap: wrap; 16969 -webkit-flex-wrap: wrap 16970 } 16971} 16972 16973@media only screen and (max-width:567px) { 16974 .usp-block { 16975 padding: 12px 10px 16976 } 16977} 16978 16979.usp-block .usp-img { 16980 max-width: 45px; 16981 text-align: right; 16982 margin-right: 14px; 16983 width: 100% 16984} 16985 16986@media only screen and (max-width:1279px) { 16987 .usp-block .usp-img { 16988 margin: 0 16989 } 16990} 16991 16992@media only screen and (max-width:1279px) { 16993 .usp-block .usp-detail { 16994 width: 100%; 16995 text-align: center; 16996 margin-top: 8px 16997 } 16998} 16999 17000.usp-block .usp-detail h5 { 17001 margin: 0; 17002 text-transform: capitalize; 17003 color: #6D28D9; 17004 line-height: 22px; 17005 font-weight: 500 17006} 17007 17008@media only screen and (max-width:1919px) { 17009 .usp-block .usp-detail h5 { 17010 font-size: 14px; 17011 line-height: 20px 17012 } 17013} 17014 17015.usp-block .usp-detail p { 17016 margin: 0; 17017 color: #666; 17018 line-height: 22px 17019} 17020 17021@media only screen and (max-width:1919px) { 17022 .usp-block .usp-detail p { 17023 font-size: 13px; 17024 line-height: 18px 17025 } 17026} 17027 17028@media only screen and (max-width:567px) { 17029 .usp-block .usp-detail p { 17030 font-size: 11px; 17031 line-height: 15px 17032 } 17033} 17034 17035.type-account_addressbook .usp-section, 17036.type-account_inbox .usp-section, 17037.type-account_orderstatus .usp-section, 17038.type-account_paymentmethods .usp-section, 17039.type-account_recentitems .usp-section, 17040.type-account_returns .usp-section, 17041.type-cart .usp-section, 17042.type-createaccount .usp-section, 17043.type-editaccount .usp-section, 17044.type-login .usp-section, 17045.type-wishlists .usp-section { 17046 display: none 17047} 17048 17049.login { 17050 margin: 0 auto 17051} 17052 17053.login-row { 17054 margin-top: 50px; 17055 display: -ms-flexbox; 17056 display: flex; 17057 -ms-flex-align: center; 17058 align-items: center; 17059 -ms-flex-pack: justify; 17060 justify-content: space-between 17061} 17062 17063@media only screen and (max-width:767px) { 17064 .login-row { 17065 -ms-flex-flow: column; 17066 flex-flow: column 17067 } 17068} 17069 17070.login-row .form-actions { 17071 display: -ms-flexbox; 17072 display: flex; 17073 -ms-flex-align: center; 17074 align-items: center; 17075 -ms-flex-pack: start; 17076 justify-content: flex-start 17077} 17078 17079.login-row .form-actions .button { 17080 width: auto; 17081 margin: 0; 17082 margin-right: 20px 17083} 17084 17085@media only screen and (max-width:767px) { 17086 .login-form { 17087 width: 100%; 17088 padding: 0 17089 } 17090} 17091 17092.login-form .form-label { 17093 font-size: 16px; 17094 color: #000 17095} 17096 17097.login-form .forgot-password { 17098 font-size: 15px; 17099 width: auto; 17100 margin: 0 17101} 17102 17103@media only screen and (max-width:767px) { 17104 .new-customer { 17105 width: 100%; 17106 padding: 0 17107 } 17108} 17109 17110.new-customer-fact-list { 17111 margin-left: 0 17112} 17113 17114.new-customer-fact { 17115 font-size: 15px 17116} 17117 17118.new-customer-intro { 17119 margin-bottom: 15px; 17120 font-size: 15px 17121} 17122 17123@media only screen and (max-width:1023px) { 17124 .navBar--sub { 17125 margin-bottom: 20px 17126 } 17127} 17128 17129.navBar--sub.navBar--account { 17130 display: block 17131} 17132 17133.navBar--sub .navBar-item { 17134 font-size: 16px 17135} 17136 17137@media only screen and (max-width:1023px) { 17138 .navBar--sub .navBar-item { 17139 font-size: 14px 17140 } 17141} 17142 17143@media only screen and (max-width:1279px) { 17144 .navBar--sub .navBar-item { 17145 margin: 0 7px 17146 } 17147} 17148 17149@media only screen and (max-width:1023px) { 17150 .navBar--sub .navBar-item { 17151 padding: 10px; 17152 border: 1px solid #dfdfdf; 17153 margin-top: 0; 17154 margin-left: 0; 17155 margin-right: 0; 17156 margin-bottom: 15px; 17157 text-align: left 17158 } 17159 .navBar--sub .navBar-item .navBar-action { 17160 font-size: 14px 17161 } 17162 .navBar--sub .navBar-item.search-result-content { 17163 margin-bottom: 0 17164 } 17165} 17166 17167.navBar--sub .navBar-item.is-active { 17168 color: #6D28D9; 17169 border-bottom: 1px solid #6D28D9 17170} 17171 17172@media only screen and (max-width:1023px) { 17173 .navBar--sub .navBar-item.is-active { 17174 font-size: 14px; 17175 border: 1px solid #6D28D9 17176 } 17177} 17178 17179.navBar--sub .navBar-item .toggleLink-text { 17180 font-size: 16px 17181} 17182 17183@media only screen and (max-width:1023px) { 17184 .navBar--sub .navBar-item .toggleLink-text { 17185 font-size: 14px 17186 } 17187} 17188 17189.navBar--sub .navBar-action { 17190 font-size: 16px; 17191 color: #666 17192} 17193 17194@media only screen and (max-width:1023px) { 17195 .navBar--sub .navBar-action { 17196 font-size: 14px 17197 } 17198} 17199 17200@media only screen and (max-width:1919px) { 17201 .account--fixedLarge { 17202 width: 100% 17203 } 17204} 17205 17206.account h3 {
17207 line-height: 26px 17208} 17209 17210.account-product--alignMiddle .account-product-figure { 17211 left: 0 17212} 17213 17214.account-product--alignMiddle .account-product-checkItem { 17215 left: 0 17216} 17217 17218.account-product--alignMiddle .account-product-body { 17219 padding-left: 10px 17220} 17221 17222.account-product--alignMiddle .account-product-figure>img { 17223 height: auto 17224} 17225 17226.account-product-figure { 17227 display: block 17228} 17229 17230.account-product-figure:after { 17231 display: none 17232} 17233 17234.account-orderStatus-label { 17235 background: #6D28D9 17236} 17237 17238.account-product-title { 17239 margin-bottom: 10px 17240} 17241 17242.account-message p { 17243 margin-bottom: 0 17244} 17245 17246.account-message p+p { 17247 margin-top: 15px 17248} 17249 17250.account .pagination { 17251 margin-top: 30px; 17252 color: #666 17253} 17254 17255.account .pagination .pagination-list { 17256 margin-bottom: 0 17257} 17258 17259.account .product .card { 17260 width: 100% 17261} 17262 17263.account .product .form { 17264 text-align: center; 17265 margin: 0 17266} 17267 17268.account .product .form .button { 17269 margin-top: 15px; 17270 margin-bottom: 0 17271} 17272 17273.account-content h2 { 17274 font-size: 20px 17275} 17276 17277@media only screen and (max-width:767px) { 17278 .account-content h2 { 17279 margin-bottom: 10px 17280 } 17281} 17282 17283@media only screen and (max-width:767px) { 17284 .account-content .form-field { 17285 margin-bottom: 15px 17286 } 17287} 17288 17289@media only screen and (max-width:767px) { 17290 .account-content .form-actions .button { 17291 margin-top: 0 17292 } 17293} 17294 17295@media only screen and (max-width:1023px) { 17296 .addressList { 17297 margin-left: 0; 17298 margin-right: 0 17299 } 17300} 17301 17302.addressList .address { 17303 margin-bottom: 0 17304} 17305 17306.return-msg { 17307 text-align: center 17308} 17309 17310.table--line .table-thead { 17311 border-color: 1px solid #dfdfdf 17312} 17313 17314@media only screen and (max-width:567px) { 17315 .form-actions .button+.button, 17316 .form-actions .button+a, 17317 .form-actions .button+input, 17318 .form-actions a+.button, 17319 .form-actions a+a, 17320 .form-actions a+input, 17321 .form-actions input+.button, 17322 .form-actions input+a, 17323 .form-actions input+input { 17324 margin-top: 0 17325 } 17326} 17327 17328.type-createaccount .form-row, 17329.type-shippingaddressform .form-row { 17330 margin: 0 17331} 17332 17333.type-createaccount .g-recaptcha, 17334.type-shippingaddressform .g-recaptcha { 17335 padding-left: .75rem 17336} 17337 17338.type-createaccount .form-actions .button, 17339.type-shippingaddressform .form-actions .button { 17340 width: auto 17341} 17342 17343.type-wishlist .productGrid .product { 17344 padding-bottom: 60px; 17345 margin-bottom: 15px; 17346 position: relative 17347} 17348 17349.type-wishlist .productGrid .product .crad { 17350 width: 100% 17351} 17352 17353.type-wishlist .productGrid .product .form { 17354 margin-top: auto; 17355 width: 100%; 17356 position: absolute; 17357 bottom: 0; 17358 left: 50%; 17359 transform: translate(-50%) 17360} 17361 17362.blog-thumbnail-custom { 17363 margin: 0 auto; 17364 margin-bottom: 20px 17365} 17366 17367.blog-thumbnail-custom a { 17368 display: block 17369} 17370 17371.blog-author, 17372.blog-date { 17373 margin-bottom: 10px 17374} 17375 17376.blog-title { 17377 line-height: 26px 17378} 17379 17380.type-compare .header { 17381 z-index: inherit 17382} 17383 17384.type-compare .header.stuck { 17385 z-index: 99 17386} 17387 17388.type-compare .header .header-main { 17389 z-index: inherit 17390} 17391 17392.compare-table-wrap { 17393 overflow: auto 17394} 17395 17396@media only screen and (max-width:1023px) { 17397 .compare-table-wrap .compareTable { 17398 width: 800px 17399 } 17400} 17401 17402.compareTable-product .card .card-figure { 17403 overflow: visible 17404} 17405 17406.compareTable-product .card .card-figure a { 17407 height: 30px; 17408 position: absolute; 17409 right: -1rem; 17410 top: -1rem; 17411 transition: background-color .15s ease; 17412 width: 30px 17413} 17414 17415.compareTable-product .card .card-figure a svg { 17416 margin-top: 9px 17417} 17418 17419.compareTable-product .card .card-title { 17420 margin-bottom: 12px; 17421 margin-top: 10px 17422} 17423 17424.compareTable-product .card:hover .card-title { 17425 opacity: 1; 17426 visibility: visible 17427} 17428 17429.compareTable-product .compareTable-removeProduct:hover { 17430 background: #6D28D9 17431} 17432 17433.compareTable-product .compareTable-removeProduct:hover .icon { 17434 fill: #fff 17435} 17436 17437.compareTable-product .icon { 17438 fill: #6D28D9; 17439 height: 14px; 17440 width: 14px; 17441 margin-top: 10px 17442} 17443 17444.compareTable { 17445 border-top: 0 17446} 17447 17448.compareTable-action .button { 17449 text-transform: uppercase 17450} 17451 17452.compareTable-headingText { 17453 font-weight: 500; 17454 color: #6D28D9 17455} 17456 17457.sitemap-block-main { 17458 display: -ms-flexbox; 17459 display: flex; 17460 -ms-flex-align: flex-start;
17461 align-items: flex-start; 17462 -ms-flex-pack: justify; 17463 justify-content: space-between; 17464 -ms-flex-flow: row; 17465 flex-flow: row 17466} 17467 17468@media only screen and (max-width:767px) { 17469 .sitemap-block-main { 17470 -ms-flex-flow: column; 17471 flex-flow: column 17472 } 17473} 17474 17475.sitemap-block-main .block-title { 17476 margin-bottom: 15px; 17477 font-weight: 500 17478} 17479 17480.sitemap-block-main .sitemap-block { 17481 width: 33.33%; 17482 padding: 0 15px 17483} 17484 17485@media only screen and (max-width:767px) { 17486 .sitemap-block-main .sitemap-block { 17487 width: 100% 17488 } 17489} 17490 17491.sitemap-block-main ul { 17492 margin-left: 0 17493} 17494 17495.sitemap-block-main .show-more:before { 17496 display: none 17497} 17498 17499.sitemap-block-main .show-more a { 17500 font-style: italic 17501} 17502 17503.gift-certificate-form .form-fieldset .form-field { 17504 padding: 0 17505} 17506 17507.gift-certificate-form .form-fieldset .form-field-group { 17508 padding: 15px .75rem 17509} 17510 17511.giftWrapping-form .form-actions { 17512 margin-bottom: 20px 17513} 17514 17515#contact-us-success { 17516 text-align: center 17517} 17518 17519.changelog li { 17520 list-style: outside 17521} 17522 17523.header { 17524 border: 0; 17525 animation-duration: .7s 17526} 17527 17528@media only screen and (max-width:1023px) { 17529 .header { 17530 position: relative 17531 } 17532} 17533 17534.header-main { 17535 position: relative; 17536 z-index: 99 17537} 17538 17539.header-inner { 17540 display: -ms-flexbox; 17541 display: flex; 17542 -ms-flex-align: center; 17543 align-items: center; 17544 -ms-flex-pack: justify; 17545 justify-content: space-between 17546} 17547 17548.header-left, 17549.header-right { 17550 width: 25% 17551} 17552 17553@media only screen and (max-width:1023px) { 17554 .header-left, 17555 .header-right { 17556 width: 50% 17557 } 17558} 17559 17560.header-center { 17561 width: 50% 17562} 17563 17564@media only screen and (max-width:1023px) { 17565 .header-center { 17566 display: none 17567 } 17568} 17569 17570.header-right { 17571 position: relative 17572} 17573 17574.header-left { 17575 display: -ms-flexbox; 17576 display: flex; 17577 -ms-flex-align: center; 17578 align-items: center; 17579 -ms-flex-pack: start; 17580 justify-content: flex-start 17581} 17582 17583.header-sidebar-open { 17584 position: fixed; 17585 width: 100% 17586} 17587 17588.nav-arrow { 17589 width: 5px; 17590 height: 5px; 17591 display: none 17592} 17593 17594.header-side-bar { 17595 position: fixed; 17596 left: -352px; 17597 width: 342px; 17598 top: 0; 17599 bottom: 0; 17600 z-index: 99; 17601 background-color: #fff; 17602 box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1); 17603 transition: all .4s cubic-bezier(.46, .01, .32, 1) 0s; 17604 overflow-y: auto 17605} 17606 17607@media only screen and (max-width:479px) { 17608 .header-side-bar { 17609 width: 300px; 17610 left: -310px 17611 } 17612} 17613 17614.header-side-bar .header-side-bar-inn { 17615 padding: 25px 18px 30px 20px 17616} 17617 17618@media only screen and (max-width:479px) { 17619 .header-side-bar .header-side-bar-inn { 17620 padding: 20px 17621 } 17622} 17623 17624.header-side-bar .sidebarBlock-heading { 17625 font-size: 20px; 17626 font-weight: 500; 17627 margin-bottom: 15px 17628} 17629 17630@media only screen and (max-width:567px) { 17631 .header-side-bar .sidebarBlock-heading { 17632 font-size: 18px 17633 } 17634} 17635 17636.header-side-bar .headerSidebar-block { 17637 padding-top: 18px; 17638 margin-top: 17px; 17639 border-top: 1px solid #dfdfdf; 17640 padding-left: 20px; 17641 padding-right: 18px 17642} 17643 17644.header-side-bar .headerSidebar-block.category { 17645 border-top: 0; 17646 padding-top: 0; 17647 margin-top: 0 17648} 17649 17650.header-side-bar .nav-arrow { 17651 display: inline-block; 17652 width: 5px; 17653 height: 5px; 17654 position: absolute; 17655 content: ""; 17656 left: 0; 17657 top: 10px 17658} 17659 17660.header-side-bar .nav-arrow svg { 17661 width: 5px; 17662 height: 5px; 17663 display: block !important 17664} 17665 17666.header-side-bar .navList { 17667 margin-bottom: 0 17668} 17669 17670.header-side-bar .navList li { 17671 margin: 8px 0 0 0; 17672 position: relative; 17673 padding-left: 15px 17674} 17675 17676.header-side-bar .navList li a { 17677 font-size: 15px; 17678 color: #666; 17679 font-weight: 400; 17680 padding-top: 4px; 17681 padding-bottom: 4px; 17682 padding-left: 15px; 17683 line-height: 16px; 17684 position: relative 17685} 17686 17687.header-side-bar .navList li a:hover { 17688 color: #888 17689} 17690 17691.header-side-bar .navList li a:hover .nav-arrow svg { 17692 fill: #888 17693} 17694 17695.header-side-bar .navList li a .nav-arrow svg { 17696 fill: #666 17697} 17698 17699.header-side-bar .navList li .nav-third-level li:before { 17700 display: none 17701} 17702 17703.header-side-bar .navList>li { 17704 float: none; 17705 padding-left: 0 17706} 17707 17708.header-side-bar .navList>li:first-child { 17709 margin-top: 0 17710} 17711 17712.header-side-bar .navList>li>a { 17713 color: #6D28D9 17714} 17715 17716.header-side-bar .navList>li>a .nav-arrow svg { 17717 fill: #6D28D9 17718} 17719 17720.header-side-bar .navList>li>a svg { 17721 display: none 17722} 17723 17724.header-side-bar .navList>li>a:hover { 17725 color: #888 17726} 17727 17728.header-side-bar .navList>li>a:hover .nav-arrow svg { 17729 fill: #888 17730} 17731 17732.headerSidebarOn { 17733 left: 0 17734} 17735 17736.close { 17737 text-align: right; 17738 margin-bottom: 5px; 17739 margin-right: 15px 17740} 17741 17742.close .close-icon { 17743 display: inline-block 17744} 17745 17746.close .close-icon svg { 17747 width: 19px; 17748 height: 19px; 17749 fill: #000; 17750 stroke: #000 17751} 17752 17753.desktop_mobile_menu { 17754 padding-right: 25px 17755} 17756 17757@media only screen and (max-width:1023px) { 17758 .desktop_mobile_menu { 17759 padding-right: 10px 17760 } 17761} 17762 17763.desktop_mobile_menu .control-otherlinks span { 17764 border-top: 2px solid #f6f6f6 17765} 17766 17767.desktop_mobile_menu .control-otherlinks span:hover { 17768 border-top: 2px solid #fff; 17769 opacity: .8 17770} 17771 17772.desktop_mobile_menu .control-otherlinks:hover span { 17773 border-top: 2px solid #fff; 17774 opacity: .8 17775} 17776 17777.control-otherlinks { 17778 display: inline-block; 17779 width: 35px;
17780 height: 26px; 17781 position: relative; 17782 text-align: right; 17783 cursor: pointer 17784} 17785 17786.control-otherlinks span { 17787 width: 28px; 17788 left: 0; 17789 top: 2px; 17790 border-top: 2px solid #fff; 17791 position: absolute; 17792 transition: all .5s 17793} 17794 17795.control-otherlinks .otherlinks-line-2 { 17796 top: 10px; 17797 width: 20px 17798} 17799 17800.control-otherlinks .otherlinks-line-3 { 17801 top: 18px; 17802 width: 28px 17803} 17804 17805.control-otherlinks .otherlinks-line-4 { 17806 top: 26px; 17807 width: 17px 17808} 17809 17810.stuck { 17811 position: fixed; 17812 margin: 0 auto; 17813 animation-fill-mode: both; 17814 animation-name: bounceInDown; 17815 border-bottom: 1px solid #666 17816} 17817 17818.stuck .header-currancy, 17819.stuck .header-left { 17820 display: none 17821} 17822 17823.stuck .header-center { 17824 width: 100% 17825} 17826 17827.stuck .header-right { 17828 display: none 17829} 17830 17831.stuck .header-inner .navPages-list { 17832 margin-top: 15px 17833} 17834 17835.stuck .header-inner .navPages-list>li>a { 17836 padding-bottom: 15px 17837} 17838 17839.header-logo { 17840 margin: 0; 17841 padding: 10px 0; 17842 line-height: normal 17843} 17844 17845.header-logo a { 17846 display: block 17847} 17848 17849@media only screen and (max-width:1023px) { 17850 .header-logo a { 17851 width: 100% 17852 } 17853} 17854 17855.header-logo .header-logo-image-container-custom { 17856 display: -ms-flexbox; 17857 display: flex; 17858 -ms-flex-align: center; 17859 align-items: center; 17860 -ms-flex-pack: start; 17861 justify-content: flex-start 17862} 17863 17864.header-logo .header-logo-text { 17865 text-align: left; 17866 white-space: inherit 17867} 17868 17869.header-inner .navPages-list, 17870.header-inner .navUser-section { 17871 margin-top: 23px; 17872 width: 100%; 17873 display: -ms-flexbox; 17874 display: flex; 17875 -ms-flex-align: center; 17876 align-items: center; 17877 -ms-flex-pack: center; 17878 justify-content: center; 17879 -ms-flex-wrap: wrap; 17880 flex-wrap: wrap; 17881 -webkit-flex-wrap: wrap 17882} 17883 17884.header-inner .navPages-list:after, 17885.header-inner .navPages-list:before, 17886.header-inner .navUser-section:after, 17887.header-inner .navUser-section:before { 17888 display: none 17889} 17890 17891.header-inner .navPages-list.navUser-section, 17892.header-inner .navUser-section.navUser-section { 17893 -ms-flex-pack: end; 17894 justify-content: flex-end 17895} 17896 17897@media only screen and (max-width:1439px) { 17898 .header-inner .navPages-list.navUser-section, 17899 .header-inner .navUser-section.navUser-section { 17900 padding-right: 30px 17901 } 17902} 17903 17904@media only screen and (max-width:1365px) { 17905 .header-inner .navPages-list.navUser-section, 17906 .header-inner .navUser-section.navUser-section { 17907 padding-right: 0 17908 } 17909} 17910 17911@media only screen and (max-width:666px) { 17912 .header-inner .navPages-list, 17913 .header-inner .navUser-section { 17914 margin-top: 13px 17915 } 17916} 17917 17918.header-inner .navUser { 17919 padding: 0 17920} 17921 17922@media only screen and (max-width:1023px) { 17923 .header-inner .navUser { 17924 position: unset 17925 } 17926} 17927 17928.header-inner .navUser:before { 17929 display: none 17930} 17931 17932.header-inner .navUser:after { 17933 display: none 17934} 17935 17936@media only screen and (max-width:1023px) { 17937 .header-inner .navUser-item { 17938 display: block 17939 } 17940 .header-inner .navUser-item.navUser-search { 17941 display: none 17942 } 17943} 17944 17945.header-inner .navUser-item--cart { 17946 position: unset; 17947 margin-right: 0 17948} 17949
17950.header-inner .navUser-item--cart .navUser-action .navUser-item-cartLabel { 17951 display: -ms-flexbox; 17952 display: flex; 17953 -ms-flex-align: center; 17954 align-items: center; 17955 -ms-flex-pack: center; 17956 justify-content: center 17957} 17958 17959.header-inner .navUser-item--cart .navUser-action svg { 17960 width: 16px; 17961 height: 21px 17962} 17963 17964.header-inner .navPages-list>li { 17965 margin: 0 22px 17966} 17967 17968@media only screen and (max-width:1279px) { 17969 .header-inner .navPages-list>li { 17970 margin: 0 10px 17971 } 17972} 17973 17974.header-inner .navPages-list>li>a { 17975 padding: 0 0 24px; 17976 line-height: 22px; 17977 display: -ms-flexbox; 17978 display: flex; 17979 -ms-flex-align: center; 17980 align-items: center; 17981 -ms-flex-pack: center; 17982 justify-content: center; 17983 text-transform: inherit 17984} 17985 17986.header-inner .navPages-list>li>a svg { 17987 width: 10px; 17988 height: 6px; 17989 margin-left: 7px 17990} 17991 17992.header-inner .navPages-list>li>a:focus, 17993.header-inner .navPages-list>li>a:hover { 17994 color: #fff 17995} 17996 17997.header-inner .navPages-list>li>a:focus svg, 17998.header-inner .navPages-list>li>a:hover svg { 17999 fill: #fff 18000} 18001 18002.header-inner .navPages-list>li.navUser-item { 18003 margin: 0 20px 18004} 18005 18006.header-inner .navPages-list>li ul { 18007 width: 200px; 18008 max-width: 200px; 18009 padding: 5px 0 18010} 18011 18012.header-inner .navPages-list>li ul li { 18013 padding: 0 5px 18014} 18015 18016.header-inner .navPages-list>li ul li a { 18017 -ms-flex-pack: justify; 18018 justify-content: space-between 18019} 18020 18021.header-inner .navPages-list>li ul li a svg.chevron-down { 18022 width: 7px; 18023 height: 7px; 18024 margin-right: 0; 18025 transform: rotate(270deg); 18026 position: absolute; 18027 left: auto; 18028 right: -4px; 18029 top: 12px 18030} 18031 18032.header-inner .navPages-list>li ul li a:hover svg { 18033 fill: #6D28D9; 18034 stroke: #6D28D9 18035} 18036 18037.header-inner .navPages-list>li ul li ul { 18038 margin-top: -5px 18039} 18040 18041.header-inner .navUser-section>li { 18042 margin: 0 19px 18043} 18044 18045@media only screen and (max-width:1439px) { 18046 .header-inner .navUser-section>li { 18047 margin: 0 12px 18048 } 18049} 18050 18051@media only screen and (max-width:1365px) { 18052 .header-inner .navUser-section>li { 18053 margin: 0 19px 18054 } 18055} 18056 18057@media only screen and (max-width:1279px) { 18058 .header-inner .navUser-section>li { 18059 margin: 0 10px 18060 } 18061} 18062 18063.header-inner .navUser-section>li>a { 18064 height: 22px; 18065 width: 22px; 18066 box-sizing: content-box; 18067 padding: 0 0 24px; 18068 display: -ms-flexbox; 18069 display: flex; 18070 -ms-flex-align: center; 18071 align-items: center; 18072 -ms-flex-pack: center; 18073 justify-content: center 18074} 18075 18076@media only screen and (max-width:666px) { 18077 .header-inner .navUser-section>li>a { 18078 padding: 0 0 13px 18079 } 18080} 18081 18082.header-inner .navUser-section>li>a svg { 18083 width: 20px; 18084 height: 20px 18085} 18086 18087.header-inner .navUser-section>li>a svg.search-close { 18088 display: none; 18089 height: 19px; 18090 fill: #f6f6f6; 18091 stroke: #f6f6f6 18092} 18093 18094.header-inner .navUser-section>li>a.search-open .search-close { 18095 display: block 18096} 18097 18098.header-inner .navUser-section>li>a.search-open .search-icon { 18099 display: none 18100} 18101 18102.header-inner .navUser-section>li.navUser-item--cart { 18103 margin-right: 0 18104} 18105 18106.header-inner .navUser-section>li ul.navUser-section-sub { 18107 padding: 5px 0; 18108 width: 180px; 18109 max-width: 180px; 18110 background: #fff 18111} 18112 18113.header-inner .navUser-section>li ul.navUser-section-sub li { 18114 background: 0 0 18115} 18116 18117.header-inner .navUser-section>li ul.navUser-section-sub li ul { 18118 background: #fff 18119} 18120 18121.header-inner .navUser-section>li ul li a { 18122 padding: 7px 0 18123} 18124 18125.header-inner .navUser-section>li ul li a:hover svg { 18126 fill: #6D28D9; 18127 stroke: #6D28D9 18128} 18129 18130.header-inner .currency-item:hover { 18131 background: 0 0 18132} 18133 18134.header-inner .currency { 18135 display: inline-block; 18136 vertical-align: middle; 18137 width: 100% 18138} 18139 18140.header-inner .currency ul { 18141 margin: 0; 18142 position: relative; 18143 display: block; 18144 left: auto; 18145 right: auto; 18146 top: auto; 18147 box-shadow: none; 18148 border-top: 1px solid #dfdfdf; 18149 padding: 12px; 18150 width: 100% 18151} 18152 18153.header-inner .currency ul:before { 18154 display: none 18155} 18156 18157.header-inner .currency ul li { 18158 margin: 0 18159} 18160 18161.header-inner .currency ul li.navUser-item-currencySelector:hover { 18162 background: 0 0 18163} 18164 18165.header-inner .currency ul li.navUser-item-currencySelector:hover a { 18166 opacity: 1 18167} 18168 18169.header-inner .currency ul li .flag { 18170 width: 22px; 18171 height: 14px 18172} 18173 18174.header-inner .currency ul li .flag img { 18175 width: 100%; 18176 height: 100%; 18177 display: block 18178} 18179 18180.header-inner .currency ul li span.code { 18181 text-align: left; 18182 font-size: 13px; 18183 line-height: 12px; 18184 margin-left: 5px 18185} 18186 18187.header-inner .currency ul li .navUser-action--currencySelector { 18188 width: auto; 18189 height: 100%; 18190 margin: 0; 18191 padding: 0; 18192 padding: 5px; 18193 border: 1px solid #dfdfdf; 18194 border-radius: 2px; 18195 display: -ms-flexbox; 18196 display: flex; 18197 -ms-flex-align: center;
18198 align-items: center; 18199 -ms-flex-pack: start; 18200 justify-content: flex-start; 18201 position: relative 18202} 18203 18204.header-inner .currency ul li .navUser-action--currencySelector .icon { 18205 width: 8px; 18206 margin: 0; 18207 height: 5px; 18208 position: absolute; 18209 right: 8px 18210} 18211 18212.header-inner .currency ul li .navUser-action--currencySelector .icon svg { 18213 width: 8px; 18214 height: 5px; 18215 fill: #6D28D9; 18216 opacity: 1; 18217 stroke: #6D28D9; 18218 display: block 18219} 18220 18221.header-inner .currency ul li:hover { 18222 background: 0 0 18223} 18224 18225.header-inner .currency ul li.currency-heading { 18226 font-size: 14px; 18227 color: #666; 18228 margin-bottom: 9px 18229} 18230 18231.header-inner .currency ul li.currency-heading:hover { 18232 background: 0 0 18233} 18234 18235.header-inner .currency #currencySelection { 18236 padding: 5px; 18237 margin-top: 1px; 18238 border: 1px solid #dfdfdf 18239} 18240 18241.header-inner .currency #currencySelection:focus { 18242 outline: 0 !important 18243} 18244 18245.header-inner .currency #currencySelection li { 18246 margin: 0 0 5px 0 18247} 18248 18249.header-inner .currency #currencySelection li:last-child { 18250 margin-bottom: 0 18251} 18252 18253.header-inner .currency #currencySelection li a { 18254 margin: 0; 18255 padding: 0; 18256 font-size: 13px; 18257 display: -ms-flexbox; 18258 display: flex 18259} 18260 18261.header-inner .currency #currencySelection li a:hover { 18262 background: #f3f3f3 18263} 18264 18265.header-inner .currency #currencySelection li a span { 18266 color: #6D28D9; 18267 font-weight: 500 18268} 18269 18270.header-inner .currency #currencySelection li a span img { 18271 max-width: 22px; 18272 max-height: 14px 18273} 18274 18275.navPages-action, 18276.navUser-action { 18277 font-weight: 400; 18278 font-size: 16px; 18279 text-transform: capitalize; 18280 padding: 0 18281} 18282 18283.navPages-list>li>ul:before, 18284.navUser-section>li>ul:before { 18285 position: absolute; 18286 top: -6px; 18287 left: 50%; 18288 width: 0; 18289 height: 0; 18290 border-style: solid; 18291 border-width: 0 7.5px 6px; 18292 border-color: transparent transparent #fff; 18293 content: ""; 18294 margin-left: -4px 18295} 18296 18297.navPages-list>li:hover>a, 18298.navUser-section>li:hover>a { 18299 opacity: .6; 18300 color: #fff 18301} 18302 18303.navPages-list>li:hover>a svg, 18304.navUser-section>li:hover>a svg { 18305 fill: #fff; 18306 stroke: #fff 18307} 18308 18309.navUser-section>li:hover>a { 18310 opacity: .6; 18311 color: #fff 18312} 18313 18314.navUser-section>li:hover>a svg { 18315 fill: #fff; 18316 stroke: #fff 18317} 18318 18319.header-inner .navPages-list li ul li, 18320.header-inner .navUser-section li ul li { 18321 padding: 0 5px 18322} 18323 18324.header-inner .navPages-list li ul li a, 18325.header-inner .navUser-section li ul li a { 18326 font-size: 14px; 18327 color: #6D28D9; 18328 padding: 7px 18px; 18329 line-height: 18px; 18330 display: block; 18331 position: relative 18332} 18333 18334.header-inner .navPages-list li ul li a:hover, 18335.header-inner .navUser-section li ul li a:hover { 18336 color: #6D28D9 18337} 18338 18339.header-inner .navPages-list li ul li a svg, 18340.header-inner .navUser-section li ul li a svg { 18341 width: 16px; 18342 height: 16px; 18343 margin-right: 6px; 18344 fill: #6D28D9; 18345 stroke: none; 18346 display: inline-block; 18347 vertical-align: middle 18348} 18349 18350.header-inner .navPages-list li ul li a svg.chevron-down, 18351.header-inner .navUser-section li ul li a svg.chevron-down { 18352 right: 8px 18353} 18354 18355.header-inner .navPages-list li ul li:hover>a, 18356.header-inner .navUser-section li ul li:hover>a { 18357 background: #f3f3f3 18358} 18359 18360.header-inner .navPages-list li ul li:hover>a svg, 18361.header-inner .navUser-section li ul li:hover>a svg { 18362 fill: #6D28D9; 18363 stroke: #6D28D9 18364} 18365 18366.header-inner .navPages-list li ul li.navUser-item-wishlist, 18367.header-inner .navUser-section li ul li.navUser-item-wishlist { 18368 margin-bottom: 5px 18369} 18370 18371.header-inner .countPill { 18372 position: absolute; 18373 color: #6D28D9; 18374 font-size: 11px; 18375 font-weight: 400; 18376 top: -8px; 18377 right: -5px; 18378 margin: 0; 18379 height: 17px; 18380 width: 17px; 18381 max-width: 17px; 18382 line-height: 17px 18383} 18384 18385.search-box .navigation-menu { 18386 display: none 18387} 18388 18389.search-box .navUser .navUser-item--account { 18390 display: none 18391} 18392 18393.search-box .navUser .navUser-item-compare { 18394 display: none 18395} 18396 18397.dropdown--quickSearch { 18398 background: 0 0 18399} 18400 18401.dropdown--quickSearch, 18402.mobile-search { 18403 padding: 15px 0; 18404 top: -30% 18405} 18406 18407.dropdown--quickSearch.is-open, 18408.mobile-search.is-open { 18409 width: 510px !important; 18410 left: auto !important; 18411 top: 50% !important; 18412 right: 125px !important; 18413 transition: all .2s ease; 18414 transform: translateY(-50%) 18415} 18416 18417.dropdown--quickSearch .modal-close, 18418.mobile-search .modal-close { 18419 display: none 18420} 18421 18422.dropdown--quickSearch .form, 18423.mobile-search .form { 18424 max-width: 100% 18425} 18426 18427.dropdown--quickSearch .form .form-input, 18428.mobile-search .form .form-input { 18429 background: 0 0; 18430 color: #f6f6f6; 18431 font-style: italic; 18432 font-size: 16px; 18433 border: 0 18434} 18435 18436.dropdown--quickSearch .form .form-input:-ms-input-placeholder, 18437.mobile-search .form .form-input:-ms-input-placeholder { 18438 color: #ccc !important; 18439 font-weight: 400 !important 18440} 18441 18442.dropdown--quickSearch .form .form-input::placeholder, 18443.mobile-search .form .form-input::placeholder { 18444 color: #ccc; 18445 font-weight: 400 18446} 18447 18448.dropdown--quickSearch .quickSearchResults, 18449.mobile-search .quickSearchResults { 18450 background: #fff; 18451 position: absolute; 18452 top: 100%; 18453 width: 100%; 18454 box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4) 18455} 18456 18457.dropdown--quickSearch .quickSearchResults .view-all-btn, 18458.mobile-search .quickSearchResults .view-all-btn { 18459 border: 1px solid #fff 18460} 18461 18462.dropdown--quickSearch .productGrid, 18463.mobile-search .productGrid { 18464 margin: 0; 18465 padding: 10px 0; 18466 display: -ms-flexbox; 18467 display: flex; 18468 -ms-flex-align: flex-start;
18469 align-items: flex-start; 18470 -ms-flex-pack: justify; 18471 justify-content: space-between; 18472 -ms-flex-wrap: wrap; 18473 flex-wrap: wrap; 18474 -webkit-flex-wrap: wrap; 18475 border: 1px solid #fff; 18476 background-color: #fff 18477} 18478 18479.dropdown--quickSearch li.product, 18480.mobile-search li.product { 18481 width: 100%; 18482 border-bottom: 1px solid #dfdfdf; 18483 padding-bottom: 8px; 18484 margin-bottom: 11px 18485} 18486 18487.dropdown--quickSearch li.product:last-child, 18488.mobile-search li.product:last-child { 18489 margin-bottom: 0; 18490 padding-bottom: 0; 18491 border-bottom: 0 18492} 18493 18494.dropdown--quickSearch .card, 18495.mobile-search .card { 18496 margin: 0 18497} 18498 18499.dropdown--quickSearch .card-inner, 18500.mobile-search .card-inner { 18501 -ms-flex-wrap: nowrap; 18502 flex-wrap: nowrap; 18503 -webkit-flex-wrap: nowrap; 18504 -ms-flex-flow: row; 18505 flex-flow: row 18506} 18507 18508.dropdown--quickSearch .price, 18509.mobile-search .price { 18510 font-size: 14px 18511} 18512 18513.dropdown--quickSearch .card-figure, 18514.mobile-search .card-figure { 18515 min-height: inherit; 18516 max-width: 66px; 18517 width: 100%; 18518 margin-bottom: 0 18519} 18520 18521.dropdown--quickSearch .card-figure .sale-flag-side, 18522.mobile-search .card-figure .sale-flag-side { 18523 display: none 18524} 18525 18526.dropdown--quickSearch .card-figure:hover .card-figcaption, 18527.mobile-search .card-figure:hover .card-figcaption { 18528 display: none 18529} 18530 18531.dropdown--quickSearch .card-body, 18532.mobile-search .card-body { 18533 padding: 10px; 18534 padding-bottom: 0; 18535 margin-top: 0; 18536 background: 0 0 18537} 18538 18539.dropdown--quickSearch .card--alternate, 18540.mobile-search .card--alternate { 18541 border: 0 18542} 18543 18544.dropdown--quickSearch .card--alternate:hover .card-figcaption-body-custom, 18545.mobile-search .card--alternate:hover .card-figcaption-body-custom { 18546 opacity: 0; 18547 visibility: hidden 18548} 18549 18550.dropdown--quickSearch .card--alternate .card-text, 18551.mobile-search .card--alternate .card-text { 18552 text-align: left 18553} 18554 18555.dropdown--quickSearch .card--alternate .card-mid-block, 18556.mobile-search .card--alternate .card-mid-block { 18557 -ms-flex-align: flex-start; 18558 align-items: flex-start; 18559 -ms-flex-pack: start; 18560 justify-content: flex-start; 18561 min-height: inherit; 18562 margin-top: 0 18563} 18564 18565.dropdown--quickSearch .card--alternate .card-title, 18566.mobile-search .card--alternate .card-title { 18567 font-size: 14px; 18568 font-weight: 400; 18569 line-height: 20px; 18570 text-align: left 18571} 18572 18573.dropdown--quickSearch .card--alternate .card-body .brand-name, 18574.mobile-search .card--alternate .card-body .brand-name { 18575 margin-bottom: 10px; 18576 font-size: 14px; 18577 line-height: 20px; 18578 margin-top: 0 18579} 18580 18581.dropdown--quickSearch .card--alternate .card-body .brand-name+.card-mid-block, 18582.mobile-search .card--alternate .card-body .brand-name+.card-mid-block { 18583 margin-top: 0 18584} 18585 18586.dropdown--quickSearch .card--alternate .price-block, 18587.mobile-search .card--alternate .price-block { 18588 -ms-flex-align: flex-start; 18589 align-items: flex-start; 18590 -ms-flex-pack: start; 18591 justify-content: flex-start; 18592 margin: 0 -5px 18593} 18594 18595.dropdown--quickSearch .card--alternate .price-block .price-section--withTax, 18596.mobile-search .card--alternate .price-block .price-section--withTax { 18597 text-align: left 18598} 18599 18600.dropdown--quickSearch .card--alternate .card-body-inn, 18601.mobile-search .card--alternate .card-body-inn { 18602 -ms-flex-align: start; 18603 align-items: flex-start 18604} 18605 18606.dropdown--quickSearch .card--alternate:hover, 18607.mobile-search .card--alternate:hover { 18608 box-shadow: none; 18609 border: 0 18610} 18611 18612.dropdown--quickSearch .card--alternate:hover .card-button-block, 18613.mobile-search .card--alternate:hover .card-button-block { 18614 display: none 18615} 18616 18617.dropdown--quickSearch .card--alternate:hover .card-text, 18618.mobile-search .card--alternate:hover .card-text { 18619 color: #666 18620} 18621 18622.dropdown--quickSearch .card--alternate:hover .card-title, 18623.mobile-search .card--alternate:hover .card-title { 18624 opacity: 1; 18625 visibility: visible 18626} 18627 18628.dropdown--quickSearch .card--alternate:hover .card-title a, 18629.mobile-search .card--alternate:hover .card-title a { 18630 color: #2E1065 18631} 18632 18633.dropdown--quickSearch .card--alternate:hover .card-body, 18634.mobile-search .card--alternate:hover .card-body { 18635 background: 0 0 18636} 18637 18638.dropdown--quickSearch .view-all, 18639.mobile-search .view-all { 18640 width: 100%; 18641 margin: 0; 18642 border-radius: 0; 18643 padding: 7px 20px; 18644 line-height: 20px; 18645 font-size: 16px 18646} 18647 18648.dropdown--quickSearch .quickSearchMessage, 18649.mobile-search .quickSearchMessage { 18650 margin: 0; 18651 padding: 15px; 18652 color: #000; 18653 font-size: 20px 18654} 18655 18656.navUser-item--cart { 18657 margin-right: 0 18658} 18659 18660.navUser-item--cart .dropdown-menu { 18661 width: 330px; 18662 padding: 10px 0; 18663 box-shadow: 2px 2px 6px rgba(0, 0, 0, .2) 18664} 18665 18666.navUser-item--cart .dropdown-menu.is-open { 18667 right: -10px 18668} 18669 18670.navUser-item--cart .previewCart { 18671 border: 0 18672} 18673 18674.navUser-item--cart .previewCart .previewCartItem { 18675 margin-bottom: 10px !important; 18676 padding-bottom: 10px !important; 18677 border-bottom: 1px solid #dfdfdf; 18678 padding-left: 10px; 18679 padding-right: 10px; 18680 display: -ms-flexbox; 18681 display: flex; 18682 -ms-flex-align: flex-start;
18683 align-items: flex-start; 18684 -ms-flex-pack: start; 18685 justify-content: flex-start; 18686 background: 0 0 18687} 18688 18689.navUser-item--cart .previewCart .previewCartItem:before { 18690 display: none 18691} 18692 18693.navUser-item--cart .previewCart .previewCartItem:after { 18694 display: none 18695} 18696 18697.navUser-item--cart .previewCart .previewCartItem+.previewCartItem { 18698 border-top: 0; 18699 padding-top: 0 18700} 18701 18702.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image { 18703 max-width: 66px; 18704 display: -ms-flexbox; 18705 display: flex; 18706 -ms-flex-align: center; 18707 align-items: center; 18708 -ms-flex-pack: center; 18709 justify-content: center; 18710 margin-right: 12px; 18711 background: #f4f4f4 18712} 18713 18714.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image img { 18715 position: relative; 18716 mix-blend-mode: darken; 18717 margin: 0 auto; 18718 width: 100% 18719} 18720 18721.navUser-item--cart .previewCart .previewCartItem .previewCartItem-image:after { 18722 display: none 18723} 18724 18725.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a { 18726 font-size: 13px; 18727 font-weight: 400; 18728 margin: 0; 18729 line-height: 18px; 18730 padding-left: 0; 18731 color: #2E1065 18732} 18733 18734.navUser-item--cart .previewCart .previewCartItem .previewCartItem-name a:hover { 18735 color: #888 18736} 18737 18738.navUser-item--cart .previewCart .previewCartItem .previewCartItem-brand { 18739 color: #666; 18740 margin: 0 18741} 18742 18743.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price { 18744 color: #6D28D9; 18745 font-size: 14px; 18746 font-weight: 500 18747} 18748 18749.navUser-item--cart .previewCart .previewCartItem .previewCartItem-price p { 18750 display: inline-block; 18751 margin: 0 18752} 18753 18754.navUser-item--cart .previewCart .previewCartItem:hover { 18755 background: 0 0 18756} 18757 18758.navUser-item--cart .previewCart .previewCartList { 18759 position: relative; 18760 display: block; 18761 width: 100%; 18762 max-width: 100%; 18763 box-shadow: none; 18764 border: 0; 18765 transform: none; 18766 left: auto; 18767 background: 0 0 18768} 18769 18770.navUser-item--cart .previewCartAction { 18771 padding: 10px; 18772 border: 0; 18773 text-align: center; 18774 padding-bottom: 0 18775} 18776 18777.navUser-item--cart .previewCartAction .button { 18778 font-size: 14px; 18779 line-height: 18px; 18780 font-size: 14px; 18781 line-height: 17px; 18782 padding-top: 10px; 18783 padding-bottom: 10px 18784} 18785 18786.navUser-item--cart .previewCartAction .previewCartAction-checkout, 18787.navUser-item--cart .previewCartAction .previewCartAction-viewCart { 18788 padding: 0; 18789 width: 48% 18790} 18791 18792.navUser-item--cart .previewCartAction .previewCartAction-inn { 18793 display: -ms-flexbox; 18794 display: flex; 18795 -ms-flex-align: center; 18796 align-items: center; 18797 -ms-flex-pack: justify; 18798 justify-content: space-between; 18799 -ms-flex-wrap: wrap; 18800 flex-wrap: wrap; 18801 -webkit-flex-wrap: wrap 18802} 18803 18804.navUser-item--cart .previewCartAction .previewCartAction-checkoutMultiple { 18805 width: 100%; 18806 padding: 0; 18807 margin-top: 15px 18808} 18809 18810.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart { 18811 margin-left: 10px 18812} 18813 18814.navUser-item--cart .previewCartAction .previewCartAction-checkout+.previewCartAction-viewCart .button { 18815 border-color: #6D28D9 18816} 18817 18818.navUser-item--cart .total-price { 18819 font-size: 18px; 18820 color: #6D28D9; 18821 font-weight: 500; 18822 display: block; 18823 margin-bottom: 15px 18824} 18825 18826.search-icon-main { 18827 display: none 18828} 18829 18830.mobile-search { 18831 display: none 18832} 18833 18834.mobile-search { 18835 background: #fff; 18836 padding: 0; 18837 border-bottom: 1px solid #dfdfdf 18838} 18839 18840@media only screen and (max-width:1023px) { 18841 .mobile-search { 18842 display: block 18843 } 18844} 18845 18846.mobile-search .form { 18847 margin: 0 18848} 18849 18850.mobile-search .form .form-input { 18851 border: 0; 18852 padding-left: 0; 18853 color: #333 18854} 18855 18856.mobile-search .form .form-input:-webkit-input-placeholder { 18857 font-weight: 300; 18858 color: #333 18859} 18860 18861.mobile-search .form .form-input:-moz-placeholder { 18862 font-weight: 300; 18863 color: #333 18864} 18865 18866.mobile-search .form .form-input:-ms-input-placeholder { 18867 font-weight: 300; 18868 color: #333 18869} 18870 18871.mobile-search .form .form-input:-moz-placeholder { 18872 font-weight: 300; 18873 color: #333 18874} 18875 18876@media only screen and (max-width:666px) { 18877 .mobile-search .form .form-input { 18878 height: 34px; 18879 line-height: 34px 18880 } 18881} 18882 18883.mobile-search .quickSearchResults { 18884 margin: 0; 18885 position: absolute; 18886 width: 100%; 18887 box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .1) 18888} 18889 18890@media only screen and (max-width:479px) { 18891 .mobile-search .quickSearchResults { 18892 width: calc(100% - 22px); 18893 right: 11px 18894 } 18895} 18896 18897.mobile-search .quickSearchResults .productGrid { 18898 background: #fff 18899} 18900 18901.mobile-search .form-field { 18902 margin: 0; 18903 position: relative 18904} 18905 18906.mobile-search .search-icon-main { 18907 display: block; 18908 position: absolute; 18909 right: 10px; 18910 top: 50%; 18911 margin-top: -9px 18912} 18913 18914.mobile-search .search-icon-main svg { 18915 width: 18px; 18916 height: 18px 18917} 18918 18919.mobile-currancy { 18920 display: none 18921} 18922 18923.header-currancy { 18924 position: absolute; 18925 right: 0; 18926 top: 0; 18927 width: 80px; 18928 border-left: 1px solid #888; 18929 bottom: 0; 18930 display: -ms-flexbox; 18931 display: flex; 18932 -ms-flex-pack: center; 18933 justify-content: center; 18934 -ms-flex-align: center;
18935 align-items: center 18936} 18937 18938@media only screen and (max-width:1365px) { 18939 .header-currancy { 18940 position: relative; 18941 width: 100%; 18942 border: none; 18943 display: none 18944 } 18945} 18946 18947.header-currancy ul { 18948 margin-bottom: 0; 18949 float: none 18950} 18951 18952.header-currancy ul li { 18953 margin-bottom: 0; 18954 float: none 18955} 18956 18957.header-currancy .sf-menu ul { 18958 max-width: 100%; 18959 width: 100% 18960} 18961 18962.header-currancy .sf-menu a { 18963 margin-top: 15px; 18964 padding-bottom: 16px; 18965 text-align: center 18966} 18967 18968.header-currancy .flag { 18969 display: block 18970} 18971 18972.header-currancy .code { 18973 font-size: 12px 18974} 18975 18976.header-currancy .currency-item { 18977 float: none; 18978 width: 100% 18979} 18980 18981.header-currancy .dropdown-menu { 18982 padding: 10px 18983} 18984 18985.header-currancy .dropdown-menu .code, 18986.header-currancy .dropdown-menu .flag { 18987 display: inline-block 18988} 18989 18990.header-currancy .dropdown-menu .code { 18991 margin-left: 5px 18992} 18993 18994.header-currancy .dropdown-menu a { 18995 padding-bottom: 0; 18996 margin: 0 18997} 18998 18999.header-currancy .dropdown-menu li { 19000 margin-top: 4px 19001} 19002 19003.header-currancy .dropdown-menu li:first-child { 19004 margin-top: 0 19005} 19006 19007.header-currancy .currency-heading, 19008.header-currancy .icon { 19009 display: none 19010} 19011 19012.header-currancy .navUser-action--currencySelector+.dropdown-menu::before { 19013 right: auto; 19014 left: 50% !important; 19015 margin-left: -7px 19016} 19017 19018.navUser-action--currencySelector+.dropdown-menu::before { 19019 right: auto; 19020 left: 50% !important; 19021 margin-left: -7px 19022} 19023 19024@media only screen and (max-width:1365px) { 19025 .header-inner .currency ul { 19026 padding: 0; 19027 border-top: none 19028 } 19029 .header-inner .currency ul li span.code { 19030 margin-left: 5px; 19031 color: #fff 19032 } 19033 .header-inner .currency ul li span.code:hover { 19034 color: #888 19035 } 19036 .header-inner .currency ul li .navUser-action--currencySelector .icon { 19037 right: -8px 19038 } 19039 .header-inner .currency #currencySelection { 19040 display: block !important; 19041 position: static; 19042 border: none; 19043 transform: translateX(0); 19044 -webkit-transform: translateX(0); 19045 -moz-transform: translateX(0); 19046 background: 0 0; 19047 padding: 0; 19048 margin: 0 -5px 19049 } 19050 .header-inner .currency #currencySelection li { 19051 display: inline-block 19052 } 19053 .header-inner .currency ul li .navUser-action--currencySelector { 19054 margin-bottom: 20px; 19055 border-color: #6D28D9; 19056 display: none 19057 } 19058 .header-inner .currency #currencySelection li a { 19059 border: 1px solid #e4e4e4; 19060 padding: 5px 19061 } 19062 .header-inner .currency #currencySelection li a span { 19063 font-weight: 400 19064 } 19065 .header-inner .currency ul li .flag { 19066 display: inline-block; 19067 vertical-align: middle 19068 } 19069 .mobile-currancy { 19070 display: block 19071 } 19072 .mobile-currancy .sidebarBlock-heading .code { 19073 font-size: 12px; 19074 margin-left: 5px; 19075 font-weight: 400 19076 } 19077 .mobile-currancy .sidebarBlock-heading .flag { 19078 line-height: normal 19079 } 19080 .mobile-currancy .header-currancy { 19081 display: inline-block 19082 } 19083} 19084 19085.footer { 19086 padding: 0; 19087 border: 0; 19088 clear: both 19089} 19090 19091.footer-info-inn { 19092 border-top: 2px solid #140a24; 19093 padding-top: 50px 19094} 19095 19096@media only screen and (max-width:1023px) { 19097 .footer-info-inn { 19098 padding-top: 30px 19099 } 19100} 19101 19102.footer-info-heading { 19103 font-size: 20px; 19104 font-weight: 400; 19105 color: #fff 19106} 19107 19108@media only screen and (max-width:767px) { 19109 .footer-info-heading { 19110 font-size: 16px; 19111 line-height: 18px 19112 } 19113} 19114 19115.footer-info-heading svg { 19116 display: none 19117} 19118 19119@media only screen and (max-width:767px) { 19120 .footer-info-heading.footer-toggle-title { 19121 margin: 0; 19122 padding: 10px 16px; 19123 line-height: 18px; 19124 font-size: 16px; 19125 position: relative; 19126 cursor: pointer 19127 } 19128 .footer-info-heading.footer-toggle-title svg { 19129 display: block; 19130 width: 22px; 19131 height: 22px; 19132 position: absolute; 19133 right: 14px; 19134 top: 50%; 19135 margin-top: -11px 19136 } 19137 .footer-info-heading.footer-toggle-title.active svg { 19138 transform: rotate(180deg) 19139 } 19140} 19141 19142@media only screen and (max-width:767px) { 19143 .footer-toggle-content { 19144 padding: 0 16px; 19145 display: none 19146 } 19147} 19148 19149.footer-info { 19150 padding-bottom: 35px; 19151 display: -ms-flexbox; 19152 display: flex; 19153 -ms-flex-align: flex-start;
19154 align-items: flex-start; 19155 -ms-flex-pack: justify; 19156 justify-content: space-between 19157} 19158 19159@media only screen and (max-width:767px) { 19160 .footer-info { 19161 padding-bottom: 30px 19162 } 19163} 19164 19165.footer-info:after, 19166.footer-info:before { 19167 display: none 19168} 19169 19170@media only screen and (max-width:1023px) { 19171 .footer-info { 19172 -ms-flex-wrap: wrap; 19173 flex-wrap: wrap; 19174 -webkit-flex-wrap: wrap; 19175 padding-bottom: 30px 19176 } 19177} 19178 19179.footer-info-col { 19180 margin-bottom: 0 19181} 19182 19183.footer-info-col.footer-info-col--small { 19184 height: 100% 19185} 19186 19187@media only screen and (max-width:1919px) { 19188 .footer-info-col.footer-info-col--small { 19189 width: 20% 19190 } 19191} 19192 19193@media only screen and (max-width:1279px) { 19194 .footer-info-col.footer-info-col--small { 19195 width: 25% 19196 } 19197} 19198 19199@media only screen and (max-width:1023px) { 19200 .footer-info-col.footer-info-col--small { 19201 width: 50% 19202 } 19203 .footer-info-col.footer-info-col--small:nth-child(3) { 19204 margin-top: 20px 19205 } 19206 .footer-info-col.footer-info-col--small:nth-child(4) { 19207 margin-top: 20px 19208 } 19209} 19210 19211@media only screen and (max-width:767px) { 19212 .footer-info-col.footer-info-col--small { 19213 width: 100%; 19214 margin: 0; 19215 text-align: left 19216 } 19217 .footer-info-col.footer-info-col--small:nth-child(3) { 19218 margin-top: 0 19219 } 19220 .footer-info-col.footer-info-col--small:nth-child(4) { 19221 margin-top: 0 19222 } 19223} 19224 19225@media only screen and (max-width:767px) { 19226 .footer-info-col.footer-info-col--small .footer-info--col-inn { 19227 border: 1px solid #dfdfdf; 19228 margin-top: -1px 19229 } 19230} 19231 19232.footer-info-col p { 19233 color: #fff; 19234 font-size: 15px; 19235 margin-bottom: 12px; 19236 font-weight: 400 19237} 19238 19239@media only screen and (max-width:767px) { 19240 .footer-info-col p { 19241 text-align: left 19242 } 19243} 19244 19245.footer-info-col p svg { 19246 width: 18px; 19247 height: 18px; 19248 margin-top: 2px; 19249 fill: #6D28D9 19250} 19251 19252.footer-info-col p a { 19253 color: #fff 19254} 19255 19256.footer-info-col p a:hover { 19257 color: #fff 19258} 19259 19260.footer-info-col p.time svg { 19261 width: 20px; 19262 height: 14px; 19263 margin-top: 4px 19264} 19265 19266.footer-info-col p.email svg { 19267 height: 13px; 19268 margin-top: 4px 19269} 19270 19271@media only screen and (max-width:767px) { 19272 .footer-info-col ul { 19273 margin-bottom: 15px 19274 } 19275} 19276 19277.footer-info-col ul li { 19278 padding-left: 14px; 19279 position: relative 19280} 19281 19282.footer-info-col ul li:last-child { 19283 margin-bottom: 0 19284} 19285 19286.footer-info-col ul li:before { 19287 position: absolute; 19288 width: 4px; 19289 height: 4px; 19290 border-radius: 50%; 19291 background: #fff; 19292 content: ""; 19293 left: 0; 19294 top: 50%; 19295 margin-top: -2px 19296} 19297 19298.footer-info-col ul li a { 19299 color: #fff; 19300 font-size: 15px; 19301 line-height: 20px; 19302 font-weight: 400 19303} 19304 19305@media only screen and (max-width:767px) { 19306 .footer-info-col ul li a { 19307 font-size: 14px 19308 } 19309} 19310 19311.footer-info-col ul li a:hover { 19312 color: #fff 19313} 19314 19315.footer-info-col ul li.view-all { 19316 margin-bottom: 0 19317} 19318 19319.footer-info-col ul li.view-all a { 19320 color: #6D28D9 19321} 19322 19323@media only screen and (max-width:767px) { 19324 .footer-info-col.footer-store-info { 19325 margin-bottom: 25px 19326 } 19327} 19328 19329.footer-info-col.footer-store-info p { 19330 display: -ms-flexbox; 19331 display: flex; 19332 -ms-flex-align: flex-start; 19333 align-items: flex-start; 19334 -ms-flex-pack: start; 19335 justify-content: flex-start 19336} 19337 19338.footer-info-col.footer-store-info p svg { 19339 fill: #6D28D9; 19340 margin-right: 12px 19341} 19342 19343.footer-logo { 19344 margin-bottom: 20px 19345} 19346 19347.footer-logo a { 19348 display: inline-block; 19349 vertical-align: middle; 19350 max-width: 130px 19351} 19352 19353@media only screen and (max-width:767px) { 19354 .footer-logo a { 19355 max-width: 108px 19356 } 19357} 19358 19359.footer-mid-section { 19360 border-top: 1px solid #140a24; 19361 padding-top: 33px; 19362 padding-bottom: 54px; 19363 display: -ms-flexbox; 19364 display: flex; 19365 -ms-flex-align: flex-start; 19366 align-items: flex-start; 19367 -ms-flex-pack: justify; 19368 justify-content: space-between 19369} 19370 19371@media only screen and (max-width:1023px) { 19372 .footer-mid-section { 19373 padding-top: 30px; 19374 padding-bottom: 30px; 19375 -ms-flex-wrap: wrap; 19376 flex-wrap: wrap; 19377 -webkit-flex-wrap: wrap 19378 } 19379} 19380 19381@media only screen and (max-width:767px) { 19382 .footer-mid-section { 19383 border-top: 0; 19384 padding-top: 0; 19385 padding-bottom: 0 19386 } 19387} 19388 19389.footer-mid-section .footer-info-col { 19390 width: 66.66%; 19391 padding-left: .75rem; 19392 padding-right: .75rem 19393} 19394 19395@media only screen and (max-width:1279px) { 19396 .footer-mid-section .footer-info-col { 19397 width: 60% 19398 } 19399} 19400 19401@media only screen and (max-width:767px) { 19402 .footer-mid-section .footer-info-col { 19403 padding: 0; 19404 width: 100%; 19405 margin-bottom: 27px; 19406 text-align: left 19407 } 19408} 19409 19410.footer-mid-section .footer-info-heading { 19411 margin-bottom: 17px 19412} 19413 19414@media only screen and (max-width:767px) { 19415 .footer-mid-section .footer-info-heading { 19416 margin-bottom: 10px 19417 } 19418} 19419 19420.footer-mid-section .footer-info-col--payment, 19421.footer-mid-section .footer-info-col--social { 19422 width: 33.33% 19423} 19424 19425@media only screen and (max-width:1279px) { 19426 .footer-mid-section .footer-info-col--payment, 19427 .footer-mid-section .footer-info-col--social { 19428 width: 40% 19429 } 19430} 19431 19432@media only screen and (max-width:1279px) and (max-width:767px) { 19433 .footer-mid-section .footer-info-col--payment, 19434 .footer-mid-section .footer-info-col--social { 19435 width: 100% 19436 } 19437} 19438 19439@media only screen and (max-width:1023px) { 19440 .footer-mid-section .footer-info-col--payment { 19441 width: 100%; 19442 display: -ms-flexbox; 19443 display: flex; 19444 -ms-flex-align: flex-start; 19445 align-items: flex-start; 19446 -ms-flex-pack: justify; 19447 justify-content: space-between 19448 } 19449 .footer-mid-section .footer-info-col--payment .payment { 19450 margin-top: 20px; 19451 width: 50% 19452 } 19453} 19454 19455@media only screen and (max-width:1023px) and (max-width:767px) { 19456 .footer-mid-section .footer-info-col--payment .payment { 19457 margin-top: 0; 19458 width: 100% 19459 } 19460} 19461 19462.footer-mid-section .footer-info-col--payment .footer-geotrust-ssl-seal { 19463 margin-top: 20px; 19464 position: unset 19465} 19466 19467.footer-mid-section .footer-info-col--social ul li:before { 19468 display: none 19469} 19470 19471.footer-info-newsletter .footer-info-newsletter-inn { 19472 width: 84%; 19473 margin: 0 auto 19474} 19475 19476@media only screen and (max-width:1279px) { 19477 .footer-info-newsletter .footer-info-newsletter-inn { 19478 width: 95% 19479 } 19480} 19481 19482@media only screen and (max-width:1023px) { 19483 .footer-info-newsletter .footer-info-newsletter-inn { 19484 width: 100% 19485 } 19486} 19487 19488.footer-info-newsletter .form-prefixPostfix .form-input { 19489 border-width: 2px; 19490 border-right: 0; 19491 box-shadow: none 19492} 19493 19494@media only screen and (max-width:479px) { 19495 .footer-info-newsletter .form-prefixPostfix .form-input { 19496 border-right: 1px solid #dfdfdf; 19497 border-width: 2px; 19498 margin-bottom: 10px 19499 } 19500} 19501 19502.footer-info-newsletter .form-prefixPostfix .button { 19503 margin: 0; 19504 border: 2px solid #000; 19505 line-height: 18px; 19506 padding: 14px 38px; 19507 font-size: 16px; 19508 font-weight: 500; 19509 width: auto 19510} 19511 19512@media only screen and (max-width:767px) { 19513 .footer-info-newsletter .form-prefixPostfix .button { 19514 padding: 12px 15px; 19515 line-height: 18px 19516 } 19517} 19518 19519.footer-info-newsletter .form, 19520.footer-info-newsletter .form-field { 19521 margin: 0 19522} 19523 19524.footer-info-newsletter .form-field--error .form-field--success .form-input { 19525 border-color: #008a06 19526} 19527 19528@media only screen and (max-width:1279px) { 19529 .footer-info-newsletter .form-prefixPostfix.wrap { 19530 -ms-flex-wrap: nowrap; 19531 flex-wrap: nowrap; 19532 -webkit-flex-wrap: nowrap 19533 } 19534} 19535 19536@media only screen and (max-width:479px) { 19537 .footer-info-newsletter .form-prefixPostfix.wrap { 19538 -ms-flex-direction: column; 19539 flex-direction: column 19540 } 19541} 19542 19543.footer-payment-icons { 19544 margin: 0 19545} 19546 19547.footer-payment-icons .footer-payment-icon { 19548 width: 55px; 19549 height: 34px; 19550 margin: 0 2px 7px 19551} 19552 19553@media only screen and (max-width:1919px) { 19554 .footer-payment-icons .footer-payment-icon { 19555 width: 50px 19556 } 19557} 19558 19559@media only screen and (max-width:1279px) { 19560 .footer-payment-icons .footer-payment-icon { 19561 margin: 0 2px 4px 2px 19562 } 19563} 19564 19565@media only screen and (max-width:767px) { 19566 .footer-payment-icons .footer-payment-icon { 19567 height: 100%; 19568 width: 47px 19569 } 19570} 19571 19572.footer-bar { 19573 background: #f7f7f7 19574} 19575 19576.footer-bar .footer-bar-inn { 19577 display: -ms-flexbox; 19578 display: flex; 19579 -ms-flex-align: flex-start;
19580 align-items: flex-start; 19581 -ms-flex-pack: justify; 19582 justify-content: space-between; 19583 padding: 24px 0 22px 0 19584} 19585 19586@media only screen and (max-width:1023px) { 19587 .footer-bar .footer-bar-inn { 19588 -ms-flex-wrap: wrap; 19589 flex-wrap: wrap; 19590 -webkit-flex-wrap: wrap; 19591 padding: 20px 19592 } 19593} 19594 19595@media only screen and (max-width:567px) { 19596 .footer-bar .footer-bar-inn { 19597 padding: 18px 19598 } 19599} 19600 19601@media only screen and (max-width:1023px) { 19602 .footer-bar .footer-copyright { 19603 width: 100%; 19604 text-align: center 19605 } 19606 .footer-bar .footer-copyright+.footer-copyright { 19607 margin-top: 10px 19608 } 19609} 19610 19611@media only screen and (max-width:1023px) and (max-width:567px) { 19612 .footer-bar .footer-copyright+.footer-copyright { 19613 margin-top: 0 19614 } 19615} 19616 19617.footer-bar .footer-copyright a.theme-red-color { 19618 color: #ea272d 19619} 19620 19621.footer-bar .footer-copyright a.theme-red-color:hover { 19622 color: #6D28D9 19623} 19624 19625.footer-copyright>.powered-by { 19626 color: #666; 19627 font-size: 14px 19628} 19629 19630@media only screen and (max-width:567px) { 19631 .footer-copyright>.powered-by { 19632 font-size: 12px; 19633 line-height: 24px 19634 } 19635 .footer-copyright>.powered-by a.site-map { 19636 display: block 19637 } 19638} 19639 19640.footer-copyright>.powered-by .line { 19641 margin: 0 5px 19642} 19643 19644@media only screen and (max-width:567px) { 19645 .footer-copyright>.powered-by .line { 19646 display: none 19647 } 19648} 19649 19650@media only screen and (max-width:567px) { 19651 .footer-copyright>.powered-by .bigcommerce { 19652 display: block 19653 } 19654} 19655 19656.footer-info-col--social .icon:hover svg { 19657 fill: #fff 19658} 19659 19660.footer-info-col--social .icon--twitter:hover { 19661 background: #60bdea 19662} 19663 19664.footer-info-col--social .icon--facebook:hover { 19665 background: #49669d 19666} 19667 19668.footer-info-col--social .icon--linkedin:hover { 19669 background: #387ba6 19670} 19671 19672.footer-info-col--social .icon--tumblr:hover { 19673 background: #34526f 19674} 19675 19676.footer-info-col--social .icon--stumbleupon:hover { 19677 background: #48b04f 19678} 19679 19680.footer-info-col--social .icon--google:hover { 19681 background: #4c4c4c 19682} 19683 19684.footer-info-col--social .icon--youtube:hover { 19685 background: #fa3b3a 19686} 19687 19688.footer-info-col--social .icon--pinterest:hover { 19689 background: #fc393d 19690} 19691 19692.footer-info-col--social .icon--instagram:hover { 19693 background: #b5b196 19694} 19695 19696.footer-info-col--social .icon--rss:hover { 19697 background: #f26522 19698} 19699 19700.footer-newsletter-summary { 19701 margin-top: 15px 19702} 19703 19704.heroCarousel { 19705 margin-bottom: 40px; 19706 margin-top: 0 19707} 19708 19709@media only screen and (max-width:1023px) { 19710 .heroCarousel { 19711 margin-bottom: 20px 19712 } 19713} 19714 19715.heroCarousel-content { 19716 background-color: transparent; 19717 padding: 20px; 19718 width: 95rem; 19719 top: 64% 19720} 19721 19722@media only screen and (max-width:1919px) { 19723 .heroCarousel-content { 19724 width: 85rem 19725 } 19726} 19727 19728@media only screen and (max-width:1279px) { 19729 .heroCarousel-content { 19730 width: 68rem 19731 } 19732} 19733 19734@media only screen and (max-width:1023px) { 19735 .heroCarousel-content { 19736 width: 100%; 19737 position: absolute; 19738 transform: translateY(-50%) 19739 } 19740} 19741 19742.heroCarousel-description, 19743.heroCarousel-title { 19744 text-shadow: 2px 2px 10px rgba(0, 0, 0, .32); 19745 font-family: Roboto; 19746 line-height: 66px; 19747 text-transform: uppercase 19748} 19749 19750.heroCarousel-title { 19751 font-size: 72px; 19752 letter-spacing: 21px; 19753 font-weight: 900; 19754 margin-bottom: 26px 19755} 19756 19757@media only screen and (max-width:1919px) { 19758 .heroCarousel-title { 19759 font-size: 62px; 19760 line-height: 56px 19761 } 19762} 19763 19764@media only screen and (max-width:1279px) { 19765 .heroCarousel-title { 19766 font-size: 52px; 19767 line-height: 46px; 19768 letter-spacing: 14.6px; 19769 margin-bottom: 15px 19770 } 19771} 19772 19773@media only screen and (max-width:1023px) { 19774 .heroCarousel-title { 19775 font-size: 30px; 19776 line-height: 22px 19777 } 19778} 19779 19780@media only screen and (max-width:767px) { 19781 .heroCarousel-title { 19782 font-size: 26px; 19783 line-height: 18px 19784 } 19785} 19786 19787@media only screen and (max-width:666px) { 19788 .heroCarousel-title { 19789 letter-spacing: 4px 19790 } 19791} 19792 19793@media only screen and (max-width:479px) { 19794 .heroCarousel-title { 19795 font-size: 16px; 19796 line-height: 14.6px; 19797 margin-bottom: 5px 19798 } 19799} 19800 19801.heroCarousel-description { 19802 font-size: 48px; 19803 font-weight: 700; 19804 text-transform: uppercase; 19805 letter-spacing: 5px 19806} 19807 19808@media only screen and (max-width:1279px) { 19809 .heroCarousel-description { 19810 font-size: 38px; 19811 line-height: 56px 19812 } 19813} 19814 19815@media only screen and (max-width:1023px) { 19816 .heroCarousel-description { 19817 font-size: 26px; 19818 line-height: 32px 19819 } 19820} 19821 19822@media only screen and (max-width:767px) { 19823 .heroCarousel-description { 19824 font-size: 20px;
19825 line-height: 26px 19826 } 19827} 19828 19829@media only screen and (max-width:666px) { 19830 .heroCarousel-description { 19831 letter-spacing: 2px 19832 } 19833} 19834 19835@media only screen and (max-width:479px) { 19836 .heroCarousel-description { 19837 font-size: 11px; 19838 line-height: 14.6px; 19839 margin-bottom: 5px 19840 } 19841} 19842 19843.heroCarousel-action { 19844 padding: 13px 24px; 19845 line-height: 24px; 19846 font-size: 18px; 19847 text-transform: capitalize; 19848 font-weight: 400; 19849 border-radius: 0; 19850 margin-top: 14px 19851} 19852 19853@media only screen and (max-width:1279px) { 19854 .heroCarousel-action { 19855 padding: 10px 20px; 19856 line-height: 22px; 19857 font-size: 16px 19858 } 19859} 19860 19861@media only screen and (max-width:1023px) { 19862 .heroCarousel-action { 19863 margin: 0 19864 } 19865} 19866 19867@media only screen and (max-width:666px) { 19868 .heroCarousel-action { 19869 padding: 8px 12px; 19870 line-height: 18px; 19871 font-size: 14px 19872 } 19873} 19874 19875@media only screen and (max-width:479px) { 19876 .heroCarousel-action { 19877 padding: 5px 9px; 19878 line-height: 12px; 19879 font-size: 11px 19880 } 19881} 19882 19883.heroCarousel-action .heroCarousel-action-inn { 19884 display: -ms-flexbox; 19885 display: flex; 19886 -ms-flex-align: center; 19887 align-items: center; 19888 -ms-flex-pack: center; 19889 justify-content: center 19890} 19891 19892.heroCarousel-action .heroCarousel-action-inn svg { 19893 width: 17px; 19894 height: 17px; 19895 fill: #fff; 19896 margin-left: 8px 19897} 19898 19899@media only screen and (max-width:1279px) { 19900 .heroCarousel-action .heroCarousel-action-inn svg { 19901 width: 15px; 19902 height: 18px 19903 } 19904} 19905 19906@media only screen and (max-width:666px) { 19907 .heroCarousel-action .heroCarousel-action-inn svg { 19908 width: 12px; 19909 height: 15px; 19910 margin-left: 5px 19911 } 19912} 19913 19914@media only screen and (max-width:479px) { 19915 .heroCarousel-action .heroCarousel-action-inn svg { 19916 width: 10px; 19917 height: 10px; 19918 margin-left: 5px 19919 } 19920} 19921 19922.heroCarousel-action:hover .heroCarousel-action-inn svg { 19923 fill: #6D28D9 19924} 19925 19926.heroCarousel .slick-dots { 19927 bottom: 18px 19928} 19929 19930@media only screen and (max-width:767px) { 19931 .heroCarousel .slick-dots { 19932 bottom: -24px 19933 } 19934} 19935 19936.heroCarousel .slick-dots li { 19937 background: 0 0; 19938 width: 20px; 19939 height: 20px; 19940 padding: 0; 19941 line-height: 26px 19942} 19943 19944.heroCarousel .slick-dots li button { 19945 border: 1px solid #fff; 19946 height: 14px; 19947 width: 14px 19948} 19949 19950@media only screen and (max-width:767px) { 19951 .heroCarousel .slick-dots li button { 19952 border: 1px solid #e0e0e0 19953 } 19954} 19955 19956.heroCarousel .slick-dots li button:before { 19957 width: 8px; 19958 height: 8px; 19959 background: #fff; 19960 top: 50%; 19961 left: 50%; 19962 margin-left: -4px; 19963 margin-top: -4px; 19964 opacity: 1 19965} 19966 19967@media only screen and (max-width:767px) { 19968 .heroCarousel .slick-dots li button:before { 19969 background: #e0e0e0 19970 } 19971} 19972 19973.heroCarousel .slick-dots li button:focus, 19974.heroCarousel .slick-dots li button:hover { 19975 border: 1px solid #2E1065 19976} 19977 19978.heroCarousel .slick-dots li button:focus:before, 19979.heroCarousel .slick-dots li button:hover:before { 19980 background: #2E1065; 19981 opacity: 1 19982} 19983 19984.heroCarousel .slick-dots li.slick-active button { 19985 border: 1px solid #2E1065 19986} 19987 19988.heroCarousel .slick-dots li.slick-active button:before { 19989 background: #2E1065; 19990 opacity: 1 19991} 19992 19993.heroCarousel .slick-arrow { 19994 width: 60px; 19995 height: 50px 19996} 19997 19998@media only screen and (max-width:1279px) { 19999 .heroCarousel .slick-arrow { 20000 width: 40px; 20001 height: 30px; 20002 margin-top: -15px 20003 } 20004} 20005 20006@media only screen and (max-width:767px) { 20007 .heroCarousel .slick-arrow { 20008 display: none !important 20009 } 20010} 20011 20012.heroCarousel .slick-arrow svg { 20013 width: 20px; 20014 height: 20px; 20015 fill: #2E1065 20016} 20017 20018.heroCarousel .slick-arrow:hover { 20019 background: #6D28D9; 20020 border: 1px solid #6D28D9 20021} 20022 20023.heroCarousel .slick-arrow:hover svg { 20024 fill: #fff 20025} 20026 20027.heroCarousel .heroCarousel-content { 20028 top: 100%; 20029 display: none 20030} 20031 20032.slick-initialized .slick-active .heroCarousel-content { 20033 display: block; 20034 top: 64% 20035} 20036 20037@media only screen and (max-width:1919px) { 20038 .slick-initialized .slick-active .heroCarousel-content { 20039 top: 60% 20040 } 20041} 20042 20043@media only screen and (max-width:1023px) { 20044 .slick-initialized .slick-active .heroCarousel-content { 20045 top: 50% 20046 } 20047} 20048 20049.slick-active .animated { 20050 animation-duration: 2s; 20051 animation-delay: .1s 20052} 20053 20054@keyframes slideInUp { 20055 from { 20056 transform: translate3d(0, 100%, 0); 20057 visibility: visible 20058 } 20059 to { 20060 transform: translate3d(0, 0, 0) 20061 } 20062} 20063 20064.slick-active .slideInUp { 20065 animation-name: slideInUp 20066} 20067 20068@keyframes slideInDown { 20069 from { 20070 transform: translate3d(0, -100%, 0); 20071 visibility: visible 20072 } 20073 to { 20074 transform: translate3d(0, 0, 0) 20075 } 20076} 20077 20078.slick-active .slideInDown { 20079 animation-name: slideInDown 20080} 20081 20082@keyframes fadeIn { 20083 from { 20084 opacity: 0 20085 } 20086 to { 20087 opacity: 1 20088 } 20089} 20090 20091.slick-active .fadeIn { 20092 animation-name: fadeIn 20093} 20094 20095.productCarousel .slick-track { 20096 display: -ms-flexbox; 20097 display: flex; 20098 -ms-flex-pack: center; 20099 justify-content: center; 20100 -ms-flex-wrap: row; 20101 flex-wrap: row; 20102 -webkit-flex-wrap: row 20103} 20104 20105.productCarousel .slick-arrow { 20106 top: -25px; 20107 right: 14px; 20108 background: 0 0; 20109 border: 0 20110} 20111 20112.productCarousel .slick-arrow svg { 20113 display: none 20114} 20115 20116.productCarousel .slick-arrow svg.product-slick-arrow { 20117 display: block 20118} 20119 20120.productCarousel .slick-arrow:before { 20121 background-size: 100% 20122}
20122 20123 20124.productCarousel .slick-arrow.slick-prev { 20125 right: 46px; 20126 left: auto 20127} 20128 20129.productCarousel.slick-initialized .productCarousel-slide { 20130 display: -ms-flexbox; 20131 display: flex 20132} 20133 20134.product { 20135 overflow: visible 20136} 20137 20138.productCarousel-slide { 20139 height: auto; 20140 float: none; 20141 padding-top: 30px; 20142 padding-bottom: 20px 20143} 20144 20145@media only screen and (max-width:1023px) { 20146 .productCarousel-slide { 20147 padding-top: 15px 20148 } 20149} 20150 20151.productCarousel-slide .card { 20152 width: 100%; 20153 height: 100%; 20154 background: #fff 20155} 20156 20157.productCarousel-slide:focus { 20158 outline: 0 20159} 20160 20161.card { 20162 transition: all .5s; 20163 position: relative 20164} 20165 20166.card:hover { 20167 box-shadow: 2px 2px 16px 0 #e6e6e6; 20168 transition: all .5s 20169} 20170 20171@media only screen and (max-width:1279px) { 20172 .card:hover { 20173 box-shadow: none 20174 } 20175} 20176 20177.card:hover .card-title { 20178 opacity: 0; 20179 visibility: hidden; 20180 transition: all .5s 20181} 20182 20183@media only screen and (max-width:1279px) { 20184 .card:hover .card-title { 20185 opacity: 1; 20186 visibility: visible 20187 } 20188} 20189 20190.card:hover .card-title a:hover { 20191 color: #c2c2c2 20192} 20193 20194.card:hover .card-button-block { 20195 opacity: 1; 20196 visibility: visible; 20197 transition: all .5s; 20198 top: 50% 20199} 20200 20201@media only screen and (max-width:1023px) { 20202 .card:hover .card-button-block { 20203 top: auto 20204 } 20205} 20206 20207.card:hover .card-figcaption-body-custom { 20208 opacity: 1; 20209 right: 10px; 20210 transition: all .5s 20211} 20212 20213@media only screen and (max-width:1279px) { 20214 .card:hover .card-figcaption-body-custom { 20215 opacity: 0 20216 } 20217} 20218 20219.card-inner { 20220 display: -ms-flexbox; 20221 display: flex; 20222 -ms-flex-align: flex-start; 20223 align-items: flex-start; 20224 -ms-flex-pack: center; 20225 justify-content: center; 20226 -ms-flex-wrap: wrap; 20227 flex-wrap: wrap; 20228 -webkit-flex-wrap: wrap; 20229 height: 100% 20230} 20231 20232.card-figure { 20233 width: 100%; 20234 display: -ms-flexbox; 20235 display: flex; 20236 -ms-flex-align: center; 20237 align-items: center; 20238 -ms-flex-pack: center; 20239 justify-content: center; 20240 overflow: hidden; 20241 margin-bottom: 10px 20242} 20243 20244.card-body { 20245 padding: 16px 22px; 20246 width: 100%; 20247 padding-top: 0 20248} 20249 20250@media only screen and (max-width:1023px) { 20251 .card-body { 20252 padding: 10px; 20253 padding-top: 0 20254 } 20255} 20256 20257@media only screen and (max-width:1023px) { 20258 .card-body .card-body-inn { 20259 padding-bottom: 0 20260 } 20261} 20262 20263.card-body .brand-name { 20264 font-size: 16px; 20265 color: #666; 20266 margin-bottom: 0; 20267 text-align: center; 20268 margin-top: 12px 20269} 20270 20271@media only screen and (max-width:1023px) { 20272 .card-body .brand-name { 20273 font-size: 14px; 20274 line-height: 18px; 20275 margin-top: 9px 20276 } 20277} 20278 20279.card-title { 20280 font-size: 16px; 20281 font-weight: 500; 20282 margin: 0; 20283 text-align: center; 20284 line-height: 20px 20285} 20286 20287@media only screen and (max-width:1023px) { 20288 .card-title { 20289 font-size: 14px; 20290 line-height: 18px 20291 } 20292} 20293 20294.card-button-block { 20295 position: absolute; 20296 top: 150%; 20297 opacity: 0; 20298 visibility: hidden; 20299 transition: all .5s; 20300 margin-top: -22px; 20301 left: 0; 20302 right: 0; 20303 width: auto; 20304 display: -ms-flexbox; 20305 display: flex; 20306 -ms-flex-pack: center; 20307 justify-content: center; 20308 -ms-flex-align: center; 20309 align-items: center 20310} 20311 20312@media only screen and (max-width:1279px) { 20313 .card-button-block { 20314 display: none 20315 } 20316} 20317 20318.card-button-block .button { 20319 text-transform: uppercase; 20320 background: #6D28D9; 20321 color: #fff; 20322 border-radius: 3px; 20323 border-color: #6D28D9; 20324 width: auto 20325} 20326 20327.card-button-block .button svg { 20328 fill: #fff 20329} 20330 20331.card-button-block .button:hover { 20332 background: #fff; 20333 color: #6D28D9 20334} 20335 20336.card-button-block .button:hover svg { 20337 fill: #6D28D9 20338} 20339 20340.card-figcaption-button { 20341 display: -ms-flexbox; 20342 display: flex; 20343 -ms-flex-align: center; 20344 align-items: center; 20345 -ms-flex-pack: center; 20346 justify-content: center; 20347 margin: 0 20348} 20349 20350.card-figcaption-button svg { 20351 width: 16px; 20352 height: 18px; 20353 margin-right: 9px 20354} 20355 20356.card-figcaption-button:active, 20357.card-figcaption-button:hover { 20358 border: 1px solid #6D28D9; 20359 background: #6D28D9; 20360 color: #fff 20361} 20362 20363.card-mid-block { 20364 margin-bottom: 15px; 20365 width: 100%; 20366 position: relative; 20367 margin-top: 15px; 20368 display: -ms-flexbox; 20369 display: flex; 20370 -ms-flex-align: center;
20371 align-items: center; 20372 -ms-flex-pack: center; 20373 justify-content: center; 20374 -ms-flex-wrap: wrap; 20375 flex-wrap: wrap; 20376 -webkit-flex-wrap: wrap; 20377 min-height: 45px 20378} 20379 20380@media only screen and (max-width:1023px) { 20381 .card-mid-block { 20382 margin-top: 9px; 20383 margin-bottom: 9px 20384 } 20385} 20386 20387.price-block { 20388 display: -ms-flexbox; 20389 display: flex; 20390 -ms-flex-align: center; 20391 align-items: center; 20392 -ms-flex-pack: center; 20393 justify-content: center; 20394 -ms-flex-wrap: wrap; 20395 flex-wrap: wrap; 20396 -webkit-flex-wrap: wrap; 20397 margin: 0 20398} 20399 20400.card-text { 20401 text-align: center 20402} 20403 20404.card-text.rating-block { 20405 margin: 0; 20406 margin-top: 12px 20407} 20408 20409@media only screen and (max-width:1023px) { 20410 .card-text.rating-block { 20411 margin-top: 9px 20412 } 20413} 20414 20415@media only screen and (max-width:567px) { 20416 .card-text.rating-block { 20417 margin-top: 4px 20418 } 20419} 20420 20421.card-summary { 20422 display: none 20423} 20424 20425.sale-flag-sash, 20426.sale-flag-side { 20427 padding: 0; 20428 border-radius: 0; 20429 height: 22px; 20430 line-height: 22px; 20431 left: 13px; 20432 top: 15px 20433} 20434 20435@media only screen and (max-width:567px) { 20436 .sale-flag-sash, 20437 .sale-flag-side { 20438 left: 5px; 20439 top: 5px 20440 } 20441} 20442 20443.sale-flag-sash:after, 20444.sale-flag-sash:before, 20445.sale-flag-side:after, 20446.sale-flag-side:before { 20447 content: ""; 20448 position: absolute; 20449 height: 16px; 20450 width: 2px; 20451 background: url(..//img/sale-dot.png); 20452 top: 3px; 20453 left: 0 20454} 20455 20456.sale-flag-sash:after, 20457.sale-flag-side:after { 20458 right: 0; 20459 left: auto 20460} 20461 20462.sale-flag-sash .sale-text, 20463.sale-flag-side .sale-text { 20464 padding: 4px 8px; 20465 line-height: 14px; 20466 font-size: 12px; 20467 text-transform: uppercase; 20468 font-weight: 500 20469} 20470 20471.sale-flag-sash { 20472 top: 24px; 20473 width: auto 20474} 20475 20476.starwrap { 20477 top: 10px; 20478 left: 10px; 20479 width: 40px; 20480 height: 40px 20481} 20482 20483.starwrap .sale-text-burst { 20484 line-height: 14px; 20485 font-size: 12px; 20486 font-weight: 500; 20487 width: 40px; 20488 top: 30% 20489} 20490 20491.starwrap .sale-flag-star { 20492 width: 40px; 20493 height: 40px 20494} 20495 20496.starwrap .sale-flag-star:after, 20497.starwrap .sale-flag-star:before { 20498 width: 40px; 20499 height: 40px 20500} 20501 20502.price-section { 20503 margin: 0 6px; 20504 text-align: center 20505} 20506 20507@media only screen and (max-width:567px) { 20508 .price-section { 20509 display: block; 20510 width: 100%; 20511 margin-bottom: 5px 20512 } 20513} 20514 20515.price-now-label { 20516 display: block; 20517 text-align: left 20518} 20519 20520@media only screen and (max-width:567px) { 20521 .price-now-label { 20522 display: inline-block 20523 } 20524} 20525 20526.price { 20527 font-size: 16px; 20528 color: #666 20529} 20530 20531@media only screen and (max-width:1023px) { 20532 .price { 20533 font-size: 14px 20534 } 20535} 20536 20537.price-section--withTax.non-sale-price--withTax .price-now-label, 20538.price-section--withTax.rrp-price--withTax .price-now-label { 20539 color: #666; 20540 font-weight: 400 20541} 20542 20543.price-section--withTax .price--withTax, 20544.price-section--withTax .price-now-label-withtax { 20545 font-weight: 500; 20546 color: #6D28D9 20547} 20548 20549.card-figcaption-body-custom { 20550 position: absolute; 20551 top: 10px; 20552 right: -50%; 20553 opacity: 0 20554} 20555 20556@media only screen and (max-width:767px) { 20557 .card-figcaption-body-custom { 20558 display: none 20559 } 20560} 20561 20562.card-figcaption-body-custom .button { 20563 background: #fff; 20564 width: 42px; 20565 height: 42px; 20566 line-height: 46px; 20567 border: 1px solid #e4e4e4; 20568 border-radius: 50%; 20569 padding: 0; 20570 margin-bottom: 10px 20571} 20572 20573.card-figcaption-body-custom .button .compare-checkbox { 20574 width: auto; 20575 height: auto; 20576 cursor: pointer; 20577 opacity: 0; 20578 position: absolute 20579} 20580 20581.card-figcaption-body-custom .button.compare-active, 20582.card-figcaption-body-custom .button:hover { 20583 background: #6D28D9; 20584 border: 1px solid #6D28D9 20585} 20586 20587.card-figcaption-body-custom .button.compare-active svg, 20588.card-figcaption-body-custom .button:hover svg { 20589 fill: #fff 20590} 20591 20592.card-figcaption-body-custom .button.card-figcaption-button svg { 20593 height: 15px; 20594 width: 15px; 20595 margin: 0 20596} 20597 20598.card-figcaption-body-custom .button.quickview svg { 20599 width: 20px 20600} 20601 20602.card-figcaption-body-custom .button+.button { 20603 margin-top: 0 20604} 20605 20606.card-figcaption-body-custom .button:hover { 20607 background: #6D28D9; 20608 border: 1px solid #6D28D9 20609} 20610 20611.card-figcaption-body-custom .button:hover svg { 20612 fill: #fff 20613} 20614 20615.card-inner { 20616 -ms-flex-flow: column; 20617 flex-flow: column; 20618 -ms-flex-pack: start; 20619 justify-content: flex-start 20620} 20621 20622.card-img-container { 20623 display: -ms-flexbox; 20624 display: flex; 20625 -ms-flex-pack: center; 20626 justify-content: center; 20627 -ms-flex-align: center;
20628 align-items: center; 20629 height: 100% 20630} 20631 20632.card-figure { 20633 min-height: auto; 20634 position: relative; 20635 display: block 20636} 20637 20638.card-figure a { 20639 display: block; 20640 position: relative; 20641 height: 100% 20642} 20643 20644.card-body-inn { 20645 display: -ms-flexbox; 20646 display: flex; 20647 -ms-flex-flow: column; 20648 flex-flow: column; 20649 -ms-flex-pack: start; 20650 justify-content: flex-start; 20651 -ms-flex-align: center; 20652 align-items: center 20653} 20654 20655.card-body { 20656 margin-top: auto 20657} 20658 20659.card-mid-block { 20660 min-height: inherit 20661} 20662 20663.page { 20664 margin: 0 -15px; 20665 margin-top: 20px 20666} 20667 20668@media only screen and (max-width:1023px) { 20669 .page { 20670 margin: 0 -10px; 20671 margin-top: 20px 20672 } 20673} 20674 20675.breadcrumbs+.page { 20676 margin-top: 0 20677} 20678 20679.page-sidebar { 20680 padding-left: 15px; 20681 padding-right: 15px 20682} 20683 20684@media only screen and (max-width:1279px) { 20685 .page-sidebar { 20686 width: 30% 20687 } 20688} 20689 20690@media only screen and (max-width:1023px) { 20691 .page-sidebar { 20692 padding-left: 10px; 20693 padding-right: 10px; 20694 width: 100%; 20695 margin-bottom: 20px 20696 } 20697} 20698 20699.page-sidebar+.page-content { 20700 padding-left: 15px; 20701 padding-right: 15px 20702} 20703 20704@media only screen and (max-width:1279px) { 20705 .page-sidebar+.page-content { 20706 width: 70% 20707 } 20708} 20709 20710@media only screen and (max-width:1023px) { 20711 .page-sidebar+.page-content { 20712 width: 68%; 20713 padding-left: 10px; 20714 padding-right: 10px 20715 } 20716} 20717 20718@media only screen and (max-width:1023px) { 20719 .page-sidebar+.page-content { 20720 width: 100% 20721 } 20722} 20723 20724@media only screen and (max-width:1279px) { 20725 .page-sidebar+.page-content .productGrid { 20726 margin: 0 -10px 20727 } 20728} 20729 20730@media only screen and (max-width:1279px) { 20731 .page-sidebar+.page-content .productGrid .product { 20732 width: 33.33%; 20733 padding-left: 10px; 20734 padding-right: 10px 20735 } 20736} 20737 20738@media only screen and (max-width:767px) { 20739 .page-sidebar+.page-content .productGrid .product { 20740 width: 50% 20741 } 20742} 20743 20744.category-banner-section { 20745 display: -ms-flexbox; 20746 display: flex; 20747 -ms-flex-align: center; 20748 align-items: center; 20749 -ms-flex-pack: justify; 20750 justify-content: space-between; 20751 background: #f4f4f4; 20752 margin-bottom: 23px 20753} 20754 20755@media only screen and (max-width:1023px) { 20756 .category-banner-section { 20757 -ms-flex-wrap: wrap; 20758 flex-wrap: wrap; 20759 -webkit-flex-wrap: wrap 20760 } 20761} 20762 20763.category-banner-section .category-left-section { 20764 width: 100%; 20765 padding: 25px 29px 20766} 20767 20768.category-banner-section .category-left-section.visible-top-banner { 20769 width: 50% 20770} 20771 20772@media only screen and (max-width:1023px) { 20773 .category-banner-section .category-left-section.visible-top-banner { 20774 width: 100% 20775 } 20776} 20777 20778@media only screen and (max-width:1023px) { 20779 .category-banner-section .category-left-section { 20780 padding: 20px 20781 } 20782} 20783 20784.category-banner-section .category-left-section+.category-right-section { 20785 width: 50% 20786} 20787 20788@media only screen and (max-width:1023px) { 20789 .category-banner-section .category-left-section+.category-right-section { 20790 width: 100%; 20791 padding: 0 20px 20px 20792 } 20793} 20794 20795.category-banner-section .page-heading { 20796 font-size: 30px; 20797 line-height: 33px; 20798 text-align: left; 20799 padding: 0; 20800 border: 0; 20801 margin-bottom: 0 20802} 20803 20804@media only screen and (max-width:1023px) { 20805 .category-banner-section .page-heading { 20806 font-size: 26px; 20807 line-height: 29px 20808 } 20809} 20810 20811.category-banner-section .page-heading+p { 20812 margin-top: 15px 20813} 20814 20815@media only screen and (max-width:1023px) { 20816 .category-banner-section .page-heading+p { 20817 margin-top: 10px 20818 } 20819} 20820 20821.category-banner-section p { 20822 color: #6D28D9; 20823 line-height: 20px; 20824 margin-bottom: 0 20825} 20826 20827.category-banner-section p+p { 20828 margin-top: 15px 20829} 20830 20831.category-banner-section .banners { 20832 background: 0 0; 20833 padding: 0 20834} 20835 20836.category-banner-section .banners img { 20837 margin: 0 20838} 20839 20840.page-sidebar-block .chevron-down { 20841 display: none 20842} 20843 20844.page-sidebar-block .sidebar-toggle-content.treeview { 20845 display: block 20846} 20847 20848.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .down { 20849 display: none 20850} 20851 20852.sidebarBlock .sidebarBlock-heading .accordion-navigation-actions .up { 20853 display: block; 20854 fill: #888 20855} 20856 20857.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .down { 20858 display: block 20859} 20860 20861.sidebarBlock .sidebarBlock-heading.active .accordion-navigation-actions .up { 20862 display: none 20863} 20864 20865.accordion-title, 20866.sidebarBlock-heading { 20867 font-size: 20px; 20868 line-height: 30px; 20869 font-weight: 500; 20870 margin-bottom: 0; 20871 cursor: pointer; 20872 position: relative 20873} 20874 20875@media only screen and (max-width:767px) { 20876 .accordion-title, 20877 .sidebarBlock-heading { 20878 font-size: 16px;
20879 line-height: 26px 20880 } 20881} 20882 20883.accordion-title .accordion-navigation-actions, 20884.sidebarBlock-heading .accordion-navigation-actions { 20885 top: 50%; 20886 margin-top: -12px; 20887 right: -8px 20888} 20889 20890.accordion-title .accordion-navigation-actions svg, 20891.sidebarBlock-heading .accordion-navigation-actions svg { 20892 fill: #2E1065; 20893 width: 27px; 20894 height: 27px 20895} 20896 20897.accordion-title .accordion-navigation-actions .up, 20898.sidebarBlock-heading .accordion-navigation-actions .up { 20899 display: none 20900} 20901 20902.accordion-title.active .accordion-navigation-actions .up, 20903.sidebarBlock-heading.active .accordion-navigation-actions .up { 20904 display: block 20905} 20906 20907.accordion-title.active .accordion-navigation-actions .down, 20908.sidebarBlock-heading.active .accordion-navigation-actions .down { 20909 display: none 20910} 20911 20912.accordion-block, 20913.sidebarBlock { 20914 border: 1px solid #dfdfdf; 20915 padding: 13px 20px; 20916 margin: 0 20917} 20918 20919@media only screen and (max-width:1279px) { 20920 .accordion-block, 20921 .sidebarBlock { 20922 padding: 10px 15px 20923 } 20924} 20925 20926.accordion-block .navList, 20927.sidebarBlock .navList { 20928 margin: 0; 20929 margin-top: 20px 20930} 20931 20932@media only screen and (max-width:1023px) { 20933 .accordion-block .navList, 20934 .sidebarBlock .navList { 20935 margin-top: 15px 20936 } 20937} 20938 20939.accordion-block .navList>li, 20940.sidebarBlock .navList>li { 20941 padding: 0 20942} 20943 20944.accordion-block .navList>li:first-child, 20945.sidebarBlock .navList>li:first-child { 20946 margin-top: 0 20947} 20948 20949.accordion-block .navList>li:before, 20950.sidebarBlock .navList>li:before { 20951 display: none 20952} 20953 20954.accordion-block .navList .rating--small svg, 20955.sidebarBlock .navList .rating--small svg { 20956 width: 15px; 20957 height: 15px 20958} 20959 20960.accordion-block .navList .rating--small .icon, 20961.sidebarBlock .navList .rating--small .icon { 20962 margin-right: 2px 20963} 20964 20965.accordion-block .navList ul>li:before, 20966.sidebarBlock .navList ul>li:before { 20967 display: none 20968} 20969 20970.accordion-block .navList li, 20971.sidebarBlock .navList li { 20972 margin: 17px 0 0 0; 20973 position: relative 20974} 20975 20976@media only screen and (max-width:1023px) { 20977 .accordion-block .navList li, 20978 .sidebarBlock .navList li { 20979 margin: 15px 0 0 0 20980 } 20981} 20982 20983.accordion-block .navList li a, 20984.sidebarBlock .navList li a { 20985 font-size: 15px; 20986 color: #666; 20987 font-weight: 400; 20988 padding-top: 0; 20989 padding-bottom: 0 20990} 20991 20992@media only screen and (max-width:1023px) { 20993 .accordion-block .navList li a, 20994 .sidebarBlock .navList li a { 20995 font-size: 14px 20996 } 20997} 20998 20999.accordion-block .navList li a.navList-action--checkbox, 21000.sidebarBlock .navList li a.navList-action--checkbox { 21001 margin-bottom: 0; 21002 padding-right: 20px 21003} 21004 21005.accordion-block .navList li a.navList-action--checkbox:before, 21006.sidebarBlock .navList li a.navList-action--checkbox:before { 21007 margin-top: -7px 21008} 21009 21010.accordion-block .navList li a.navList-action--checkbox.is-selected, 21011.sidebarBlock .navList li a.navList-action--checkbox.is-selected { 21012 color: #888 21013} 21014 21015.accordion-block .navList li a.navList-action--checkbox .navList-action-close, 21016.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close { 21017 position: absolute; 21018 top: 0; 21019 width: 20px; 21020 height: 20px; 21021 right: 0; 21022 display: -ms-flexbox; 21023 display: flex; 21024 -ms-flex-align: center; 21025 align-items: center; 21026 -ms-flex-pack: center; 21027 justify-content: center 21028} 21029 21030.accordion-block .navList li a.navList-action--checkbox .navList-action-close svg, 21031.sidebarBlock .navList li a.navList-action--checkbox .navList-action-close svg { 21032 width: 10px; 21033 height: 10px 21034} 21035 21036.accordion-block .navList li a .chevron-down, 21037.sidebarBlock .navList li a .chevron-down { 21038 display: none 21039} 21040 21041.accordion-block .navList li a:hover, 21042.sidebarBlock .navList li a:hover { 21043 color: #888 21044} 21045 21046.accordion-block .navList li ul, 21047.sidebarBlock .navList li ul { 21048 margin-left: 15px 21049} 21050 21051.accordion-block .navList li ul li:before, 21052.sidebarBlock .navList li ul li:before { 21053 display: none 21054} 21055 21056.accordion-block .navList>li, 21057.sidebarBlock .navList>li { 21058 float: none; 21059 position: relative 21060} 21061 21062.accordion-block .navList>li .hitarea, 21063.sidebarBlock .navList>li .hitarea { 21064 text-align: right; 21065 right: -2px; 21066 padding-top: 3px 21067} 21068 21069.accordion-block .navList>li>a, 21070.sidebarBlock .navList>li>a { 21071 color: #6D28D9 21072} 21073 21074.accordion-block .navList>li>a:hover, 21075.sidebarBlock .navList>li>a:hover { 21076 color: #888 21077} 21078 21079.accordion-block+.sidebarBlock, 21080.sidebarBlock+.sidebarBlock { 21081 margin: 0; 21082 padding-top: 15px; 21083 border-top: 0 21084} 21085 21086.accordion-block+.sidebarBlock.m-b-30, 21087.sidebarBlock+.sidebarBlock.m-b-30 { 21088 margin-bottom: 26px 21089} 21090 21091.accordion-block .inlineList, 21092.sidebarBlock .inlineList { 21093 margin-top: 15px; 21094 margin-left: 0 21095} 21096 21097.accordion-block .inlineList li, 21098.sidebarBlock .inlineList li { 21099 margin-left: 0; 21100 margin-right: 10px 21101} 21102 21103.accordion-block .inlineList .facetLabel, 21104.sidebarBlock .inlineList .facetLabel { 21105 display: -ms-flexbox; 21106 display: flex; 21107 -ms-flex-align: center;
21108 align-items: center; 21109 -ms-flex-pack: justify; 21110 justify-content: space-between; 21111 line-height: normal; 21112 padding: 5px; 21113 border-radius: 0 21114} 21115 21116.accordion-block .inlineList .facetLabel .icon, 21117.sidebarBlock .inlineList .facetLabel .icon { 21118 margin-left: 5px; 21119 width: 10px; 21120 height: 10px 21121} 21122 21123@media only screen and (max-width:1023px) { 21124 .sidebarBlock.mob-hide { 21125 display: none 21126 } 21127} 21128 21129@media only screen and (max-width:1023px) { 21130 .sidebarBlock .facetedSearch-toggle { 21131 margin-bottom: 0 21132 } 21133} 21134 21135.facetedSearch.sidebarBlock { 21136 padding: 0; 21137 border: 0 21138} 21139 21140.facetedSearch-toggle+.facetedSearch-navList, 21141.sidebarBlock+.facetedSearch-navList { 21142 margin: 0 21143} 21144 21145.accordion--navList .accordion-title { 21146 padding: 0 21147} 21148 21149.accordion--navList .accordion-content { 21150 padding: 0; 21151 margin: 0; 21152 margin-bottom: 10px 21153} 21154 21155.accordion--navList .accordion-content .toggleLink { 21156 font-style: italic; 21157 color: #6D28D9; 21158 border-bottom: 1px solid #6D28D9; 21159 margin-left: 20px; 21160 margin-top: 15px; 21161 line-height: 15px; 21162 display: inline-block 21163} 21164 21165.accordion--navList .accordion-content .toggleLink:hover { 21166 color: #888; 21167 border-bottom: 1px solid #888 21168} 21169 21170.accordion--navList .accordion-content .toggleLink .toggleLink-text { 21171 font-size: 15px 21172} 21173 21174.accordion-navigation { 21175 padding: 0; 21176 border: 0 21177} 21178 21179.facetedSearch-toggle { 21180 display: none 21181} 21182 21183@media only screen and (max-width:1023px) { 21184 .facetedSearch-toggle { 21185 display: block; 21186 border-radius: 0; 21187 margin-top: -1px; 21188 font-size: 16px; 21189 padding: 10px 15px 21190 } 21191 .facetedSearch-toggle.toggleLink { 21192 color: #6D28D9; 21193 transition: none 21194 } 21195 .facetedSearch-toggle.toggleLink.is-open { 21196 color: #666 21197 } 21198} 21199 21200@media only screen and (max-width:479px) { 21201 .facetedSearch-toggle { 21202 font-size: 14px 21203 } 21204 .facetedSearch-toggle .facetedSearch-toggle-indicator, 21205 .facetedSearch-toggle .facetedSearch-toggle-text { 21206 width: 100%; 21207 text-align: center 21208 } 21209 .facetedSearch-toggle .facetedSearch-toggle-indicator .icon svg, 21210 .facetedSearch-toggle .facetedSearch-toggle-text .icon svg { 21211 fill: #6D28D9 21212 } 21213} 21214 21215.facetedSearch-navList { 21216 display: block 21217} 21218 21219@media only screen and (max-width:1023px) { 21220 .facetedSearch-navList { 21221 display: none 21222 } 21223} 21224 21225.accordion { 21226 border: 0; 21227 border-radius: 0 21228} 21229 21230.accordion--navList .accordion-block { 21231 margin: 0; 21232 border-top: 0 21233} 21234 21235.accordion--navList .accordion-title { 21236 font-weight: 500; 21237 margin: 0 21238} 21239 21240.accordion--navList .accordion-indicator { 21241 width: 27px; 21242 height: 27px; 21243 fill: #888 21244} 21245 21246.accordion--navList .accordion-indicator.toggleLink-text--off { 21247 fill: #2E1065 21248} 21249 21250.accordion--navList .accordion-navigation-actions { 21251 top: 50%; 21252 margin-top: -12px; 21253 right: -8px 21254} 21255 21256.facetedSearch-refineFilters.sidebarBlock { 21257 border-top: 0; 21258 display: block 21259} 21260 21261@media only screen and (max-width:1023px) { 21262 .facetedSearch-refineFilters.sidebarBlock { 21263 display: none 21264 } 21265} 21266 21267.accordion-content, 21268.sidebar-toggle-content { 21269 margin-top: 0; 21270 margin-bottom: 10px 21271} 21272 21273#facetedSearch-content--price { 21274 margin-top: 20px 21275} 21276 21277.sidebar-toggle-content.treeview { 21278 display: none 21279} 21280 21281.sidebar-toggle-content.treeview.is-open { 21282 display: block 21283} 21284 21285.navList-action--checkbox { 21286 padding-left: 20px 21287} 21288 21289.navList-action--checkbox:before { 21290 border-radius: 0; 21291 border-color: #888; 21292 width: 12px; 21293 height: 12px 21294} 21295 21296.navList-action--checkbox:after { 21297 width: 12px; 21298 height: 12px; 21299 margin-top: -8px; 21300 margin-left: -1px 21301} 21302 21303.form-minMaxRow .form-input { 21304 padding-right: 15px 21305} 21306 21307@media only screen and (max-width:1279px) { 21308 .form-minMaxRow .form-field { 21309 width: 50% 21310 } 21311 .form-minMaxRow .form-field:last-child { 21312 width: 100%; 21313 margin-top: 10px 21314 } 21315} 21316 21317.form-minMaxRow .button { 21318 border: 1px solid #6D28D9; 21319 padding-top: 9px; 21320 padding-bottom: 9px 21321} 21322 21323.sub-category-block { 21324 display: -ms-flexbox; 21325 display: flex; 21326 -ms-flex-wrap: wrap; 21327 flex-wrap: wrap; 21328 -webkit-flex-wrap: wrap; 21329 margin: 0 -10px; 21330 margin-bottom: 34px 21331} 21332 21333@media only screen and (max-width:1023px) { 21334 .sub-category-block { 21335 margin-bottom: 25px 21336 } 21337} 21338 21339.sub-category-block:before { 21340 display: none 21341} 21342 21343.sub-category-block:after { 21344 display: none 21345} 21346 21347.sub-category-block .sub-category-item { 21348 width: 16.5%; 21349 padding: 0 10px 21350} 21351 21352@media only screen and (max-width:1279px) { 21353 .sub-category-block .sub-category-item { 21354 width: 25% 21355 } 21356} 21357 21358@media only screen and (max-width:666px) { 21359 .sub-category-block .sub-category-item { 21360 width: 33.33% 21361 } 21362} 21363 21364@media only screen and (max-width:567px) { 21365 .sub-category-block .sub-category-item { 21366 width: 50% 21367 } 21368} 21369 21370.sub-category-block .sub-category-img { 21371 height: 192px; 21372 display: -ms-flexbox; 21373 display: flex; 21374 -ms-flex-align: center;
21375 align-items: center; 21376 -ms-flex-pack: center; 21377 justify-content: center; 21378 overflow: hidden 21379} 21380 21381.sub-category-block .category-image-inner { 21382 display: -ms-flexbox; 21383 display: flex; 21384 -ms-flex-align: flex-start; 21385 align-items: flex-start; 21386 -ms-flex-pack: center; 21387 justify-content: center; 21388 -ms-flex-wrap: wrap; 21389 flex-wrap: wrap; 21390 -webkit-flex-wrap: wrap; 21391 height: 100% 21392} 21393 21394.sub-category-block .category-image-inner .sub-category-img-block { 21395 width: 100% 21396} 21397 21398.sub-category-block .category-image-inner .sub-category-img-block img { 21399 width: 100% 21400} 21401 21402.sub-category-block .sub-category-name { 21403 margin: 0; 21404 margin-top: 10px; 21405 text-align: center; 21406 padding: 0 5px; 21407 line-height: 20px 21408} 21409 21410.sub-category-block .sub-category-name a { 21411 font-size: 15px; 21412 color: #6D28D9; 21413 line-height: 16px 21414} 21415 21416.sub-category-block .sub-category-name a:hover { 21417 color: #c2c2c2 21418} 21419 21420.sub-category-headinig h3 { 21421 font-weight: 500; 21422 line-height: 32px 21423} 21424 21425@media only screen and (max-width:767px) { 21426 .sub-category-headinig h3 { 21427 font-size: 22px; 21428 line-height: 30px; 21429 margin-bottom: 15px 21430 } 21431} 21432 21433@media only screen and (max-width:479px) { 21434 .sub-category-headinig h3 { 21435 font-size: 18px; 21436 line-height: 22px 21437 } 21438} 21439 21440.no-img { 21441 background: #f4f4f4 21442} 21443 21444.without-img { 21445 max-width: 190px 21446} 21447 21448.actionBar-section .form-field { 21449 border: 1px solid #888; 21450 border-radius: 0; 21451 margin: 0; 21452 display: -ms-flexbox; 21453 display: flex; 21454 -ms-flex-align: center; 21455 align-items: center; 21456 -ms-flex-pack: center; 21457 justify-content: center; 21458 overflow: visible 21459} 21460 21461.actionBar-section .form-field:after, 21462.actionBar-section .form-field:before { 21463 display: none 21464} 21465 21466.actionBar-section .form-label { 21467 font-size: 15px; 21468 min-width: 67px; 21469 color: #888; 21470 font-weight: 400 21471} 21472 21473@media only screen and (max-width:1279px) { 21474 .actionBar-section .form-label { 21475 min-width: 73px 21476 } 21477} 21478 21479@media only screen and (max-width:1023px) { 21480 .actionBar-section .form-label { 21481 font-size: 14px 21482 } 21483} 21484 21485@media only screen and (max-width:479px) { 21486 .actionBar-section .form-label { 21487 min-width: 60px; 21488 margin-right: 5px 21489 } 21490} 21491 21492.actionBar-section .form-select { 21493 height: auto; 21494 color: #6D28D9; 21495 border-left: 0 21496} 21497 21498@media only screen and (max-width:479px) { 21499 .actionBar-section .form-select { 21500 font-size: 12px; 21501 padding-right: 25px 21502 } 21503} 21504 21505@media only screen and (max-width:1023px) { 21506 .actionBar-section .form-select { 21507 font-size: 14px 21508 } 21509} 21510 21511@media only screen and (max-width:1279px) { 21512 .filter-left .pagination .pagination-item { 21513 display: none 21514 } 21515 .filter-left .pagination .pagination-item.pagination-item--current, 21516 .filter-left .pagination .pagination-item.pagination-item--next, 21517 .filter-left .pagination .pagination-item.pagination-item--previous { 21518 display: inline-block 21519 } 21520 .filter-left .pagination .pagination-item.pagination-item--current .icon, 21521 .filter-left .pagination .pagination-item.pagination-item--next .icon, 21522 .filter-left .pagination .pagination-item.pagination-item--previous .icon { 21523 top: 6px; 21524 width: 15px; 21525 height: 15px 21526 } 21527 .filter-left .pagination .pagination-item.pagination-item--current { 21528 margin: 0 5px 21529 } 21530 .filter-left .pagination .pagination-item.pagination-item--previous .icon { 21531 margin-left: 0 21532 } 21533 .filter-left .pagination .pagination-item.pagination-item--previous a { 21534 padding-left: 18px 21535 } 21536 .filter-left .pagination .pagination-item.pagination-item--next { 21537 margin-left: 0 21538 } 21539} 21540 21541.actionBar-main { 21542 display: -ms-flexbox; 21543 display: flex; 21544 -ms-flex-align: center; 21545 align-items: center; 21546 -ms-flex-pack: justify; 21547 justify-content: space-between; 21548 margin-bottom: 30px 21549} 21550 21551@media only screen and (max-width:567px) { 21552 .actionBar-main { 21553 -ms-flex-flow: column; 21554 flex-flow: column 21555 } 21556} 21557 21558.actionBar-main .filter-left { 21559 width: 60% 21560} 21561 21562@media only screen and (max-width:1279px) { 21563 .actionBar-main .filter-left { 21564 width: 50% 21565 } 21566} 21567 21568@media only screen and (max-width:767px) { 21569 .actionBar-main .filter-left { 21570 width: 60% 21571 } 21572} 21573 21574@media only screen and (max-width:567px) { 21575 .actionBar-main .filter-left { 21576 width: 100%; 21577 -ms-flex-pack: center; 21578 justify-content: center; 21579 margin-bottom: 15px 21580 } 21581} 21582 21583.actionBar-main .filter-right { 21584 width: 40%; 21585 display: -ms-flexbox; 21586 display: flex; 21587 -ms-flex-align: center;
21588 align-items: center; 21589 -ms-flex-pack: end; 21590 justify-content: flex-end 21591} 21592 21593@media only screen and (max-width:1279px) { 21594 .actionBar-main .filter-right { 21595 width: 50% 21596 } 21597} 21598 21599@media only screen and (max-width:767px) { 21600 .actionBar-main .filter-right { 21601 width: 40% 21602 } 21603} 21604 21605@media only screen and (max-width:567px) { 21606 .actionBar-main .filter-right { 21607 width: 100%; 21608 -ms-flex-pack: center; 21609 justify-content: center 21610 } 21611} 21612 21613.actionBar-main .filter-right .product-view-button { 21614 display: -ms-flexbox; 21615 display: flex; 21616 -ms-flex-align: center; 21617 align-items: center; 21618 -ms-flex-pack: end; 21619 justify-content: flex-end 21620} 21621 21622@media only screen and (max-width:767px) { 21623 .actionBar-main .filter-right .product-view-button { 21624 display: none 21625 } 21626} 21627 21628.actionBar-main .filter-right .product-view-button a { 21629 margin: 0 10px; 21630 line-height: normal 21631} 21632 21633.actionBar-main .filter-right .product-view-button a.active svg { 21634 fill: #333 21635} 21636 21637.actionBar-main .filter-right .product-view-button a.grid-view svg { 21638 width: 25px 21639} 21640 21641.actionBar-main .filter-right .product-view-button svg { 21642 width: 30px; 21643 height: 25px; 21644 fill: #666 21645} 21646 21647.actionBar-main .filter-right .actionBar { 21648 margin: 0; 21649 margin-left: 20px 21650} 21651 21652@media only screen and (max-width:1023px) { 21653 .actionBar-main .filter-right .actionBar { 21654 margin-left: 10px 21655 } 21656} 21657 21658.filter-left { 21659 display: -ms-flexbox; 21660 display: flex; 21661 -ms-flex-align: center; 21662 align-items: center; 21663 -ms-flex-pack: start; 21664 justify-content: flex-start 21665} 21666 21667.filter-left .pagination-list { 21668 margin: 0 21669} 21670 21671.filter-left .pagination-item { 21672 margin-bottom: 0 21673} 21674 21675.filter-left .pagination-count { 21676 min-width: 91px; 21677 color: #6D28D9 21678} 21679 21680.filter-left .pagination-count+.pagination { 21681 border-left: 1px solid #dfdfdf; 21682 padding-left: 15px; 21683 margin-left: 15px 21684} 21685 21686@media only screen and (max-width:666px) { 21687 .filter-left .pagination-count+.pagination { 21688 padding-left: 10px; 21689 margin-left: 10px 21690 } 21691} 21692 21693.productGrid { 21694 display: -ms-flexbox; 21695 display: flex; 21696 -ms-flex-wrap: wrap; 21697 flex-wrap: wrap; 21698 -webkit-flex-wrap: wrap 21699} 21700 21701.productGrid:before { 21702 display: none 21703} 21704 21705.productGrid:after { 21706 display: none 21707} 21708 21709.productGrid .product { 21710 margin: 0; 21711 padding-bottom: 20px; 21712 transition: all .4s 21713} 21714 21715.productGrid .product .card { 21716 margin: 0; 21717 height: 100% 21718} 21719 21720.page .page-sidebar+.page-content .product-list-style .product { 21721 width: 100% 21722} 21723 21724.page .page-content .product-list-style .product { 21725 width: 50%; 21726 padding-top: 10px; 21727 transition: all .4s 21728} 21729 21730@media only screen and (max-width:1023px) { 21731 .page .page-content .product-list-style .product { 21732 width: 100% 21733 } 21734} 21735 21736.page .page-content .product-list-style .product .card:hover .card-title { 21737 opacity: 1; 21738 visibility: visible 21739} 21740 21741.page .page-content .product-list-style .product .card .card-summary { 21742 display: block; 21743 margin-top: 10px; 21744 width: 100%; 21745 line-height: 20px 21746} 21747 21748.page .page-content .product-list-style .product .card-body-inn { 21749 position: relative; 21750 height: 100%; 21751 padding-bottom: 38px; 21752 -ms-flex-pack: start; 21753 justify-content: flex-start; 21754 -ms-flex-align: flex-start; 21755 align-items: flex-start 21756} 21757 21758.page .page-content .product-list-style .product .card-inner { 21759 -ms-flex-wrap: nowrap; 21760 flex-wrap: nowrap; 21761 -webkit-flex-wrap: nowrap; 21762 -ms-flex-flow: row; 21763 flex-flow: row 21764} 21765 21766.page .page-content .product-list-style .product .card-figure { 21767 margin-bottom: 0; 21768 padding: 12px 0 12px 12px; 21769 width: 50% 21770} 21771 21772@media only screen and (max-width:1279px) { 21773 .page .page-content .product-list-style .product .card-figure { 21774 width: 40% 21775 } 21776} 21777 21778.page .page-content .product-list-style .product .card-figure .card-figcaption-body-custom { 21779 top: 24px 21780} 21781 21782.page .page-content .product-list-style .product .card-img-container { 21783 max-width: 100% 21784} 21785 21786.page .page-content .product-list-style .product .card-body { 21787 margin-top: 0 21788} 21789 21790@media only screen and (max-width:1279px) { 21791 .page .page-content .product-list-style .product .card-body { 21792 width: 60% 21793 } 21794} 21795 21796.page .page-content .product-list-style .product .card-body .brand-name { 21797 text-align: left 21798} 21799 21800.page .page-content .product-list-style .product .card-mid-block { 21801 -ms-flex-pack: start; 21802 justify-content: flex-start; 21803 position: static 21804} 21805 21806.page .page-content .product-list-style .product .card-text, 21807.page .page-content .product-list-style .product .card-title { 21808 text-align: left 21809} 21810 21811.page .page-content .product-list-style .product .price-block { 21812 -ms-flex-pack: start; 21813 justify-content: flex-start; 21814 margin: 0 -6px 21815} 21816 21817.page .page-content .product-list-style .product .price-block .price { 21818 font-size: 14px 21819} 21820 21821.page .page-content .product-list-style .product .card-button-block { 21822 top: auto; 21823 transform: none; 21824 bottom: 0; 21825 left: auto; 21826 right: auto 21827} 21828 21829.page .page-content .product-list-style .product .card-button-block .button { 21830 font-size: 14px; 21831 line-height: 20px; 21832 padding: 6px 16px 21833} 21834 21835.page .page-content .product-list-style .product .card-button-block svg { 21836 width: 14px; 21837 height: 17px; 21838 margin-right: 7px 21839} 21840 21841.page .page-content .product-list-style .product .card-button-block span { 21842 margin-top: 4px 21843} 21844
21845.brandGrid .brand { 21846 width: 20%; 21847 margin-bottom: 20px 21848} 21849 21850@media only screen and (max-width:1279px) { 21851 .brandGrid .brand { 21852 width: 25% 21853 } 21854} 21855 21856@media only screen and (max-width:1023px) { 21857 .brandGrid .brand { 21858 width: 33.33% 21859 } 21860} 21861 21862@media only screen and (max-width:579px) { 21863 .brandGrid .brand { 21864 width: 50% 21865 } 21866} 21867 21868.brandGrid .brand .card { 21869 margin-bottom: 0 21870} 21871 21872.brandGrid .brand .card .card-body { 21873 padding-left: 5px; 21874 padding-right: 5px 21875} 21876 21877.brandGrid .brand .card:hover .card-title { 21878 opacity: 1; 21879 visibility: visible 21880} 21881 21882.brand-sidebar .facetedSearch-refineFilters.sidebarBlock { 21883 border-top: 1px solid #dfdfdf 21884} 21885 21886.search-page-sidebar .facetedSearch-refineFilters.sidebarBlock { 21887 border-top: 1px solid #dfdfdf 21888} 21889 21890#search-results-content strong { 21891 margin-right: 10px 21892} 21893 21894#search-results-content p { 21895 margin-top: 10px 21896} 21897 21898.type-search .page-sidebar.u-hiddenVisually+.page-content { 21899 width: 100% 21900} 21901 21902.page-top-bar .page-heading { 21903 font-size: 32px; 21904 line-height: 32px; 21905 text-align: left 21906} 21907 21908@media only screen and (max-width:1023px) { 21909 .page-top-bar .page-heading { 21910 font-size: 24px; 21911 line-height: 24px 21912 } 21913} 21914 21915.productView { 21916 padding-top: 0; 21917 margin: 0 -15px 21918} 21919 21920@media only screen and (max-width:1023px) { 21921 .productView { 21922 margin: 0 21923 } 21924} 21925 21926.productView .alertBox { 21927 margin-left: 15px; 21928 margin-right: 15px 21929} 21930 21931@media only screen and (max-width:1023px) { 21932 .productView .alertBox { 21933 margin-left: 0; 21934 margin-right: 0 21935 } 21936} 21937 21938.productView-details, 21939.productView-images { 21940 padding-left: 15px; 21941 padding-right: 15px 21942} 21943 21944@media only screen and (max-width:1023px) { 21945 .productView-details, 21946 .productView-images { 21947 padding: 0 21948 } 21949} 21950 21951@media only screen and (max-width:1279px) { 21952 .productView-details { 21953 width: 45% 21954 } 21955} 21956 21957@media only screen and (max-width:1023px) { 21958 .productView-details { 21959 width: 100% 21960 } 21961} 21962 21963.productView-images { 21964 display: -ms-flexbox; 21965 display: flex; 21966 -ms-flex-wrap: wrap; 21967 flex-wrap: wrap; 21968 -webkit-flex-wrap: wrap; 21969 -ms-flex-align: flex-start; 21970 align-items: flex-start; 21971 -ms-flex-pack: justify; 21972 justify-content: space-between 21973} 21974 21975@media only screen and (max-width:1279px) { 21976 .productView-images { 21977 width: 55% 21978 } 21979} 21980 21981@media only screen and (max-width:1023px) { 21982 .productView-images { 21983 width: 100% 21984 } 21985} 21986 21987.productView-images .productView-image-main { 21988 display: -ms-flexbox; 21989 display: flex; 21990 -ms-flex-wrap: wrap; 21991 flex-wrap: wrap; 21992 -webkit-flex-wrap: wrap; 21993 width: 85%; 21994 -ms-flex-order: 1; 21995 order: 1; 21996 padding-left: 20px; 21997 padding-right: 20px 21998} 21999 22000.productView-images .productView-image-main.without-pro-img { 22001 padding-left: 0; 22002 padding-right: 0 22003} 22004 22005@media only screen and (max-width:1279px) { 22006 .productView-images .productView-image-main { 22007 width: 80%; 22008 padding-right: 0 22009 } 22010} 22011 22012@media only screen and (max-width:1023px) { 22013 .productView-images .productView-image-main { 22014 width: 100%; 22015 padding-left: 0; 22016 margin-bottom: 20px 22017 } 22018} 22019 22020.productView-images .productView-image-main .usp-section { 22021 margin-top: 20px; 22022 width: 100% 22023} 22024 22025@media only screen and (max-width:1023px) { 22026 .productView-images .productView-image-main .usp-section { 22027 display: none 22028 } 22029} 22030 22031.productView-images .productView-image-main .usp-section.m-b-60 { 22032 margin-bottom: 0; 22033 background: 0 0 22034} 22035 22036.productView-images .productView-image-main .usp-section ul { 22037 -ms-flex-wrap: wrap; 22038 flex-wrap: wrap; 22039 -webkit-flex-wrap: wrap 22040} 22041 22042.productView-images .productView-image-main .usp-section ul li { 22043 width: 50%; 22044 padding: 0; 22045 border: 1px solid #dfdfdf 22046} 22047 22048.productView-images .productView-image-main .usp-section ul li:nth-child(3) { 22049 margin-top: -1px 22050} 22051 22052.productView-images .productView-image-main .usp-section ul li:nth-child(4) { 22053 margin-top: -1px 22054} 22055 22056.productView-images .productView-image-main .usp-section ul li:nth-child(even) { 22057 border-left: 0 22058} 22059 22060.productView-images .productView-image-main .usp-section .usp-block { 22061 padding: 12px; 22062 -ms-flex-pack: start; 22063 justify-content: flex-start 22064} 22065 22066@media only screen and (max-width:1279px) { 22067 .productView-images .productView-image-main .usp-section .usp-block { 22068 -ms-flex-pack: center; 22069 justify-content: center 22070 } 22071} 22072 22073.productView-images .productView-image-main .usp-section .usp-block .usp-detail h5 { 22074 font-size: 15px; 22075 line-height: 20px; 22076 font-weight: 500 22077} 22078 22079.productView-images .fancythumb, 22080.productView-images .fancythumb:hover { 22081 cursor: zoom-in 22082} 22083 22084.productView-images .productView-image { 22085 border: 1px solid #dfdfdf; 22086 width: 100%; 22087 height: auto; 22088 display: -ms-flexbox; 22089 display: flex; 22090 -ms-flex-align: center;
22091 align-items: center; 22092 -ms-flex-pack: center; 22093 justify-content: center; 22094 overflow: hidden 22095} 22096 22097@media screen and (-ms-high-contrast:active), 22098(-ms-high-contrast:none) { 22099 .productView-images .productView-image { 22100 background: 0 0 22101 } 22102} 22103 22104@supports (-ms-ime-align:auto) { 22105 .productView-images .productView-image { 22106 background: 0 0 22107 } 22108} 22109 22110.productView-images .productView-image .productView-image--default-custom { 22111 mix-blend-mode: darken; 22112 max-width: 100%; 22113 max-height: 100%; 22114 width: 100%; 22115 -o-object-fit: contain; 22116 object-fit: contain; 22117 font-family: 'object-fit: contain;' 22118} 22119 22120.productView-images .productView-image .fancythumb { 22121 max-height: 100% 22122} 22123 22124.productView-images .productView-thumbnails { 22125 -ms-flex-order: 0; 22126 order: 0; 22127 width: 15%; 22128 margin: 0 22129} 22130 22131@media only screen and (max-width:1279px) { 22132 .productView-images .productView-thumbnails { 22133 width: 20% 22134 } 22135} 22136 22137@media only screen and (max-width:1023px) { 22138 .productView-images .productView-thumbnails { 22139 -ms-flex-order: 1; 22140 order: 1; 22141 width: 100% 22142 } 22143 .productView-images .productView-thumbnails:before { 22144 display: none 22145 } 22146 .productView-images .productView-thumbnails li { 22147 max-width: 130px; 22148 width: 33.33%; 22149 padding: 0 10px; 22150 float: left; 22151 text-align: center 22152 } 22153} 22154 22155@media only screen and (max-width:1023px) and (max-width:576px) { 22156 .productView-images .productView-thumbnails li { 22157 max-width: 120px 22158 } 22159} 22160 22161@media only screen and (max-width:1023px) and (max-width:479px) { 22162 .productView-images .productView-thumbnails li { 22163 max-width: 99px 22164 } 22165} 22166 22167@media only screen and (max-width:1023px) { 22168 .productView-images .productView-thumbnails.productView-thumbnails-withslider li { 22169 max-width: 100%; 22170 padding: 0 22171 } 22172} 22173 22174.productView-images .productView-thumbnails .slick-list { 22175 margin: 0 22176} 22177 22178@media only screen and (max-width:1023px) { 22179 .productView-images .productView-thumbnails .slick-list { 22180 margin: 0 30px 22181 } 22182} 22183 22184.productView-images .productView-thumbnails .slick-list .slick-slide { 22185 display: none 22186} 22187 22188.productView-images .productView-thumbnails img { 22189 max-width: 100px; 22190 max-height: 120px; 22191 mix-blend-mode: darken 22192} 22193 22194@media only screen and (max-width:767px) { 22195 .productView-images .productView-thumbnails img { 22196 max-width: 80px; 22197 max-height: 80px 22198 } 22199} 22200 22201@media only screen and (max-width:479px) { 22202 .productView-images .productView-thumbnails img { 22203 max-width: 60px; 22204 max-height: 65px 22205 } 22206} 22207 22208.productView-images .productView-thumbnails .slick-slide { 22209 margin-bottom: 13px 22210} 22211 22212@media only screen and (max-width:1023px) { 22213 .productView-images .productView-thumbnails .slick-slide { 22214 text-align: center 22215 } 22216} 22217 22218.productView-images .productView-thumbnails .productView-thumbnail { 22219 padding: 0; 22220 margin-bottom: 13px; 22221 float: none; 22222 width: 100% 22223} 22224 22225.productView-images .productView-thumbnails .slick-arrow { 22226 width: 30px; 22227 height: 30px; 22228 background: #fff; 22229 border: 1px solid #dfdfdf; 22230 top: auto; 22231 bottom: -30px 22232} 22233 22234@media only screen and (max-width:1279px) { 22235 .productView-images .productView-thumbnails .slick-arrow { 22236 bottom: -30px 22237 } 22238} 22239 22240@media only screen and (max-width:1023px) { 22241 .productView-images .productView-thumbnails .slick-arrow { 22242 top: 50%; 22243 margin-top: -23px 22244 } 22245} 22246 22247.productView-images .productView-thumbnails .slick-arrow svg { 22248 fill: #666; 22249 width: 24px; 22250 height: 24px 22251} 22252 22253@media only screen and (min-width:1024px) { 22254 .productView-images .productView-thumbnails .slick-arrow svg { 22255 transform: rotate(90deg) 22256 } 22257} 22258 22259.productView-images .productView-thumbnails .slick-arrow:hover { 22260 background: #6D28D9; 22261 border: 1px solid #6D28D9 22262} 22263 22264.productView-images .productView-thumbnails .slick-arrow:hover svg { 22265 fill: #fff 22266} 22267 22268.productView-images .productView-thumbnails .slick-arrow.slick-next { 22269 right: 4px 22270} 22271 22272@media only screen and (max-width:1919px) {
22273 .productView-images .productView-thumbnails .slick-arrow.slick-next { 22274 right: 1px 22275 } 22276} 22277 22278.productView-images .productView-thumbnails .slick-arrow.slick-prev { 22279 left: 1px 22280} 22281 22282.productView-images .productView-thumbnails.slick-initialized .slick-list .slick-slide { 22283 display: block 22284} 22285 22286.productView-images .productView-thumbnail-link { 22287 max-width: 100px; 22288 height: 90px; 22289 background: #f4f4f4; 22290 border: 1px solid #dfdfdf; 22291 overflow: hidden 22292} 22293 22294@media only screen and (max-width:1279px) { 22295 .productView-images .productView-thumbnail-link { 22296 max-width: 120px 22297 } 22298} 22299 22300@media only screen and (max-width:767px) { 22301 .productView-images .productView-thumbnail-link { 22302 height: 80px 22303 } 22304} 22305 22306@media only screen and (max-width:666px) { 22307 .productView-images .productView-thumbnail-link { 22308 max-width: 100px 22309 } 22310} 22311 22312@media only screen and (max-width:479px) { 22313 .productView-images .productView-thumbnail-link { 22314 max-width: 65px; 22315 height: 62px 22316 } 22317} 22318 22319.productView-images .productView-thumbnail-link.is-active { 22320 border: 1px solid #6D28D9 22321} 22322 22323.productView-title { 22324 font-size: 28px; 22325 font-weight: 500; 22326 margin-top: 0; 22327 margin-bottom: 22px; 22328 line-height: normal 22329} 22330 22331@media only screen and (max-width:767px) { 22332 .productView-title { 22333 font-size: 26px 22334 } 22335} 22336 22337.productView-brand { 22338 margin: -5px 0 4px 0; 22339 line-height: 30px 22340} 22341 22342.productView-brand a { 22343 color: #666 22344} 22345 22346.productView-details { 22347 margin-bottom: 0 22348} 22349 22350.productView-details .price-block { 22351 -ms-flex-pack: justify; 22352 justify-content: space-between; 22353 border-top: 1px solid #dfdfdf; 22354 border-bottom: 1px solid #dfdfdf; 22355 padding-bottom: 12px; 22356 padding-top: 15px; 22357 margin-bottom: 25px 22358} 22359 22360@media only screen and (max-width:767px) { 22361 .productView-details .price-block { 22362 -ms-flex-wrap: wrap; 22363 flex-wrap: wrap; 22364 -webkit-flex-wrap: wrap 22365 } 22366} 22367 22368.productView-details .price-block .productView-price { 22369 display: -ms-flexbox; 22370 display: flex; 22371 -ms-flex-align: flex-end; 22372 align-items: flex-end; 22373 -ms-flex-pack: start; 22374 justify-content: flex-start; 22375 -ms-flex-wrap: wrap; 22376 flex-wrap: wrap; 22377 -webkit-flex-wrap: wrap; 22378 width: 46%; 22379 margin: 0 22380} 22381 22382@media only screen and (max-width:1279px) { 22383 .productView-details .price-block .productView-price { 22384 width: 100%; 22385 -ms-flex-pack: start; 22386 justify-content: flex-start; 22387 -ms-flex-align: center; 22388 align-items: center 22389 } 22390 .productView-details .price-block .productView-price+.price-block-left { 22391 margin-top: 10px 22392 } 22393} 22394 22395.productView-details .price-block .productView-price.call-for-price { 22396 display: none 22397} 22398 22399.productView-details .price-block .price-block-left { 22400 display: -ms-flexbox; 22401 display: flex; 22402 -ms-flex-align: center; 22403 align-items: center; 22404 -ms-flex-pack: end; 22405 justify-content: flex-end; 22406 width: 54% 22407} 22408 22409@media only screen and (max-width:1279px) { 22410 .productView-details .price-block .price-block-left { 22411 -ms-flex-pack: start; 22412 justify-content: flex-start; 22413 width: 100% 22414 } 22415} 22416 22417.productView-details .price-block .price-block-left .instock { 22418 color: #5dcb6c; 22419 font-size: 20px; 22420 font-weight: 500; 22421 margin-right: 20px 22422} 22423 22424@media only screen and (max-width:1023px) { 22425 .productView-details .price-block .price-block-left .instock { 22426 margin-right: 10px 22427 } 22428} 22429 22430.productView-details .price-block .price-block-left .productView-rating .icon { 22431 width: 15px; 22432 height: 15px 22433} 22434 22435@media only screen and (max-width:479px) { 22436 .productView-details .price-block .price-block-left .productView-rating .icon { 22437 width: 12px; 22438 height: 12px 22439 } 22440} 22441 22442.productView-details .price-block .price-block-left .productView-rating .icon svg { 22443 height: 100%; 22444 width: 100% 22445} 22446 22447.productView-details .price-section { 22448 margin: 0; 22449 margin-right: 10px 22450} 22451 22452@media only screen and (max-width:567px) { 22453 .productView-details .price-section { 22454 width: auto 22455 } 22456} 22457 22458.productView-details .price-section .price-now-label { 22459 font-size: 16px; 22460 text-align: left 22461} 22462 22463@media only screen and (max-width:567px) { 22464 .productView-details .price-section .price-now-label { 22465 display: block 22466 } 22467} 22468 22469.productView-details .price { 22470 font-size: 18px 22471} 22472 22473@media only screen and (max-width:1279px) { 22474 .productView-details .price { 22475 font-size: 16px 22476 } 22477} 22478 22479.productView-details .price.price--withTax { 22480 font-size: 24px 22481} 22482 22483@media only screen and (max-width:1279px) { 22484 .productView-details .price.price--withTax { 22485 font-size: 22px 22486 } 22487} 22488 22489@media only screen and (max-width:567px) { 22490 .productView-details .price.price--withTax { 22491 font-size: 20px 22492 } 22493} 22494 22495.productView-details .price.price-section--saving { 22496 font-size: 14px; 22497 margin-right: 0; 22498 margin-top: 5px; 22499 width: 100%; 22500 text-align: left 22501} 22502 22503.productView-details .price.price-section--saving .price { 22504 font-size: 14px; 22505 color: #6D28D9 22506} 22507 22508.productView-reviewLink { 22509 margin-left: 0; 22510 color: #333 22511} 22512 22513@media only screen and (max-width:479px) { 22514 .productView-reviewLink { 22515 font-size: 12px 22516 } 22517} 22518 22519.productView-reviewLink+.productView-reviewLink { 22520 margin-left: 10px; 22521 padding-left: 10px; 22522 border-left: 1px solid #888 22523} 22524 22525.productView-reviewLink+.productView-reviewLink a { 22526 text-decoration: underline 22527} 22528 22529@media only screen and (max-width:567px) { 22530 .productView-reviewLink+.productView-reviewLink { 22531 display: inline-block 22532 } 22533} 22534 22535.productView-info-name, 22536.productView-info-value { 22537 font-size: 15px; 22538 padding: 8px 0 22539} 22540 22541@media only screen and (max-width:567px) { 22542 .productView-info-name, 22543 .productView-info-value { 22544 padding: 6px 0 22545 } 22546} 22547 22548.productView-info-name { 22549 color: #333; 22550 font-weight: 500; 22551 float: left; 22552 min-width: 192px; 22553 padding-right: 15px; 22554 margin: 0 22555} 22556 22557@media only screen and (max-width:567px) { 22558 .productView-info-name { 22559 float: none; 22560 padding-right: 0 22561 } 22562} 22563 22564.productView-info-value { 22565 color: #666; 22566 margin-bottom: 0 22567} 22568 22569@media only screen and (max-width:567px) { 22570 .productView-info-value { 22571 font-size: 14px 22572 } 22573} 22574 22575.productView-info-value a { 22576 font-style: italic; 22577 text-decoration: underline 22578} 22579 22580.productView-info>:first-child { 22581 margin: 0 22582} 22583 22584.productView-product { 22585 border: 0; 22586 padding: 0; 22587 border-bottom: 1px solid #dfdfdf; 22588 padding-bottom: 20px; 22589 margin-bottom: 20px 22590} 22591 22592@media only screen and (max-width:567px) { 22593 .productView-options { 22594 text-align: left 22595 } 22596} 22597 22598.productView-options .alertBox { 22599 margin-left: 0; 22600 margin-right: 0; 22601 margin-bottom: 20px 22602} 22603 22604.productView-options .form-input[type=number] { 22605 padding-right: 15px 22606} 22607 22608.productView-options .form-label--alternate { 22609 font-size: 15px; 22610 color: #333; 22611 font-weight: 500 22612} 22613 22614.productView-options .form-field { 22615 margin-bottom: 19px 22616} 22617 22618@media only screen and (max-width:567px) { 22619 .productView-options .form-field { 22620 margin-bottom: 15px 22621 } 22622} 22623 22624.productView-options .form-field textarea { 22625 resize: none 22626} 22627 22628.productView-options .form-fileDescription { 22629 margin-bottom: 0 22630} 22631 22632.productView-options .form-option-variant--color { 22633 min-width: 34px; 22634 height: 34px; 22635 line-height: 34px 22636} 22637 22638.productView-options [data-product-attribute=set-rectangle] .form-option { 22639 padding: 0 22640} 22641 22642.productView-options [data-product-attribute=set-rectangle] .form-radio:checked+.form-option { 22643 border-color: #333; 22644 box-shadow: none; 22645 background: #333; 22646 color: #fff 22647} 22648 22649.productView-options [data-product-attribute=set-rectangle] .form-option-variant { 22650 min-width: 34px; 22651 height: 34px; 22652 line-height: 34px 22653} 22654 22655.productView-options .form-radio:checked+.form-option-swatch { 22656 box-shadow: none 22657} 22658 22659.productView-options .form-radio:checked+.form-label:before { 22660 border-color: #6D28D9 22661} 22662 22663.productView-options .form-checkbox+.form-label:before { 22664 border-radius: 0 22665} 22666 22667.productView-options input[type=file] { 22668 font-size: 15px 22669} 22670 22671@media only screen and (max-width:567px) { 22672 .productView-options input[type=file] { 22673 font-size: 13px 22674 } 22675} 22676 22677.productView-options .form-checkbox+.form-label, 22678.productView-options .form-radio+.form-label { 22679 font-size: 15px 22680} 22681 22682@media only screen and (max-width:567px) { 22683 .productView-options .form-checkbox+.form-label, 22684 .productView-options .form-radio+.form-label { 22685 margin-left: 0 !important; 22686 display: block !important; 22687 font-size: 14px 22688 } 22689} 22690 22691.productView-options .productOptions-list li { 22692 display: -ms-flexbox; 22693 display: flex; 22694 -ms-flex-align: center;
22695 align-items: center; 22696 -ms-flex-pack: start; 22697 justify-content: flex-start; 22698 padding: 10px; 22699 margin-bottom: 0 22700} 22701 22702.productView-options .productOptions-list li .productOptions-list-item-content, 22703.productView-options .productOptions-list li .productOptions-list-item-figure { 22704 display: block 22705} 22706 22707.productView-options .productOptions-list li .productOptions-list-item-figure { 22708 margin: 0; 22709 max-width: 60px; 22710 width: 100%; 22711 padding: 5px 22712} 22713 22714.productView-options .form-field--stock .form-label { 22715 margin-bottom: 0 22716} 22717 22718.productView-options .form-field--increments { 22719 display: inline-block; 22720 vertical-align: middle; 22721 margin-bottom: 0; 22722 margin-right: 17px 22723} 22724 22725@media only screen and (max-width:1279px) { 22726 .productView-options .form-field--increments { 22727 margin-right: 13px 22728 } 22729} 22730 22731@media only screen and (max-width:567px) { 22732 .productView-options .form-field--increments { 22733 margin-right: 5px 22734 } 22735} 22736 22737.productView-options .form-increment .form-input--incrementTotal { 22738 float: left; 22739 height: 50px; 22740 width: 50px !important; 22741 font-size: 14px; 22742 text-align: center; 22743 border: 1px solid #dfdfdf; 22744 border-radius: 0; 22745 font-weight: 300; 22746 padding: 5px 22747} 22748 22749@media only screen and (max-width:567px) { 22750 .productView-options .form-increment .form-input--incrementTotal { 22751 height: 40px; 22752 width: 40px !important 22753 } 22754} 22755 22756.productView-options .form-increment .button { 22757 display: block; 22758 border: none; 22759 padding: 0; 22760 background: 0 0; 22761 font-size: 10px 22762} 22763 22764.productView-options .form-increment .button i { 22765 line-height: 25px; 22766 text-align: center; 22767 width: 23px; 22768 height: 25px; 22769 display: block; 22770 border: 1px solid #dfdfdf; 22771 cursor: pointer; 22772 border-radius: 0; 22773 border-left: none 22774} 22775 22776@media only screen and (max-width:567px) { 22777 .productView-options .form-increment .button i { 22778 width: 20px; 22779 height: 20px; 22780 line-height: 20px 22781 } 22782} 22783 22784.productView-options .form-increment .button+.button i { 22785 border-top: 0 22786} 22787 22788.productView-options .form-increment .button:hover { 22789 background: #4b5061 22790} 22791 22792.productView-options .form-increment .button:hover i svg { 22793 fill: #fff 22794} 22795 22796.productView-options .form-action { 22797 margin: 0; 22798 vertical-align: top; 22799 display: inline-block 22800} 22801 22802@media only screen and (max-width:1023px) { 22803 .productView-options .form-action { 22804 float: none; 22805 padding: 0; 22806 width: auto 22807 } 22808} 22809 22810.productView-options .form-action .button { 22811 padding: 17px 33px; 22812 line-height: 14px; 22813 font-weight: 500; 22814 text-transform: uppercase; 22815 margin: 0; 22816 border-radius: 0; 22817 font-size: 16px 22818} 22819 22820@media only screen and (max-width:567px) { 22821 .productView-options .form-action .button { 22822 padding: 12px; 22823 font-size: 12px 22824 } 22825} 22826 22827.productView-options .form-action+.productView-compare { 22828 margin-left: 17px; 22829 margin-right: 17px 22830} 22831 22832@media only screen and (max-width:1279px) { 22833 .productView-options .form-action+.productView-compare { 22834 margin-left: 13px; 22835 margin-right: 13px 22836 } 22837} 22838 22839@media only screen and (max-width:567px) { 22840 .productView-options .form-action+.productView-compare { 22841 margin-left: 5px; 22842 margin-right: 5px 22843 } 22844} 22845 22846.productView-options .form-wishlist, 22847.productView-options .productView-compare { 22848 display: inline-block; 22849 vertical-align: top 22850} 22851 22852@media only screen and (max-width:1023px) { 22853 .productView-options .form-wishlist, 22854 .productView-options .productView-compare { 22855 width: auto 22856 } 22857} 22858 22859.productView-options .form-wishlist .compare, 22860.productView-options .form-wishlist .dropdown-menu-button, 22861.productView-options .productView-compare .compare, 22862.productView-options .productView-compare .dropdown-menu-button { 22863 padding: 16px 15px; 22864 line-height: 11px; 22865 background: 0 0; 22866 border: 1px solid #dfdfdf; 22867 width: auto; 22868 border-radius: 0; 22869 margin-bottom: 0 22870} 22871 22872@media only screen and (max-width:567px) { 22873 .productView-options .form-wishlist .compare, 22874 .productView-options .form-wishlist .dropdown-menu-button, 22875 .productView-options .productView-compare .compare, 22876 .productView-options .productView-compare .dropdown-menu-button { 22877 padding: 11px 9px 22878 } 22879} 22880 22881.productView-options .form-wishlist .compare i, 22882.productView-options .form-wishlist .dropdown-menu-button i, 22883.productView-options .productView-compare .compare i, 22884.productView-options .productView-compare .dropdown-menu-button i { 22885 margin: 0 22886} 22887 22888.productView-options .form-wishlist .compare i svg, 22889.productView-options .form-wishlist .dropdown-menu-button i svg, 22890.productView-options .productView-compare .compare i svg, 22891.productView-options .productView-compare .dropdown-menu-button i svg { 22892 fill: #6D28D9 22893} 22894 22895.productView-options .form-wishlist .compare:hover, 22896.productView-options .form-wishlist .dropdown-menu-button:hover, 22897.productView-options .productView-compare .compare:hover, 22898.productView-options .productView-compare .dropdown-menu-button:hover { 22899 background: #6D28D9; 22900 border-color: #6D28D9 22901} 22902 22903.productView-options .form-wishlist .compare:hover i svg, 22904.productView-options .form-wishlist .dropdown-menu-button:hover i svg, 22905.productView-options .productView-compare .compare:hover i svg, 22906.productView-options .productView-compare .dropdown-menu-button:hover i svg { 22907 fill: #fff 22908} 22909 22910.wishlist-popup .wishlist_dropdownbox { 22911 text-align: center 22912} 22913 22914.wishlist-popup .wishlist_dropdownbox .wishlistid { 22915 padding: 2px 5px 22916} 22917 22918.wishlist-popup .wishlist_dropdownbox .wishlistid+.wishlistid { 22919 margin-left: 10px 22920} 22921 22922.wishlist-popup .wishlist_dropdownbox input[type=radio] { 22923 border: 1px solid #000 !important; 22924 background: #f2f 22925} 22926 22927.wishlist-popup .wishlist_dropdownbox label { 22928 display: inline-block; 22929 vertical-align: middle; 22930 text-transform: capitalize 22931} 22932 22933.wishlist-popup .wishlist_dropdownbox label+.wishlistid { 22934 margin-left: 10px 22935} 22936 22937.wishlist-popup .wishlist_dropdownbox .button { 22938 margin-bottom: 0; 22939 display: inline-block; 22940 vertical-align: middle; 22941 margin: 0 auto; 22942 margin-top: 20px 22943} 22944 22945.wishlist-popup .wishlist_dropdownbox .button+.button { 22946 margin-left: 16px 22947} 22948 22949.share-block { 22950 display: -ms-flexbox; 22951 display: flex; 22952 -ms-flex-align: flex-start;
22953 align-items: flex-start; 22954 -ms-flex-pack: start; 22955 justify-content: flex-start; 22956 margin-top: 30px 22957} 22958 22959@media only screen and (max-width:567px) { 22960 .share-block { 22961 -ms-flex-wrap: wrap; 22962 flex-wrap: wrap; 22963 -webkit-flex-wrap: wrap 22964 } 22965} 22966 22967.share-block .form-label--alternate { 22968 margin-right: 8px; 22969 margin-bottom: 0; 22970 margin-top: 5px; 22971 min-width: 70px 22972} 22973 22974@media only screen and (max-width:567px) { 22975 .share-block .form-label--alternate { 22976 margin-right: 0; 22977 margin-bottom: 10px; 22978 margin-top: 0 22979 } 22980} 22981 22982@media only screen and (max-width:567px) { 22983 .share-block { 22984 margin-top: 20px 22985 } 22986} 22987 22988.productView-description { 22989 width: 100%; 22990 margin-top: 25px 22991} 22992 22993@media only screen and (max-width:1023px) { 22994 .productView-description { 22995 padding: 0 22996 } 22997} 22998 22999.productView-description .toggle-title .toggleLink { 23000 float: none 23001} 23002 23003.productView-description-inn { 23004 border: 1px solid #dfdfdf; 23005 border-bottom: 0 23006} 23007 23008.productView-description-inn .toggle { 23009 border: 0; 23010 margin: 0 23011} 23012 23013.productView-description-inn .toggle-title { 23014 margin: 0; 23015 border-bottom: 1px solid #dfdfdf 23016} 23017 23018.productView-description-inn .toggle-title a { 23019 color: #2E1065; 23020 font-size: 16px; 23021 padding: 15px 40px; 23022 font-weight: 400; 23023 line-height: 20px; 23024 position: relative; 23025 display: -ms-flexbox; 23026 display: flex; 23027 -ms-flex-align: center; 23028 align-items: center; 23029 -ms-flex-pack: start; 23030 justify-content: flex-start; 23031 padding-left: 70px 23032} 23033 23034@media only screen and (max-width:1023px) { 23035 .productView-description-inn .toggle-title a { 23036 padding: 13px 25px; 23037 padding-left: 45px 23038 } 23039} 23040 23041@media only screen and (max-width:767px) { 23042 .productView-description-inn .toggle-title a { 23043 padding: 13px 20px; 23044 padding-left: 40px 23045 } 23046} 23047 23048@media only screen and (max-width:567px) { 23049 .productView-description-inn .toggle-title a { 23050 padding: 13px 18px; 23051 padding-left: 40px 23052 } 23053} 23054 23055.productView-description-inn .toggle-title a.is-open { 23056 background: #f5f5f5 23057} 23058 23059.productView-description-inn .toggle-title a.is-open svg.toggle-down-arrow { 23060 transform: rotate(180deg) 23061} 23062 23063.productView-description-inn .toggle-title a .icon--name { 23064 width: 20px; 23065 height: 20px; 23066 margin-right: 10px; 23067 position: absolute; 23068 left: 40px; 23069 top: 15px; 23070 fill: #2E1065 23071} 23072 23073@media only screen and (max-width:1023px) { 23074 .productView-description-inn .toggle-title a .icon--name { 23075 left: 20px; 23076 width: 18px; 23077 height: 18px; 23078 top: 14px 23079 } 23080} 23081 23082@media only screen and (max-width:767px) { 23083 .productView-description-inn .toggle-title a .icon--name { 23084 left: 15px 23085 } 23086} 23087 23088@media only screen and (max-width:479px) { 23089 .productView-description-inn .toggle-title a .icon--name { 23090 top: 13px 23091 } 23092} 23093 23094.productView-description-inn .toggle-title a svg.toggle-down-arrow { 23095 width: 25px; 23096 height: 25px; 23097 position: absolute; 23098 right: 23px; 23099 top: 50%; 23100 margin-top: -12px; 23101 fill: #888 23102} 23103 23104@media only screen and (max-width:567px) { 23105 .productView-description-inn .toggle-title a svg.toggle-down-arrow { 23106 right: 15px 23107 } 23108} 23109 23110.productView-description-inn .toggle-content { 23111 padding: 35px 40px; 23112 transition: all .5s ease-in-out 23113} 23114 23115@media only screen and (max-width:1023px) { 23116 .productView-description-inn .toggle-content { 23117 padding: 20px 25px 23118 } 23119} 23120 23121@media only screen and (max-width:479px) { 23122 .productView-description-inn .toggle-content { 23123 padding: 15px 20px 23124 } 23125} 23126 23127.productView-description-inn .toggle-content p { 23128 margin: 0; 23129 font-size: 14px; 23130 line-height: 24px; 23131 color: #000; 23132 font-weight: 400 23133} 23134 23135.productView-description-inn .toggle-content p+p { 23136 margin-top: 20px 23137} 23138 23139.productView-description-inn .toggle-content p+ul { 23140 margin-top: 10px 23141} 23142 23143.productView-description-inn .toggle-content ul { 23144 margin-bottom: 10px 23145} 23146 23147.productView-description-inn .toggle-content ul li { 23148 margin: 0; 23149 font-size: 14px; 23150 line-height: 20px; 23151 color: #6D28D9; 23152 font-weight: 400; 23153 position: relative; 23154 padding-left: 20px; 23155 margin-bottom: 20px 23156} 23157 23158@media only screen and (max-width:1023px) { 23159 .productView-description-inn .toggle-content ul li { 23160 margin-bottom: 15px 23161 } 23162} 23163 23164.productView-description-inn .toggle-content ul li:before { 23165 content: ""; 23166 position: absolute; 23167 width: 10px; 23168 height: 7px; 23169 background: url(https://res.cloudinary.com/dqgwyxbv4/image/upload/v1771317045/jelajahi_lpyzwd.webp); 23170 background-size: 100%; 23171 left: 0; 23172 top: 5px 23173} 23174 23175.productView-description-inn .toggle-content ul li a { 23176 font-weight: 500 23177} 23178 23179.productView-description-inn .toggle-content .productReviews-list li:before { 23180 display: none 23181} 23182 23183.productView-description-inn .toggle-content .productReview-title { 23184 font-weight: 500 23185} 23186 23187.productView-description-inn .toggle-content .productReview-rating { 23188 display: block 23189} 23190 23191.productView-description-inn .toggle-content.is-open { 23192 border-bottom: 1px solid #dfdfdf 23193} 23194 23195.productView-description-inn .toggle-content .videoGallery-section { 23196 display: -ms-flexbox; 23197 display: flex; 23198 -ms-flex-align: flex-start;
23199 align-items: flex-start; 23200 -ms-flex-pack: center; 23201 justify-content: center; 23202 margin: 0 -15px 23203} 23204 23205@media only screen and (max-width:1023px) { 23206 .productView-description-inn .toggle-content .videoGallery-section { 23207 -ms-flex-wrap: wrap; 23208 flex-wrap: wrap; 23209 -webkit-flex-wrap: wrap; 23210 margin: 0 23211 } 23212} 23213 23214.productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn { 23215 width: 60%; 23216 padding-left: 15px; 23217 padding-right: 15px 23218} 23219 23220@media only screen and (max-width:1023px) { 23221 .productView-description-inn .toggle-content .videoGallery-section .videoGallery-main-inn { 23222 width: 100%; 23223 padding-right: 0; 23224 padding-left: 0 23225 } 23226} 23227 23228.productView-description-inn .toggle-content .videoGallery-list { 23229 width: 40%; 23230 margin: 0; 23231 padding-left: 15px; 23232 padding-right: 15px 23233} 23234 23235@media only screen and (max-width:1023px) { 23236 .productView-description-inn .toggle-content .videoGallery-list { 23237 width: 100%; 23238 padding-right: 0; 23239 padding-left: 0 23240 } 23241} 23242 23243.productView-description-inn .toggle-content .videoGallery-item { 23244 width: 100%; 23245 padding: 0 23246} 23247 23248.productView-description-inn .toggle-content .videoGallery-item:before { 23249 display: none 23250} 23251 23252.productView-description-inn .toggle-content#productReviews-content ul { 23253 text-align: left 23254} 23255 23256.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item { 23257 padding-left: 0; 23258 margin-bottom: 0 23259} 23260 23261.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item .pagination-link { 23262 display: -ms-flexbox; 23263 display: flex; 23264 -ms-flex-align: center; 23265 align-items: center; 23266 -ms-flex-pack: center; 23267 justify-content: center 23268} 23269 23270.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item+li { 23271 margin-left: 5px 23272} 23273 23274.productView-description-inn .toggle-content#productReviews-content ul li.pagination-item:before { 23275 display: none 23276} 23277 23278@media only screen and (max-width:567px) { 23279 .related-product.m-t-50 { 23280 margin-top: 30px 23281 } 23282} 23283 23284.related-product+.customer-view-product.m-t-50 { 23285 margin-top: 10px 23286} 23287 23288.previewCart .productView-image { 23289 background: #f4f4f4; 23290 border: 1px solid #dfdfdf 23291} 23292 23293.previewCart .productView-image .productView-img-container { 23294 display: -ms-flexbox; 23295 display: flex; 23296 -ms-flex-align: center; 23297 align-items: center; 23298 -ms-flex-pack: center; 23299 justify-content: center; 23300 width: 100% 23301} 23302 23303.previewCart .productView-image .productView-image--cart { 23304 mix-blend-mode: darken 23305} 23306 23307.previewCart .previewCartCheckout-price { 23308 color: #333 23309} 23310 23311.previewCart .productView-details { 23312 padding-left: 20px 23313} 23314 23315@media only screen and (max-width:1023px) { 23316 .previewCart .productView-details { 23317 padding-left: 0 23318 } 23319} 23320 23321@media only screen and (max-width:1279px) { 23322 .previewCart .previewCartCheckout { 23323 width: 30% 23324 } 23325} 23326 23327@media only screen and (max-width:1023px) { 23328 .previewCart .previewCartCheckout { 23329 width: 100% 23330 } 23331} 23332 23333.previewCart .previewCartCheckout .button { 23334 padding-left: 10px; 23335 padding-right: 10px 23336} 23337 23338@media only screen and (max-width:1023px) { 23339 .previewCart .productView-title { 23340 margin-top: 10px 23341 } 23342} 23343 23344@media only screen and (max-width:1279px) { 23345 .previewCart .productView { 23346 width: 70% 23347 } 23348} 23349 23350@media only screen and (max-width:1023px) { 23351 .previewCart .productView { 23352 display: none 23353 } 23354} 23355 23356#CartEditProductFieldsForm { 23357 overflow: hidden 23358} 23359 23360.writeReview-productImage-container { 23361 background: #f4f4f4; 23362 border: 1px solid #dfdfdf; 23363 overflow: hidden; 23364 max-height: 380px 23365} 23366 23367.writeReview-productImage-container img { 23368 mix-blend-mode: darken 23369} 23370 23371@media only screen and (max-width:1023px) { 23372 .writeReview-productDetails { 23373 display: none 23374 } 23375} 23376 23377.writeReview-productDetails .product-brand { 23378 margin-top: 20px 23379} 23380 23381.writeReview-productDetails .product-title { 23382 margin-top: 20px 23383} 23384 23385.productView--quickView .productView-details .price-block .productView-price { 23386 width: 100%; 23387 margin-bottom: 5px 23388} 23389 23390.productView--quickView .productView-details .price-block .productView-price.call-for-price { 23391 display: none 23392} 23393 23394.productView--quickView .productView-details .price-block .price-block-left { 23395 width: 100%; 23396 -ms-flex-pack: start; 23397 justify-content: flex-start 23398} 23399
23400.productView--quickView .productView-images .productView-thumbnails img { 23401 max-width: 85px; 23402 max-height: 105px 23403} 23404 23405.productView--quickView .productView-images .productView-thumbnail-link { 23406 height: 105px 23407} 23408 23409.form-select--date { 23410 width: auto 23411} 23412 23413.modal-body.quickView { 23414 position: relative 23415} 23416 23417.cart-header .cart-header-item { 23418 color: #6D28D9; 23419 font-weight: 500; 23420 padding: 15px 10px; 23421 font-size: 16px 23422} 23423 23424.cart-list { 23425 border-color: 1px solid #dfdfdf 23426} 23427 23428@media only screen and (max-width:1023px) { 23429 .cart-list { 23430 border-top: 0 23431 } 23432} 23433 23434.cart-list .form-increment .form-input--incrementTotal { 23435 height: 50px; 23436 width: 50px !important; 23437 font-size: 14px; 23438 text-align: center; 23439 border: 1px solid #dfdfdf; 23440 border-radius: 0; 23441 font-weight: 300; 23442 padding: 5px; 23443 float: left 23444} 23445 23446.cart-list .form-increment .button { 23447 display: block; 23448 border: none; 23449 padding: 0; 23450 background: 0 0; 23451 font-size: 10px 23452} 23453 23454.cart-list .form-increment .button i { 23455 line-height: 25px; 23456 text-align: center; 23457 width: 23px; 23458 height: 25px; 23459 display: block; 23460 border: 1px solid #dfdfdf; 23461 cursor: pointer; 23462 border-radius: 0; 23463 border-left: none 23464} 23465 23466.cart-list .form-increment .button+.button i { 23467 border-top: 0 23468} 23469 23470.cart-list .form-increment .button:hover { 23471 background: #4b5061 23472} 23473 23474.cart-list .form-increment .button:hover i svg { 23475 fill: #fff 23476} 23477 23478.cart-item-figure:after { 23479 display: none 23480} 23481 23482.cart-item-figure .cart-item-fixed-image, 23483.cart-item-figure .cart-item-image-1 { 23484 max-width: 90px; 23485 max-height: 90px 23486} 23487 23488.cart-item-name a { 23489 color: #6D28D9; 23490 font-weight: 500 23491} 23492 23493.cart-item-name a:hover { 23494 color: #666 23495} 23496 23497.cart-item-option-title { 23498 color: #6D28D9; 23499 font-weight: 500 23500} 23501 23502.cart-item-value, 23503.cart-total-label { 23504 color: #6D28D9; 23505 font-size: 16px 23506} 23507 23508.cart-item-value { 23509 font-weight: 500 23510} 23511 23512.cart-remove { 23513 width: 20px; 23514 height: 20px; 23515 display: -ms-flexbox; 23516 display: flex; 23517 -ms-flex-align: center; 23518 align-items: center; 23519 -ms-flex-pack: center; 23520 justify-content: center; 23521 padding: 6px 23522} 23523 23524.cart-remove>svg { 23525 fill: #6D28D9 23526} 23527 23528.cart-remove:hover { 23529 background: #6D28D9 23530} 23531 23532.cart-remove:hover svg { 23533 fill: #fff 23534} 23535 23536@media only screen and (max-width:1023px) { 23537 .cart-item-info+.cart-item-info { 23538 margin-top: 0 23539 } 23540} 23541 23542@media only screen and (max-width:567px) { 23543 .cart-item-info { 23544 margin-bottom: 10px 23545 } 23546} 23547 23548.cart-item-info p { 23549 display: inline-block; 23550 vertical-align: middle; 23551 margin-bottom: 0 23552} 23553 23554@media only screen and (max-width:567px) { 23555 .cart-item-info p { 23556 margin-left: 23px 23557 } 23558} 23559 23560@media only screen and (max-width:666px) { 23561 .cart-item-info .cart-remove { 23562 margin-left: 3px 23563 } 23564} 23565 23566@media only screen and (max-width:479px) { 23567 .estimator-form .button--primary { 23568 padding-left: 15px; 23569 padding-right: 15px 23570 } 23571} 23572 23573@media only screen and (max-width:479px) { 23574 .cart-gift-certificate-form .button, 23575 .coupon-form .button { 23576 width: 100%; 23577 margin-left: 0; 23578 margin-top: 10px 23579 } 23580} 23581 23582@media only screen and (max-width:479px) { 23583 .cart-gift-certificate-form .form-input, 23584 .coupon-form .form-input { 23585 width: 100% 23586 } 23587} 23588 23589.cart-total { 23590 margin-bottom: 0; 23591 padding: 0 10px 23592} 23593 23594.cart-total+.cart-total { 23595 border-top: 1px solid #dfdfdf 23596} 23597 23598.cart-total .cart-total-label, 23599.cart-total .cart-total-value { 23600 padding: 15px 0; 23601 width: 50% 23602} 23603 23604@media only screen and (max-width:1023px) { 23605 .cart-total .cart-total-label { 23606 text-align: left 23607 } 23608} 23609 23610@media only screen and (max-width:567px) { 23611 .cart-total .cart-total-value { 23612 text-align: right 23613 } 23614} 23615 23616.cart-total .form-input, 23617.cart-total .form-select { 23618 height: auto; 23619 background-position: right 5px top 12px; 23620 background-size: 20px; 23621 padding: 12px 30px 12px 15px; 23622 line-height: 18px 23623} 23624 23625@media only screen and (max-width:767px) { 23626 .cart-total .form-input, 23627 .cart-total .form-select { 23628 padding: 9px 30px 9px 10px; 23629 background-position: right 5px top 8px 23630 } 23631} 23632 23633.cart-total-grandTotal { 23634 font-weight: 500 23635} 23636 23637.coupon-code-add, 23638.coupon-code-cancel, 23639.gift-certificate-add, 23640.gift-certificate-cancel, 23641.shipping-estimate-hide, 23642.shipping-estimate-show { 23643 font-style: italic 23644} 23645 23646.cart-additionalCheckoutButtons .apple-pay-checkout-button { 23647 margin-top: 20px 23648} 23649</style> 23650
23650<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"89303d75f4e44f168e5b1be4d8a72776","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23650 23651
23651<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a857832408e44f55b2879defa5e140c6","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23651 23652
23652<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"28b89a22a42c44e99847e1ac2472307f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23652 23653 <div id="omnisend-dynamic-container" style="overflow: hidden; height: 0px;"> 23654 <div id="omnisend-pixel-container"></div> 23655 <div id="omnisend-jsonp-container"></div> 23656 </div> 23657
23657<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"28b89a22a42c44e99847e1ac2472307f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23657 23658 23659
23659<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8c08e2ea80e74c79b28db1ae906f6d89","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23659 23660
23660<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8c08e2ea80e74c79b28db1ae906f6d89","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
23660 23661
23661<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8c08e2ea80e74c79b28db1ae906f6d89","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 23661
23661
23662<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"8c08e2ea80e74c79b28db1ae906f6d89","r":1}' crossorigin="anonymous"></script>
23662 23663 <!-- ============================================================ 23664 TEMA UNGU + TOMBOL MERAH & GOLD (EFEK TIMBUL / EMBOSS) 23665 ============================================================ --> 23666 <style id="purple-theme-override"> 23667 :root { 23668 --p-purple: #6D28D9; 23669 --p-purple-dark: #4C1D95; 23670 --p-purple-deep: #2E1065; 23671 --p-purple-night: #3B0764; 23672 --p-purple-light: #A78BFA; 23673 --p-purple-tint: #F5EFFF; 23674 --p-red: #D91E18; 23675 --p-red-light: #F0453F; 23676 --p-red-dark: #6E0A07; 23677 --p-gold: #FFD700; 23678 --p-gold-light: #FFF3B0; 23679 --p-gold-dark: #9A7314; 23680 } 23681 23682 /* ---------- LATAR & TIPOGRAFI ---------- */ 23683 body { 23684 background: linear-gradient(180deg, #F7F2FF 0%, #EDE3FF 100%) !important; 23685 } 23686 23687 .body, 23688 .container { 23689 background: transparent; 23690 } 23691 23692 .page-heading, 23693 .productView-title, 23694 .modal-header-title, 23695 .toggle-title span, 23696 h1, h2, h3, h4, h5, h6 { 23697 color: var(--p-purple-night); 23698 } 23699 23700 .page-sub-heading { 23701 color: var(--p-purple); 23702 } 23703 23704 a { 23705 color: var(--p-purple); 23706 } 23707 23708 a:hover { 23709 color: var(--p-purple-dark); 23710 } 23711 23712 /* ---------- HEADER ---------- */ 23713 .header, 23714 .header-main { 23715 background: linear-gradient(180deg, #3B0764 0%, #6D28D9 100%) !important; 23716 border-bottom: 3px solid var(--p-gold) !important; 23717 box-shadow: 0 6px 18px rgba(46, 16, 101, .35); 23718 } 23719 23720 .navPages-action, 23721 .navUser-action, 23722 .navPages-action:hover, 23723 .navUser-action:hover { 23724 color: #FFF !important; 23725 } 23726 23727 .navPages-action:hover, 23728 .navUser-action:hover { 23729 text-shadow: 0 0 8px var(--p-gold); 23730 } 23731 23732 .navPages-list ul, 23733 .navUser-section-sub, 23734 .header-side-bar-inn { 23735 background: var(--p-purple-deep) !important; 23736 } 23737 23738 .navPages-list ul .navPages-action, 23739 .navUser-section-sub .navUser-action { 23740 color: #EDE3FF !important; 23741 } 23742 23743 .navPages-list ul .navPages-action:hover, 23744 .navUser-section-sub .navUser-action:hover { 23745 color: var(--p-gold) !important; 23746 } 23747 23748 .sidebarBlock-heading { 23749 color: var(--p-gold) !important; 23750 } 23751 23752 /* ---------- BREADCRUMB & KONTEN ---------- */ 23753 .breadcrumbs { 23754 background: rgba(109, 40, 217, .08); 23755 border-radius: 8px; 23756 padding: 10px 14px; 23757 } 23758 23759 .breadcrumb-label { 23760 color: var(--p-purple-dark); 23761 } 23762 23763 .productView-price .price { 23764 color: var(--p-red) !important; 23765 font-weight: 700; 23766 } 23767 23768 .price--non-sale { 23769 color: var(--p-purple-light) !important; 23770 text-decoration: line-through; 23771 } 23772 23773 .productView-info-name { 23774 color: var(--p-purple-dark); 23775 } 23776 23777 /* ---------- FOOTER ---------- */ 23778 .footer-info-inn { 23779 background: linear-gradient(180deg, #4C1D95 0%, #2E1065 100%) !important; 23780 border-top: 3px solid var(--p-gold) !important; 23781 } 23782 23783 .footer-bar { 23784 background: #2E1065 !important; 23785 border-top: 1px solid rgba(255, 215, 0, .35); 23786 } 23787 23788 .footer-bar .footer-copyright, 23789 .footer-bar p, 23790 .footer-bar a { 23791 color: #EDE3FF !important; 23792 } 23793 23794 .footer-bar .theme-color, 23795 .footer-bar a:hover { 23796 color: var(--p-gold) !important; 23797 } 23798 23799 .footer-info-heading { 23800 color: var(--p-gold) !important; 23801 } 23802 23803 .footer-info-list a, 23804 .footer-info-inn a { 23805 color: #EDE3FF !important; 23806 } 23807 23808 .footer-info-list a:hover, 23809 .footer-info-inn a:hover, 23810 .footer .view-all a { 23811 color: var(--p-gold) !important; 23812 } 23813 23814 /* ============================================================ 23815 TOMBOL: MERAH & GOLD DENGAN AKSEN TIMBUL (EMBOSS 3D) 23816 ============================================================ */ 23817 .button, 23818 .button--primary, 23819 input[type="submit"].button, 23820 input[type="submit"].button--primary { 23821 border-radius: 10px !important; 23822 font-weight: 700 !important; 23823 letter-spacing: .5px; 23824 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; 23825 } 23826 23827 /* Tombol utama = MERAH timbul */ 23828 .button:not(.compare), 23829 .button--primary, 23830 input[type="submit"].button, 23831 input[type="submit"].button--primary { 23832 background: linear-gradient(180deg, #F0453F 0%, #D91E18 45%, #8E0F0B 100%) !important; 23833 border: 2px solid var(--p-gold) !important; 23834 color: #FFF3D6 !important;
23835 text-shadow: 0 1px 2px rgba(0, 0, 0, .55); 23836 box-shadow: 23837 inset 0 2px 0 rgba(255, 255, 255, .45), 23838 inset 0 -3px 6px rgba(0, 0, 0, .45), 23839 0 5px 0 var(--p-red-dark), 23840 0 9px 16px rgba(0, 0, 0, .35) !important; 23841 } 23842 23843 .button:not(.compare):hover, 23844 .button--primary:hover, 23845 input[type="submit"].button:hover { 23846 background: linear-gradient(180deg, #FF5B55 0%, #E52620 45%, #A31310 100%) !important; 23847 color: #FFF !important; 23848 transform: translateY(-2px); 23849 box-shadow: 23850 inset 0 2px 0 rgba(255, 255, 255, .5), 23851 inset 0 -3px 6px rgba(0, 0, 0, .45), 23852 0 7px 0 var(--p-red-dark), 23853 0 13px 20px rgba(0, 0, 0, .4) !important; 23854 } 23855 23856 .button:not(.compare):active, 23857 .button--primary:active, 23858 input[type="submit"].button:active { 23859 transform: translateY(4px); 23860 box-shadow: 23861 inset 0 3px 8px rgba(0, 0, 0, .55), 23862 0 1px 0 var(--p-red-dark) !important; 23863 } 23864 23865 /* Tombol sekunder = GOLD timbul */ 23866 .button--secondary, 23867 .form-prefixPostfix-button--postfix, 23868 .footer .button, 23869 .footer input[type="submit"] { 23870 background: linear-gradient(180deg, #FFF3B0 0%, #FFD700 40%, #C9971B 100%) !important; 23871 border: 2px solid #FFF1A8 !important; 23872 color: #4A1300 !important; 23873 text-shadow: 0 1px 0 rgba(255, 255, 255, .6) !important; 23874 box-shadow: 23875 inset 0 2px 0 rgba(255, 255, 255, .75), 23876 inset 0 -3px 6px rgba(120, 80, 0, .4), 23877 0 5px 0 var(--p-gold-dark), 23878 0 9px 16px rgba(0, 0, 0, .35) !important; 23879 } 23880 23881 .button--secondary:hover, 23882 .form-prefixPostfix-button--postfix:hover, 23883 .footer .button:hover, 23884 .footer input[type="submit"]:hover { 23885 background: linear-gradient(180deg, #FFF8CC 0%, #FFE234 40%, #D8A621 100%) !important; 23886 color: #4A1300 !important; 23887 transform: translateY(-2px); 23888 box-shadow: 23889 inset 0 2px 0 rgba(255, 255, 255, .8), 23890 inset 0 -3px 6px rgba(120, 80, 0, .4), 23891 0 7px 0 var(--p-gold-dark), 23892 0 13px 20px rgba(0, 0, 0, .4) !important; 23893 } 23894 23895 .button--secondary:active, 23896 .form-prefixPostfix-button--postfix:active, 23897 .footer .button:active, 23898 .footer input[type="submit"]:active { 23899 transform: translateY(4px); 23900 box-shadow: 23901 inset 0 3px 8px rgba(120, 80, 0, .55), 23902 0 1px 0 var(--p-gold-dark) !important; 23903 } 23904 23905 /* Tombol gambar (compare) tetap polos, hanya bingkai ungu timbul */ 23906 .button.compare { 23907 background: #FFF !important; 23908 border: 2px solid var(--p-purple) !important; 23909 border-radius: 10px !important; 23910 box-shadow: 0 4px 0 var(--p-purple-dark), 0 8px 14px rgba(46, 16, 101, .3) !important; 23911 } 23912 23913 .button.compare:active { 23914 transform: translateY(3px); 23915 box-shadow: 0 1px 0 var(--p-purple-dark) !important; 23916 } 23917 23918 /* ---------- FORM ---------- */ 23919 .form-input, 23920 .form-select { 23921 border: 1px solid var(--p-purple-light) !important; 23922 border-radius: 8px; 23923 } 23924 23925 .form-input:focus, 23926 .form-select:focus { 23927 border-color: var(--p-purple) !important; 23928 box-shadow: 0 0 0 3px rgba(109, 40, 217, .2); 23929 } 23930 </style>
23931<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"c0d22567bdb54dc08fef9fb0f5bf8e53","r":1}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 23931
23931
23932<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"ab69cfaad59547ecbe6e41e2754e4cf7","r":1,"spa":2}' crossorigin="anonymous"></script>
23932 23933</body> 23934 23935 23936</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.